@import url('john-cooper-works.css');

body {
   background-color:#000000;
   font-family:Arial;
   font-size: 11px;
   color:#ffffff;
   margin:0px;
}

p.texto {
   padding-top: 0;
   text-align: justify;
}

#area-site {
   width:924px;
   height:auto;
   top:0;
}

#cabecalho {
	width:928px;
	height:90px;
	position:relative;
}

#cabecalho h6 {
    position: absolute;
	text-indent:-5000px;
	content:"";
	line-height:0;
}

#cabecalho #mini {
	top: -15px;
	left: 3px;
	width: 166px;
	height: 93px;
	background-image:url(../images/mini.jpg);
	cursor:pointer;
}

#cabecalho #caltabiano {
	bottom: 0px;
	*bottom: 12px;
	right: 12px;
	width: 82px;
	height: 12px;
	background-image:url(../images/caltabiano.png);
}

#rastro {
	width:757px;
	height:20px;
	position:absolute;
	top:76px;
	left:169px;
	font-size:9px;
	text-transform:uppercase;
	cursor:default;
}

.rastro {
	font-size:9px;
	text-transform:uppercase;
	cursor:default;
}

input, select, textarea{
   font-size: 11px;	
}

#content-container{
	/*margin-top:100px;*/
	width:945px;
}

#menu-flash {
	position: relative;
	width: 170px;
	height: 276px;
	float:left;
}

#contPrincipal{
	width:757px;
	height:auto;
	float:left;
	position:relative;
}

.conteudo {
	width:auto;
	height:auto;
	margin: 0;
}
.conteudo-borda {
	clear:both;
	border: 10px solid #808080;
}

.obrigatorio {
   color:#FF0000;
}

td.titulo {
   font-size: 10pt;
   color: #cccccc;
   padding: 2px 0 2px 2px;
   text-transform:uppercase;
   font-weight: bold;
   background-color: #0275b6;
}

p {
   padding: 15px 10px 0 10px;
   text-align: justify;
}

h2 {
   padding: 0px 30px 0 10px;
}

#noticia img {
	border:1px solid #808080;
}

.banner{
   position:relative;
   width:757px;
   height:auto;
   float:left;
}

p.faq {
   width: 747px;
   font-weight:bold; 
   background:#808080;
   color:#ffffff;
   padding: 3px 0 3px 10px;
   clear:both;
}

.faq2 {
	margin: -17px 0 25px 0;
}

.titulo-banner {
   font-size: 20pt;
   font-weight: bold;
   font-family: arial;
   text-transform: uppercase;
   color: #ffffff;
   padding-bottom: 15px;
}

#destaques {
   position: relative;
   float:left;
   width:765px;
   height:auto;
}

.item{
   position:relative;
   float:left;
   width:244px;
   border: 1px solid #131313;
   height: 103px;
   margin:10px 9px 0px 0px;
}

.item h2{
	cursor:default;
	text-transform:uppercase;
	padding:4px 0 0 20px;
	display:block;
	margin:0px 0px 4px 3px;
	height:14px;
	font-weight:bold;
	font-size:11px;
	color:#FFF;
	background:url('../images/icone/item.png') 0px 2px no-repeat;
	overflow:hidden;
}

#tags h2{
	margin:0px 0px 0px 3px;
}

.titulo_item {
   margin: 0 6px 0 0;
}

p.p_item {
   margin: 0px;
   padding: 0 0 0 10px;
   text-align: left;
}

.item img {
   padding: 6px 6px 4px 4px;
   float: left;
}

.item a.mais {
   position: absolute;
   left: 93px;
   bottom: 3px;
}

#foto-mini {
   display: inline;
   position: relative;
   float: left;
   margin-left: 3px;
   cursor: hand;
}

#foto-mini-grande {
	position: absolute;
	top:150px;
	left: 150px;
	width:420px;
	height: 315px;
	background-color: #666666;
}

a:link {
   color: #808080;
   text-decoration: none;
}

a:hover {
   color:#ffffff;
   text-decoration: none;
}

a:visited {
   color:#a9a9a9;
   text-decoration: none;
}

a:hover {
   color:#ffffff;
   text-decoration: none;
}

