/* ================ 


Objetivo: Criar layout com base na estrutura 
Criacao:	Data : 27/04/2010 
			Autor: Leandro Pontes

Historico das alteracoes
| Data       | Autor         | Descricao das alteracoes
| 27/04/2010 | lpontes       | Criação da Codificação e Padronização
|            |               | 



 ================ */

 /*              GERAL           */
 

body {
font-family:Georgia, "Times New Roman", Times, serif ;
font-size:12px;
color: #666;
background: url(../imgs/bg_horizontal.gif) repeat-x top left; 
height:126px;
}

* {
padding: 0;
margin: 0;
}


a {
color: #666;
text-decoration: none;
}

a:hover {
color: #333;
text-decoration: underline;
}


p { 
margin-top: 1.35em; 
margin-bottom: 1.35em; 
text-shadow: 0 1px #fff;
line-height: 160%;
}



p, ul, ol, dd { 
font-size: 12px;
}

ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

ul {
list-style-type: none;
}


img {
border-top-style: none; 
border-right-style: none; 
border-left-style: none; 
border-bottom-style: none;

}


 /*              PARTE TOPO E RODAPE            */
 
 

/* parte do topo */

#topo {
background:url(../imgs/topo_bg.jpg);
height:70px;
}

#topo_menu {
list-style: none;
padding-left:200px; /* em relação ao grid + o espaçamento*/
padding-top:92px;
}

#topo_menu li {
float: left;
}

#topo_menu li a {
padding: 8px 12px 10px 12px;
background: transparent url() repeat-x top left;
color: #104D74;
font-size: 12px;
font-weight: bold;
border-right: 1px solid #ccc;
display: block;
}

#topo_menu li.ativo a, #topo_menu li a:hover {
background: #E6E6E6 url() repeat-x top left;
color: #125987;
text-decoration:none;
}

#topo_menu li a:hover {
text-decoration:underline;
}

h1 a {
background:transparent url(../imgs/logo.gif) no-repeat scroll 0 0;
display:block;
height:100px;
float:left;
margin-top:30px;
margin-left:4px;/* 15px centralizado */
text-indent:-9999px;
width:178px;
background-position:left 0px; 
}

h1 a:hover {
background:transparent url(../imgs/logo.gif) no-repeat scroll 0 0;
background-position:left -102px; 
}

.area_topo{
height:155px;
}

.info_topo{
padding-top:35px;
padding-left:10px;
line-height:22px;
font-weight:bold;
color:#2187b6;
}

/* chamadas da home */


.img_chamadas{
padding-top:20px; 
margin:0;
}

.img_chamadas a{
text-decoration:none;
border:2px solid #FAFAFA !important; 
}

.chamadas li{
border-bottom:#FC0 dotted 0.12em;
border-left:2px none;
list-style:none;
background:url("../imgs/chamadas_li.gif") no-repeat scroll 1px 22%; 
line-height:20px;
font-size:14px;
font-weight:bold;
padding:10px 0px 10px  25px;
letter-spacing:-0.01em;
}


.chamadas li a{
color:#2187b6;
text-decoration:none;
}


.chamadas li a:hover{
color:#333;
text-decoration:underline;
}
/* parte do meio */


.pergunta{
color:#228ABA;
font-size:14px;
}

.titulos_lead{
float:none; 
font-size:22px; 
color:#228ABA; 
padding:15px 15px 7px 0px;
line-height:25px; 
text-align:left;
text-shadow: 0 1px #fff;
}

.breadcrumbs{
padding-top:23px; 
line-height:10px; 
font-size:11px; 
color:#ccc;
}

#meio {
background:#fafafa url(../imgs/meio_bg.jpg) repeat-x top left;  /* #E9E9E9; */
/*height:420px;*/
margin:0px auto; 
}



.artigoImageD{
float:right;
padding-left:10px;
}

.artigoImageE{
float:left;
padding-right:10px;
}

.estanteImageD{
float:right;
padding-left:10px;
}

.estanteImageE{
float:left;
padding-right:10px;
}



.artigoImageD img{
border-color:#EDEDED #EDEDED #fff #EDEDED;
background:#FFF;
border-style:solid;
border-width:1px;
display:block;
padding:10px;
}

.artigoImageE img{
border-color:#EDEDED #EDEDED #fff #EDEDED;
background:#FFF;
border-style:solid;
border-width:1px;
display:block;
padding:10px;
}

.estanteImageD img , .estanteImageE img  , .estanteImageC img {
display:block;
padding:10px;
}


