@charset "utf-8";
/* CSS Document */

* { padding:0; margin:0; }

body { 
    background:#fff url(../img/fundo.gif) repeat-x; 
    color: #444; 
    font-family:Arial, Helvetica, sans-serif;
}
.fundo-carros {
    width:100%;
    height:180px;
    position:absolute;
    top:0;
    z-index:-1;
}
.fc1 { background:url(../img/fundo-carros1.png) center repeat-x; }
.fc2 { background:url(../img/fundo-carros2.png) center repeat-x; }
.fc3 { background:url(../img/fundo-carros3.png) center repeat-x; }
.fc4 { background:url(../img/fundo-carros4.png) center repeat-x; }
.sombra-topo {
    width:100%;
    height:143px;
    position:absolute;
    top:0;
    z-index:-2;
}
#container {
    width:960px;
    margin:0 auto;
    position:relative;
}
header {
    width:960px;
    height:180px;
    margin:0 auto;
    z-index:1;
}
h1.logo a {
    width: 272px; 
    height: 200px; 
    float:left;
    display:block;
    background:url(../img/cx-logo.png) no-repeat;
    padding:10px 0 0 32px;
}
.enderecotopo {
    font:bold 14px Arial, Helvetica, sans-serif;
    color:#fff;
    float:right;
    text-align:right;
    margin:15px 5px 20px 0;
    width:570px;
}
.teltopo {
    font:bold 26px Arial, Helvetica, sans-serif;
    color:#fff;
    float:right;
    text-align:right;
    width:570px;
    text-shadow: 1px 1px 3px #000;
}
.radiotopo {
    font:bold 18px Arial, Helvetica, sans-serif;
    color:#fff;
    float:right;
    text-align:right;
    margin:7px 0 0 0;
    width:570px;
}

/********************************************************************************** MENU */
ul.menu { 
    width: 500px;
    height:50px;
    position:absolute; 
    top:131px;
    left:499px;
    list-style: none; 
    text-align: right;
    padding:0;
}
ul.menu li { float:left; }
ul.menu li a, ul.menu li a:link, ul.menu li a:visited {
    color: #464646;
    font: bold 14px Arial, Helvetica, sans-serif;
    text-decoration: none;
    float: right;
    padding: 10px 25px;
    display:block;
    text-transform:uppercase;
    letter-spacing:-1px;
}
ul.menu li:last-child a {
    padding: 10px 0px 10px 15px;
}
ul.menu li a.menuatual {	
    background-color:#ffc230; 
    border-bottom:2px solid #cc940f;
    border-left:2px solid #cc940f;
    border-right:2px solid #cc940f;
    padding: 50px 11px 8px;
    color:#014287;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
} 

/********************************************************************************** CONTEUDO */
#main {
    width:960px;
    float:left;
}
#meio {
    width:660px;
    min-height:540px;
    padding:20px 10px 0 0px;
    float:left;
    margin:0 0 30px 0;
}
.titulo {
    font: bold 18px Arial, Verdana, sans-serif;
    margin:0 0 20px 0;
}
.textos {
    font: 13px Arial, Verdana, sans-serif;
    color:#444;
    text-align:justify;
    line-height:21px;
    margin:0 0 60px 0;
    float:left;
    width:650px;
}
.blococarro {
    width: 200px;
    float: left;
    text-align: center;
    margin: 0 10px;
}
.blococarro a {
    text-decoration: none;
    display: block;
}
.blococarro img {
    border: 4px solid #e9e9e9;
    margin: 0 0 5px 0;
}
.nomecarro {
    font: bold 12px Arial, Verdana, sans-serif;
    display: block;
}
.bloco3carros {
    width:670px;
    float: left;
    height: 190px;
    margin:-18px 0 18px 0;
}
.texto {
    color:#444;
}