.mapa-item {
   padding: 2px 0 2px 10px;
   color:#0099FF;
}

.mapa-item a {
   color: #FFFFFF;
   text-decoration: none;
}

.mapa-item a:visited {
   color: #FFFFFF;
   text-decoration: none;
}

.mapa-item a:hover {
   color: #777777;
   text-decoration: underline;
}

.mapa-subitem {
   padding: 2px 0 2px 20px;
}

.mapa-subitem a {
   color: #FFFFFF;
   text-decoration: none;
}

.mapa-subitem a:visited {
   color: #FFFFFF;
   text-decoration: none;
}

.mapa-subitem a:hover {
   color: #777777;
   text-decoration: underline;
}

#dados-tecnicos1{
   width: 335px;
   height: 30px;
   border-right: 1px solid #000000;
   background: #FFFFFF;
   color:#000000;
   padding: 10px 0 0 8px;
   font-weight: bold;
   text-align:center;
   clear:both;
}

#dados-tecnicos2{
   margin-top: -40px;
   margin-left: 344px;
   width: 385px;
   background: #FFFFFF;
   color:#000000;
   padding: 10px 0 0 8px;
   font-weight: bold;
   text-align:center;
   height: 30px;
}

.imgs-compare{
	float:left;
	width:180px;
	height:130px;
	border-right: 1px solid #000000;
	font-weight: bold;
	text-align:center;
}
.dados-compare{
	float:left;
	width: 183px;
	height:18px;
	border-right: 1px solid #000000;
	background: #FFFFFF;
	color:#000000;
	padding: 2px 0 2px 10px;
	font-weight: bold;
	text-align:center;
}
.dados-compare select{
	border:none;
	color:#000000;
	font-weight: bold;
}

#dadosTec {
   clear: both;
   width: 737px;
   height: 225px;
   margin-top: 0;
   background: #d3d3d3;
   overflow-x: hidden;
   overflow-y: scroll;
}

table.dadosTec{
   width: 721px;
   border-collapse: collapse;
   color: #000000;
   margin-top: 0;
}

table.tabSeminovos{
   width: 757px;
   border-collapse: collapse;
   color: #000000;
   margin-top: 0;
}

table.dadosTec th, table.tabSeminovos th{background-color:#bcbcbc; cursor:default; text-align:left;}
table.dadosTec td {text-align:left;}
table.dadosTec tr, table.tabSeminovos tr{background-color:#d3d3d3; cursor:default;}
table.tabSeminovos tr.linha_impar{background-color:#dddddd;}
table.dadosTec tr:hover, table.tabSeminovos tr:hover{background-color:#c7c6c6;}

.faqTabela{
	border-collapse: collapse;
	background: #d3d3d3;
	color: #000000;
}

.faqTabela th {
	background:#FFFFFF;
	color:#000000;
	font-weight:bold;
	text-align:center;
}

table.dadosTec tr, .faqTabela tr, table.tabSeminovos tr {
   border-bottom: 1px solid #bcbcbc;
}
table.dadosTec th, table.dadosTec td, .faqTabela td, table.tabSeminovos th, table.tabSeminovos	 td {
   border-right: 1px solid #999999;
   padding: 0 10px;
}

.dadosTec label {
	font-size:9px;
	margin:0px 12px 0px 0px;
}
.dadosTec label span {
	background:#FFFFFF;
	padding:0px 5px;
}

#rodape {
	width: 100%;
	height: 29px;
	text-align: right;
	margin-top:25px;
	float:left;
	border-top:1px solid #a2a2a2;
}

.menu_rodape {
   width: 400px;
   text-align:left;
   float: left;
   padding: 2px;
}

.menu_rodape a:link {
   color: #ffffff;
   text-decoration: none;
}

.menu_rodape a:visited {
   color: #ffffff;
   text-decoration: none;
}

.menu_rodape a:hover {
   color: #777777;
   text-decoration: underline;
}

.logo_rodape {
   width:200px;
   float: right;
   top:0;
}

.linha {
   margin-top: 3px;
}

#mensagem{
	text-align: left;
	font: 11px Arial;
	font-weight: bold;
	vertical-align: middle;
	margin: 0px 0 5px 0;
	padding: 5px 0px 5px 50px;
	display:none;
}
#mensagem.loading{
	background: #000 url('../images/icone/loading.gif') no-repeat 15px center;
	border: 0px;
	color: #fff;
}
#mensagem.erro{
	background: #fcc url('../images/icone/botao_erro.gif') no-repeat 15px center;
	border: 1px solid #c68484;
	color: Red;
}
#mensagem.sucesso{
	background: #e2f9e3 url('../images/icone/botao_aceito.gif') no-repeat 15px center;
	border: 1px solid #9c9;
	color: #060;
}

