/* Browser Viewport
----------------------------------------------------------------------------------------------------*/

html, body { height: 100%; }

body { background: #000000 url(../img/degrade_background.png) center 0 repeat-x; }

/* Global Classes
----------------------------------------------------------------------------------------------------*/

.left { float: left; }

.right { float: right; }

.hidden {
	display: none;
	text-indent: -9999px;
}

.enfase { color: #db0c1a; }

.horizontal-ruler {
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	padding: 20px 0 25px 0;
}

.lista.left,
.lista.right {
	width: 49%;
}

.clear { clear: both; }

col { width: 50%; }

.cor,
.ano,
.foto,
.valor {
	width:10%;
}

.modelo { width: 30%; }

.info { width: 30%; }

.tarja {
	width: 680px;
	background: #cdcdcd;
	color: #333333 !important;
	display: block;
	padding:5px 0 5px 10px;
	font-size: 10px !important;
}

/* Document Structure
----------------------------------------------------------------------------------------------------*/

/* Global */

html>body #main { min-height: 100%; }

#main { width: 100%; }

#wraper {
	margin: 0 auto;
	width: 980px;
}

/* Header */

#header {
	padding-top: 10px;
	position: relative;
	height: 85px;
	z-index: 95;
}

html>body #supertec-honda { background: url(../img/supertec_honda.png) no-repeat; }

/* Logo */

#supertec-honda {
	width: 230px;
	height: 38px;
	display: block;
	margin-bottom: 10px;
	text-indent: -9999px;
}

/* Navegação */

#navegacao-principal {
	width: 980px;
	height: 36px;
	list-style-type: none;
	margin: 10px auto 0 auto;
	position: absolute;
	left: 0;
	bottom: 0;
}

#navegacao-principal li {
	float:none;
	margin: 0;
	position: relative;
	text-indent: -9999px;
}

#navegacao-principal li a {
	display: block;
	float: left;
	height: 36px;
	background: url(../img/navegacao_principal.png) no-repeat;
}

#navegacao-principal li#mn-home a {
	width: 82px;
	background-position: 0 0;
}

#navegacao-principal li#mn-home a:hover { background-position: 0 -36px; }

#navegacao-principal li#mn-home a.aba-atual { background-position: 0 -72px; }

#navegacao-principal li#mn-institucional a {
	width: 138px;
	background-position: -82px 0;
}

#navegacao-principal li#mn-institucional a:hover { background-position: -82px -36px; }

#navegacao-principal li#mn-institucional a.aba-atual { background-position: -82px -72px; }

#navegacao-principal li#mn-showroom a {
	width: 128px;
	background-position: -220px 0;
}
#navegacao-principal li#mn-showroom a:hover, #navegacao-principal li#mn-showroom.over a { background-position: -220px -36px !important; }
#navegacao-principal li#mn-showroom a.aba-atual { background-position: -220px -72px; }

#navegacao-principal li#mn-seminovos a {
	width: 121px;
	background-position: -348px 0;
}
#navegacao-principal li#mn-seminovos a:hover { background-position: -348px -36px; }
#navegacao-principal li#mn-seminovos a.aba-atual { background-position: -348px -72px; }

#navegacao-principal li#mn-oficina a {
	width: 97px;
	background-position: -469px 0;
}
#navegacao-principal li#mn-oficina a:hover { background-position: -469px -36px; }
#navegacao-principal li#mn-oficina a.aba-atual { background-position: -469px -72px; }

#navegacao-principal li#mn-facilidades a {
	width: 131px;
	background-position: -566px 0;
}
#navegacao-principal li#mn-facilidades a:hover, #navegacao-principal li#mn-facilidades.over a { background-position: -566px -36px !important; }
#navegacao-principal li#mn-facilidades a.aba-atual { background-position: -566px -72px; }

