* { margin: 0; padding: 0;}
body { /*background: #203d5f url(../_img/background-humanizacao.jpg) no-repeat top center; */}
body.notHome { /*background: #FFF url(../_img/background-body.jpg) repeat-y 0 0;*/ font-family: Arial, Helvetica, sans-serif;}
input, select, textarea { font-size: 9px; font-family: Arial;}
a img { border: 0;}

#humanizacao { width: 629px; margin: 0 auto;}
#banner { width: 629px; margin: 0 auto;}

/*INICIO CABEÇALHO*/
#cabecalho { background: #EAEAEB url(../_img/background-cabecalho.jpg) no-repeat 0 0; height: 122px; width: 776px;}
#cabecalho img.logo { position: absolute; top: 11px; left: 2px;}
#cabecalho select { width: 228px; position: absolute; left: 289px; top: 62px; border: 1px solid #7F9DB9;}
#areaCliente { background: url(../_img/background-area-cliente.png) no-repeat right top; width: 230px; height: 122px; float: right; }
#areaCliente h1, #backLogin h1 { font-size: 10px; font-weight: bold; margin: 4px 0 0 18px;}
#areaCliente h2, #backLogin h2 { font-size: 16px; font-weight: bold; color: #990D10; margin-left: 18px; margin-top: 0;}
#areaCliente p, #areaClienteLogin p { margin-left: 18px; font-size: 10px;}
#areaCliente p input, #areaClienteLogin p input { margin-left: 4px;}
#areaCliente p a, #areaClienteLogin p a  { text-decoration: none; color: #000;}
#areaCliente p a:hover, #areaClienteLogin p a:hover { color: #C22730;}
#areaCliente p a img, #areaClienteLogin p a img { vertical-align: bottom; margin: 1px 0 0 6px;}
#areaCliente p.linha { border-bottom: 1px dashed #666; margin: 2px 0 0 9px; padding: 0 0 3px 8px; width: 208px;} 
#areaCliente p.linha a { font-weight: bold;}
#areaCliente p.cadastreSe { margin-top: 7px;}

#cabecalhoLogin { background: #EAEAEB url(../_img/background-cabecalho-login.jpg) no-repeat 0 0; height: 121px; width: 776px; margin: 0; padding: 0;}
#cabecalhoLogin img.logo { position: absolute; top: 11px; left: 2px;}

#areaClienteLogin {
	background: url(../_img/background-area-cliente-login.jpg) no-repeat 0 0;
	width: 325px;
	height: 140px;
	float: right;
	margin: -95px 0 0 0;
	padding: 0;
}
#areaClienteLogin h1 { margin: 0 0 20px 15px;}
/*Fim cabecalho*/

/*INICIO MENU, SUBMENU E SUBSUBMENU*/
#menu { position: absolute; top: 96px; left: 0; width: 776px; z-index: 9;}
ul#base {
	background: url(../_img/background-menu.jpg) repeat-x 0 0;
	font-size: 9px;
	display: inline;
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 5px 0 9px 0;
	width: 486px;
}
ul#base li { color: #F5F5F5; display: inline; font-size: 10px; margin: 0 0 0 -2px; font-weight: bold;}
ul#base li.primeiro { border: none; padding-left: 5px;}
ul#base li a { font-size: 9px; color: #E5E5E5; text-decoration: none; display: inline; height: 26px; padding: 5px 5px 9px 4px;}
ul#base li:hover a { color: #FFF;}
ul#base li:hover, ul#base li.over { background: url(../_img/background-menu-hover.jpg) repeat-x 0 0; height: 26px;}
ul#base li ul#sub, ul#base li ul#subOficina, ul#base li ul#subConcessionaria, ul#base li ul#subSeminovos, ul#base li ul#subAcessorios,
ul#base li ul#subCanais {
	display: none;
	position: absolute;
	top: 26px;
	left: 0;
	width: 155px;
	filter: alpha(opacity=90);
	opacity: 0.90;
	font-family: Tahoma;
	font-size: 11px;
	padding-right: 433px;
	padding-bottom: 190px;
}
ul#base li ul#subOficina { top: 26px; left: 100px; padding: 0;}
ul#base li ul#subConcessionaria { top: 26px; left: 155px; width: 150px;}
ul#base li ul#subSeminovos { top: 26px; left: 260px; width: 160px;}
ul#base li ul#subAcessorios { top: 26px; left: 327px; width: 125px;}
ul#base li ul#subCanais { top: 26px; left: 402px;}