/* SUBMENU */
.submenu-modelo{
	display:block;
	list-style:none;
	margin:0px;
	padding:0 10px 10px 0;
	text-align:left;
	float:right;
}
.submenu-modelo li{
	padding:0 4px 0 4px;
	line-height:9px;
	float:left;
	border-right:1px solid #808080;
}
.submenu-modelo li.last{
	border-right:0px;
}
.submenu-modelo a{
	font-size:9px;
	text-transform:uppercase;
}

/* FORM */
.area_formulario {
	border-bottom:1px solid #808080;
	display:table;
	height:auto;
	padding:4px 5px;
	width:747px;
}
.area_formulario label {
	float:left;
	padding:3px 0 0 10px;
	text-align:left;
	width:150px !important;
}
.area_formulario .obs {
	float:left;
	clear:both;
	color:#808080;
	font-size:9px;
	padding:3px 0 0 10px;
	text-align:left;
	width:auto !important;
}
.area_formulario input, select, textarea {
	border:1px solid #808080;
	float:left;
	font-family:Arial;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0 2px;
}
.area_formulario img {
	float:left;
	margin:0px 3px 6px 0px;
}
.area_formulario img.ajuda {
	float:right;
	margin:-2px 2px 0 0;
}

/* CALENDAR */
#calendar, #selectMonth, #selectYear {
	color:#000000;
}

/* HISTORIO CALTABIANO */
#conteudo-historico{
	width:737px;
	height:auto;
	overflow:auto;
	background:#FFF;
	color:#000;
	border:10px solid #808080;
}
.tempo-imagem {
	width:auto !important;
	display:table;
	float:left;
	padding:0px;
	margin:0px;
}
.tempo-imagem img {
	padding-right: 8px !important;
}
.tempo-conteudo {
	width:auto !important;
	display:table;
	float:left;
}
.titulo-conteudo {
	width:auto !important;
	display:table;
}
.texto-conteudo, .bandeiras {
	width:395px !important;
	margin-top:8px !important;
	padding:10px 7px !important;
	text-align:left !important;
	margin-bottom:0 !important;
}
.bandeiras {
	display:block;
	color:#000000;
	height:auto;
	padding:0;
	margin-top:0 !important;
	background:#FFF;
	overflow:auto;
}
.titulo-bandeiras {
	margin-bottom:4px !important;
	width:auto;
}
.bandeiras img {
	float:right;
}
.bandeiras ul {
	width:auto;
	display:table;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.bandeiras li {
	margin:0;
	padding:0;
}
.conjunto-datas {
	clear:both;
	width:737px;
	height:auto;
	display:table;
	margin:15px auto auto;
}
.conjunto-datas a {
	cursor:pointer;
	width:auto !important;
	height:auto;
	border:4px solid #FFFFFF;
	padding:5px;
	margin-right:5px;
	display:block;
	float:left;
	font-size:11px;
	color:#FFF;
}
.conjunto-datas a:hover{
	color:#808080;
	border:4px solid #808080;
	background-color:#FFF;
}
.atual {
	display:block !important;
}

.botao_mais {
	background-image:url(../images/icone/mais.gif);
	background-position:center top;
	background-repeat:no-repeat;
	float:left;
	height:15px;
	position:relative;
	top:1px;
	width:15px;
}
.botao_menos {
	background-image:url(../images/icone/menos.gif);
	background-position:center top;
	background-repeat:no-repeat;
	float:left;
	height:15px;
	position:relative;
	top:1px;
	width:15px;
	margin-left:2px;
}
.botao_mais:hover, .botao_menos:hover {
	background-position:center -15px;
}

.galeriaFoto {
   width: 737px;
   height: 605px;
   border: 10px solid #795E2B;
}

.map-container{
	position:relative;
	width:757px;
	height:auto;
	overflow:hidden;
	margin:10px 0 0 0;
	font-size:12px;
}
.map-container .cidade{
	display:none;
}
.map{
	border:10px solid #808080;
	float:right;
	height:300px;
	width:500px;
}

h1.banner{
	text-indent:-5000px;
	content:"";
	line-height:0;
	display: block;
	width:757px;
	margin:0px;
	background-repeat:no-repeat;
	font-size:1px;
}

#tags, #flickr, #agenda-home, #agenda {
	width:754px;
	height:auto;
}