.artigoImageC .legenda {
background:none repeat scroll 0 0 #fff;
border:1px solid #EDEDED;
color:#333;
display:block;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:5px;
text-align:left;
text-indent:5px;
margin-bottom:10px;
}

.artigoImageE .legenda {
text-align:left;

}
.artigoImageD .legenda {
text-align:right;
}

.artigoImageE .legenda , .artigoImageD .legenda {
background:none repeat scroll 0 0 #EDEDED;
color:#333;
display:block;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:5px;
text-align:left;
text-indent:10px;
margin-bottom:10px;
}




/* parte do rodapé */



#rodape {
clear:both;
border-top:4px solid #848484;
background:#969696;
height:210px;
margin:0px auto; 
color:#fff;
}


h6 a {
background:transparent url(../imgs/logo_rodape.gif) no-repeat scroll 0 0;
display:block;
height:98px;
float:left;
margin-top:20px;
margin-left:0px; /*15px centralizado*/
text-indent:-9999px;
width:164px;
background-position:left 0px; 
}

h6 a:hover {
background:transparent url(../imgs/logo_rodape.gif) no-repeat scroll 0 0;
background-position:left -100px; 
}

.creditos{
clear:both;
padding-top:10px;
padding-left:25px; /*15px centralizado*/
padding-bottom:10px;
font-size:11px;
float:left;
text-shadow:none;
}

.creditos a{
color:#fff;
text-decoration:underline;
text-shadow:none;
}

.creditos a:hover{
color:#333;
text-decoration:underline;
text-shadow:none;
}

/*              PARTE TEXTUAL             */

.texto_d {
text-align:right;
}

.texto_e {
text-align:left;
}

.texto_c {
text-align:center;
}

.texto_j {
text-align:justify;
}


.cor_alternada1{
background:none repeat scroll 0 0 #eee;
border:1px solid #CCCCCC;
color:#333;
padding: 5px 10px;
line-height: 140%;
}

.cor_alternada2{
background:none repeat scroll 0 0 #fff;
border:1px solid #D1DADF;
color:#134B70;
padding: 5px 10px;
line-height: 140%;

}

.alerta_texto { 
color:#ff0000;
padding:1px 0px;
font-weight:bold;
}

.topicos_limpo ul{
border-left:2px none;
list-style-type: none;
line-height:20px;
padding:0px 0px 0px  25px;
}


.topicos ul{
border-left:2px none;
list-style-type: square;
line-height:20px;
padding:0px 0px 0px  25px;
}

.topicos_numeros ul{
border-left:2px none;
list-style-type:decimal;
line-height:20px;
padding:0px 0px 0px  25px;

}

.topicos_alfabeto ul{
border-left:2px none;
list-style-type: lower-alpha;
line-height:20px;
padding:10px 25px;
margin-bottom: 15px;
}

.topicos_links ul{
border-left:2px none;
list-style-type: disc;
line-height:20px;
padding:10px 25px;
background:#EDEDED;
margin:20px 15px;

}







.listabotao {
background-color:#fff;
border:1px solid #F2F2F2;
clear:both;
color:#666;
font-size:11px;
line-height:14px;
margin-bottom:20px;
padding:10px 10px 10px 2px;
}

.btvoltar {
background-color:#EDEDED;
background-repeat:no-repeat;
border-color:#F2F2F2 #EDEDED #EDEDED #F2F2F2;
border-style:solid;
border-width:1px;
color:#666;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:18px;
font-size:10px;
margin-left:5px;
padding:2px 2px 2px 1px;
text-align:center;
text-indent:3px;
vertical-align:baseline;
}

#conteudo_menu {
list-style: none;
padding-left:0px; /* em relação ao grid + o espaçamento*/
height:34px;
background:#066;
}

.recuo {
border-left:2px none;
padding:0 0 0 25px;
}

table, td{
font:100% Georgia, "Times New Roman", Times, serif; 
}


/*	 Menu Lateral	*/

/*atenção para tamanho da grid */

/*	 Menu Lateral	*/

#menu_lateral h2 {
color:#0280bb;
font-size:18px;
font-weight:normal;
line-height:12px;
margin:0px;
margin-top:10px;
padding:10px 0px 10px 0px;
text-align:right; /* retirar */
}


#menu_lateral a {
padding: 5px 0px  5px  5px;
display: block;
text-align:right;
border-bottom: #f2f2f2 2px solid;
padding-right:20px; /* retirar */
}

#menu_lateral a:hover {
padding: 5px 0px  5px  5px;
display: block;
border-bottom: #fff 2px solid;
padding-right:20px; /* retirar */
}


