

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: 'Open Sans', sans-serif;

} 

body {
	background-color: #005b7f;
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position:left top;
	background-attachment:fixed;	
}

body,td,th {
	font-family: "Open Sans", sans-serif;
}


#pagewidth{ 
 width:940px; 
 text-align:left; 
 margin:0 auto; 
} 
 
#header{
 position:relative; 
 height:253px; 

 width:100%;
 display:block;
 overflow:auto;
} 
 
#leftcol{
 width:220px; 
 float:left; 
 position:relative; 
 }
 
#maincol{
 position: relative; 
 width:720px;
 float:right; 
 }
 
#footer{
 height:100px; 
 background-color:#013c49; 
 clear:both;
 display:block;
 overflow:auto;
 bottom: 0;
} 


/* TITULAÇÔES e CORPO DE TEXTO */

h1 {
	
	color: #013c49;
	text-decoration: none;
	font-size:25px;
	font-weight: 300;
	padding:0 0 0 0;
	margin: 0;
	
} 

h3{
	color: #013c49;
	text-decoration: none;
	font-size:23px;
	font-weight: 400;
	padding:0 0 0 0;
	margin: 0;
	
	}

.corpo_de_texto {
	color: #494949;
	text-decoration: none;
	font-size:14px;
	font-weight: 500;
	text-align:justify;
	line-height: 1.8em;
	padding:0 0 0 0;
	margin: 0;
	
}

p {
	color: #494949;
	text-decoration: none;
	font-size:14px;
	font-weight: 500;
	text-align:justify;
	line-height: 1.8em;
	padding:0 0 0 0;
	margin: 0;
	
	}
	
	
	



a {
	color: #494949;
	text-decoration: none;
	font-size:15px;
	font-weight: 500;
	text-align:justify;
	line-height: 1.8em;
	padding:0 0 0 0;
	margin: 0;
}


	


.titulo-box-azul {
	color: #013c49;
	text-decoration: none;
	font-size:17px;
	font-weight: 700;
	text-align:right;
	
}

.titulo-programacao {
	color: #013c49;
	text-decoration: none;
	font-size:14px;
	font-weight: 400;
	text-align:center;
	
}

.titulo-interno-azul {
	color: #013c49;
	text-decoration: none;
	font-size:18px;
	font-weight: 500;
	text-align:left;
	
}

.titulo-box-branco {
	color: #fff;
	text-decoration: none;
	font-size:17px;
	font-weight: 700;
	text-align:right;

}

.texto-box-submissao {
	color: #013c49;
	text-decoration: none;
	font-size:15px;
	font-weight: 500;
	text-align:justify;
	line-height: 1.9em;
	padding:0 0 0 0;
	margin: 0;
	
}

.texto-box-noticias {
	color: #494949;
	text-decoration: none;
	font-size:13px;
	font-weight: 500;
	text-align:justify;
	line-height: 1 em;


}
/* FIM - TITULAÇÔES e CORPO DE TEXTO */
 

 
/* BOXES E AREAS DE CONTEUDO */