#tags a{
	padding-right:10px;
	display:block;
	float:left;
	height:20px;
	line-height:18px;
}

/* VIDEOS */
.videos, .fotos {
	position:relative;
	height:295px;
	overflow:hidden;
	border:10px solid #A9A9A9;
}
.fotos {
	height:450px;
}

.menu-videos, .menu-fotos {
	float:left;
	width:227px;
	height:275px;
	padding:10px;
	border-right:10px solid #A9A9A9;
}

.menu-fotos {
	height:450px;
}

.menu-videos ul, .menu-fotos ul{
	clear:both;
	list-style:none;
	padding:10px 0;
	margin:15px 0;
}

.mini-club .menu-videos ul, .mini-club .menu-fotos ul{
	margin:0;
	padding:0;
}

.menu-videos ul li, .menu-fotos ul li{
	margin:4px 0;
}

.menu-videos ul li a, .menu-fotos ul li a{
	padding:1px 0px 0px 18px;
	margin:2px 0px;
	height:14px;
	background:url(../images/icone/video.jpg) no-repeat;
}

.menu-videos ul li.sel a, .menu-fotos ul li.sel a{
	color:#FFF;
	background-position:0px -15px;
}

.video{
	width:480px;
	height:295px;
	float:left;
	display:none;
}

.foto {
	width:480px;
	height:490px;
	float:left;
}

/* BUTTONS */
#buttons{
	padding:10px;
	clear:both;
}

#buttons a, #buttons input{
   text-indent:-5000px;
   content:"";
   line-height:0;
   display: block;
   height:20px;
   overflow:hidden;
   float:left;
   margin:0 1px 1px 0;
   border:0px;
   cursor:pointer;
}

#buttons a:hover, #buttons input:hover{
	background-position:0px -21px;
}

#enviar{
   width: 56px;
   background:url(../images/button/enviar.png) no-repeat;
}
#apagar{
   width: 58px;
   background:url(../images/button/apagar.png) no-repeat;
}

#solicite-mais-informacoes{
   width: 169px;
   background:url(../images/button/solicite-mais-informacoes.png) no-repeat;
}
#faca-a-reserva-do-seu-mini{
   width: 169px;
   background:url(../images/button/faca-a-reserva-do-seu-mini.png) no-repeat;
}
#solicite-seu-amex-membership-card{
   width: 283px;
   background:url(../images/button/solicite-seu-amex-membership-card.png) no-repeat;
}
#saiba-mais{
   width: 83px;
   background:url(../images/button/saiba-mais.png) no-repeat;
}
#membership-rewards{
   width: 141px;
   background:url(../images/button/membership-rewards.png) no-repeat;
}

#adicionar-acessorio{
   float:right !important;
   width: 195px;
   background:url(../images/button/adicionar-acessorio.png) no-repeat;
}

#agenda-completa{
   float:right !important;
   width: 113px;
   background:url(../images/button/agenda-completa.png) no-repeat;
}
/* BUTTONS */

.cores img{
   cursor:pointer;
   border:1px solid #808080;
}
.cores img:hover{
   border:1px solid #CCCCCC;
}
.cores img.selecionado{
   border:1px solid #FFFFFF;
}


/* SEMINOVOS */
#resultadoDetalhes{
	position:relative;
	overflow:hidden;
}

#detalhe-seminovo{
	border:10px solid #808080;
	padding:10px;
	float:left;
	width:495px;
}

#detalhe-seminovo .faq, #detalhe-seminovo .area_formulario{
	width:485px;
}

