/* CSS Document */

body {
     background:#383854 url('../images/back-body.gif') no-repeat top;
	 color:#000000;
	 font-family: Trebuchet MS, Verdana, Arial;
	 font-size:13px;
	 text-align:justify;
	 line-height:18px;
	 margin: 5px 0px 0px 0px;
	 padding: 0px
}

a:link { font-weight: normal; color: #DBDAD0; text-decoration: none; }
a:visited { font-weight: normal; color: #ffffff; text-decoration: underline; }
a:hover { font-weight: normal; color: #DBDAD0; text-decoration: underline; }


#dhtml{
	position:absolute;margin:280px 0 0 160px;z-index:1;
}


/* 
---------------------------------------
conteiner
---------------------------------------
*/

#conteiner {
	position: relative;
	top: 0%;
	left: 50%;
	margin-left: -497px;
	width: 994px;
	background: #ffffff url("../images/back-conteiner.jpg") repeat-y;
}



/* --------- 11.11.09

/* 
---------------------------------------
MENU BUSCA
---------------------------------------
*/


.menu-busca {
	height:150px;
	color: #999;
	font-family: Verdana, Arial, Trebuchet MS;
	background: #ffffff url("../images/back-topo.jpg") no-repeat top;
}


.itens-menu-busca {
	font-family: Verdana, Arial, Trebuchet MS;
	font-size:11px;
	font-weight:bold;
	height:30px;
}

.itens-menu-busca a:link { font-weight: bold; color: #999; text-decoration: none; }
.itens-menu-busca a:visited { font-weight: bold; color: #333; text-decoration: none; }
.itens-menu-busca a:hover { font-weight: bold; color: #000; text-decoration: underline; }



/* 
---------------------------------------
MENU TOPO
---------------------------------------
*/

.menu-topo{
width: 100%;
overflow: hidden;
padding-top:87px
}

.menu-topo ul{
margin: 0;
padding: 0;
padding-left: 1px; /*offset of tabs relative to browser left edge*/
font: bold 1.0em Verdana, sans-serif;
list-style-type: none;
}

.menu-topo li{
display: inline;
margin:0;
}

.menu-topo li a{
float: left;
display: block;
text-decoration: none;
font-weight:bold;
margin: 0;
padding: 7px 54px; /*padding inside each tab*/
border-right: 1px #ccc dotted; /*right divider between tabs*/
color: #999;
}

.menu-topo li a:hover, .menu-topo li.selected a{
color:white;
background: #2D276F; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.menu-topo2{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 54px; /*padding inside each tab*/
border-right: 1px #ccc dotted; /*right divider between tabs*/
color: #2D276F;
font-weight:bold
}


/* 
---------------------------------------
MENU TOPO ENGLISH
---------------------------------------
*/

.menu-topo-english{
width: 100%;
overflow: hidden;
padding-top:87px
}

.menu-topo-english ul{
margin: 0;
padding: 0;
padding-left: 5px; /*offset of tabs relative to browser left edge*/
font: bold 1.0em Verdana, sans-serif;
list-style-type: none;
}

.menu-topo-english li{
display: inline;
margin:0;
}

.menu-topo-english li a{
float: left;
display: block;
text-decoration: none;
font-weight:bold;
margin: 0;
padding: 7px 86px; /*padding inside each tab*/
border-right: 1px #ccc dotted; /*right divider between tabs*/
color: #999;
}

.menu-topo-english li a:hover, .menu-topo li.selected a{
color:white;
background: #2D276F; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.menu-topo-english2{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 86px; /*padding inside each tab*/
border-right: 1px #ccc dotted; /*right divider between tabs*/
color: #2D276F;
font-weight:bold
}


/* fim ---------- 11.11.09


/* 
---------------------------------------
menu lateral
---------------------------------------
*/


#menulateral {
	width:214px;
	height:216px;
	float:left;
	
    background: #6F6F7E;
    margin:0px 0px 0px 0px; /* top, right, bottom, left  */
    padding:0px 0px 0px 0px; /* top, right, bottom, left  */
   
	text-align:right;
    color:#ffffff;
    font-size:14px;
}

.item {
	width: 214px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom-width: 0px;
	}

.item li a{
	width: auto;
	line-height:22px;
	background: #6F6F7E;
	color: #ffffff;
	font-size: 13px; 
	font-weight: normal;
	display: block;
	text-decoration: none;
	border-bottom:1px #878794 dotted;

}

* html .item li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
	width: 214px;
	line-height:22px;

}

.item li a:visited{
	font-size: 13px; 
	color: #CDCDD2;
	text-decoration: none;
}

.item li a:hover{
	background: #383854;
	font-size: 13px; 
	color: #ffffff;
	text-decoration: none;
}

.item li {
	background:#878794;
	line-height:22px
}

.titulo_menu {
	color:#CFCFD6;
	font-size:13px;
	line-height:15px;
	height:24px;
	background:#383854;
	letter-spacing:1px;
	padding:10px 16px 0px 0px
}

.texto_menu {
	margin:15px 15px 0 0
}



/* 
---------------------------------------
foto
---------------------------------------
*/



#foto {
	float:right;
    width:780px;
	height:216px;
    margin:0px 0px 0px 0px; /* top, right, bottom, left  */
	/* background: #6F6F7E; */
	background: #4E4E67	
}


/* 
---------------------------------------
capa
---------------------------------------
*/


#capa {
	background:#ffffff;
   	width:994px;
}	