.palestrante-foto { width:140px; height:245px; float:left; padding-top:15px; margin-bottom:15px; }
.palestrante-curriculo { width:455px; height:240px; float:right; clear:right; padding:10px; margin-bottom:15px; }
.palestrante-nome { color: #013c49; text-decoration: none;	font-size:18px; font-weight: 300; text-align:left; } 

.destaque-data{	
	background-color:#f7ea8d; 
	padding:3px;
	font-size:14px;
	color:#013c49;
}

.nova-data{
	background-color:#F00; 
	padding:3px;
	font-size:13px;
	color:#013c49;
	
	}


.box-breadcrumb{
	background-color:#013c49; 
	margin: 0px 0px 0px 20px; 
	padding: 5px 5px 5px 5px; 
	width:auto; 
	height:60px; 
	vertical-align:middle;
}

.box-imagem_topo {
	background-color:#eaeaea; 
	margin: 0px 0px 20px 20px; 
	padding:0px; width:auto; 
	height:250px; 
	vertical-align:middle;
}

.box-carrossel {
	background-color:#eaeaea; 
	margin: 0px 0px 0px 20px; 
	padding:0px; width:auto; 
	height:250px; 
	vertical-align:middle;
}


.box-corpo_de_texto {
	padding-top: 20px;
	text-align:justify;
	width:100%;
	min-height: 450px;
}

.box-corpo_de_texto_home {
	text-align:justify;
	width:100%;
	height:auto;
}

.box-lateral_esquerda {
	width:200px; 
	height:110px;
	background-color:#f7ea8d; 
	padding:10px;
	margin-top:20px;
	font-size:15px;
	color:#013c49;
	float:inherit;
}

/*link para box esquerdo*/
a.box-lateral_esquerda: img { 
	border: none;
}

a.box-lateral_esquerda:link {
	color: #013c49;
	text-decoration: none; 
	font-size:15px;
	font-weight:500;
}
a.box-lateral_esquerda:visited {
	color: #013c49;
	text-decoration: none;
	font-size:15px;
	font-weight:500;
}
a.box-lateral_esquerda:hover, a.box-lateral_esquerda:active, a.box-lateral_esquerda:focus { 
	text-decoration: none;
	color:#FC0;
	font-size:15px;
	font-weight:700;
}
/*link para box esquerdo*/


/*link para inserção em corpo de texto*/
a.link-corpotexto: img { 
	border: none;
	border: 0;
}

a.link-corpotexto:link {
	color: #013c49;
	text-decoration: none; 
	font-size:14px;
	font-weight:500;
}
a.link-corpotexto:visited {
	color: #013c49;
	text-decoration: none;
	font-size:14px;
	font-weight:500;
}
a.link-corpotexto:hover, a.link-corpotexto:active, a.link-corpotexto:focus { 
	text-decoration: none;
	color:#013c49;
	background-color:#FC0;
	font-size:14px;
	font-weight:700;
}

/*link para inserção box destaque*/
a.link-corpotexto-destaque: img { 
	border: none;
	border: 0;
}

a.link-corpotexto-destaque:link {
	color: #013c49;
	text-decoration: none; 
	font-size:18px;
	font-weight:300;
}
a.link-corpotexto-destaque:visited {
	color: #013c49;
	text-decoration: none;
	font-size:18px;
	font-weight:500;
}
a.link-corpotexto-destaque:hover, a.link-corpotexto-destaque:active, a.link-corpotexto-destaque:focus { 
	text-decoration: none;
	color:#013c49;
	background-color:#FC0;
	font-size:18px;
	font-weight:700;
}

/*link para box esquerdo*/


/*link para box submissao de trabalhos*/
a.box-submissao-trabalhos-link: img { 
	border: none;
}

a.box-submissao-trabalhos-link:link {
	color: #00739b;
	text-decoration: none; 
	font-size:15px;
	font-weight:600;
}
a.box-submissao-trabalhos-link:visited {
	color: #00739b;
	text-decoration: none;
	font-size:15px;
	font-weight:600;
}
a.box-submissao-trabalhos-link:hover, a.box-submissao-trabalhos-link:active, a.box-submissao-trabalhos-link:focus { 
	text-decoration: none;
	color:#00739b;
	font-size:15px;
	font-weight:700;
	background-color:#e5cf4c;
}

/*link para box submissao de trabalhos*/


/*link para barras inferiores de box*/
a.barra-box-link: img { 
	border: none;
}

a.barra-box-link:link {
	color: #FC0;
	text-decoration: none; 
	font-size:13px;
	font-weight:500;
}
a.barra-box-link:visited {
	color: #FC0;
	text-decoration: none;
	font-size:13px;
	font-weight:500;
}
a.barra-box-link:hover, a.barra-box-link:active, a.barra-box-link:focus { 
	text-decoration: none;
	color:#013c49;
	font-size:13px;
	font-weight:700;
	background-color:#e5cf4c;
}

/*FIM-link barras inferiores de box*/


.box-conteudo_pagina_interna{
	background-color:#eaeaea; 
	margin: 20px 0px 20px 20px; 
	padding: 40px 40px 40px 40px;
	
}

.box-conteudo_pesquisa{
	background-color:#fff; 
	margin: 20px 0px 20px 20px; 
	padding: 40px 40px 40px 40px;
	min-height:450px;

	
}

.box-conteudo_sob_carrossel{
	background-color:#eaeaea; 
	margin: 10px; 
	padding: 5px;
	
}

.box-conteudo_noticias{
	background-color:#eaeaea; 
	margin: 20px 0px 0px 20px; 
	padding: 0px 0px 0px 0px;
	float:left;
	width:700px;
	height:270px;
	
}

.box-conteudo_apoiocultural{
	background-color:#FF0; 
	margin: 20px 0px 0px 20px; 
	padding: 20px 20px 20px 20px;
	float:left;
	width:660px;
	
}

.box-titulo_pagina_interna {
 	float:left; 
	width:68%;
}

.box-redes_sociais_share_resize{
	float:right; 
	width:30%; 
	padding-top:5px;
	
}

.box-submissao-trabalhos{
	float: left;
	width: 300px;
	padding:0;
	margin: 20px 0 0 20px;
	background-color: #fff7d2;
	height:256px;
	background-image: url(../images/bg-box-submissao.gif);
	background-position: bottom right;
	background-repeat:no-repeat;
		
}


.box-redes-sociais{
	float: right;
	width: 380px;
	padding:0;
	margin: 6px 0 0 20px;
	background-color: #013c49;
	height:98px;
		
}


/*PALESTRANTES CONVIDADOS*/

.foto-palestrantes{width:140px; padding-right:20px; float:left}
.texto-palestrantes{width:460px; float:right}
.separador-palestrantes{width:100%; clear:both; margin:60px 0 60px 0}

/*FIM PALESTRANTES-CONVIDADOS*/


/* BARRAS CONTROLES */
.barra-conteudo_sob_carrossel{
	background-color:#013c49;
	height: 28px;
	width: 680px;
	margin: 0px 0px 0px 20px; 
	padding: 0px 20px 0px 0px;
	font-size:11px;
	color: #FC0;
	text-align:right;
	
}

.barra-conteudo_noticias{
	background-color:#013c49;
	height: 28px;
	width: 680px;
	margin: 0px 0px 0px 20px; 
	padding: 0px 20px 0px 0px;
	font-size:11px;
	color: #FC0;
	text-align:right;
	float:left;
	
}

.barra-spacer-home{
	
	height: 40px;
	width: 680px;
	margin: 0px 0px 0px 20px; 
	padding: 0px 20px 0px 0px;
	font-size:11px;
	color: #FC0;
	text-align:right;
	float:left;
	
}

#botao-programacao-home{
	float: right;
	width: 380px;
	padding:0;
	margin: 20px 0px 0 20px;
	height:auto;
	
}