#detalhe-seminovo .foto{
	float:left;
	width:265px;
	margin:0 10px 10px 0;
}

#detalhe-seminovo .detalhes{
	float:left;
	width:220px;
	position:relative;
	overflow:hidden;
	margin:0 0 10px 0;
}

#detalhe-seminovo .detalhes label{
	font-weight:bold;
}

#detalhe-seminovo .detalhes td{
	padding:0 10px 0 0;
}

#detalhe-seminovo .thumbs{
	margin:10px 0 0 0;
	clear:both;
}

#detalhe-seminovo .thumbs img{
	margin:0 10px 0 0;
	cursor: pointer;
}

#detalhe-seminovo .thumbs img.last{
	margin:0;
}

#destaques-seminovos{
	padding:0 0 0 20px;
	float:left;
	width:202px;
}

#destaques-seminovos p{
	margin:0 0 20px 0;
	padding:0;
}

#destaques-seminovos a{
	color:#FFF;
}
/* SEMINOVOS */

/* MAPA DO SITE */
div.mapa-do-site{
	position:relative;
	overflow:hidden;
	width:757px;
}

ul.mapa-do-site, ul.mapa-do-site ul{
	list-style:none;
}

ul.mapa-do-site{
	padding:20px 20px 0 100px;
	float:left;
	width:178px;
}

ul.mapa-do-site a:hover{
	color:#808080;
}

ul.mapa-do-site li a{
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
}

ul.mapa-do-site li ul li a{
	color:#FFF;
	text-transform:none;
	font-weight:normal;
}

ul.mapa-do-site ul{
	padding:0 0 15px 15px;
}

ul.mapa-do-site li{
	padding:0 0 2px 0;
}

ul.mapa-do-site ul li ul{
	padding:0 0 0px 15px;
}
/* MAPA DO SITE */

/* NOTICIAS */
.noticia {
	float:left;
	margin:20px 0 0 0;
	clear:both;
	width:757px;
}
.noticia h2 {
	margin:0;
	padding:0;
}
p.date {
	margin:0;
	padding:0;
}
/* NOTICIAS */

/* MINI CLUB */
#topo-mini-club{
	background:url('../images/topo-mini-club.jpg') repeat-x;
	height:97px;
	margin:0 0 10px 0;
}

#mini-club-caltabiano {
	text-indent:-5000px;
	content:"";
	line-height:0;
	width: 144px;
	height: 97px;
	background-image:url(../images/mini-club-caltabiano.jpg);
	margin:0;
	padding:0;
	float:left;
}
/* MINI CLUB */

/* AGENDA */
#agenda-home {
	overflow:hidden;
	margin-bottom:10px;
}

#agenda {
	overflow:hidden;
}

#agenda-home ul {
	margin:0;
	width:772px;
	height:73px;
	padding:4px;
	list-style:none;
	overflow:hidden;
}
#agenda ul {
	margin:0;
	width:772px;
	height:auto;
	padding:4px;
	list-style:none;
}

#agenda-home ul li, #agenda ul li{
	float:left;
	width:156px;
	height:65px;
	margin:0 18px 4px 0;
	border-right:1px solid #131313;
	padding:4px 18px 4px 0;
	text-align:left;
}
#agenda-home ul li strong, #agenda ul li strong{
	display:none;
}
#agenda-home div.data img, #agenda div.data img{
	padding:0;
	margin:0;
}
#agenda-home div.data, #agenda div.data{
	display:block;
	float:left;
	width:156px;
	height:20px;
	margin:0 0 10px 0;
}
#agenda-home div.data .mes, #agenda div.data .mes{
	float:left;
}
#agenda-home div.data .dia, #agenda div.data .dia{
	float:right;
}
/* AGENDA */

/* FINANCIAMENTO */
#post-40, #post-42, #post-44, #post-477, #post-516 {
	font-size:13px;
}
/* FINANCIAMENTO */

/* AMEX */
#amex-termos-condicoes {
	display:none;
	position:absolute;
	width:600px;
	height:auto;
	border:10px solid #808080;
	background:#000;
	padding:10px;
	font-size:11px;
	z-index:99999;
	top:350px;
	left:50px;
}

#amex-termos-condicoes  a{
	float:right;
}
/* AMEX */