ul#base li ul#sub li, ul#base li ul#subOficina li, ul#base li ul#subConcessionaria li, ul#base li ul#subSeminovos li,
ul#base li ul#subAcessorios li, ul#base li ul#subCanais li {
	display: list-item;
	background: url(../_img/background-sub-menu.jpg) repeat-x 0 0;
	height: 18px;
	border-bottom: 1px solid #C4C4C4;
	border-right: 1px solid #FFF;
	padding: 3px 0 -1px 5px;
	list-style-type: none;
	font-weight: bold;
	
}
ul#base li ul#sub li:hover, 							ul#base li ul#sub li.over,
ul#base li ul#subOficina li:hover, 				ul#base li ul#subOficina li.over,
ul#base li ul#subConcessionaria li:hover, ul#base li ul#subConcessionaria li.over,
ul#base li ul#subSeminovos li:hover, 			ul#base li ul#subSeminovos li.over,
ul#base li ul#subAcessorios li:hover, 		ul#base li ul#subAcessorios li.over,
ul#base li ul#subCanais li:hover, 				ul#base li ul#subCanais li.over {
	background: url(../_img/background-sub-menu-hover.jpg) repeat-x 0 0;
	height: 18px;
}
ul#base li ul#sub li a, ul#base li ul#subOficina li a,
ul#base li ul#subConcessionaria li a, ul#base li ul#subSeminovos li a,
ul#base li ul#subAcessorios li a, ul#base li ul#subCanais li a { background: transparent; color: #CCC;}

ul#base li ul#sub li:hover a, ul#base li ul#subOficina li:hover a,
ul#base li ul#subConcessionaria li:hover a, ul#base li ul#subSeminovos li:hover a,
ul#base li ul#subAcessorios li:hover a, ul#base li ul#subCanais li:hover a { color: #FFF;}

ul#base li:hover ul#sub, ul#base li.over ul#sub,
ul#base li:hover ul#subOficina, ul#base li.over ul#subOficina,
ul#base li:hover ul#subConcessionaria, ul#base li.over ul#subConcessionaria,
ul#base li:hover ul#subSeminovos, ul#base li.over ul#subSeminovos,
ul#base li:hover ul#subAcessorios, ul#base li.over ul#subAcessorios,
ul#base li:hover ul#subCanais, ul#base li.over ul#subCanais { display: block;}

ul#base li span.curva {
	background: url(../_img/dlt-menu.jpg) no-repeat 0 0;
	position: absolute;
	width: 11px;
	height: 10px;
	left: 475px;
	top: 0;
	z-index: 0;
}
ul#base li:hover ul#sub li ul#sub2, #menu ul#base li.over ul#sub li ul#sub2 { display: none;}
ul#base li ul#sub li:hover ul#sub2, #menu ul#base li ul#sub li.over ul#sub2 { display: block;}
ul#base li ul#sub li ul#sub2 {
	background: url(../_img/background-menu-total-sub2.jpg) repeat-y left bottom;
	display: none;
	width: 250px;
	height: 171px;
	position: absolute;
	left: 96px;
	top: -1px;
	border: none;
	padding: 0;
	margin: 0;
}
ul#base li ul#sub li ul#sub2 li {
	background: url(../_img/background-menu-sub2.jpg) repeat-x 0 0;
	border: none;
	width: 248px!important;
	height: 16px;
	list-style-type: none;
	padding: 0 0 1px 0;
	margin: 0;
	font-weight: bold;
}
ul#base li ul#sub li ul#sub2 li a { margin: 0; padding: 0 0 0 5px; border: none; text-decoration: none; height: 16px; color: #CCC; width: 248px;}
ul#base li ul#sub li ul#sub2 li:hover a { color: #FFF;}
ul#base li ul#sub li ul#sub2 li.imagem { height: 119px; padding: 0 0 -1px 0;	margin: 0;}
ul#base li ul#sub li ul#sub2 li:hover, #menu ul#base li ul#sub li ul#sub2 li.over {
	background: url(../_img/background-menu-sub2-hover.jpg) repeat-x 0 0;
	padding: 0 0 1px 0;
	margin: 0;
}
/*FIM MENU, SUBMENU E SUBSUBMENU*/

/*INICIO RODAPE*/
#rodape {
	background: url(../_img/background-rodape.jpg) repeat-x 0 0;
	width: 776px;
	font-size: 10px;
	border-top: 1px solid #E9E9E9;
	float: left;
}
#rodape ul { margin: 4px 0 0 0;}
#rodape ul li { display: inline; border-right: 1px solid #999; padding: 0 29px;}
#rodape ul li a { text-decoration: none; color: #000;}
#rodape ul li a:hover { color: #C22730;}
#rodape ul li.ultimo { border: none;}
#rodape p a { color: #A1A1A1; text-decoration: none; float: right; font-size: 9px; margin: 10px 10px 0 0;}
#conteudoInt #rodape p a { margin: 0 -15px 0 0;}
#rodape p a:hover, #geral #conteudoInt #rodape p a:hover { color: #00365E;}
/*FIM RODAPE*/

/* Começo Concessionárias Humanizadas*/
#conteudoHumam { background: url( ../_img/background-humanizado.jpg) no-repeat 0 0; width: 774px; min-height: 774px; padding: 0 0 15px 0;}