#botao-inscricao-home{
	float: right;
	width: 380px;
	padding:0;
	margin: 6px 0px 0 20px;
	height:auto;
		
}

#botao-redes-sociais-home{
	float: right;
	width: 380px;
	padding:0;
	margin: 10px 0px 0 20px;
	height:auto;
		
}

/* BARRAS CONTROLES */


 
/* LINKS DO FOOTER */

ul.menufooter {
	list-style: none; 
	margin-left:0px !important;
	padding-top:0;
}

ul.menufooter li {
	border-bottom: 0; 
	display: inline;
}

ul.menufooter a, ul.menufooter a:visited { 
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	font-size:12px;
	color:#FFF;	
}

ul.menufooter a:hover, ul.menufooter a:active, ul.menufooter a:focus {
	color: #FFF;
	font-size:12px;
}

.footer-links-espaco {
	padding: 10 10 10 10;
	height: 70px;
	width: 100%;
	position:relative;
	clear:both;
}

.footer-links-separador {
	padding: 10 10 10 10;
	height: 15px;
	width: 100%;
	position:relative;
	clear:both;
	background-color: #01272d;
}

.footer-links-breadcrumb {
	width:60%;
	height:40px;
	float:left;
	padding-left:15px;
	padding-top:10px;
}

.footer-links-dti {
	width:35%;
	height:30px;
	float:right;
	padding-right:16px;
	padding-top:12px;
	padding-bottom:0px;
	margin-bottom:0px;
}