#navegacao-principal li#mn-pecaseacessorios a {
	width: 175px;
	background-position: -697px 0;
}
#navegacao-principal li#mn-pecaseacessorios a:hover { background-position: -697px -36px; }
#navegacao-principal li#mn-pecaseacessorios a.aba-atual { background-position: -697px -72px; }

#navegacao-principal li#mn-contato a {
	width: 108px;
	background-position: -872px 0;
}
#navegacao-principal li#mn-contato a:hover { background-position: -872px -36px; }
#navegacao-principal li#mn-contato a.aba-atual { background-position: -872px -72px; }

/* Sub-navegação */
ul#navegacao-principal li ul {
	visibility: hidden;
	z-index: 90;
}
ul#navegacao-principal li:hover ul ul,
ul#navegacao-principal li.over ul ul {
	width:175px;
}

ul#navegacao-principal li li,
ul#navegacao-principal li ul li{
	height:30px;
	float: none;
}

html>body ul#navegacao-principal li ul#sub-showroom { left: 222px; } 
html>body ul#navegacao-principal li ul#sub-facilidades { left: 568px; }

ul#navegacao-principal li ul{ 
	width:175px;
	margin: 0;
	background-color: #2f2f2f;
	position: absolute;
	left: 0;
	top: 36px;
	/*display: none;*/
}

ul#navegacao-principal li ul ul{ 
	width:175px;
	position:absolute;
	left:175px;
	top:0;
}

ul#navegacao-principal li ul li {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #e4e4e4;
	line-height: 30px;
	list-style: none;
	background: url(../img/bullet_navegacao_background.png) 10px 14px no-repeat;
}

ul#navegacao-principal li ul a{ 
	display:block;
	width:175px;
	height:30px;
	color: #cdcdcd;
	text-indent: 12px;
	background-image: none;
}

ul#navegacao-principal li ul a:hover,
ul#navegacao-principal li ul li a:hover{ 
	height:30px;
	color: #d70c0e;
}

ul#navegacao-principal li ul li a{
	width:175px;
	display:block;
	height:30px;
}

ul#navegacao-principal li ul li ul a{
	width:175px;
	display:block;
	height:30px;
}

ul#sub-facilidades li.seta { background: url(../img/seta_sub_navegacao.png) no-repeat 160px 50%; }

/* Conteúdo */

#conteudo {
	width: 950px;
	
	padding: 15px;
	margin: 0 auto;
	clear: both;
	background: #e4e4e4;
}

/* Destaque Flash */

#destaque-principal,
#destaque-internas {
	margin: 0 auto 10px auto;
}

/* Box destaque Seminovos */

html>body #seminovos { min-height: 200px; }

#seminovos {
	width: 382px;
	position: relative;
	margin-left: 10px;
	background: url(../img/seminovos_background.png) 0 bottom repeat-x;
}

#seminovos h1, #seminovos p { margin-left: 10px; }

html>body #seminovos .destaques { min-height: 150px; }

#seminovos .destaques {
	width: 114px;
	color: #fff;
	padding-bottom: 10px;
	margin: 0 0 0 10px;
	text-align: center;
	background: #0e0e0e url(../img/destaque_seminovos_background.png) 0 bottom repeat-x;
}

#seminovos .destaques img {
	margin-top: 10px;
	border: 1px solid #d7d7d7;
}

#seminovos .destaques dl {
	margin: 10px 0 0 0;
	line-height: 14px;
}

#seminovos .destaques dl dt { font-weight: bold; }

#seminovos .destaques dl dt,
#seminovos .destaques dl dd {
	margin: 0;
}

#seminovos .destaques dl dd.preco {
	line-height: 20px;
	font-weight: bold;
	height: 20px;
	margin-top: 10px;
	background: url(../img/preco_seminovos_background.png) center center no-repeat;
}

span.divisor {
	width: 100%;
	height: 35px;
	margin-bottom: 15px;
	display: block;
	clear: both;
	background: url(../img/seminovos_divisor.jpg) center 30px no-repeat;
}

table#tabela-seminovos {
	width:362px;
	margin: 0 10px 0 10px;
	background: #393939;
	color: #fff;
}

table#tabela-seminovos tr.zebra { background: #484848; }

table#tabela-seminovos td { vertical-align: middle; }

table#tabela-seminovos td.modelo { text-indent: 30px; }

table#tabela-seminovos td.preco {
	text-align: center;
	font-weight: bold;
	height: 26px;
	background: url(../img/preco_seminovos_background.png) center center no-repeat;
}

table#tabela-seminovos col.modelo {
	width:138px;
	font-weight: bold;
}

table#tabela-seminovos col.cor { width:55px; }

table#tabela-seminovos col.ano { width:55px; }

table#tabela-seminovos col.valor { width:114px; }

#seminovos p.right { margin: 8px 10px 0 0; }

html>body #mascote { background: url(../img/mascote.png) no-repeat; }

#mascote {
	width: 120px;
	height: 190px;
	position: absolute;
	left: -18px;
	bottom: 204px;
	background-image: url(../img/mascote.png);
	top: 40px;
}

/* Chamadas */

#chamadas {
	width: 536px;
	margin: 25px 0 0 20px;
	display: block;
}

/* Box de Chamadas */

html>body .box-chamada { min-height: 120px; }

.box-chamada {
	width: 158px;
	margin-right: 10px;
	padding-left: 90px;
	position: relative;
}

.box-chamada h2 {
	width: 100%;
	height: 10px;
	text-indent: -9999px;
}

#honda-conduz { background: url(../img/honda_conduz_icone.png) no-repeat; }

#honda-conduz h2 { background: url(../img/honda_conduz.png)  no-repeat; }

#frotistas { background: url(../img/frotistas_icone.png) no-repeat; }

#taxistas { background: url(../img/frotistas_taxistas.png) no-repeat; }

#frotistas h2 { background: url(../img/frotistas.png)  no-repeat; }

#taxistas h2 { background: url(../img/taxistas.png)  no-repeat; }

#consorcio-nacional { background: url(../img/consorcio_nacional_icone.png) no-repeat; }

#consorcio-nacional h2 { background: url(../img/consorcio_nacional_honda.png)  no-repeat; }

#banco-honda { background: url(../img/banco_honda_icone.png) no-repeat; }

#banco-honda h2 { background: url(../img/banco_honda.png)  no-repeat; }

#express-service { background: url(../img/express_service_icone.png) no-repeat; }

#express-service h2 { background: url(../img/express_service.png)  no-repeat; }

#seguros { background: url(../img/seguros_icone.png) no-repeat; }

#seguros h2 { background: url(../img/seguros.png)  no-repeat; }

.box-chamada span.divisor {
	width: 212px;
	height: 10px;
	margin: 0 0 20px -106px;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: url(../img/chamadas_divisor.png) center 0 no-repeat;
}

/* Internas */

body#internas #conteudo { padding: 0 10px 10px 10px; display: table;}

html>body #coluna-esquerda { min-height: 450px; }

#coluna-esquerda,
#coluna-direita {
	position: relative;
	top: -32px;
}

#coluna-esquerda {
	width: 228px;
	margin-left: 10px;
	background: url(../img/coluna_esquerda_background.png) repeat-x;
}

#coluna-direita {
	width: 690px;
	padding-top: 16px;
	margin-left: 20px;
}

html>body #navegacao-contextual { min-height: 320px; }

#navegacao-contextual {
	width: 180px;
	margin: 0 auto;
	padding: 16px;
	color: #fff;
	background: url(../img/navegacao_contextual_background.png) repeat-x;
}

#navegacao-contextual h3 {
	color: #d70c0e;
	margin: 16px 0 10px 0;
}

#navegacao-contextual ul {
	margin-bottom: 16px;
	list-style-type: none;
}

#navegacao-contextual ul li {
	margin: 0 0 5px 0;
	border-bottom: 1px solid #838383;
	padding: 0 0 5px 10px;
	background: url(../img/bullet_branco_background.png) 0 5px no-repeat;
}

