﻿body { margin:0px; font-family:Tahoma, Arial, Verdana; background-color:#E2E1FB; font-size:12px;}

a { color:#4025A2; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline;}

input[type=text], 
select,
textarea { border:solid 1px #ccc; height:18px;  padding:2px 5px;}
select { height:22px;}
input[type=button] { background-color:#EBECFE; border: solid 1px #cccccc; color:#333; font-size:1em; 
                        font-weight:bold; padding:1px; width:28px; height:24px; cursor:pointer; margin:2px;}


.lnkTop { float:left; margin:15px 10px ;}

/*master*/
#wrapper { width:100%;  min-height:500px; margin:0px auto; text-align: left; }

#wrapper #header { width: 940px;  margin:0px auto; height:112px;}

#wrapper #menu-topo {width: 940px;  margin:0px auto; border:solid 0px #999; overflow:hidden; height:28px;}
#wrapper #menu-topo ul { list-style-type:none; text-align:left; padding:0px; margin-left:20px;}
#wrapper #menu-topo ul li { float:left; margin-right: 20px; height:28px; padding:7px;}
#wrapper #menu-topo ul li a { font-size:1.0em;  text-transform:uppercase;}
#wrapper #menu-topo ul li a:hover { }

#wrapper #body { width: 940px;  margin:0px auto; }
/*home*/

#wrapper #body #home-destaque { overflow:hidden;}

#wrapper #body #home-destaque #home-destaque-busca { height:35px; }
#wrapper #body #home-destaque #home-destaque-busca span { float:left; font-size:1.7em; font-weight:bold; color:#fff; margin:5px 20px;}
#wrapper #body #home-destaque #home-destaque-busca form { float:right; width:460px; border:solid 0px #000;}
#wrapper #body #home-destaque #home-destaque-busca form input[type=text] { width:300px; float:left}
#wrapper #body #home-destaque #home-destaque-busca form input[type=button] { float:left; margin:0px 0px 2px 0px}
#wrapper #body #home-destaque #home-destaque-busca form span { font-size:.9em; float:none; float:left; margin:8px 0px 5px 5px;}

/*detalhe*/
#wrapper #body #detalhe { overflow:hidden; min-height:300px;}
#wrapper #body #detalhe-top { float:left; width:100%; margin-left:10px; height:30px;}
#wrapper #body #detalhe-top a { float:left; margin:15px 10px ;}
#wrapper #body #detalhe-left { float:left; width:640px; margin: 10px 0px 0px 20px;}
#wrapper #body #detalhe-left form input[type=text] { width:300px; float:left}
#wrapper #body #detalhe-left #detalhe-left-img { height:480px;}
#wrapper #body #detalhe-left #spImgHide { display:none;}

.Opcionais { border:solid 1px #999999; margin-top:10px; overflow:hidden; min-height:50px; padding:10px 0px; background-color:#D5D4FE;}
.Opcionais h1 { margin: 0px 0px 10px 10px; font-weight:bold; font-size:1.1em; }
.Opcionais ul { list-style-type:disc; list-style-position:inside; text-justify:distribute-all-lines; text-align:left; padding:0; margin:0; width:630px; margin-left:5px; border:solid 0px #000; overflow:hidden;}
.Opcionais ul li { float:left; text-align:left; width:210px; text-transform:capitalize;border:solid 0px #000; line-height:16px; font-size:.9em;}

.InfoAdicional { border:solid 1px #999999; margin:10px 0px; overflow:hidden; min-height:30px; background-color:#D5D4FE;}
.InfoAdicional h1 { margin: 10px 0px 10px 10px; font-weight:bold; font-size:1.1em; }
.InfoAdicional p { text-justify:distribute-all-lines; text-align:left; line-height:1.2em; margin:0px; margin:0px 3px 10px 6px; border:solid 0px #000; overflow:hidden;}


#wrapper #body #detalhe-right { float:left; width:240px; margin: 10px 0px 0px 20px; min-height:300px}
#wrapper #body #detalhe-right #sVeic { float:left; width:100%;  font-weight:bold; text-transform:uppercase; font-family: Arial, Tahoma, Verdana; line-height:20px;}
#wrapper #body #detalhe-right #sInfo { float:left; font-size:1.1em; margin-top:5px; line-height:16px; text-transform:capitalize; }
#wrapper #body #detalhe-right #sPreco { float:left; margin-top: 20px; color:#CC0000; height:90px; font-weight:bold; margin-left:0px; font-family: Arial, Tahoma, Verdana}
#wrapper #body #detalhe-right #sPreco span { margin-left:5px;}
#wrapper #body #detalhe-right #sLocal { float:left; margin-top: 10px; color:#222; height:30px; font-weight:bold; margin-left:0px; font-family: Arial, Tahoma, Verdana}

#wrapper #body #detalhe-right-img { float:left; width:100%; min-height:60px; border: solid 1px #777; background-color:#DEDCFF;}
#wrapper #body #detalhe-right-img span { float:left; width: 45px; text-align:center; margin:5px 5px; font-weight:bold;}
#wrapper #body #detalhe-right-img #spImgMini { float:left; width: 180px; text-align:left; margin:5px 0px 0px 5px}
#wrapper #body #detalhe-right-img img { margin: 2px; cursor:pointer; width:40px; height:30px;}

#wrapper #body #detalhe-right #dv-infoveic { width:100%; background:#ccc; border:1px solid #666; float:left; margin-bottom:15px; }
#wrapper #body #detalhe-right #dv-infoveic #p-infoveic { margin:10px 5px; color:#222;}

#wrapper #body #detalhe-left #dv-infoveic { width:100%; background:#ccc; border:1px solid #666; float:left; margin: 15px 0px; line-height:17px; }
#wrapper #body #detalhe-left #dv-infoveic #p-infoveic { margin:10px 5px; color:#222;}
#wrapper #body #detalhe-left #dv-infoveic h1 { font-size:1.1em; font-weight:bold; margin:10px ;}

#wrapper #body #detalhe-right-contato { float:left; width:100%}
#wrapper #body #detalhe-right-contato h1 { font-size:1.8em; font-weight:bold;  margin:18px 0px}
#wrapper #body #detalhe-right-contato form span { float:left; font-weight:bold; color:#333; width:100%; border:solid 0px #000; overflow:hidden;}
#wrapper #body #detalhe-right-contato form span label { float:left; font-weight:normal; color:#333; margin-top:8px;}
#wrapper #body #detalhe-right-contato form input { margin-bottom:7px; width:96%; padding: 2px 4px;}
#wrapper #body #detalhe-right-contato form input[type=checkbox] { float:left; width:auto; margin:0px 5px 0px 0px; padding:0px}
#wrapper #body #detalhe-right-contato form input[name*=Enviar] { width:100px; margin:15px;}
#wrapper #body #detalhe-right-contato form textarea[name*=Mensagem] {float:left; width:96%; height:100px; padding: 2px 4px; margin-bottom:10px; overflow-x:hidden; overflow-y:auto;}


/*Estoque*/
#wrapper #body #estoque {overflow:hidden; min-height:300px;}
#wrapper #body #estoque-top { float:left; width:100%; margin-left:10px; height:30px;}
#wrapper #body #estoque #estoque-left { float:left; width:640px; min-height:500px; margin: 10px 0px 0px 20px;}
#wrapper #body #estoque #estoque-left.GridView { width:100%;}
#wrapper #body #estoque #estoque-left tr.GridTR { cursor:pointer; }
#wrapper #body #estoque #estoque-left tr.GridTR td { float:left; height:95px; }
#wrapper #body #estoque #estoque-left tr.GridTR td p.etop { width:400px; font-size:1.2em; font-weight:bold;border:solid 0px #999; margin:10px 0px 0px 5px;}
#wrapper #body #estoque #estoque-left tr.GridTR td p.einfo { font-weight:normal; margin:10px 0px 0px 5px; text-transform:capitalize;}
#wrapper #body #estoque #estoque-left tr.GridTR td p.evalor { float:right; font-size:1.5em; font-weight:bold; margin:68px 0px 0px 0px; width:100px; text-align:right;}
#wrapper #body #estoque #estoque-left tr.GridTR td p.evalor span { font-size:0.6em; padding:0; line-height:normal;}
#wrapper #body #estoque #estoque-left tr.GridTR td p.eimg { height:86px; margin:10px 0px; overflow:hidden;} 
#wrapper #body #estoque #estoque-left tr.GridTR td p.eimg img { width:112px; height:84px;} 
#wrapper #body #estoque #estoque-left tr.GridPaginacao td table { margin:10px 0px 10px 200px; text-align:center;} 
#wrapper #body #estoque #estoque-left tr.GridPaginacao td table tr td a img {float:left; margin:10px 5px; } 

/*#wrapper #body #estoque #estoque-left tr td { vertical-align:text-top; font-weight:bold; }*/
#wrapper #body #estoque #estoque-right { float:left; width:240px; margin: 10px 0px 0px 20px; min-height:300px}


/*Empresa*/
#wrapper #body #empresa {overflow:hidden; min-height:300px;}
#wrapper #body #empresa #empresa-top { float:left; width:100%;}
#wrapper #body #empresa #empresa-top form { margin:10px;}
#wrapper #body #empresa #empresa-left {float:left; width:440px; margin: 10px 0px 0px 20px;}
#wrapper #body #empresa #empresa-left p { margin-bottom: 10px; line-height:18px; text-align:justify;}
#wrapper #body #empresa #empresa-right {float:right; width:440px; margin: 10px 0px 0px 20px; min-height:200px; text-align:center;}
#wrapper #body #empresa #empresa-right img { margin-bottom:10px;}
#wrapper #body #empresa #empresa-foot { float:left; width:100%; margin:20px 0px;}
#wrapper #body #empresa #empresa-foot p { margin:0px 10px;}


/*Fale Conosco*/
#wrapper #body #faleconosco {overflow:hidden; min-height:600px;}
#wrapper #body #faleconosco-left {float:left; width:440px; border:solid 0px #ce0000; margin: 10px 0px 0px 20px;}
#wrapper #body #faleconosco-left p { font-weight:bold;  margin:18px 0px}
#wrapper #body #faleconosco-left form span { float:left; font-weight:bold; color:#333; width:100%; overflow:hidden;}
#wrapper #body #faleconosco-left form span label { float:left; font-weight:normal; color:#333; border: solid 0px #999; margin-top:8px;}
#wrapper #body #faleconosco-left form input { margin-bottom:7px; width:96%; padding: 2px 4px;}
#wrapper #body #faleconosco-left form input[type=checkbox] { float:left; width:auto; margin:0px 5px 0px 0px; padding:0px}
#wrapper #body #faleconosco-left form input[name*=Enviar] { width:100px; margin:15px;}
#wrapper #body #faleconosco-left form textarea[name*=Mensagem] {float:left; width:96%; height:100px; padding: 2px 4px; margin-bottom:10px; overflow-x:hidden; overflow-y:auto;}

#wrapper #body #faleconosco-right { float:right; width:440px; margin: 10px 0px 0px 20px; min-height:300px; }

#wrapper #body #faleconosco-foot { float:left; width:100%; margin:20px 0px;}
#wrapper #body #faleconosco-foot p { margin:0px 10px;}

/*Financiamento*/
#wrapper #body #financiamento #financiamento-left { width:660px}
#wrapper #body #financiamento #financiamento-right { width:250px}

/*Util*/
#wrapper #body #util {overflow:hidden; min-height:300px;}
#wrapper #body #util #util-top { float:left; width:100%;}
#wrapper #body #util #util-top form { margin:10px;}
#wrapper #body #util #util-left {float:left; width:440px; margin: 10px 0px 0px 20px;}
#wrapper #body #util #util-left p { margin-bottom: 10px; line-height:18px; text-align:justify;}

#wrapper #body #util #util-left p.calendario {  margin-bottom:0px;}

.tblCalendario { border:1px solid #ccc; width:100%; padding:2px; }
.tblCalendario thead { font-weight:bold; background-color:#666; color:#fff;}
.tblCalendario tbody { background-color:#e5e5e5}
.tblCalendario tr { height:0px;}
.tblCalendario tr td { padding:3px 5px;}
.tblCalendario tr td.alinright { text-align:right; }
.tblCalendario tbody tr td.alinright {background-color:#ccc}
.tblCalendario tbody tr td { border-bottom:1px solid #666;}

#wrapper #body #util #util-right {float:right; width:440px; margin: 10px 0px 0px 20px; min-height:200px; text-align:left;}
#wrapper #body #util #util-right img { margin-bottom:10px;}
#wrapper #body #util #util-right p { line-height:15px;}
#wrapper #body #util #util-right p a { font-weight:normal;}

.tblLink { width:100%; border:0px solid #ccc}
.tblLink tr td { padding:5px; border-bottom:1px solid #ccc;}

#wrapper #body #util #util-foot { float:left; width:100%; margin:20px 0px;}
#wrapper #body #util #util-foot p { margin:0px 10px;}

/*Veiculos em destaque*/
.dvDestaque { float:left; width:200px; height:200px; margin-top:8px; border:solid 0px #000; margin-left: 3%; cursor:pointer;}
.dvDestaque img { width:200px; height:130px;  clear:both;}
.dvDestaque span { float:left; margin-top:5px;}

/*localizacao*/
#localizacao { overflow:hidden;}
#localizacao a { margin:5px 10px; font-weight:bold; float:left;}
#localizacao #localizacao-foot { float:left; width:100%; margin:20px 0px;}
#localizacao #localizacao-foot p { margin:0px 10px;}


/*Ligue*/
.ligue { float:left; margin:10px 0px;}
.ligue p { line-height:15px; }
.ligue p.tamTxt2 { margin:3px 0px; font-weight:bold; }
.ligue p.tamTxt1 { margin:6px 0px 10px 0px; font-weight:bold }

/*Envia de Mensagem ou Proposta de Compra*/
.ErroEnvio { color:Red; margin-bottom:10px;}
.Envio { color:Blue; font-weight:bold; margin-bottom:10px; }

/*Grupo Estoque - Marca/Modelo*/
.grpMarcaModelo {border:solid 1px #999999; margin-top:10px; overflow:hidden; min-height:50px; padding:10px; background-color:#D5D4FE;}
.grpMarcaModelo h1 { font-size:1.1em; font-weight:bold; padding-left:5px; margin-bottom:10px;}
.grpMarcaModelo p { float:left; width:100%; padding-left:10px; line-height:20px;}
.grpMarcaModelo p a { color:#000; font-weight:normal; text-transform:uppercase;}



/*foot*/
#wrapper #footer { width:100%; height:140px; overflow:hidden;}
#wrapper #footer #footer-new { width: 940px;  margin:0px auto; overflow:hidden;  }
#wrapper #footer #footer-new div { float:left; border:solid 0px #ccc; margin:10px 1%; width:31%; line-height: 15px;}
#wrapper #footer #footer-new div h1 { font-size:1.4em; font-weight:bold; color:#B20000; margin:5px 0px}
#wrapper #footer #footer-new div ul li {  margin-left:2px;}
#wrapper #footer #footer-new div a { text-decoration:none; color:#fff;}
#wrapper #footer #footer-new div a:hover { }
#wrapper #footer #footer-contem {width: 940px;  margin:0px auto; }
#wrapper #footer #footer-contem p { text-align:center; margin-top:10px; line-height:18px;}
#wrapper #footer #footer-contem p #lnkDesenvolvedor { float:right; margin:0px 10px auto auto;}

/*midia social top*/
.socialMedia { position:absolute; margin:15px 0px 0px 780px; width:200px; border:0px solid #ccc;}
.socialMedia ul { list-style:none;}
.socialMedia ul li { margin:2px;}
.socialMedia ul li a { float:left; background:url(../img/redes/iconesMediaSocial.png) left top no-repeat;
                        height:24px; width:24px; display:inline; margin-left:5px; text-indent: -9999px;}
.socialMedia ul li a.facebook { background-position: 0px -24px; }
.socialMedia ul li a.twitter { background-position: -24px -24px;}
.socialMedia ul li a.facebook:hover { background-position: 0px -48px;}
.socialMedia ul li a.twitter:hover { background-position: -24px -48px;}

/*360º - Inicio */
#ft360 { overflow:hidden; border:1px solid #000; background:#000; width:900px; margin-left:18px }
#ft360 a { margin:6px; font-weight:bold; float:left;color:#fff;}
#ft360 #ft360-frame { float:left; width:100%; margin:5px 0px 20px 50px; }
#ft360 #ft360-frame p {margin:0px 10px;}
    
#wrapper #body #detalhe-top #sp360 { float:left; margin:15px 0px 15px 25px; color:#666;/**/ font-weight:bold; }
#wrapper #body #detalhe-top #sp360 a { float:none; color:#000;}
/*360º - Fim */