#capa a:link { font-weight: bold; color:#CC0000; text-decoration: none; }
#capa a:visited { font-weight: bold; color:#990000; text-decoration: none; }
#capa a:hover { font-weight: bold; color:#CC0000; text-decoration: underline; }



/* 
---------------------------------------
conteudo
---------------------------------------
*/


#conteudo {
	background:#ffffff;
	float:right;
   	width:710px;
}	

img {
	border:0px
}

h2,h3 {
	color:#0D0D73;
	letter-spacing:1px;
}

h4 {
	color:#666666;

}


.texto {
	margin:20px 40px 60px 10px
}

.texto a:link { font-weight: bold; color:#CC0000; text-decoration: none; }
.texto a:visited { font-weight: bold; color:#990000; text-decoration: none; }
.texto a:hover { font-weight: bold; color:#CC0000; text-decoration: underline; }

.traco {
	margin:7px 0px 7px 0px
}

.item li { 
	list-style-image: url('../images/item.gif');
	line-height:20px;
} 

.obrig {
	color:#cc0000;font-weight:normal
}


.top {
	height:auto;
	margin:20px 0px 0px 0px;
	clear:both;
}


.top-esquerda {
	height:auto;
	margin:20px 0px 0px 0px;
	clear:both;
	text-align:right;
}

.caixa_calculo
{  	
	background-color:#ffffff;
	width: 180px;
	font-family: Verdana, Arial, Tahoma;
	font-size: 11px;
	color: #666666; 
	text-decoration: none; 
	border: 1px #f7f7f7;
}

p.note {
	background: #EEE;
	padding: 4px 4px 4px 8px;
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 130%;
	color: #000;
	font-weight:bold;
	line-height: 150%;
	letter-spacing:1px;
	margin-top: 0;
	clear:both
}


.comentario {
	margin:20px 0px 10px 0px;
	padding:10px 20px 10px 10px;
	background:#eee	
}

.barra-calculo {
	margin:10px 0 20px 0;
	text-align:right
}



/* 
---------------------------------------
busca
---------------------------------------
*/


#busca {
	background:#ffffff;
   	width:710px;
}	



/* 
---------------------------------------
autos
---------------------------------------
*/

.autos { 
	width:303px;
	height:70px;
	float:left;
}


/* 
---------------------------------------
outros seguros
---------------------------------------
*/

.outros {
	width:210px;
	height:260px;
	float:left;
	margin:0px 5px 20px 0px;
	background-color:#f0f0f0;
	border:1px #e4e4e4 solid;

}


.outros-titulo {
	text-align:center;
	font-weight:bold;
	font-size:16px;
	margin:10px 0px 10px 0px;
	height:auto
}


.outros-texto {
	text-align:center;
	margin:10px 0px 10px 0px;
	height:auto
}


.outros-foto {
	text-align:center;
	margin:15px 0px 20px 0px;
	height:auto
}


 /* 
---------------------------------------
bo online
---------------------------------------
*/

.boonline { 
	width:190px;
	height:40px;
	float:left;
	margin: 10px 5px 5px 5px;
	padding: 10px 5px 10px 5px;
	background-color:#f0f0f0;
	border:1px #e4e4e4 solid;
	text-align:left;
}

.boonline-img {
	margin: 0px 10px 0px 5px;
	float:left;
}

.boonline-titulo {
	font-weight:bold;
	margin: 0 0 0 0;
	font-size:15px;
	color:#6F6F7E;
	height:50px;
}



 /* 
---------------------------------------
assistencia 24h
---------------------------------------
*/


.assist24h {
	border-bottom:1px #dadada dotted;
	height:26px;
	margin:0px 0px 3px 20px;
}




 /* 
---------------------------------------
oficinas
---------------------------------------
*/



.oficinas-rede {
	margin-bottom:20px;
	line-height:22px
}

.oficinas-busca {
	height:auto;
	margin:10px 0 10px 0;
	background-color:#F0F0F0;
	padding:10px 10px 10px 10px
}

.oficinas-beneficios {
	height:auto;
	margin:10px 0 10px 0;
	background-color:#F3F3F3;
	padding:10px 10px 10px 10px
}

.oficinas-comoagir {
	height:auto;
	margin:10px 0 10px 0;
	background-color:#F6F6F6;
	padding:10px 10px 10px 10px	
}


.oficinas-icone {
	float:left;
	margin:0 5px 0 0
}

.oficinas {
	width:100%;
	margin:10px 0 10px 0;
	border:1px #e4e4e4 dotted;
} 



 /* 
---------------------------------------
disque-denuncia
---------------------------------------
*/


.disque-denuncia {
	height:auto;
	margin:10px 10px 10px 10px;
	background-color:#F0F0F0;
	padding:10px 15px 15px 10px;
	clear:both
}


.disque-denuncia-icone {
	float:left;
	margin:0 5px 0 0
}




 /* 
---------------------------------------
contato
---------------------------------------
*/

.contato-telefones { 
	width:600px;
	height:170px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	border:1px #999999 dotted;
}


.contato { 
	width:290px;
	height:100px;
	float:left;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	background-color:#ffffff;
	border:1px #cccccc dotted;
	text-align:left;
}


.contato-img {
	margin: 0px 10px 0px 5px;
	float:left;

}

.contato-titulo {
	font-weight:bold;
	margin: 10px 5px 0 0;
	font-size:17px;
	color:#383854;
	height:25px;
}



/* 
---------------------------------------
unidades
---------------------------------------
*/



.unidades {
	width:640px;
	height:auto;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 20px;
	background-color:#ffffff;
	border:1px #cccccc dotted;
	text-align:left;
}

.unidades-titulo {
	color:#383854;
	font-weight:bold
}



/* 
---------------------------------------
entidades
---------------------------------------
*/



.entidades-detalhes {
	margin-bottom:20px;
	line-height:22px
}

.entidades {
	width:100%;
	margin:10px 0 10px 0;
	border:1px #e4e4e4 dotted;
} 





/* 
---------------------------------------
estrutura
---------------------------------------
*/



.estrutura-detalhes {
	margin-bottom:20px;
	line-height:22px
}

.estrutura {
	width:100%;
	margin:10px 0 10px 0;
	border:1px #e4e4e4 dotted;
} 


/* 
---------------------------------------
DETALHES CALCULO
---------------------------------------
*/

.calc {
	 margin:20px 0 20px 0

} 

.cal_li {
	margin:0 10px 10px 10px;
	padding-bottom:5px;border-bottom:1px #cccccc dotted
}
	
/* 
---------------------------------------
formulario
---------------------------------------
*/


.formulario {
	background: #f4f4f1;
	border-width: 1px;
	border-style:double;
	border-color:#cbcabc;
	color:#000000;
	font-family: Trebuchet MS, Verdana, Arial;
	font-size:13px;	
}

.texto-formulario {
	color:#000000;
	font-family: Trebuchet MS, Verdana, Arial;
	font-size:13px;	
}

.cadastro {
	width:50%;
	font-weight:bold;
	text-align:left
}

.botao	{
	background:url(../images/back-botao.jpg) repeat-x;
	border:1px solid #999999;
	color:#333333;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	height:25px;
	text-align:center;
	padding:2px 10px 2px 10px;
}



/* 
---------------------------------------
TABELA DESTAQUES CAPA
---------------------------------------
*/


#destaques td {
	text-align:left;
}

.titulo {
	font-weight:bold;
	font-family: Arial;
	font-size: 20px;
	padding: 8px 6px 8px 6px;
	color: #0D0D73;
	border-bottom:1px #cccccc dotted;
	width:25%;

}

.corpo {
	font-family: Trebuchet MS, Verdana, Arial ;
	font-size: 13px;
	padding: 0px 10px 8px 6px;
	text-align:left
}


/* 
---------------------------------------
TABELA CALCULO
---------------------------------------
*/

.calculo-titulo {
	height:30px;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	color:#3C55C4;
	border-bottom:1px #d4d4d4 dotted
}

.calculo-detalhes {
	height:25px;
	border-bottom:1px #d4d4d4 dotted;
	text-align:center;
}

/* 
---------------------------------------
rodape e endereco
---------------------------------------
*/


#rodape {
    clear:both;
    height:30px;
    background:#4E4E67;
    color:#ffffff;
	font-family: Trebuchet MS, Verdana, Arial;
	font-size:12px;
	letter-spacing:1px;
	text-align:center;
	padding: 15px 10px 5px 10px;

}

#rodape a:link { font-weight: bold; color:#ffffff; text-decoration: none; }
#rodape a:visited { font-weight: bold; color:#cccccc; text-decoration: none; }
#rodape a:hover { font-weight: bold; color:#ffffff; text-decoration: underline; }

#endereco {
    height:55px;
    background: #383854;
    color:#999999;
	font-family: Verdana, Arial, Trebuchet MS;
	font-size:12px;
	padding: 15px 10px 5px 10px;
}