#navegacao-contextual ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
}

/* Show Room */

#coluna-direita h1 {
	text-indent: -9999px;
	margin-bottom: 10px;
	height: 20px;
}

#coluna-direita h2 {
	margin: 16px 0;
	color: #d70c0e;
	font-size: 16px;
}

#coluna-direita h3 {
	font-weight: bold;
	margin-bottom: 10px;
	color: #d70c0e;
	font-size: 12px;
}

h1#crv {
	width: 246px;
	background:url(../img/show_room_crv.png) no-repeat;
}

h1#new-civic-si {
	width: 357px;
	background:url(../img/show_room_civic_si.png) no-repeat;
}

h1#new-civic {
	width: 326px;
	background:url(../img/show_room_civic.png) no-repeat;
}

h1#fit {
	width: 221px;
	background:url(../img/show_room_fit.png) no-repeat;
}

h1#city {
	width: 244px;
	background:url(../img/show_room_city.png) no-repeat;
}

h1#accord {
	width: 295px;
	background:url(../img/show_room_accord.png) no-repeat;
}

dl.informacoes {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
}

dl.informacoes dt {
	margin: 0;
	color: #d70c0e;
	font-size: 16px;
	padding: 10px 0;
	position: relative;
	border-bottom: 1px solid #cdcdcd;
	cursor: pointer !important;
}

dl.informacoes dt span.icone {
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 0;
	top: 8px;
	background:url(../img/maximizar_icone.png) no-repeat;
}

dl.informacoes dt span.minimizar { background:url(../img/minimizar_icone.png) no-repeat; }

dl.informacoes dd {
	padding-bottom:1.0em;
	margin: 10px 0 0 0;
}

.tabela { width:100%; }

.tabela th {
	padding: 4px 0;
	background:#cdcdcd;
	text-align:left;
}

.tabela th { text-indent:8px; }

.tabela td {
	vertical-align: middle;
	padding: 4px 8px;
	border-bottom:1px solid #cdcdcd;	
}	

.tabela tr.zebra { background:#cdcdcd; }

.tabela tr.over { background:#999; }

/* Facilidades */

h1#consorcio-nacional-honda {
	width: 583px;
	height: 26px;
	background:url(../img/facilidades_consorcio_nacional_honda.png) no-repeat;
}

h1#banco-honda {
	width: 378px;
	background:url(../img/facilidades_banco_honda.png) no-repeat;
}

h1#vendas-especiais {
	width: 424px;
	background:url(../img/facilidades_vendas_especiais.png) no-repeat;
}

h1#seguros {
	width: 300px;
	background:url(../img/facilidades_seguros.png) no-repeat;
}

h2#frotistas {
	text-indent: -9999px;
	margin: 30px 0;
	height: 15px;
	background:url(../img/vendas_especiais_frotistas.png) no-repeat;
}

h2#convenios {
	text-indent: -9999px;
	margin: 30px 0;
	height: 20px;
	background:url(../img/vendas_especiais_convenios.png) no-repeat;
}

h2#honda-conduz {
	text-indent: -9999px;
	margin: 30px 0;
	height: 20px;
	background:url(../img/vendas_especiais_honda_conduz.png) no-repeat;
}

#coluna-direita h3.left { margin-right: 10px; }

#coluna-direita ul {
	margin-bottom: 16px;
	list-style-type: none;
}

#coluna-direita ul li {
	margin: 0 0 5px 0;
	padding: 0 0 5px 10px;
	background: url(../img/bullet_vermelho_background.png) 0 5px no-repeat;
}

#coluna-direita img.icone { margin: 20px 0 0 50px; }

#coluna-direita table.tabela col.padrao { width:25%; }

/* Institucional */

h1#institucional {
	width: 197px;
	margin-bottom: 20px;
	height: 20px;
	background:url(../img/institucional.png) no-repeat;
}

h2#horario-atendimento {
	font-weight: bold;
	margin-top: 35px;
}

