/* CSS Document */

/* Estrutura  Geral */
*{ margin:0; padding:0;}

input{ border: solid 1px #003366} 
input.login{ border: solid 1px #5bc6f0; background:#5bc6f0}

.botao{background-color:#0560a6; color:#fff; border:none; font-family:Arial; font-size:12px; padding:3px }

input[type=text],input[type=password],textarea,.input { border:1px solid #1171bb; background-color: #ededed; font-family:Arial; font-size:12px;}
 

body{ text-align:center; background: url(../../img/fundo.jpg) no-repeat top center #FFFFFF;}
div#geral{ margin:30px auto 0 auto; width:971px; margin-bottom:20px;}
div#header{ height:134px; width:auto; }
	div.banner{ height:97px;}
		div.logo{ float:left; height:97px;}
		div.login{ width:277px; height:97px; _height:100px; float: right; text-align:right; padding-right:10px;  background:url(../../img/fundo-login.png) no-repeat bottom right; }
		
	/* Menu */
	div#fundoMenu{ background:#FFFFFF; width:auto}
	div#menu{ margin:0 auto; width:970px; _width:971px; min-height:37px;height:37px; background:url(../../img/fundo-menu.jpg) repeat-x top; text-align:left; display:inline-block}
	ul.menu{  padding-top:10px; padding-left:10px; font-family: Helvetica, Arial, sans-serif; font-size:13px; width:783px; float:left; }
	ul.menu li{ display:inline; padding:0 20px 0 8px; }/*ul.menu li{ display:inline; padding:0 20px 0 8px; background:url(../../img/bolet.png) no-repeat right  }*/
	
	ul.menu li.ultimo{ display:inline; padding:0 20px 0 8px; background:none  }	
	ul.menu a{color:#FFFFFF; text-decoration:none; font-weight:bold}
	ul.menu a:hover{color:#70d4fa; text-decoration:none}
	ul.menu li.ativo a{color:#70d4fa;}	
	
/* Estrutura  interna */
div#conteudo{ width:971px; background:url(../../img/pauco.png) no-repeat top center; }
div#amarraColunas{ display: table-cell; width:960px; margin: 0 auto; padding-top:10px  }
div#colunaEsq{ float:left; width:760px; margin-left:10px; _margin-left:0px; text-align:left; }

	/*home*/
	div#bannerFlash{ width:737px; margin:0 auto; margin-bottom:10px;}
	div.homeNoticia{ width:487px; float: left; display:table}
		div.intCima{ background:#FFFFFF; height:195px; padding:0px 10px 0 10px; _padding:0px 10px 0 10px;}
	div.homeMeioAmb{ width:248px; float:right; margin-right:13px; _margin-right:10px;}
	div.homeQuadro{width:248px; float:left; margin-top:10px; display:inline-table; }
	div.homeQuadro2{width:487px; float:right; padding: 10px 13px 0 10px}
		div.intQuadros{background:#FFFFFF; height:260px; padding:0}
		div.quadroE{ width:222px; _width:220px; float: left; text-align:left;  margin-left: 20px; margin-left: 5px; background:url(../../img/divisao.jpg) right center repeat-y; display:inline-table;}
		div.quadroD{ width:220px; _width:200px;float: right; text-align:left;  margin-right: 20px; _margin-right: 5px; display:table;}
		div.quadrosHomeD{ width:190px; margin-left:10px; }
		div.quadrosHomeE{ width:190px; }
		
	/*noticias*/
	div#interna{width:450px; _width:483px; padding: 0px 0px 0px 10px; display:table;}
	div#interna .OpiAnt{ display:block; height:0px; padding-top:10px; margin-bottom:5px; border-bottom: dotted 1px #035ea4;}
	div#interna .blocoOpinaAnt{  width: 100%; margin:0 auto; margin-top:30px;  border-top: 3px solid  #CCCCCC; display:table; }
	div#internaNoticia{ width:98%; padding: 0px 5px 0px 5px; display:table}
	div.intInterna{background:#ffffff; display:table; padding: 0 10px 10px 10px;}
	div#destaques{vertical-align:text-top; display: inline-block}
	div#destaques .blocos{ float: left; width: 220px; min-height: 255px;}
	div#homeDestaques{display:inline-table; }
	
	div#internaNoticia #destaques .divisao{ float: left; width: 15px; padding:8px 8px; background:url(../../img/divisaop.jpg) center repeat-y; min-height:230px; }
	div#internaNoticia .blocosSem{ width: 220px; padding:0 8px; margin-left:1px;  float: right}	
	div#internaNoticia .blocoNoticiaAnt{  width: 700px; margin:0 auto; margin-top:30px;  border-top: 3px solid  #CCCCCC; display:table; }
	div#internaNoticia .notAnt{ display:block; height:auto; padding-bottom:10px; padding-top:10px; border-bottom: dotted 1px #035ea4}
	
	/*historico*/
	ul.pdf{ display:block; margin-top:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; list-style:none}
	ul.pdf li{ background:url(../../img/icoPDF.png) no-repeat left; padding: 5px 0 5px 30px; padding: 3px 0 3px 30px; margin-top:0px;}
	ul.pdf a{color:#545454; text-decoration:none}
	ul.pdf a:hover{color:#545454; text-decoration: underline}
	
	ul.pdf2{ display:block; margin-top:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; list-style:none}
	ul.pdf2 li{ background:url(../../img/icoPDF.png) no-repeat left; padding: 5px 0 5px 30px; padding: 3px 0 3px 30px; margin-top:0px;}
	ul.pdf2 a{color:#545454; text-decoration:none}
	ul.pdf2 a:hover{color:#545454; text-decoration: underline}
	
		
div#colunaDir{ float: right; width:180px; text-align:left;  }
	div.blocoD{ margin:20px 0 20px 0;}
	.espaco{ margin-top: 2px;}
	
/* outros*/
ul.ulTexto { margin-left:13px; }
ul.ulTexto li{ margin-top:10px;}
div.calendarioEvento{ border-bottom: solid 3px #CCCCCC; padding: 10px; width:90% }
div.calendarioEvento2{  padding: 10px; width:90% }

div.abGeral{ margin-top:3px; width:100%;}
div.abAberto{ background:#0a66af; padding: 3px 0 4px 10px; }
div.abFechado{ background:#eaeceb; padding: 3px 0 4px 10px;}
div.abInterno{ background:#eaeceb; padding:10px;}

/* espaços */
.espacoT10{ margin-top: 10px}
.espacoT20{ margin-top: 20px}
.espacoB10{ margin-bottom: 10px}
.espacoB20{ margin-bottom: 20px}

/*Para mostrar menu sempre por tras dos popaps*/
.menuRad{z-index: 1;}

/* posição*/
.direito { text-align:right}
.esquerdo { text-align:left}

/* fontes */
.tit1{ font-family: Helvetica, Arial, sans-serif; font-size:14px }
.tit2{ font-family: Helvetica, Arial, sans-serif; font-size:14px; font-weight:bold; margin-bottom: 5px; }
.tit5{ font-family: Helvetica, Arial, sans-serif; font-size:13px; font-weight:bold; margin-bottom: 5px; }
.tit3{ font-family: Helvetica, Arial, sans-serif; font-size:15px; font-weight:bold }
.tit4{ font-family: Helvetica, Arial, sans-serif; font-size:14px; font-weight:bold; }
.textoGrid{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin-bottom:5px;padding:5px}
.texto{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px}
.txtFooter{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-top: 5px;}
.txtNotAnt{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

/* Cores das fontes */
.azulEscuro{ color:#035ea4}
.azulClaro{ color:#00aeef}
.cinza{ color:#737171}
.branco{ color:#ffffff;}

/* link */
a.anterior{ margin-top: 5px; color:#00aeef; text-decoration:none; }
a:hover.anterior{ text-decoration:underline}
a.cadastre{ margin-top: 5px; color:#035ea4; text-decoration:none; }
a:hover.cadastre{ text-decoration:underline}
a.texto{text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px}
a:hover.texto{text-decoration:underline}
a.textoGrid{text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-bottom:5px}
a:hover.textoGrid{text-decoration:underline; }
a.tit2{text-decoration:none; font-family: Helvetica, Arial, sans-serif; font-size:14px; font-weight:bold; margin-bottom: 5px;}
a:hover.tit2{text-decoration:underline; }
a.tit3{font-family: Helvetica, Arial, sans-serif; font-size:15px; font-weight:bold; text-decoration:none }
a:hover.tit3{text-decoration:underline; }
a.txtNotAnt{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none }
a:hover.txtNotAnt{text-decoration:underline; }

/* Divs redondas */
div.bordaBE{ height:18px; width:100%; background:url(../../img/borda-BD.png) left top ; }
div.bordaCD{ height:18px; width:100%; background:url(../../img/borda-CD.png) right top }
div.bordaCE{ height:18px; width:100%; background:url(../../img/borda-CE.png) left top }

/* tabelas */
.tabelaInterna{ margin-top:10px; padding:0}

/* Rodapé */
div#footer{  width:100%; text-align:center; margin-bottom:4px;}
div#barra{ width:100%; background:#035ea4; height:23px; text-align:center; color:#FFFFFF; font-size:9px}
div#contFooter{ margin: 0 auto; margin-top:-5px; text-align:left; width:955px}


.tags{color:#0469b3; font-size:14px;}
.tags a{color:#7b7b7b; font-size:12px; line-height:20px;}

/*botão OK para entrar na Extranet Home do Site*/
.btnOk{background:url(../../img/ok.jpg); height:18px; width:16px; cursor:pointer; border:0;  }
.validadores{font-family:Verdana; font-size:10px; color:Red;}



div.caixaAlertaMeio{ width:498px;  padding:20px; margin-top:-5px; background:url(../../Img/telaAlertMeio.jpg) repeat-y; text-align:left; color: White; font-size: 12px;}
div#caixaAlerta{ padding:0; width:498px; text-align:left}
.cssModalBackGround{background-color:Black;filter:alpha(opacity=40);opacity:0.4;}

div.caixaAnos {background-color:#5bc6f0; display:inline-table; float:right;height:20px; vertical-align:middle; margin-right:2px;}
div.caixaAnos span{display:inline-table}
div.caixaAnos span a{font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none;font-weight:normal;color:#fff;font-size:11px; margin:5px;vertical-align:middle}
div.caixaAnos span a.azul{text-decoration:none;font-weight:normal;color:#163b81;font-size:11px; vertical-align:middle}
div.caixaAnos span .espaco{color:#ffffff; font-size:9px;vertical-align:middle; margin-bottom:2px;}

div.caixaPaginacao {display:inline-table; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle; border: 1px solid #d2d2d2; height:8px; text-align:center; width:450px; }
div.caixaPaginacao span{display:inline-table}
div.caixaPaginacao span a{text-decoration:none;font-weight:normal;color:#666666;font-size:11px;margin:5px}
div.caixaPaginacao span .espaco{color:#d2d2d2; font-size:9px;vertical-align:middle; margin-bottom:2px;}

/* thumbs de imagens*/
div#thumbs{display:inline-block;}
div#thumbs #mascaraP{width:96px;height:75px;z-index:2;position:absolute;}
div#thumbs #mascaraM{width:187px;height:75px;z-index:2;position:absolute;}
div#thumbs #mascaraG{max-width:260px;height:167px;z-index:2;position:absolute }
div#thumbs #imagem{z-index:1;}

div#thumbs #imagemG{z-index:1;}
div#thumbs #imagemG img{ width:260px;}