@charset "UTF-8";
/* CSS Document by Luiz Fernando Calligaris*/
body { background:#252525; text-align:center; margin:0 }
body, table, select, input, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

#tudo { width:770px; margin:0 auto; text-align:left}

/* Topo */
#topo { height:112px; background:url(../images/bgTop.jpg) repeat-x; }
.logomarca { width:218px; height:104px; padding-left:10px; padding-top:8px; float:left;}

/* MENU */																		
#menu { width: 501px; height:27px; float:left; padding-top:30px; padding-left: 41px; padding-top:44px; list-style:none; margin:0; display: inline; }
#menu a { float:left; display: block; font: 13px Verdana; text-decoration:none; background:url(../images/bgMenu.jpg) repeat-x; text-align: center; color: #000; padding:4px 8px;}  
#menu a:hover { color: #fff; background:url(../images/bgMenuOver.jpg) repeat-x; }

/* Meio */
#meio { float:left; height:217px; width:770px; border-bottom:1px solid #fff  }

/* Vitrine */
#vitrine { width: 770px; height:82px; background:url(../images/bgVitrine.jpg) repeat-x; float:left; border-bottom:1px solid #fff;}
#vitrine a { display:block; width:183px; padding-left:7px; padding-top:9px; float:left; text-decoration:none; cursor:pointer; }
#vitrine span { width:82px; height:62px; float:left; cursor:pointer; display:block}
#vitrine ul { height:62px;display:inline;}
#vitrine ul li { width: 86px; height:13px; font: 10px Verdana; text-decoration:none; text-align: left; color: #fff; padding:0 2px; display: block; float:left}
.vitrines {display:block; float:left; width:92px; height:62px;}
.vitrines {display:block; width:89px; height:62px;}

/* Menu Serviços */
#menuServico { width:770px; height:98px; background:url(../images/bg_buttons.jpg) repeat-x;  float:left; }
#menuServico a { display:block; width:247px; height:98px;  float:left; border:none; }
.btPedido { background:url(../images/bt_pedidoEspecial.jpg) no-repeat center center; height:59px; }
.btFicha { background:url(../images/bt_fichaDeCadastro.jpg) no-repeat center center; height:59px;}
.btContato { background:url(../images/bt_contato.jpg) no-repeat center center; height:59px; }
#menuServico span { width:1px; height:98px; float:left; background:url(../images/separador.jpg) no-repeat center center; }

/* Navegação */
#navegue { height: 190px; background:#FFF; float:left; padding:24px; text-align:left }
#navegue h1 { font:14px Arial, Helvetica, sans-serif; color:#666; text-align:left; text-decoration:none; padding:3px 0; }
.quemSomos { width:240px; height:165px; float:left; }
.quemSomos a { color:#666; text-align:left; text-decoration:none;}
.quemSomos a:hover { color:#666; text-align:left; text-decoration:underline;}
.quemSomos span {}
.quemSomos p { width:200px; font:12px Arial, Helvetica, sans-serif; color:#666; text-align:left; text-decoration:none; padding:3px 1px;}

.servicos { width:240px; height:165px; float:left;}
.servicos a { color:#666; text-align:left; text-decoration:none;}
.servicos a:hover { color:#666; text-align:left; text-decoration:underline;}
.servicos ul { display:inline;}
.servicos li { width:200px; font:12px Arial, Helvetica, sans-serif; color:#666; text-align:left; text-decoration:none; display:block; float:left; padding:4px 7px;}

.localizacao { width:240px; height:200px; float:left;}
.localizacao p { width:180px; height:136px;}

#conteudo { width:100%; display:block;}
#conteudo p { background:#FFF; }
.foto { border: 1px solid #000000;}
.veiculo img {border: 1px solid #333333;}
.veiculo {text-decoration: none;color: #FFFFFF;border-bottom: none;}
.veiculo a {text-decoration: none;color: #FFFFFF;font-weight: bold;}
.veiculo a:hover {color: #333333;}
.conteudo2 {padding: 15px; background-image: url(../images/conteudoBackground.gif); background-repeat: repeat-x; background-color: #FFFFFF;}
.barraTitulo { background-color: #ff8d00; height: 33px; width:100%}
.tituloPagina {font: 14px Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; padding:8px 24px;}


/* Rodapé */
#rodape { background:#414141; padding: 8px; height:15px; font:11px Arial, Helvetica, sans-serif; color:#FFF; clear:left; text-align:left}
.logoSocarrao { width:770px; }




/*clearfix */
.clearfix:after { content: "."; display: block;clear: both;visibility: hidden;line-height: 0;height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }