/*
    Document   : principal.css
    Created on : 24/05/2009, 13:37:22
    Author     : Elton
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
    padding: 0;
    margin: 0;
}

a{
    text-decoration: none;
}

#geral{
    width: 1000px;
    margin: 0 auto;
    display: table;
}

#geral #topo{
    width: 1000px;
    height: 325px;
    background: url(../imagens/topo.jpg) no-repeat;
}

#geral #topo #btnHome{
    display: block;
    float: right;
    width: 95px;
    height: 38px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../imagens/btn_home.gif);
    margin-right: -140px;
}

#geral #topo ul{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    margin: 274px 0 0 13px;
}

#geral #topo ul li{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

#geral #topo ul li a#btnQuemSomos{
    display: block;
    width: 77px;
    height: 48px;
    background: url(../imagens/menu.gif);
    text-indent: -9999px;
    overflow: hidden;
}

#geral #topo ul li a#btnQuemSomos:hover{
    background: url(../imagens/menu.gif) 0 48px;
}

#geral #topo ul li a#btnCalendario{
    display: block;
    width: 115px;
    height: 48px;
    background: url(../imagens/menu.gif) -77px 0;
    text-indent: -9999px;
    overflow: hidden;
}

#geral #topo ul li a#btnCalendario:hover{
    background: url(../imagens/menu.gif) -77px 48px;
}

#geral #topo ul li a#btnAreaRestrita{
    display: block;
    width: 91px;
    height: 48px;
    background: url(../imagens/menu.gif) -192px 0;
    text-indent: -9999px;
    overflow: hidden;
}

#geral #topo ul li a#btnAreaRestrita:hover{
    background: url(../imagens/menu.gif) -192px 48px;
}

#geral #topo ul li a#btnLinksUteis{
    display: block;
    width: 106px;
    height: 48px;
    background: url(../imagens/menu.gif) -283px 0;
    text-indent: -9999px;
    overflow: hidden;
}

#geral #topo ul li a#btnLinksUteis:hover{
    background: url(../imagens/menu.gif) -283px 48px;
}

#geral #topo ul li a#btnContato{
    display: block;
    width: 106px;
    height: 48px;
    background: url(../imagens/menu.gif) -485px 0;
    text-indent: -9999px;
    overflow: hidden;
}

#geral #topo ul li a#btnContato:hover{
    background: url(../imagens/menu.gif) -485px 48px;
}

#geral #topo ul li a#btnServicosOnline{
    display: block;
    width: 96px;
    height: 48px;
    background: url(../imagens/menu.gif) -389px 0;
    text-indent: -9999px;
    overflow: hidden;
}

#geral #topo ul li a#btnServicosOnline:hover{
    background: url(../imagens/menu.gif) -389px 48px;
}

#geral #topo #formulario{
    float: right;
    width: 170px;
    height: 110px;
    margin: 218px 5px 0 0;
}

#geral #topo #formulario form{
    margin: 0;
    padding: 0;
}

#geral #topo #formulario form label{
    display: block;
    font: 14px Arial, verdana, sans-serif;
    color:#c4161c;
    clear: both;
    padding-top: 5px;
}
#geral #topo #formulario form input{
    display: block;
    border: 1px solid #c4161c;
    width: 146px;
    float: left;
    height: 25px;
    font: 14px Arial, verdana, sans-serif;
    color:#2D2C89;
    padding: 3px 3px 0 3px
}

#geral #topo #formulario form input#btnOk{
    float: left;
    width: 32px;
    height: 30px;
    background: url(../imagens/btn_ok.gif);
    border: 0;
    cursor: pointer;
}

#geral #conteudo{
    clear: both;
    display: block;
    width: 1000px;
}

#geral #conteudo #colEsquerda{
    float: left;
    width: 240px;
}

#geral #conteudo #colEsquerda #destaques{
    width: 242px;
    background: url(../imagens/meio_destaques.gif);
    display: table;
}

#geral #conteudo #colEsquerda #destaques h2{
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    overflow: hidden;
    width: 242px;
    height: 88px;
    background: url(../imagens/topo_destaques.gif);
}

#geral #conteudo #colEsquerda #destaques ul{
    list-style: none;
    margin: 0;
    margin-left: 25px;
    padding: 0;
    width: 190px;
}

#geral #conteudo #colEsquerda #destaques ul li{
    padding: 0 0 10px 0;
}
#geral #conteudo #colEsquerda #destaques ul li a{
    color: #be0309;
    text-decoration: none;
    font: 12px verdana, Arial,Helvetica,sans-serif;
}

#geral #conteudo #colEsquerda #destaques ul li a:hover{
    text-decoration: underline;
}
#geral #conteudo #colEsquerda #trabalheConosco{
    width: 242px;
    height: 143px;
    text-align: right;
    margin-top: 14px;
}

#geral #conteudo #colEsquerda #trabalheConosco img{
    margin-right: 3px;
    border: 0;
}

#geral #rodape{
    clear: both;
    width: 1000px;
    height: 190px;
}

#geral #rodape #endereco{
    float: left;
    width:858px;
    height: 190px;
    background: url(../imagens/endereco.jpg);
}

#geral #rodape #mapas{
    float: right;
    width: 142px;
    height: 190px;
    background: url(../imagens/mapas.jpg);
}

#colDireita{
    float: right;
    width: 735px;
    display: table;
}

#colDireita #colIntDir{
    float: left;
    width: 410px;
}

#colDireita #colIntDir #noticias{
    width: 410px;
    float: left;
    background: #E7E6EB;
}

#colDireita #colIntDir #noticias #topoNoticias{
    width: 410px;
    height: 59px;
    background: url(../imagens/topo_noticias.gif);
}

#colDireita #colIntDir #noticias #topoNoticias #txtBusca{
    float: right;
    height: 22px;
    width: 255px;
    margin-top: 25px;
    border: 1px solid #201C5D;
}

#colDireita #colIntDir #noticias ul{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 370px;
    margin-top: 20px;
    margin-left: 20px;
}

#colDireita #colIntDir #noticias ul li{
    font: 12px arial, sans-serif;
    color: #262261
}

#colDireita #colIntDir #noticias ul li a{
    color: #262261;
    text-decoration: none;
}

#colDireita #colIntDir #noticias ul li a .tituloDestaque{
    color: #C6171E;
    font-weight: bold;
}

#colDireita #colIntDir #noticias ul li.data{
    color: #262261;
    font-style: italic;
    padding-bottom: 15px;
}

#baixoNoticias{
    clear: both;
    width: 410px;
    /*height: 50px;*/
   /* background: url(../imagens/baixo_noticias.gif) no-repeat;
	padding: 0;
	margin: 0;*/
}

#colExDir{
    float: right;
    width: 320px;
}

#colExDir #topoCotacoes #btnEnviar{
    float: left;
    width: 101px;
    height: 25px;
    margin-top: 26px;
    background:  url(../imagens/btn_pesquisar.gif);
    border: 0;
    padding: 0;
}

#colExDir #topoCotacoes{
    background:  url(../imagens/topo_cotacoes.gif);
    *background:  url(../imagens/topo_cotacoes.gif) -6px 0;
    width: 326px;
    height: 50px;
    float: right;
}

#colExDir #topoLinks{
    background:  url(../imagens/topo_links.gif);
    *background:  url(../imagens/topo_links.gif) -6px 0;
    width: 326px;
    height: 99px;
    float: right;
}

#colExDir #topoLinks ul{
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
    margin-right: 10px;
}

#colExDir #topoLinks li{
    clear: both;
    width: 180px;
    float: left;
    font: 11px arial, verdana, sans-serif;
    color: #282462;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

#colExDir #topoLinks dl dd{
    width: 40px;
    float: left;
    font: 11px arial, verdana, sans-serif;
    padding: 0;
    color: #282462;
    font-weight: bold;
    margin: 0;
}

#colExDir #topoLinks ul li.linha2, #colExDir #topoLinks ul li.linha2{
    background: #D5D5E1;
}

#colExDir #conteudoLinks{
    background: #E9E8EF;
    width: 313px;
    float: right;
}

#colExDir #topoLinks dl dd a{
    font: 11px arial, verdana, sans-serif;
}

#colExDir #conteudoLinks ul{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 280px;
    margin-left: 15px;
}

#colExDir #conteudoLinks ul li a{
    font: 12px arial, verdana, sans-serif;
    font-weight: bold;
    color: #262261;
    text-decoration: none;
}

#colExDir #conteudoLinks ul li a:hover{
    text-decoration: underline;
}

#colExDir #conteudoLinks ul li.linha2{
    background: #d5d5e1;
}

.link_lista{
    text-decoration:none;
    color:#27245d;
    font-family:arial;
    font-size:12px;
}

.link_lista:hover{
    color:#b10c15;
}