div.topo { height: 44px; background: #EEE; width: 776px;}
div.topo h1 { font: bold 14px Arial; color: #C2272F; padding: 6px 0 0 6px;}
div.topo p { font: italic 11px Arial; color: #C2272F; padding: 3px 0 0 6px;}
div.topo p a { font: italic 11px Arial; color: #333; text-decoration: none;}

#cima { width: 750px; height: 70px; margin: 0 0 0 15px; padding-top: 20px;}
div.nomeConcess { width: 20%; float: left;}
div.nomeConcess h1 { font: bold 11px Arial; color: #333; text-align: right; white-space: nowrap;}
div.nomeConcess h2 { font: bold 18px Arial; color: #C22730; text-align: right; line-height: 24px; white-space: nowrap;}
div.risquinho { width: 30%; height: 15px; border-bottom: 1px solid #E19398; margin-left: 10px; float: left;}
div.slogan {  float: left; margin-left: 15px; width: 45%;}
div.slogan h1 { font: bold 16px Arial; color: #000; text-align: right;}
div.slogan h1 strong { color: #C22730!important;}

#links { width: 760px;}
a div.gerentes { text-decoration: none;}
a:hover div.gerentes { cursor:pointer;}
div.gerentes { background: url(../_img/background-links.gif) no-repeat 0 0; width: 169px; height: 70px; float: left; margin: 0 10px 0 55px; display: block;}
div.gerentes img { margin: 8px 3px 0 2px; float: left;}
div.gerentes h1 { font: bold 12px Arial; color: #C22730; margin: 5px 0 3px 0; float: left;}
div.gerentes p { font: italic 11px Arial; color: #333; width: 100px; float: left;}

#fotin { width: 774px; height: 292px; float: left;}
#fotin div.dados { margin: 180px 0 0 0; float: left;}
#fotin div.dados h1 { font: italic 13px Arial; color: #333; width: 100px; text-align: right; font-weight: bold;}
#fotin div.dados h2 { font: italic 13px Arial; color: #333; width: 100px; text-align: right;}
#fotin div.blah { width: 400px; margin: 40px 0 0 355px;}
#fotin div.blah p { font: normal 12px Arial; color: #333; text-align: left; margin: 0 0 8px 0;}
#fotin div.blah p.link { /*border-top: 1px solid #C22830;*/ padding: 8px 10px 0 0;}
#fotin div.blah p.link a img { float: right; text-align: right; margin-top: 5px; margin-right: 5px;}

#papel { width: 654px; height: 331px; float: left; padding: 0 0 0 50px; margin-top: -2px;}

#endereco { background: url(../_img/background-endereco.gif) no-repeat 0 0; width: 527px; height: 89px; float: left; margin: 15px 0 20px 0; left: 125px; position: relative;}
#endereco div.left { width: 200px; float: left; margin: 0;}
#endereco div.left h1, #endereco div.meio h1, #endereco div.right h1 { font: bold 12px Arial; color: #C51015; margin: 10px 0 0 10px;}
#endereco div.left p, #endereco div.meio p, #endereco div.right p { font: normal 11px Arial; color: #666; margin: 0 0 0 10px;}
#endereco div.left p strong, #endereco div.meio p strong, #endereco div.right p strong { color: #C51015;}

#endereco div.meio { width: 170px; float: left; margin: 0;}

#endereco div.right { width: 150px; float: left; margin: 0;}
#endereco div.right a img { margin: 15px 10px 0 0; float: right;}


.gerRivoli 		{ background: url(../_img/concessionaria/foto-diretor-rivoli.gif) no-repeat 0 0;}
.gerChamonix 		{ background: url(../_img/concessionaria/foto-diretor-chamonix.gif) no-repeat 0 0;}
.gerSaintGermain	{ background: url(../_img/concessionaria/foto-diretor-saint-german.gif) no-repeat 0 0;}
.gerGranville 		{ background: url(../_img/concessionaria/foto-diretor-graville.gif) no-repeat 0 0;}
.dirVuRivoli 	{ background: url(../_img/foto-gerente-vu-gr-rivoli.gif) no-repeat 0 0;}
.dirVnRivoli 	{ background: url(../_img/foto-gerente-vn-gr-rivoli.gif) no-repeat 0 0;}
.dirPvRivoli 	{ background: url(../_img/foto-gerente-pv-gr-rivoli.gif) no-repeat 0 0;}
/* Fim Concessionárias Humanizadas*/

/*Começo div's flutuantes*/
#equipe { position: absolute; width: 455px; height: 366px; left: 160px; top: 22%; z-index: 9;}
#equipe h1 { background: url(../_img/background-barra-div.jpg) repeat-x 0 0; width: 455px; height: 26px; margin: -15px; _margin: 0;}
#equipe h1 img { float: right; margin: 5px 5px 0 0;}
#equipe div {
	overflow: auto;
	width: 423px;
	/*width: 800px;*/
	_width: 455px;
	height: 420px
	/*height: 320px;*/
	_height: 250px;
	padding: 15px;
	margin: 15px 0 0 -15px;
	_margin: 0;
	border: 1px solid #666;
	background: #E5E5E5 url(../_img/background-conteudo-div.jpg) no-repeat right top;
}
#equipe div h2 { font: bold 20px Arial; color: #000;}
#equipe div img { margin: 10px 0 0 0;}
#equipe div table { width: 200px; margin: 10px 0 0 100px;}
#equipe div table tr td img { margin: 0;}
#equipe div table tr td img#esquerda { display: none;}