/*
////////////////////////////////////////////////////////////////////////////////

	AUTOJAPAN - CONCESSIONRIA HONDA
	AUTOR: MARCUS AUGUSTO
	CRIADO: 30/09/2008
	MODIFICADO:
	
////////////////////////////////////////////////////////////////////////////////
	Classes Genricas
////////////////////////////////////////////////////////////////////////////////
*/

.left { float:left; }
.right { float:right; }
.escondido { display:none; }
.clear { clear:both; }

/*
////////////////////////////////////////////////////////////////////////////////
	Elementos e Classes Especficos	
////////////////////////////////////////////////////////////////////////////////
*/

#autoJapan:hover, #autoJapan:focus { border:none; }

.sIFR-hasFlash h1 { visibility: hidden; }

h1 { font-size:1.6em; color:#333333; }
h2 { font-size:1.4em; color:#db0c1a; }
h3 { font-size:1.2em; color:#db0c1a; }
h4 { font-size:1.0em; color:#db0c1a; }

h5 {
	margin-top:3.0em;
	font-size:1.0em;
	color:#db0c1a;
	border-top:1px solid #e8e8e8;
	text-indent:1.0em;
	padding:0.2em 0;
	}

body#facilidades h5 { color:#9e9e9e; font-weight:normal; }

h5 span {
	color:#db0c1a;
	font-weight:bold;
	}

span.secao {
	font-size:1.4em;
	color:#db0c1a;
	position:absolute;
	left:0;
	top:0;
	}

a { color:#db0c1a; }
a, a:active { text-decoration:none; }
a:hover, a:focus { text-decoration:underline; }

.lista { margin:1.0em 0; padding:0; }

.lista.left { width:48%; margin-right:4%; }
.lista.right { width:48%; }

body#home .lista a { color:#333; }

body.internas .lista a { color:#666; }

.lista dt {
	margin-bottom:1.0em;
	font-weight:bold;
	color:#db0c1a;
	}

.lista dd, .lista li {
	margin:0;
	list-style-type:none;
	padding-left:1.0em;
	background:url(../imgs/bullet_link.png) 0 0.75em no-repeat;
	}

body#home a.botao {
	position:absolute;
	left:0;
	bottom:0;
	}

a.botao, a.botao:hover {
	background:#8b8b8b;
	color:#FFF;
	border-bottom:none;
	padding:0.5em 1.0em;
	line-height:1.4em;
	text-decoration:none;
	margin-top:1.0em;
	}

.tabela th { background:#e8e8e8; text-align:left; color:#666; }

.ano { color:#9e9e9e; }

.valor {
	color:#db0c1a;
	font-weight:bold;
	}

.observacao { font-size:0.9em; color:#db0c1a; }

img.icone { margin:3.0em 2.0em; }

.btn-funcionamento {
	background: #8B8B8B;
	color: #fff;
	padding: 4px 10px;
	font-weight: normal;
	font-size: 9px;
}

.tipo { color:#db0c1a; }

/*
////////////////////////////////////////////////////////////////////////////////
	Estrutura Global
////////////////////////////////////////////////////////////////////////////////
*/

html, body { height:100%; }

body {
	font:100.01%/1.0em Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background:url(../imgs/background.png) top left repeat-x;
	}

body.internas { color:#9e9e9e; }

#container {
	padding-top:1.0em;
	font-size:0.63em;
	text-align:center;
	}

#wraper { 
	width:898px; 
	padding:10px;
	background:#FFF;
	margin:0 auto;
	text-align:left;
	}

#flashCabecalho {
	width:898px;
	height:270px;
	}

#containerConteudo { margin-top:1.0em; }

#wraperDestaques {
	width:380px;
	margin-right:1.0em;
	position:relative;
	display:inline;
	height:auto !important;
	height:300px;
}

html>body #wraperDestaques { min-height:300px; }

#footer {
	color:#666;
	margin-top:1.0em;
	padding:1.0em 0;
	width:898px;
	float:left;
	border-top:1px solid #e8e8e8;
	}

#footer dl {
	width:210px;
	float:left;
	margin:0 15px 0 0;
}

#footer dl.final { margin:0; text-align: right;}

#footer dt {
	color:#4c4c4c;
	font-weight:bold;
	}

#footer dd {
	font-size:0.9em;
	margin:0;
	line-height:1.2em;
	}

/*
////////////////////////////////////////////////////////////////////////////////
	Estrutura Especfica da institucional
////////////////////////////////////////////////////////////////////////////////
*/

#containerFacilidades, #containerOficina {
	position:absolute;
	top:0;
	width:185px;
}

#containerFacilidades { left:0; }

#containerOficina { left:195px; }

#containerSeminovos {
	width:508px;
	position:relative;
	height:auto !important;
	height:300px;
}

html>body #containerSeminovos { min-height:300px; }

#tit-horario-funcionamento {
	font-size: 16px;
	margin: 25px 0 25px;
}

.funcionamento {
	width: 155px;
	margin: 0 50px 0 0;
	padding: 0;
	display: inline;
	float: left;
}

.funcionamento dt {
	color: #4C4C4C;
	font-weight: bold;
	font-size: 9px;
	margin: 0;
	padding: 0;
}

.funcionamento dd {
	margin: 0;
	padding: 0;
}

/*
////////////////////////////////////////////////////////////////////////////////
	Elementos e Classes Especficos da Home
////////////////////////////////////////////////////////////////////////////////
*/

.chamada {
	margin-bottom:2.0em;
	padding-bottom:1.5em;
	display:inline-block;
	width:100%;
	border-bottom:1px solid #e8e8e8;
	}
	
body#home .tabela { width:250px; margin:0; }

body#home .tabela td { padding:0.4em 0; }

body#home .tabela tr { cursor:pointer; }

body#home .modelo { width:26%; }

body#home .ano { width:13%; }

body#home .valor { width:10%; }

body#pecas-acessorios .preco, body#pecas-acessorios .modelo { width:40%; }

body#pecas-acessorios .valor { width:20%; }

#tooltip.maisInfo {
	border: none;
	width: 231px;
	padding:0;
	height: 133px;
	position:absolute;
	z-index:3000;
	background: url(../imgs/shadow.png) no-repeat;
}

#tooltip.maisInfo h3 {
	color:#666;
	font-size:0.63em;
	font-weight:normal;
	margin:0.63em;
	}

#tooltip.maisInfo h3 span { display:block; font-size:0.90em; border-top:1px solid #ededed; border-bottom:1px solid #cacaca; float:left; width:65%; }

#tooltip.maisInfo h3 span.modelo { border-top:none; font-weight:bold; }

#tooltip.maisInfo h3 span.red { color:#db0c1a; font-weight:bold; border-bottom:none; }

#tooltip.maisInfo img { margin:0.50em 1.0em 120px 0.50em; float:left; }

/*
////////////////////////////////////////////////////////////////////////////////
	Estrutura Especfica das Internas
////////////////////////////////////////////////////////////////////////////////
*/

#wraperConteudo {
	width:636px;
	margin:0;
	padding-bottom:10.0em;
	}

#navegacaoContextual {
	width:210px;
	padding:1.0em 2.0em;
	margin:0 0 0 1.0em;
	background:#e8e8e8;
}

/*
////////////////////////////////////////////////////////////////////////////////
	Elementos e Classes Especficos das Internas
////////////////////////////////////////////////////////////////////////////////
*/

body.internas h1 {
	font-size:3.0em;
	clear:both;
	padding:0.70em 0;
	margin-bottom:0.33em;
	background:url(../imgs/background_titulos.png) no-repeat right top;
	}

body.internas h2 { margin:0.71em 0; }

body.internas .tabela { width:100%; font-size:0.9em; line-height:1.2em; }

body.internas .modelo, body.internas .cor, body.internas .ano { width:10%; }

body.internas .info { width:45%; }

body.internas .foto { width:10%; } 

body.internas .valor { width:15%; }

body.internas .generica { width:25%; }

body#facilidades.vendasespeciais .generica { width:33.3%; }

body#facilidades.internas #wraperConteudo .lista { border-bottom:1px solid #eee; padding-bottom:1.5em }
body#facilidades.vendasespeciais #wraperConteudo .lista.left, body#facilidades.vendasespeciais #wraperConteudo .lista.right { margin:0; border-bottom:none; padding-bottom:1.5em }

dl.informacoes {
	width:100%;
	margin:0 0 3.0em 0;
	padding:0;
	}

dl.informacoes dt {
	color:#db0c1a;
	font-weight:bold;
	font-size:1.4em;
	padding:0.63em 0;
	position:relative;
	border-bottom:1px solid #e8e8e8;
	cursor:pointer;
}

dl.informacoes dt span.icone {
	display:block;
	width:16px;
	height:16px;
	position:absolute;
	right:0.63em;
	top:0.6em;
	background:url(../imgs/icone_maximizar.png) no-repeat;
}

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

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

body#showroom h4 {
	padding:0.5em 0 0.5em 1.0em;
	margin-bottom:0;
	border-top:1px solid #e8e8e8;
	}

body#facilidades #wraperConteudo h4 {
	color:#9e9e9e;
	font-weight:bold;
	padding:0.4em 0 0.4em 1.0em;
	background:#e8e8e8;
	display:block;
	}
	
body#facilidades #wraperConteudo h4.left { color:#db0c1a; padding:0; background:none; }
	
/*.tabela { margin-bottom:1.0em; }*/

.tabela th { text-indent:0.5em; }

.tabela td {
	padding:0.5em 1.0em;
	border-bottom:1px solid #e8e8e8;	
	}

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

.tabela tr.over{ background:#f1f1f1; cursor:pointer; }


body#showroom .modelo { width:20%; }

body#showroom .info { width:40%; }

/*
////////////////////////////////////////////////////////////////////////////////
	THICKBOX
////////////////////////////////////////////////////////////////////////////////
*/

body#modeloVeiculo { background:#f4f4f4 none; }

body#modeloVeiculo #container { padding-top:0; }

body#modeloVeiculo #wraper {
	width:678px;
	padding:0;
	}

body#modeloVeiculo #containerConteudo {
	margin:0;
	padding:0;
	position:relative;
}

body#modeloVeiculo #containerConteudo H1 {
	
}
#selectModelos {
	position:absolute;
	top:1.0em;
	right:1.0em;
	}
	
/*
////////////////////////////////////////////////////////////////////////////////
	JUMP MENU
////////////////////////////////////////////////////////////////////////////////
*/

#selectModelos select#modelos { width:180px; color:#db0c1a; }

/*
////////////////////////////////////////////////////////////////////////////////
	FORM'S
////////////////////////////////////////////////////////////////////////////////
*/

ul.form {
	width:636px;
	margin:0;
	padding:0;
	}

ul.form ul {
	margin:0;
	padding:0;
	width:100%;
}

ul.form li, ul.form ul li { 
	margin:0 1.0em 1.0em 0;
	display:inline;
	width:312px;
	list-style-type:none;
	}

ul.form ul li { width:auto; margin:0 0.5em 0 0; display:inline; font-size:0.9em; }

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

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

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

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

ul.form input {
	width:300px;
	padding:0 0 0 0.5em;
	}

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

ul.form select {
	width:310px;
	margin-bottom:1.0em;
	}

ul.form textarea { width:630px; }

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;
	}