.titulo_pagina{
    margin:10px;
    font-family:arial;
    font-size:19px;
    font-weight: bold;
    color:#c5161d;
    clear:both;
}


h2.data{
    margin:0 0 20px 0;
    text-indent: 25px;
    font-family:arial;
    font-size:12px;
    font-style: italic;
    color:#27245d;
    clear:both;
}

p{
    font-family:arial;
    font-size:14px;
    color:#27245d;
    padding: 5px 30px 10px 30px;
    margin: 0;
}

h4{
    font-family:arial;
    font-size:16px;
    color:#27245d;
    font-weight: bold;
    padding: 30px 30px 2px 30px;
    margin: 0;
}

h5, h6{
    display: block;
    width: 95%;
    margin: 0 auto;
    padding: 0;
    font: 13px  arial, verdana, sans-serif;
    text-indent: 28px;
}

h5{
    background: #262261;
    font-weight: bold;
    color: #e9e9ef;
}
h6{
    background: #e9e9ef;
    font-style: italic;
    color: #262261;
}

h6 a{
    font-style: normal;
    color: #262261;
    text-decoration: none;
}


#menuQuemSomos{
    float: left;
    list-style: none;
    padding: 0;
    width: 289px;
    background: url('../imagens/fundo_menu_quemsomos.gif');
    margin: 0;
    margin-left: 12px;
}

#menuQuemSomos li{
    float: right;
    height: 25px;
}
#menuQuemSomos li a{
    font: 12px arial, verdana, sans-serif;
    color: #262261;
    text-align:center;
    display: block;
    padding-top: 5px;
    text-decoration: none;
    font-weight: bold;
    height: 17px;
}

#menuQuemSomos li a:hover, .selecionado2{
    margin-top: 2px;
    background: url(../imagens/menu_hover_2.gif);
    color: white;
}

#rodapeInterno{
    clear: both;
    width: 100%;
    height: 70px;
    background: url('../imagens/rodape.gif') no-repeat center;
    margin-top: 20px;
}

#curvaMenu{
    width: 100%;
    height: 29px;
    background: url('../imagens/curva_menu.gif') no-repeat left;
    margin: 0;
    margin-left: 12px;
}

#menuDepartamentos{
    clear: both;
    list-style: none;
    padding: 0;
    width: 286px;
    height: 58px;
    background: url(../imagens/menu_departamentos.gif) no-repeat;
    margin: 0;
    margin-left: 12px;
    padding-top:17px;
}

#menuDepartamentos li{
    float: left;
    height: 25px;
    text-align: center;
}

#menuDepartamentos li a{
    font: 12px arial, verdana, sans-serif;
    color: #262261;
    text-align:center;
    display: block;
    height: 17px;
    text-decoration: none;
    font-weight: bold;
}

#menuDepartamentos li a:hover, a.selecionado{
    background: url(../imagens/menu_hover.gif);
    color: white;
}

a.img30Anos{
    border: 0;
}

a.img30Anos img{
    border: 0;
}

#rol30Anos{
    margin: 0 auto;
    width: 986px;
    height: 317px;
    background: url(../imagens/30-anos.png) no-repeat center;
    float: left;
    margin-top: -80px;
}

#rol30Anos ul{
    margin: 0;
    margin-top: 65px;
    padding: 0;
    margin-left: 68px;
    float: left;
    list-style: none;

    }

#rol30Anos ul li{
float: left;
margin: 0;
padding: 0;

}

.menu_area_restrita{
	float:left;
	margin:5px 5px;
	list-style:none;
}

#rol30Anos a,#rol30Anos a img{
    border: 0;
    padding:0;
    margin:0;
}

#linkMapa{
    display: block;
    width: 143px;
    height: 190px;
}


#banner_flat {
	position: absolute;
	top: 150px;
	left: 50%;
	margin-top: 0px;
	margin-left: -255px;
	z-index: 10;
}

#banner_flat  #fechar {
	text-align:right;
}

#pop_image,#pop_image_big { }

#pop_image ul,#pop_image_big ul {
	display:block;
	list-style: none;
	padding:0;
	margin:0;
	text-align:center;
}

#pop_image ul li,#pop_image_big ul li {
	text-align:center;
	padding:0;
	margin:0;
}

#pop_image {
	border:1px solid #DFDFDF;
	padding:5px;
	text-align:center;
}

#pop_image ul li {
	display:inline;
	margin:5px;
}