/********************************************************************************** BUSCA */
.busca {
    width:245px;
    height:330px;
    float:right;
    border:1px solid #cccccc;
    background-color:#fff;
    padding:15px;
    /*-moz-box-shadow: 0 0 7px #999;
    -webkit-box-shadow: 0 0 7px #999;
    box-shadow: 0 0 7px #999;	*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.titulobusca {
    font: bold 16px Arial, Helvetica, sans-serif;
    margin: 0;
    text-transform:uppercase;
}

#buscacarro { 
    width: 230px; 
    margin: 14px auto 0; 
    font-size:12px; 
}
input, select, textarea { 
    padding:4px; 
    margin:-5px 0 13px 10px; 
    border:1px solid #b3b3b3; 
    background:#f9f9f9; 
    font: 13px Verdana, Arial, Helvetica, sans-serif; 
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus { 
    background-color:#fcfcfc; 
}
.checkbox, .radio, .checkbox:hover, .radio:hover, .checkbox:focus, .radio:focus { 
    border:none;  
    background:none;
    margin:0px 0 15px 10px;
}
#buscacarro img { 
    margin:-5px -5px 0 5px;
}
#buscacarro select { 
    width:136px;
}

button, .button {
    cursor:pointer;
    display:inline-block;
    font-size:13px;
    font-weight:700;
    outline:none;
    padding:10px 15px;
    width:auto;
    text-align:center;
    text-decoration:none !important;
    vertical-align:middle;
    color:#fff;
    border-width:2px;
    border-style:groove;
    box-shadow:0px 1px 0px rgba(225, 225, 225, 0.5) inset;
    -moz-box-shadow:0px 1px 0px rgba(225, 225, 225, 0.5) inset;
    -webkit-box-shadow:0px 1px 0px rgba(225, 225, 225, 0.5) inset;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    margin:-3px 0 0 10px;
}
.button:hover {
    background-image: url('../img/grad-rev.png') !important;
    text-decoration:none;
    outline:none;
}
button.large, .button.large {
    font-size:138.5%;
    padding:10px 30px;
}
button.small, .button.small {
    font-size:93%;
    padding:4px 10px 5px;
}

/********************************************************************************** AVISOS */
.cxavisos {
    width:245px;
    float:right;
    border:1px solid #cccccc;
    background:#FF9 url(../img/sombra-aviso.png) repeat-x; 
    padding:15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin:25px 0 0 0;
}
.aviso {
    margin:15px 0 10px 0;
    line-height:19px;
}


/********************************************************************************** A EMPRESA */

/****************************** VEICULOS ********************************/
.titulocarro {
    font:bold 22px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    margin: -8px 0 20px 20px;
    line-height:20px;
    width: 640px;
    float: left;
}
.preco {
    font-family: Arial, Helvetica, sans-serif;
    font-size:22px;
    font-weight:bold;
    text-transform:uppercase;
    padding:0;
    line-height:30px;
}
.fotocarro {
    float: left;
    margin: 0 0 10px 20px;
    border:5px solid #e9e9e9;
}
.fotospq {
    margin: 0 0 0 20px;
    float:left;
}
.fotopqcarro {
    margin: 0 6px 0 0;
    border: 5px solid #e9e9e9;
}
.visualizado {
    width: 645px;
    height: 18px;
    text-align: right;
    font-size:11px;
    position:relative;
    top:-90px;
}
#dadosveiculo {
    width: 350px;
    min-height: 260px;
    float: left; 
}
#dadosveiculo ul { 
    line-height:28px; 
    list-style:none; 
    margin:0; 
    padding:0 0 0 20px; 
}
.botoesveiculo {
    width:205px;
    float:right;
}
.botaocor a {
    width: 195px;
    height: 25px;
    display: block;
    margin:0 10px 10px 0;
    padding:7px 0 0 0px;
    border:1px solid #0069a4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration:none;
    text-align:center;
    color:#fff;
}
.botaocor a:hover { 
    background:#FFF url(../img/sombra-aviso.png) bottom repeat-x;  
    border:1px inset #CCC;
}
.botaocor a img {
    margin:-5px 0 0 0;
}
.acessoriosveiculos {
    width: 700px;
    float: left;	
    margin: 10px 0 20px 20px !important;
}
.acessorio {
    width: 220px !important;
    float: left;
    margin: 0 5px 3px 0 !important;
}
.obsveiculos {
    width: 700px !important;
    float: left;
    margin: 10px 0 80px 20px;
    line-height: 22px;
}
.pubveiculos {
    width: 500px !important;
    float: left;
    margin: 10px 0 25px 20px;
}
.espaco {
    width: 1px;
    height: 40px;
    float: left;
}


