/* 
* Project  : Orca Chevrolet
* Developer: Rodrigo Assunção contato@rodrigoassuncao.com.br
* Copyright: B1 Comunicação e Marketing 
*/


/* xbrowser */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td        { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body      { line-height: 1; }
ol, ul    { list-style: none; }
blockquote, q{ quotes: none; }

/* html tags */
body      { font:11px Arial, Tahoma, Helvetica, sans-serif; color:#656769; background:#FFF url(../img/bg.gif) center top no-repeat; }
h1        { font:26px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-2px; color:#e9d4a4; text-transform:uppercase; } 
h2        { font:24px Helvetica, Tahoma, Arial, sans-serif; letter-spacing:-1px; color:#333; font-weight:bold; text-align:left; } 
a         { text-decoration:none; color:#3C83BE; font-weight:bold; }
a:hover   { text-decoration:underline; }
p         { margin-bottom:15px; }
input,
select,
textarea  { font:11px Arial, Helvetica, sans-serif; color:#656769; }

/* layout */
#main-wrapper{ width:100%; height:auto; }
#main     { width:920px; height:auto; margin:0 auto; }
#col-left { width:180px; height:auto; float:left; margin:0 0 0 20px; }
#col-detalhes{ width:20px; height:auto; float:left; }
#wrapper  { width:680px; height:auto; float:left; }
#content  { width:680px; height:auto; float:left; line-height:1.2em; background-color:#FFF; }
.3D       { float:left; width:20px; }

/* coluna esquerda */
#logo     { width:180px; height:66px; float:left; margin:48px 0 0 0; }
#selo     { width:180px; height:33px; float:left; margin:36px 0 0 0; }
#superofertas{ width:180px; height:136px; float:left; margin:25px 0 0 0; }
#pesquisa { width:180px; height:63px; float:left; margin:36px 0 19px 0; }

/* consulta online */
#consulta-online{ width:180px; height:auto; float:left; }
#consulta-online fieldset{ width:180px; float:left; margin-top:5px; }
#consulta-online fieldset label { width:100%;  height:auto; float:left; margin:5px 0 0 0; }
#consulta-online fieldset input { width:166px; height:20px; float:left; border:1px solid #DBDBDB; margin:3px 0 0 0; padding:8px 5px 0 5px; }
#consulta-online fieldset select{ width:179px; height:26px; float:left; border:1px solid #DBDBDB; }

/* fale com a orca */
#fale    { width:180px; height:auto; float:left; margin:10px 0 0 0; }
#trabalhe{ width:180px; height:auto; float:left; margin:43px 0 0 0; }
#trabalhe a{ font:11px Arial, Tahoma, Helvetica, sans-serif; color:#656769; }

/* redes sociais */
#redes-sociais { width:100%; height:59px; margin:4px 0 0 0; text-align:right; }
#redes-sociais span{ float:right; margin:26px 5px 0 0; }
#redes-sociais img { float:right; margin-right:5px; }

/* menus */
ul    { float:left; }
ul li { float:left; display:inline; }

.menu {
	width: 680px;
	float: left;
	clear: both;
	display: inline;
}
.menu a {
	margin: 0 0px 0 0;
	text-indent: -99999px;
	display: inline;
	overflow: hidden;
	float: left;
	cursor: pointer;
}

/* menu branco */
#nav-menu-top,
#nav-menu-top a{ height:35px; }

#nav-menu-top .mn-pagina-inicial,
#nav-menu-top .mn-orca,
#nav-menu-top .mn-servicos,
#nav-menu-top .mn-concessionaria,
#nav-menu-top .mn-veiculos,
#nav-menu-top .mn-goc{ background: url(../img/bg_menubranco.gif) no-repeat; }

#nav-menu-top .mn-pagina-inicial{ width:100px; background-position:0px top; }
#nav-menu-top .mn-orca          { width:84px;  background-position:-100px top; }
#nav-menu-top .mn-servicos      { width:68px;  background-position:-184px top; }
#nav-menu-top .mn-concessionaria{ width:157px; background-position:-252px top; }
#nav-menu-top .mn-veiculos      { width:127px; background-position:-409px top; }
#nav-menu-top .mn-goc           { width:144px; background-position:-536px top; }

#nav-menu-top .mn-pagina-inicial:hover{ width:100px; background-position:0px bottom; }
#nav-menu-top .mn-orca:hover          { width:84px;  background-position:-100px bottom; }
#nav-menu-top .mn-servicos:hover      { width:68px;  background-position:-184px bottom; }
#nav-menu-top .mn-concessionaria:hover{ width:157px; background-position:-252px bottom; }
#nav-menu-top .mn-veiculos:hover      { width:127px; background-position:-409px bottom; }
#nav-menu-top .mn-goc:hover           { width:144px; background-position:-536px bottom; }

/* menu azul */
#nav-menu  { height:40px; background:url(../img/bg_navmenu.gif) #035da8 repeat-x; }
#nav-menu a{ height:40px; }

#nav-menu #mn-novo,
#nav-menu #mn-usado,
#nav-menu #mn-pecas,
#nav-menu #mn-agende,
#nav-menu #mn-comochegar{ background: url(../img/bg_menuazul.gif) no-repeat; }

#nav-menu #mn-novo      { width:99px; background-position:0px top; }
#nav-menu #mn-usado     { width:92px; background-position:-99px top; }
#nav-menu #mn-pecas     { width:53px; background-position:-191px top; }
#nav-menu #mn-agende    { width:127px; background-position:-244px top; }
#nav-menu #mn-comochegar{ width:88px; background-position:-371px top; }

#nav-menu #mn-novo:hover      { width:99px; background-position:0px bottom; }
#nav-menu #mn-usado:hover     { width:92px; background-position:-99px bottom; }
#nav-menu #mn-pecas:hover     { width:53px; background-position:-191px bottom; }
#nav-menu #mn-agende:hover    { width:127px; background-position:-244px bottom; }
#nav-menu #mn-comochegar:hover{ width:88px; background-position:-371px bottom; }

/* banner */
#banner{ width:100%; height:206px; float:left; background-color:#333; }

#carro { width:250px; height:147px; position:relative; margin-bottom:-147px; left:460px; top:-80px; float:left; }

/* ofertas do dia */
#ofertas-do-dia{ width:640px; height:auto; float:left; margin:36px 0 18px 20px; }
#ofertas-do-dia .titulo{ width:100%; height:auto; float:left; margin-bottom:15px; }
#ofertas-do-dia .oferta{ width:200px; height:52px; float:left; margin:0 12px 12px 0; }
#ofertas-do-dia img    { float:left; }
#ofertas-do-dia .descri{ width:127px; height:52px; float:left; padding-left:5px; }

/* orca news */
#orca-news     { width:680px; height:auto; float:left; text-align:justify; }
#orca-news .titulo{ width:660px; height:33px; padding-left:20px; background-color:#E1E1E1; }
#news          { width:680px; height:auto; float:left; margin:20px 0 0 20px; }
#news .item    { width:100%; height:57px; float:left; padding-top:7px; border-bottom:1px solid #F0F0F0; }
#news .item .thumb{ width:68px; height:51px; float:left; }
#news .item .curta{ width:645px; height:51px; float:left; margin-left:7px; }

.orca-news    { width:100%; height:auto; padding:20px 0 16px 0; border-bottom:1px #CCC dotted; } 
.orca-news .news-imagem{ width:123px; height:92px; margin-right:10px; float:left; }

/* veiculos chevrolet */
#veiculos-gm   { width:201px; height:244px; float:left; margin:28px 0 0 20px; background:url(../img/bg_veiculosgm.gif) no-repeat; }
#veiculos-gm p { width:180px; height:auto; margin:0 auto; margin-top:65px; margin-bottom:25px; text-align:justify; }
#veiculos-gm a { margin:0 auto; display:block; width:53px; height:7px; margin-top:11px; }

#veiculos-chevrolet{ width:100%; height:auto; float:left; margin:40px 0 0 0; }
#veiculos-chevrolet .col-left { width:286px; height:auto; float:left; text-align:center; }
#veiculos-chevrolet .col-right{ width:354px; height:auto; float:left; }
#veiculos-chevrolet .col-right p{ margin-bottom:10px !important; }

#carrossel{ text-align:center; width:100%; margin:20px 0; }

/* newsletter */
#newsletter    { width:300px; height:auto; float:right; margin:15px 0 15px 0; }
#newsletter input{ width:166px; height:20px; float:left; border:1px solid #DBDBDB; margin:3px 0 0 0; padding:8px 5px 0 5px; }

/* concessionaria */
#concessionaria{ width:400px; height:auto; float:left; padding-left:20px; }
#concessionaria .tit-concessionaria{ width:100%; height:auto; float:left; }
#concessionaria .conc-imagem{ float:left; width:218px; height:88px; }
#concessionaria .conc-curta { float:left; width:172px; height:88px; padding-left:10px; }

/* grupo orlando carlos */
#grupo-ocp     { width:201px; height:auto; float:left; padding-left:20px; }
#grupo-ocp .tit-grupo-ocp{ width:100%; height:auto; float:left; }

/* internas */
#content-interna{ width:640px; font-size:12px; min-height:400px; padding:60px 20px 20px 20px; float:left; background-color:#FFF; line-height:1.6em; text-align:justify; }
#banner-interna { width:660px; height:70px; float:left; padding:54px 0 0 20px; background:url(../img/bg_topointernas.jpg) no-repeat #1972be; }

/* formulário */
.formulario{ width:100%; margin-bottom:30px; }
.formulario input  { width:230px; height:20px; float:left; border:1px solid #DBDBDB; margin:3px 0 0 0; padding:5px 5px 0 5px; }
.formulario textarea{ width:400px; height:100px; float:left; border:1px solid #DBDBDB; margin:3px 0 0 0; padding:5px 5px 0 5px; }
.formulario select { width:240px; height:26px; border:1px solid #DBDBDB; padding:5px; }
.formulario caption,
.formulario .destaque,
.destaque          { text-align:left; margin-bottom:10px; font:18px Helvetica, Tahoma, Arial, sans-serif; letter-spacing:-1px; color:#333; font-weight:bold; }
.formulario td     { font-size:11px; } 
.formulario span   { float:left; margin-right:3px; }
.formulario span.label{ float:left; padding-top:4px; margin-right:10px; }
.formulario span input{  }

/* formulário fale conosco */
.formulario-fc  { width:100%; margin-bottom:30px; }
.formulario-fc input   { width:400px; height:20px; float:left; border:1px solid #DBDBDB; margin:3px 0 0 0; padding:5px 5px 0 5px; }
.formulario-fc textarea{ width:400px; height:100px; float:left; border:1px solid #DBDBDB; margin:3px 0 0 0; padding:5px 5px 0 5px; }
.formulario-fc td{ font-size:12px; color:#333; font-weight:bold; } 

.formFaleConosco{ width:100%; float:left; }
.formFaleConosco label       { display:block; width:450px; color:#000; font-weight:bold; text-align:left; margin:0 0 5px 0; }
.formFaleConosco label select{ width:210px; height:30px; padding:5px; border:1px solid #CCC; }
.formFaleConosco label input { width:450px; border:0px; padding:5px; border:1px solid #CCC; }
.formFaleConosco label.msg textarea{ width:457px; height:150px; border:1px solid #CCC; padding:2px; }

#table-veiculos{ width:100%; color:#656769; font-size:11px; line-height:1.2; }
#table-veiculos caption{ font-weight:bold; color:#000; border-top:1px #EEE dotted; padding-top:10px; padding-bottom:10px; }
#table-veiculos strong{ color:#0066CC; font-weight:normal; }
#table-veiculos tr td{ padding:6px; border:0px #FFF solid; }
#table-veiculos tr td.preco{ text-align:center; color:#000; font-size:16px; font-weight:bold; letter-spacing:-1px; }
#table-veiculos tr td span.miniatura{ font-size:10px !important; color:#656769 !important; }
#table-veiculos tr th{ text-align:center; padding:6px; color:#000; background-color:#F5F5F5; }
#table-veiculos tr td.modelo{ text-align:center; font-weight:bold; color:#0066cc; font-size:11px; }
.color1{ color:#0066cc; }
.color2{ color:#066; }
#table-veiculos tr td.cor1{ background-color:#e7e7e7; }
#table-veiculos tr td.cor2{ background-color:#F5F5F5; }
#table-veiculos tr td.cor3{ background-color:#0066cc; color:#FFF; text-align:center; font-weight:bold; text-transform:uppercase; }
#table-veiculos tr td.cor4{ background-color:#066; color:#FFF; text-align:center; font-weight:bold; text-transform:uppercase; }

.nome-carro{ font-size:28px; color:#000; text-transform:uppercase; letter-spacing:-2px; height:auto; width:auto; }


.boxmensagem_fail{ float:left; background-color:#9c231b; width:70%; height:auto; padding:10px; margin-bottom:20px; color:#ffaaa4; }

/* rodapé */
#footer { width:100%; height:auto; float:left; margin:36px 0 0 0; padding-bottom:20px; background:url(../img/bg_footer.gif) repeat-x #005397; }
#footer .footer-wrapper{ width:920px; height:62px; margin:0 auto; padding-left:0px; color:#75b4e7; }
#footer .assinatura    { width:12px; height:23px; padding-top:30px; padding-right:62px; float:right; }

.clear  { width:100%; height:1px; clear:both; }

#bt-enviar{ background:url(../img/bt_enviar.png) no-repeat; width:71px; height:23px; border:0; text-indent:-1000px; }

/* tipografia */
.estilo1 { color:#333; font-weight:bold; }
.estilo2 { color:#3C83BE; }
.estilo3 { color:#F5F5F5; font-weight:bold; }
.estilo4 { color:#dc0500; font-weight:bold; text-transform:uppercase; text-decoration:underline; }
.juridico{ color:#0066CC; font-size:10px; }