@import "font.css";
@import "limpa.css";


/** Para colocar fonts fora do sistema **/
@font-face {
	font-family: ArialNueva;
	src: url("fonts/hum521l-webfont.eot"); /** Para o maldito do IE **/
}
@font-face {
	font-family: ArialNueva;
	src: url("fonts/hum521l-webfont.ttf");
}

@font-face {
	font-family: Bell;
	src: url("fonts/bell-std.eot");
}

@font-face {
	font-family: Bell;
	src: url("fonts/bell-std.ttf");
}


/* 1.CONFIGURAÇÕES DEFAULT
---------------------------------------------------------------------- */
#CanvasGeral {background:url(../_img/BgFundo.gif) top left no-repeat;}

h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px}
h2 {margin:20px 0 10px 0px; color:#363636; font-weight:bold; font-size:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
strong {font-weight:bold}
a.leiamais {line-height:23px; text-align:right; font-family:Trebuchet MS, "WWD 2012", arial !important; font-size:20px !important; font-weight:normal !important; color:#362f2d;}
a.leiamais:hover {color:#707070}

div.destaque div p {
	line-height:23px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:16px; 
	color:#362f2d
}
p.mais {font-family: "arno Pro", arial; font-size:15px; color:#112934; text-align:right; margin:15px 10px 0 0}
div.not1 h1, div.not2 h1 , div.dest h1{font-family: Helvetica, Arial, sans-serif; font-size:18px; font-weight:bold; color:#093216; margin-bottom:25px}
div.not1 p, div.not2 p, div.dest p {font-family: "arno Pro", arial; font-size:17px; color:#020b05; text-align:justify;margin-bottom:15px;}
div.LeiaMais a{font-family: Helvetica, Arial, sans-serif; font-size:14px; color:blue; }

div.eventos dl dt {font-family: Helvetica, Arial, sans-serif; font-size:17px; font-weight:bold; margin-bottom:5px; color:#112934}
div.eventos dl dd {font-family: "arno Pro", arial; font-size:16px; color:#112934; width:400px; padding:5px; background:#e1eef3; border-bottom:#fff 1px solid;margin-bottom:2px}
div.eventos dl dd a{color:#112934}
div.rodape ul li, div.rodape dl {font-size:16px; font-family:Trebuchet MS, "WWD 2012", arial !important; color:#29768b}

/*interna*/
div.ctinterna {font-family:Verdana, Geneva, sans-serif; font-size:13px}


/* 3.LAYOUT
---------------------------------------------------------------------- */
#Canvas {background:url(../_img/BgCanvas.gif) no-repeat 0px 100px; width:1024px; height:100%; box-shadow:0px 3px 8px #999999; margin:0 auto; display:block; border:none;border-left:#d1d1d1 1px solid;border-right:#d1d1d1 1px solid;}
#Canvas div.topo {background:url(../_img/BgLogMenu.png) top center no-repeat; height:660px; margin:0 auto;}

#Canvas div.destaque {background:url(../_img/BgDestaque2.png) no-repeat bottom center;margin-top:-135px; padding-bottom:10px; min-height:145px;}

div.destaque div {width:99%; padding:0px 0 10px 10px}

div.destaque h1 {font-family:Trebuchet MS, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:35px; padding:20px 0 0 30px;}
h1#titulocapa{background:url(../_img/TitAguas.png) top left no-repeat; text-indent:-9000px; line-height:42px;padding:0}


#Canvas div.conteudo {margin-top:-10px;}
#Canvas div.conteudo.interno {
	padding:50px 20px 20px 20px;
	background:#fff url(../_img/BgDestaque2.png) no-repeat top center; 
	margin-top:-70px; font: 18px Trebuchet MS, ArialNueva, arial, verdana, tahoma, helvetica, sans-serif;}
#Canvas div.conteudo.interno p{font:16px Trebuchet MS, ArialNueva, arial, verdana, tahoma, helvetica, sans-serif;line-height:27px; margin-bottom:15px;}




div.conteudo div.noticias, 
div.conteudo div.eventos, 
div.conteudo div.destaques {width:341px;} 

div.conteudo div.noticias {background:url(../_img/TitNot.jpg) top center no-repeat; padding-top:80px; float:left;}



div.noticias div.not1 {background:#ddedc5; margin:0 5px 20px 5px; padding:5px}
div.noticias div.not2 {margin:0 auto; margin-top:20px; padding:5px}

div.conteudo div.eventos { background:url(../_img/TitEve.jpg) top center no-repeat; padding-top:80px; float:left}
div.eventos dl {width:407px; padding:10px}

div.conteudo div.destaques {float:left;width:342px;background:url(../_img/TitDestaques.jpg) top center no-repeat; padding-top:80px; } 



div.destaques div.dest {background:#e5dacf; margin:0 5px 20px 5px; padding:5px}





div.conteudo div.galeria {clear:both;background:url(../_img/BgGaleria.png) no-repeat top left; padding-top:78px; float:left;padding-left:10px;width:1014px; height:200px;margin-top:0px;}





/*páginas internas*/

div.ctinterna {height:auto !important; margin-top:-105px !important;}
div.ctinterna p {padding:0 10px 0 10px; margin-bottom:15px}
div.ctinterna p:last-child {padding-bottom:10px !important}
div.ctinterna ul li {margin-left:20px}

div.ctinterna table {background:#aebb63;}
div.ctinterna table tr td {background:url(../_img/BgConteudo.jpg) bottom no-repeat; padding-bottom:40px}
div.ctinterna table tr td div.fundo {background:url(../_img/Transparente.png); padding:5px; margin:-30px 15px 5px 15px}

/* 4.LINKS
---------------------------------------------------------------------- */


/* 5.MENUS
---------------------------------------------------------------------- */
div.topo div.menuesq {width:300px; float:left;}
div.menuesq ul {margin:157px 0 0 0}
div.menuesq ul li {display:inline-block; text-indent:-9000px;}
div.menuesq ul li.inicio {background:url(../_img/MnInicio.png) left no-repeat; width:55px; height:25px; margin-left:20px}
div.menuesq ul li.diamundial {background:url(../_img/MnDiaMundial.png) left no-repeat; width:127px; height:26px; margin-left:40px}


div.topo div.menudir {width:300px; float:right;}
div.menudir ul {margin:155px 0 0 20px}
div.menudir ul li {display:inline-block; text-indent:-9000px;}
div.menudir ul li.imprensa {background:url(../_img/MnImprensa.png) left no-repeat; width:95px; height:33px; margin-left:20px}
div.menudir ul li.evento {background:url(../_img/MnEvento.png) left no-repeat; width:85px; height:25px; margin-left:40px}

/* 6.SITEINFO/RODAPÉ
---------------------------------------------------------------------- */

#Canvas div.rodape {background:#ddedc5;margin-top:-25px; float:left; width:810px; margin-left:5px; position:relative; padding-bottom:25px;}
#Canvas div.conteudo.interno  .rodape{margin-left:-15px; margin-top:20px}
div.rodape ul {padding:15px 0 0 20px; float:left;}
div.rodape ul li {width:310px; float:left;margin-right:10px} 
div.rodape dl {position:absolute; bottom:-30px; left:0}
div.rodape dl dt, div.rodape dl dd {float:left;}
div.rodape dl dd {float:left;margin-top:5px;}

/*internas*/
div.rpinterna {margin-top:0 !important; width:1280px !important; height:145px; display:block; margin:0 auto}
div.rpinterna ul {width:100%; margin-left:0 !important; padding-left:0 !important}
div.rpinterna ul li {padding-left:20px}

/* 7.FORMS
---------------------------------------------------------------------- */



/* CONFIGURAÇÕES DEFAULT
---------------------------------------------------------------------- */
div.not1 h1, 
div.not2 h1, 
div.dest h1 {font-size:18px; margin-bottom:20px}


div.not1 p, 
div.not2 p, 
div.dest p {font-size:15px;}
div.eventos dl dd {font-size:15px; width:305px; color:#000}


/* 1.LAYOUT
---------------------------------------------------------------------- */
/*internas*/
#Canvas div.ctinterna {margin-top:340px}
div.ctinterna table tr td div.fundo {width:1210px; margin:15px 15px 5px 15px}


}





#galeriafotos{
	border:#000 1px solid;
}
#Canvas #galeriafotos div.thumb{
	width:157px;
	height:125px;
	padding:3px;
	background:#d8dbdc;
	float:left;
	margin-right:6px;
	margin-bottom:6px;
	
}



#Canvas .conteudocapa.galeria-principal div.thumb:hover{background:#27a7a7;}



#Canvas .conteudocapa.galeria-principal div.thumb img{width:157px;height:110px;}
#Canvas .conteudocapa.galeria-principal div.thumb .tools a{
	text-decoration:none;
	float:left;
	width:49px;
	text-align:center;
	color:#525252;
	padding:2px;
	font: 12px ArialNueva, arial, verdana, tahoma, helvetica, sans-serif;
}
#Canvas .conteudocapa.galeria-principal div.thumb:hover .tools a{color:#ffffff;}

#Canvas .conteudocapa.galeria-principal div.thumb:hover .tools a:hover{
	background:#FFF;
	color:#27a7a7;
	border:#27a7a7 1px solid;
	padding:1px;
}




div.conteudocapa ul.listagenda li.item-listsite{border:#ccc 1px dotted;margin-bottom:3px;background:#f5f5f5; padding:10px 0 0 10px;}
div.conteudocapa ul.listagenda li.item-listsite:hover{background:#d6ecff; border-left:#297eb3 2px solid; }
div.conteudocapa ul.listagenda li.item-listsite p a{}
div.conteudocapa ul.listagenda li.item-listsite p a:hover{}
div.conteudocapa ul.listagenda li.item-listsite p  img{float:left;margin-top:8px;margin-right:5px;}
.conteudocapa.agenda{margin-bottom:60px;}
.conteudocapa.agenda h3{
	color:#297eb3;
	float:left;
	font: bold 16px arial, verdana, helvetica, sans-serif;
	margin:20px 0 10px 0;
}
.conteudocapa.agenda ul{clear:both}
.conteudocapa.agenda ul li p a{
	font-size:14px;
	color:#454545;
	text-decoration:none;

}



#Canvas #menuimprensa{
	margin:40px auto 0 auto;
	width:705px;
}
#Canvas #menuimprensa ul{
	clear:both;
	height:25px;
}
#Canvas #menuimprensa ul li{
	float:left;
	padding:5px;
	margin-right:20px;
}


#Canvas #menuimprensa ul li a{
	float:left;
	width:205px;
	height:55px;
	text-indent:-9000px;
	overflow:hidden;
    background: url(../_img/menuimprensa.png) repeat-x;
    overflow: hidden;
    text-decoration: none;
}



#Canvas #menuimprensa ul li:hover{}
#Canvas #menuimprensa ul li:hover a{}

#Canvas #menuimprensa ul li.selecionado,
#Canvas #menuimprensa ul li:hover{margin-top:-10px;}



#Canvas #menuimprensa #mi-noticias a{ background-position: 30px -80px;}
#Canvas #menuimprensa #mi-entrevistas a{ background-position: -180px -80px;}
#Canvas #menuimprensa #mi-campanhas a{ background-position: -420px -80px;}


#Canvas #menuimprensa #mi-noticias.selecionado a,
#Canvas #menuimprensa #mi-noticias a:hover
{ background-position: 15px -17px;}
#Canvas #menuimprensa #mi-entrevistas.selecionado a,
#Canvas #menuimprensa #mi-entrevistas a:hover
{ background-position: -210px -17px;}
#Canvas #menuimprensa #mi-campanhas.selecionado a,
#Canvas #menuimprensa #mi-campanhas a:hover
{ background-position: -450px -17px;}





.conteudo.interno.destaque h2{margin-top:35px; border-bottom:#ccc 1px dotted}

.conteudo.interno.evento h1{font-size:30px;font-weight:bold;border-bottom:#ccc 1px dotted;}