/****************************** BUSCA DE VEICULOS ********************************/
.ordem_busca {
    width:175px;
    height:35px;
    float:right;
    margin:-90px -5px 0 0;
}
.caixabusca {
    width: 640px;
    float: left;
    padding: 10px;
    background:#FFF url(../img/sombra-aviso.png) 0 -95px repeat-x; 
    border:1px solid #CCC;
    margin: 0 0 15px; 
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    color:#666;
}
.cx_carrobusca a {
    width: 640px;
    float: left;
    padding: 10px;
    display: block;
    text-decoration: none;
    margin: 0 0 15px 0;
    cursor: pointer;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color:#f5f5f5; 
    color:#444;
}
.cx_carrobusca img {
    float: left;
    margin: 0 10px 0 0;
}
.textocarro {
    width: 250px;
    float: left;
    line-height:18px;
}
h2.nomebuscacarro {
    font:bold 18px Arial, Verdana, sans-serif;
    margin: 0 0 10px 0;
    text-transform:uppercase;
}
.detalhes_carrobusca {
    float: right;
    width: 220px;
    text-align: center;
}
.precobusca {
    font: bold 20px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    padding:0;
    margin:10px 0 10px 0;
}
a .botdetalhe {
    margin:5px 0 0 70px;

}
.pagi {
    width:340px;
    margin:20px auto 40px;
    font-family:Arial, Helvetica, sans-serif;
    color:#949494;
    font-size:12px;	
    clear: both;
}
.pagi a, .pagi a:link, .pagi a:visited {
    color:#29477c;
    text-decoration:none;
    font-weight: bold;
}
.pagi a:hover { text-decoration:underline; }

/********************************************************************************** FALE CONOSCO */
#formcontato { width: 670px; margin: 0 auto; float: left; }
#formcontato input, #formcontato select, #formcontato textarea { 
    margin:3px 0 10px; 
}

/********************************************************************************** RODAPE */
.fundo-rodape {
    width:100%;
    height:160px;
    position:relative;
    bottom:0;
    z-index:-1;
    margin:-180px 0 0 0;
    background:url(../img/fundo-rodape.gif) center repeat-x;
}
footer { 
    width: 960px; 
    height: 150px; 
    margin:0 auto;
    clear:both;
}
.nomerodape { 
    font: bold 13px Arial, Helvetica, sans-serif;
    margin: 20px 0 0 10px; 
    line-height: 14px; 
    text-transform:uppercase;
}
.enderecorodape {
    font: 12px Arial, Helvetica, sans-serif;
    /*margin: 7px 0 0 10px;*/
    line-height: 20px;
    float: left;
}
.blocorodape {
    padding-bottom: 10px;
    /*float:right;
    width:250px;*/
}
.atendimento {
    line-height:20px;
    /*margin:-16px 0 0 0;*/
    text-align:right;
}
.social {
    /*float:right;
    margin:10px -6px 0 0;*/
    text-align:right;
}

.social .icon {
    /*float:right;*/
    margin:0 3px;
    
}

.meiodia {
    font:11px Arial, Helvetica, sans-serif;
    color:#444;
    text-align:center;
    border-top:1px solid #CCC;
    width: 960px;
    margin:0 auto;
    clear:both;    
}