html, body {height:100%;}
body {
margin:0;
padding:0;
color:#161311;
font:75%/1.4 Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background:url(../layout/pagina_fundo.gif) no-repeat #fff;
}
#tudo {
width:998px;
position:relative;
margin:0 auto;
text-align:left;
min-height:100%;
border:dotted #999;
border-width:0 0px;
/*background-color:#fff;*/
background-image:url('../layout/pagina_tudo.gif');
background-repeat:no-repeat;
/*background-attachment:fixed;*/
/*background-position:center;*/
background-position:0px 546px;
}
* html #tudo {height: 100%;}
#conteudo {padding-bottom:55px;}
/*
TOPO - TOPO / BANNER / MENU TOPO
----------------------------------------------------------------------------------------------------------------------------------------------------
*/
#topo {
/*background:url() no-repeat #fff;*/
width:998px;
height:97px;
text-align:left;
}
#topo_menu {
/*background:url() no-repeat #fff;*/
width:998px;
height:102px;
text-align:left;
}
#topo_int {
background:none;
width:998px;
height:199px;
border-bottom:0px dotted #999;
text-align:center;
padding-top:0px;
}
#topo .menu{
background:#3F6BC2;
width:216px;
float:left;
margin-top:125px;
padding:0px;
}
#topo .topo_banner{
background:#fff;
width:700px;
height:257px;
float:right;
margin:0px;
margin-top:37px;
padding:0px;
}
#topo_banner {
/*background:#000;*/
width:998px;
height:350px;
text-align:center;
}
#topo_banner .banner{
width:920px;
border:10px solid #F3F3F3;
text-align:center;
}
/*
CONTEUDO - PRINCIPAL / CAPA / CONTEUDO
----------------------------------------------------------------------------------------------------------------------------------------------------
*/
#principal {
/*BACKGROUND:red;*/
width:677px;
padding:0px;
margin:0px;
margin-top:30px;
margin-left:25px;
float:left;
text-align:left;
/*text-align:justify*/
}
#principal p, img, small, span, div, form { BORDER:0; PADDING:0; }
#principal td, tr { FONT-SIZE:11px; COLOR:#161311; }
/* barra de busca interna no conteudo */
#principal .buscar_int{
BACKGROUND:url(../layout/fundo_noticias.gif) no-repeat #fff;
width:674px;
height:39px;
padding:0px;
margin-top:25px;
margin-bottom:10px;
display:block;
color:#8C1F1A;
text-align:right;
/*float:left;*/
}
/*
CONTEUDO - INTERNOS
----------------------------------------------------------------------------------------------------------------------------------------------------
*/
/* campos barra de busca interna no conteudo */
#principal .buscar_int_bt{ background:url(../layout/bt_buscar.gif) #BA2C20; color:#fff; width:70px; height:19px; border:0; margin:0; padding:0 } /* botao da busca - padrao */
#principal .buscar_int_bt2{ background:url(../layout/bt_buscar2.gif) #BA2C20; color:#fff; width:70px; height:19px; border:0; margin:0; padding:0 } /* botao da busca - variacao ( todos ) */
#principal .buscar_int_cp{ border:1px solid #DFDFDF; width:217px; height:19px; color:#5F5E5C } /* campo da busca */
#principal .conteudo_produto{ background:#fff; float:left; width:865px; padding:20px; }
/* pagina conteudo */
#principal .conteudo_texto{ float:left; width:100%; margin:0px; padding:0px; /*background:red*/ }
#principal .conteudo_texto_menu{ float:left; width:100%; padding:30px; /*background:red*/ } /* pagina conteudo / lista */
#principal .conteudo_texto_det{ float:left; width:100%; padding:0px; /*background:red*/ } /* pagina conteudo / detalhe */
/* pagina conteudo - links internos texto */
#principal .conteudo_texto a { COLOR:#C4261D; TEXT-DECORATION: underline }
#principal .conteudo_texto a:visited { COLOR:#C4261D; TEXT-DECORATION: underline }
#principal .conteudo_texto a:hover { COLOR:#888786; TEXT-DECORATION: underline }
/* pagina - conteudo texto - menu */
#principal .conteudo_texto_menu{ width:100%; height:auto; text-align:justify }
#principal .conteudo_texto_menu img{ border:5px solid #EFF0E8; margin-right:10px; margin-bottom:5px; float:left;}
/* conteudo texto */
#principal #contexto{ width:100%; height:auto; text-align:justify }
#principal #contexto img{ border:5px solid #EFF0E8; margin-right:10px; margin-bottom:5px; float:left;}
/* tabela down */
#tab_down th{ text-align:left; background:#538FC4; border-bottom:1px solid #3974A8; color:#fff; height:25px }
#tab_down td{ border-bottom:1px solid #AAB185; height:20px }
#tab_down .tab_down_off{ background:#fff }
#tab_down .tab_down_on{ border-bottom:1px solid #D2D6BE; background:#EFF0E8; cursor:pointer }
.tab_texto_sub{ margin:0; padding:0; margin-top:-20px; margin-bottom:10px }
/* janela detalhes arquivo */
#tab_jan{ background:#fff; padding:20px; border-bottom:2px solid #C7261E; border-right:2px solid #C7261E; }
#tab_jan tr td{ FONT-SIZE:11px; COLOR:#161311; }
#tab_jan .tab_janela_moldura{ width:280px; border:5px solid #EFF0E8; }
#tab_jan a { COLOR:#888786; TEXT-DECORATION: none }
#tab_jan a:visited { COLOR:#888786; TEXT-DECORATION: none }
#tab_jan a:hover { COLOR:#B6B5B5; TEXT-DECORATION: underline }
/* titulos */
#principal h1 { width:100%; color:#024EA6; border-bottom:1px solid #024EA6; font-size:21px; font-weight:normal }
#principal h5 { width:100%; color:#C7261E; /*border-bottom:2px solid #C7261E;*/ font-size:21px; font-weight:normal; padding-bottom:5px; margin-top:25px; margin-bottom:25px; }
/*
CONTEUDO - DESTAQUES GERAIS
----------------------------------------------------------------------------------------------------------------------------------------------------
*/
#principal #destaque{ /*background:red;*/ width:675px; height:auto; padding-top:10px; padding-left:15px }
#principal #destaque img{ border:1px solid #E5E5E5; /* border:5px solid #EFF0E8; margin-right:10px; margin-bottom:5px; float:left; */}
#principal #destaque strong{ color:#C4261D;}
#principal #destaque hr{ color:#DDDDD; border-bottom:1px solid #DDDDD}
/* ferramentas de destaque - div principal */
#principal .destaque_manchete { width:482px; margin-right:10px; float:left }
#principal .destaque_destaque { /*background-color:#007CC3;*/ width:482px; height:355px; margin-top:10px; margin-left:0px; padding-top:20px; padding-left:10px; border-left:0px solid #E0E0E0; float:left }
#principal .destaque_listagem { width:555px; margin-bottom:20px; float:left }
/* ferramentas de destaque - itens internos */
#principal .destaque_foto { border:5px solid #EFF0E8; margin-bottom:10px }
#principal .destaque_titulo { font-size:13px; color:#940605 } /* titulo de conteudo manchete */
#principal .destaque_titulop { color:#CC0000 } /* titulo de conteudo destaque - capa */
#principal .destaque_texto { margin:0; padding:0; margin-top:10px }
#principal .destaque_data { color:#C4261D; font-weight:normal; } /* manchete - news - capa */
#principal .destaque_manchete_img{ float:right; margin-left:10px; } /* manchete - img - capa */
#principal .destaque_banner { width:677px; background:#F3F3F5; color:#CD261E; padding-bottom:10px; margin-bottom:10px; text-align:center } /* banners capa */
#principal .marcador_b{ margin-left:235px; margin-top:10px }
/* ferramenta de destaque - galerias ( img / video ) */
#principal .destaque_galeria_of { width:90px; height:71px; background:#666666; border:3px solid #000; margin-bottom:5px; margin-right:5px; float:left } /* moldura da miniatura */
#principal .destaque_galeria_on { width:90px; height:71px; background:#666666; border:3px solid #CC0000; margin-bottom:5px; margin-right:5px; float:left; cursor:pointer } /* moldura da miniatura */
#principal .destaque_galeria_foto { border:0px solid #EFF0E8; margin-bottom:10px } /* miniatura gerada no destaque */
#principal .destaque_video { width:255px; background:#EFF0E8; margin:0; padding:10px; float:left } /* moldura da miniatura */
#principal .destaque_video_div { float:left; width:253px; height:209px; margin-left:15px } /* miniatura gerada no destaque */
#principal .destaque_video_foto { background:#666666; border:5px solid #000; margin-bottom:10px; width:253px; height:209px } /* miniatura gerada no destaque */
#principal .destaque_video_int { width:481px; border:5px solid #EFF0E8; margin-bottom:10px } /* video interno do conteudo */
/* ferramenta de destaque - caixa geral */
#principal .conteudo_capa { width:695px; float:left; margin-left:15px }
#principal .destaque_caixa {
BACKGROUND:url(../layout/fundo_separador.gif) repeat-x top #F7F7F7;
width:590px;
height:auto;
text-align:center;
float:left;
padding:25px;
}
/*
MENU / NAVEGACAO / BUSCAR / ENQUETE
----------------------------------------------------------------------------------------------------------------------------------------------------
*/
#navegacao {
/*background:blue;*/
width:185px;
float:left;
padding:0px;
margin:0px;
margin-top:30px;
margin-left:40px;
}
#navegacao .menu{
/*background:;*/
width:185px;
float:left;
padding:0px;
}
#navegacao .menu_marcas{
/*background:url(../layout/menu_marcas_fd.gif) repeat-y #FFF;*/
width:185px;
float:left;
padding-top:0px;
padding-right:0px;
margin-top:10px
}
/*
MENU / FERRRAMENTAS
----------------------------------------------------------------------------------------------------------------------------------------------------
*/
#navegacao .enquete{ margin-top:20px; margin-left:0px; margin-bottom:20px; padding:0px; float:left } /* moldura principal */
#navegacao .enquete_caixa{ width:185px; background-color:#fff; border:1px solid #EFEFED; margin:0; padding:10px; float:left } /* caixa de controles */
#navegacao .boletim{ border:1px solid #EFEFED; margin:0; padding:10px; margin-left:0px; margin-bottom:10px; float:left } /* moldura principal */
#navegacao .boletim_caixa { width:155px; background-color:#fff; padding:0px; float:left } /* caixa de controles */
/* caixa de aviso - cadastra boletim */
#navegacao .boletim_msn {
width:175px;
height:auto;
text-align:center;
background-color:#C12820;
color:#fff;
border-top:0px solid #CCCFBC;
border-bottom:1px solid #8F1D16;
margin-bottom:0px;
padding-top:5px;
padding-bottom:5px;
display:none
}
/* caixa de aviso - vota enquete */
#navegacao .enquete_msn {
width:185px;
height:auto;
text-align:center;
background-color:#C12820;
color:#fff;
border-top:0px solid #CCCFBC;
border-bottom:1px solid #8F1D16;
margin-bottom:0px;
padding-top:5px;
padding-bottom:5px;
display:none
}
/* caixa de aviso - ver enquete */
#navegacao .enquete_ver{
width:185px;
height:auto;
background-color:#fff;
text-align:left;
color:#000;
border:0;
border-bottom:0px solid #8F1D16;
margin-bottom:5px;
padding-bottom:10px;
}
#navegacao .enquete_bar{ background-color:#8F1D16; margin-right:5px } /* bar % */
#navegacao .enquete_bt{ background:url(../layout/bt_buscar2.gif) #BA2C20; color:#fff; width:70px; height:19px; border:0; margin:0; padding:0 } /* botao */
#navegacao .boletim_cp{ border:1px solid #DFDFDF; width:155px; height:19px; margin-top:5px; margin-bottom:5px; color:#5F5E5C } /* campo */
#navegacao .boletim_bt{ background:url(../layout/bt_buscar2.gif) #BA2C20; color:#fff; width:70px; height:19px; border:0; margin:0; padding:0 } /* botao */
/*
RODAPE - RODAPE / ICONES / MENU INFERIOR
----------------------------------------------------------------------------------------------------------------------------------------------------
*/
#rodape {
background:url(../layout/pagina_inferior.gif) repeat-x #C02A23;
width:100%;
height:292px;
/*position: absolute;*/
bottom: 0;
border:dotted #999;
border-width: 0px 0;
/*text-align:center;*/
float:left;
}
#rodape p {
margin:0;
font-weight:bold;
color:#fff;
}
/*
#rodape img {
margin-top:5px;
margin-left:20px;
float:left;
}
*/
#rodape .endereco{
width:998px;
height:auto;
}
#rodape .barra{
width:100%;
height:57px;
margin:0;
text-align:center;
}
#rodape strong{ color:#fff }
#rodape tr td{ color:#fff }
#rodape .by{ float:right; margin-right:30px; text-align:right; color:#fff }
#rodape a,a:visited{ color:#fff; text-decoration:none }
#rodape a:hover{ color:#3AB4EA; text-decoration:none }
/*
ITENS GERAIS - BARRA DE ICONES
----------------------------------------------------------------------------------------------------------------------------------------------------
*/
#logomarcas {
background:#fff;
width:100%;
height:94px;
bottom: 0;
text-align:center;
display:block;
}
/*
ITENS GERAIS - GALERIA DE FOTOS / VIDEOS
----------------------------------------------------------------------------------------------------------------------------------------------------
*/
#galeria{ width:100%; float:left; margin:0; padding:0 }
#galeria strong{ color:#3ab4ea; }
#galeria .galeriaOf {
BORDER:5px solid #C1C0BF;
MARGIN:2px;
MARGIN-BOTTOM:5px;
PADDING:2px;
}
#galeria .galeriaOn {
BORDER:5px solid #4894EA;
CURSOR: hand;
MARGIN:2px;
MARGIN-BOTTOM:5px;
PADDING:2px;
}
#galeria .iconeOf {
BORDER:0px solid #C1C0BF;
MARGIN:2px;
MARGIN-BOTTOM:5px;
PADDING:2px;
}
#galeria .iconeOn {
BORDER:0px solid #4894EA;
CURSOR: hand;
MARGIN:2px;
MARGIN-BOTTOM:5px;
PADDING:2px;
}
/* moldura gaelria de imagens - menu/listagem */
#galeria .galeria_icones { WIDTH:135px; HEIGHT:195px; BACKGROUND:#EFF0E8; COLOR:#940605; BORDER:2px solid #EFF0E8; margin-right:5px; margin-bottom:5px; text-align:center; float:left }
#galeria .galeria_icof { BORDER:2px solid #EFF0E8; MARGIN:0px; MARGIN-BOTTOM:3px; PADDING:0; }
#galeria .galeria_icon { BORDER:2px solid #940605; CURSOR:pointer; MARGIN:0px; MARGIN-BOTTOM:3px; PADDING:0; }
/* grade de icones */
#icones{ WIDTH:100%; FLOAT:left; MARGIN:0; PADDING:0; MARGIN-TOP:30px; }
#separador{ BACKGROUND:url(../layout/fundo_separador.gif) repeat-x #fff; WIDTH:100%; HEIGHT:9px; MARGIN:0; PADDING:0; MARGIN-TOP:10px; MARGIN-BOTTOM:10px; FLOAT:left; }
#icones{ BACKGROUND:none; WIDTH:100%; FLOAT:left; MARGIN:0; PADDING:0; MARGIN-TOP:30px; }
#icones ul.controle_h { BACKGROUND:none; MARGIN:0px; PADDING:0; }
#icones ul.controle_h li { BACKGROUND:none; WIDTH:55px; TEXT-ALIGN:center; LIST-STYLE:none; DISPLAY:inline; }
#icones ul.controle_h img{ TEXT-ALIGN:center; }
#controles_p li{ display:inline; list-style-type:none; padding-right:7px; margin-top:15px; height:27px; line-height:27px; float:left; }
/* grade de icones - formatacao de links - utilizacao icones rodape ( pagina conteudo ) */
#icones ul.controle_h A { COLOR:#999999; DISPLAY:block; TEXT-DECORATION:none }
#icones ul.controle_h A:visited { COLOR:#999999; TEXT-DECORATION:none }
#icones ul.controle_h A:hover { COLOR:#C4261D; TEXT-DECORATION:none }
#icones ul.controle_h A:active { COLOR:#999999; TEXT-DECORATION:none }
/*
ITENS GERAIS - TAGS - UL / LI / H1,H2,H3,H4,H5 - A - HR
----------------------------------------------------------------------------------------------------------------------------------------------------
*/
.frame{ border:3px solid #40B4EA }
h1, h2, h3, h4, h5, h6 { color:#024EA6; }
h3, h5 { font-size:13px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}
h4 {font-size:13px;}
ul.marcador_h { WIDTH:100%; MARGIN:0px; PADDING:0; TEXT-ALIGN:left; }
ul.marcador_h li { LIST-STYLE:none; DISPLAY:inline; PADDING-LEFT:3px; }
ul.marcador_v { WIDTH:100%; MARGIN:0px; PADDING:0; TEXT-ALIGN:left; }
ul.marcador_v li { LIST-STYLE:none; DISPLAY:list; PADDING-LEFT:3px; }
ul.marcador_b { HEIGHT:45px; MARGIN:0px; PADDING:0; TEXT-ALIGN:left; }
ul.marcador_b li { LIST-STYLE:none; DISPLAY:inline; PADDING-LEFT:3px; FLOAT:left; }
.listagem { BACKGROUND:url(../layout/ico_listagem.gif) left no-repeat; LIST-STYLE:none; DISPLAY:list; PADDING-LEFT:15px; }
a { COLOR:#757373; TEXT-DECORATION: none }
a:visited { COLOR:#757373; TEXT-DECORATION: none }
a:hover { COLOR:#C4261D; TEXT-DECORATION: underline }
hr{ color:#E8E8E8; margin-top:5px; }
.separar { WIDTH:25px; height:20px; }
.clear {clear:both;}
/*
PERSONALIZACOES - CSS ESPECIFICO DO SITE
----------------------------------------------------------------------------------------------------------------------------------------------------
*/
/* tabela diretoria */
#principal .diretoria_foto{ width:100px; border:1px solid #000; padding:2px }
#principal .diretoria_texto{ border-bottom:1px solid #E4E4E4; padding-top:5px; padding-left:10px; padding-bottom:5px }
/* destaq capa - m */
#destaq_servicos_m{ background:url(../layout/barra_destaque_m.gif) no-repeat; width:677px; height:160px; margin-top:15px; margin-left:-5px }
#destaq_servicos_m strong{ color:#265D95 }
#destaq_servicos_m img{ padding:2px; border:1px solid #fff; margin-top:3px; margin-bottom:2px }
#destaq_servicos_m p{ color:#808080; font-size:11px }
#destaq_servicos_m a{ color:#383C3F; text-decoration:none; }
#destaq_servicos_m a:visited{ color:#383C3F; text-decoration:none; }
#destaq_servicos_m a:hover{ color:#3AB4EA; text-decoration:none; }
#destaq_servicos_m .caixa{ background:url(../layout/barra_destaque_sep_h.gif) right repeat-y; width:239px; height:150px; margin-top:5px; float:left }
#destaq_servicos_m .caixa_texto{ width:199px; margin:0; margin-top:15px; margin-left:18px }
/* destaq capa - g */
#destaq_servicos_g{ background:url(../layout/barra_destaque_g.gif) no-repeat; width:677px; height:235px; margin-top:15px; margin-left:-5px }
#destaq_servicos_g strong{ color:#265D95 }
#destaq_servicos_g img{ padding:2px; border:1px solid #fff; margin-top:3px; margin-bottom:2px }
#destaq_servicos_g p{ color:#808080; font-size:11px }
#destaq_servicos_g ul{ margin:0; margin-top:10px; margin-left:10px; padding:0 }
#destaq_servicos_g a{ color:#383C3F; text-decoration:none; }
#destaq_servicos_g a:visited{ color:#383C3F; text-decoration:none; }
#destaq_servicos_g a:hover{ color:#3AB4EA; text-decoration:none; }
#destaq_servicos_g .caixa{ background:url(../layout/barra_destaque_sep_h.gif) right repeat-y; width:239px; height:223px; margin-top:5px; float:left }
#destaq_servicos_g .caixa_texto{ width:199px; margin:0; margin-top:15px; margin-left:18px }
#rodape .barra_1{ /*background:#000;*/ height:175px; margin:0; margin-top:25px; }
#rodape .barra_2{ width:100%; height:102px; margin:0; text-align:center; }
#banner-flutuante {
width:590px;
position:absolute;
top:125px;
left:300px;
font-family:Tahoma; font-size:11px;
z-index:999;
}
#fechar-banner {
background-color:#CC0000;
padding:5px;
border-top:2px solid #FFFFFF;
border-left:2px solid #FFFFFF;
border-right:2px solid #FFFFFF;
float:right;
}
#fechar-banner a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}