.horarios {
	display: inline;
	float: left;
	margin-right: 75px;
	width: 155px;
}

.horarios h3 {
	color: #2D2D2D !important;
	font-size: 9px !important;
	text-transform: uppercase;
}

.horarios h3 span{
	color: #DB0C1A;
}

/* Pecas e Acessórios */

h1#semi-novos {
	width: 154px;
	background: url(../img/seminovos.png) no-repeat;
}

/* Pecas e Acessórios */

h1#pecas-acessorios {
	width: 382px;
	height: 31px;
	background: url(../img/pecas_acessorios.png) no-repeat;
}

/* Pecas e Acessórios */

h1#oficina {
	width: 104px;
	height: 21px;
	background: url(../img/tit_oficina.png) no-repeat;
}

/* Contato */

h1#contato {
	width: 121px;
	background: url(../img/contato.png) no-repeat;
}

/* Oficina */

h1#agendamento {
	width: 483px;
	height: 25px;
	background: url(../img/agendamento_revisao.png) no-repeat;
}

h1#tit-agendamento {
	width: 484px;
	height: 25px;
	background: url(../img/tit_agendamento_revisao.png) no-repeat;
}

h1#tit-express {
	width: 346px;
	height: 25px;
	background: url(../img/ofcina_express_sevice.png) no-repeat;
}

h1#tit-test-drive {
	width: 235px;
	height: 25px;
	background: url(../img/tit_test_drive.png) no-repeat;
}

h1#tit-faca-orcamento {
	width: 302px;
	height: 25px;
	background: url(../img/tit_faca_orcamento.png) no-repeat;
}

h1#tit-curriculos {
	width: 186px;
	height: 26px;
	background: url(../img/tit_curriculos.png) no-repeat;
}

h1#tit-cadastro-email {
	width: 286px;
	height: 20px;
	background: url(../img/tit_cadastro_email.png) no-repeat;
}

/*
////////////////////////////////////////////////////////////////////////////////
	FORM'S
////////////////////////////////////////////////////////////////////////////////
*/
#form ul.form #cadastrar li{
	width: auto;
}

#form ul.form {
	margin:0;
	padding:0;
	list-style: none;
}

#form ul.form li { 
	margin:0 1.0em 1.0em 0;
	padding: 0;
	display:inline;
	width:312px;
	background: none;
	height: 40px;
}

#form ul.form li span { color:#9e9e9e; }

#form ul.form li.last { margin-right:0; }

#form ul.form li.servicos {
	margin-right:0;
	width:100%;
	clear:both;
	height: auto;
}

#form ul.form li.mensagem {
	margin-right:0;
	width:100%;
	clear:both;
	height: auto;
}

#form ul.form label {
	display:block;
	font-weight:bold;
	color:#666;
	margin-bottom: 5px;
}

#form ul.form input {
	width:300px;
	margin-bottom: 0px;
	padding:0 0 0 0.5em;
}	

#form ul.form input.demo { width:180px; }

#form ul.form select {
	width:310px;
	margin-bottom: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#form ul.form textarea { width:630px; height: 100px; }

#form ul.form ul li {
	height: auto;
}

#form ul.form ul li input {
	width:auto;
	margin:0 0.5em 0 0;
	padding:0;
}
	
input.botao {
	background:#8b8b8b;
	color:#FFF;
	cursor:pointer;
	border:none;
	padding:0.3em 1.0em;
	line-height:1.4em;
	text-decoration:none;
	margin-top:1.0em;
	clear:both;
}

/* Footer */

#footer {
	height: 100px;
	background: url(../img/degrade_backgroundend.png) repeat-x;
}

#footer .box-endereco {
	width: 220px;
	margin: 20px 0 0 0;
	padding-left: 20px;
}

#footer .box-endereco a{
	color: #000000;
	text-decoration: underline;
}

#footer h3 {
	color: #d70c0e;
	font-weight: bold;
}

#footer h3 span { color: #000000; }