a.rodape-link: img { 
	border: none;
}


a.rodape-link:link {
	color: #E5CF4C;
	text-decoration: none; 
	font-size:12px;
	font-weight:300;
}
a.rodape-link:visited {
	color: #E5CF4C;
	text-decoration: none;
	font-size:12px;
	font-weight:300;
}
a.rodape-link:hover, a.rodape-link:active, a.rodape-link:focus { 
	text-decoration: none;
	color:#FC0;
	font-size:12px;
	font-weight:400;
}

a.rodape-link-dti: img { 
	border: none;
}

a.rodape-link-dti:link {
	color: #E5CF4C;
	text-decoration: none; 
	font-size:9px;
	font-weight:300;
}
a.rodape-link-dti:visited {
	color: #E5CF4C;
	text-decoration: none;
	font-size:9px;
	font-weight:300;
}
a.rodape-link-dti:hover, a.rodape-link-dti:active, a.rodape-link-dti:focus { 
	text-decoration: none;
	color:#FC0;
	font-size:9px;
	font-weight:400;
}

 /* LINKS DO MENU FOOTER */



/*BREADCRUMB CONTROLE*/
.barra-breadcrumb{
	color: #FFF;
	text-decoration: none;
	font-size:20px;
	font-style:none;
	padding:0 0 0 0;
	
} 
a.barra-breadcrumb:link {
	color: #FFF;
	text-decoration: none;
	font-size:20px;
	font-style:none;
	padding:0 0 0 0;
}
a.barra-breadcrumb:visited {
	color: #FFF;
	text-decoration: none;
	font-size:20px;
	font-style:normal;
	padding:0 0 0 0;
}
a.barra-breadcrumb:hover, a.barra-breadcrumb:active, a.barra-breadcrumb:focus { 
	text-decoration: none;
	color:#DABC27;
	font-size:20px;
	font-weight:bold;
	padding: 0 0 0 0;
}

.barra-breadcrumb-opcao-final {
	color: #DABC27;
	text-decoration: none;
	font-size:20px;
	font-weight:bold;
	padding:0 0 0 0;
}

/*BREADCRUMB CONTROLE*/

/* SLIDE SHOW HOME */

 #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(images/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

/* SLIDE SHOW HOME */


 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


/* ******************************************************************** */ 
/*                     Controle do FEED de Notícias                     */ 
/* ******************************************************************** */ 

/* usando o RSS to HTML de http://rss.bloople.net/
The HTML generated by this code contains CSS hooks so you can style the output in your stylesheet.
The title of the feed is displayed in a h3 element, with the class feed-title.
The feed description is displayed in a p tag with class feed-desc.
The feed icon is displayed in an img with class feed-title-image.
Each feed item title is displayed in a h4 with class feed-item-title.
Each feed item description is displayed in a p tag with class feed-item-desc.
*/

.feed-title {
}

.feed-desc {
}

.feed-item-title{
	color: #013c49;
	text-decoration: none !important;
	font-size:16px;
	font-weight: 400;

}

.feed-item-desc{
	color: #494949;
	text-decoration: none;
	font-size:12px;
	font-weight: 300;
	text-align:justify;
	line-height: 1.5em;
	
}

/*link para feed*/
a.feed-item-title: img { 
	border: none;
}

a.feed-item-title:link {
	color: #FC0;
	text-decoration: none; 
	font-size:16px;
	font-weight:300;
}
a.feed-item-title:visited {
	color: #FC0;
	text-decoration: none;
	font-size:16px;
	font-weight:300;
}
a.feed-item-title:hover, a.feed-item-title:active, a.feed-item-title:focus { 
	text-decoration: none;
	color:#013c49;
	font-size:16px;
	font-weight:700;
	background-color:#e5cf4c;
}

/*FIM-link barras inferiores de box*/



  <!-- SlidesJS Optional: If you'd like to use this design -->
  <style>
    body {
      -webkit-font-smoothing: antialiased;
      font: normal 15px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #232525;
      padding-top:70px;
    }

    #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
  </style>
  <!-- End SlidesJS Optional-->


li {
	font-size:15px;
}