#menu_lateral li {
list-style:none;
background:url("../imgs/dot_azul.gif") no-repeat scroll 165px 50%; 

/*display: inline; */

}

.menu_lateral li a {
display: block;
padding: 5px 0px  5px  5px;
display:inline;
background:#EDEDED;
color:#666;
}

.menu_lateral li a:hover {
background:#0280bb none repeat scroll 0%;
padding: 5px 0px  5px  5px;
display:inline;
color:#fff;
}

.menu_aberto {
display:none;
}





/*	 títulos e subtítulos	*/

h2 {
color:#666;,
font-family:Georgia, "Times New Roman", Times, serif ;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0px;
line-height:normal;
margin:0px 0;
margin-bottom:0px;
margin-top:10px;
/*background:#0b9444 url() no-repeat 2px 50%;*/
padding:5px 0px 5px 0px;
}

.det_tit_lateral {
padding-top:40px;
}

h3 {
color:#218aba;
text-shadow: 0 1px #fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0px;
line-height:normal;
margin:0px 0;
padding:5px 0;
line-height:17px;
border-bottom:1px solid #F2F2F2;
}

h4 {
color:#666666;
text-shadow: 0 1px #fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0px;
line-height:normal;
margin:0px 0;
padding:10px 0;
line-height:17px;
border-bottom:1px solid #F2F2F2;
}

h5 {
color:#218aba;
text-shadow: 0 1px #fff;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0px;
line-height:normal;
margin:0px 0;
padding:10px 0;
line-height:17px;
border-bottom:1px solid #218aba;
}

h6 {
color:#666666;
text-shadow: 0 1px #fff;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0px;
line-height:normal;
margin:0px 0;
padding:10px 0;
line-height:17px;

}

hr {
border-top: 1px dashed #c4c4c4;
border-bottom: 1px solid #F2F2F2;
color: #F0F0F0;
background-color: #F0F0F0;
height: 4px;
margin-bottom:15px;
}

.underline{
text-decoration: underline; 
color: #666;
}

.notas_pagina p{
text-shadow: 0 1px #848484;
}

.notas_pagina {
background:none repeat scroll 0 50% #969696;
border-bottom:2px solid #848484;
border-right:2px solid #848484;
clear:both;
color:#fff;
line-height:18px;
padding:15px;
margin-bottom:10px;
}

.notas_pagina2 {
background:none repeat scroll 0 50% #EDEDED;
border-bottom:2px solid #CFCFCF;
border-right:2px solid #CFCFCF;
clear:both;
color:#333;
line-height:18px;
padding:15px;
margin-bottom:10px;
}


.notas_pagina h3 {
color:#fff;
text-shadow: 0 1px #848484 !important;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0px;
line-height:normal;
margin:0px 0;
padding:5px 0;
line-height:17px;
border-bottom:1px solid #969696;
text-shadow:none !important;
}

.texto_vertical{
writing-mode: tb-rl; filter: flipv fliph; /* Ie */
}

table, td{
font:100% Georgia, "Times New Roman", Times, serif; 
}

table{
width:100%;
border-collapse:collapse;
margin:1em 0;
margin-top:2px;
}

th, td{
text-align:left;
padding:10px;
border:1px solid #EDEDED;
}

th{
background:#0280BB;
color:#fff;
}


td{
background:#fff;
}



/* tablecloth styles */

tr.even td{
background:#e5f1f4;
}

tr.odd td{
background:#fff;
}

th.over, tr.even th.over, tr.odd th.over{
background:#37a7ef;
}

th.down, tr.even th.down, tr.odd th.down{
background:#104D74;	
}

th.selected, tr.even th.selected, tr.odd th.selected{
background:#29407d;
}

th.transparent, tr.even th.transparent, tr.odd th.transparent{
background:#fff;
}

/*quando passo o mouse linha x coluna */
td.over, tr.even td.over, tr.odd td.over{
background:#bce3fd;
}


/*quando clico na celula*/
td.down, tr.even td.down, tr.odd td.down{
background:#104D74; color:#fff;
}

/* quando clico fixo linha */

td.selected, tr.even td.selected, tr.odd td.selected {
color:#fff;
background:#125987;
}


td.transparent, tr.even td.transparent, tr.odd td.transparent {
color:#125987;
background:#fff;
}

/* selecionar uma parte */
td.empty, tr.odd td.empty, tr.even td.empty{
background:#cc0000;
color:#fff
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../imgs/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../imgs/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }