@charset "UTF-8";
/* CSS Document by Alex De Souza Porto*/
body { background:url(../images/bgTopFundo.jpg) repeat-x; text-align:center; margin:0;}
body { background-color:#D3640A;}
body, table, select, input, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#tudo { width:900px; margin:0 auto; text-align:left;}

/* Topo */
#topo { height:334px; }
.logomarca { width:900px; height:207px; padding-left:5px; padding-top:0px; float:left; border:0px;}

/* Menu */	
#menu { width: 900px; height:35px; float:right; padding: 0px; list-style:none; margin:0; display: inline; }
#menu a { float: left; font-family: Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none; text-align: center; color: #FFFFFF; padding:10px 28px 9px 35px; font-weight: bold;}  
#menu a:hover { text-decoration:none; background:url(../images/bgMenuOver1.jpg) repeat-x; color: #FFFFFF; }  

/* Destaques */
#Destaques{ width: 300px; height: 90px; float:left; list-style:none; margin: 0px; display: inline;}
#Destaques a { text-decoration:none; font-weight:none; color:#FFFFFF; }
#Destaques ul{ width: 290px; float:left; list-style:none; padding: 6px 10px 0px 10px; display: inline; text-align: center;} 
#Destaques h1{ list-style:none; padding: 3px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: FFFFFF; margin: 0px;} 
#Destaques li{ list-style:none; padding: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: FFFFFF; margin: 0px; font-weight:bold;} 

/* Vitrine */
#vitrine{ height: 230px; width: 900px;}
.vitrine{ width:520px; height: 880px; float:left;  background:#FFFFFF;}
.vitrine img { border: 1px solid #CCCCCC; width: 190px;}
.oferta-vitrine{width: 180px; MARGIN: 16px;  float:left;}
.oferta-vitrine .titulo-vitrines { font-size:16px; text-transform: uppercase; border-bottom:1px solid #fc0; font-weight:10; padding-bottom:3px; padding-left:20px}
.box-ofertas p {font-size:11px;color:#666}
.titulo-vitrines{ width:165px; float:left; text-align:center; padding: 5px 8px 12px 8px;}
.titulo-vitrines a {  text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #FF6600; font-weight:bold;}
.oferta-valor{ width: 180px; float:left; text-align:center; padding: 5px 8px 3px 8px; color:#333333; font:Arial, Helvetica; font-size: 13px; font-weight:bold;}
.foto { border: 1px solid #CCCCCC;}

/* Meio */
#meio { float:left; height:278px; width:900px; border:0px;}

/* Menu Serviços */
#menuServico { width:900px; height:98px; background:url(../images/bg_buttons.jpg) repeat-x;  float:left; }
#menuServico a { display:block; width:263px; 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 {  width:900px; height: 335px; background:#FFF; float:left; text-align:left }
#navegue h1 { font:16px Arial, Helvetica, sans-serif; color:#333; text-align:left; text-decoration:none; padding:3px 0; }
.conteudo2 {padding: 15px; background-image: url(../images/conteudoBackground.gif); background-repeat: repeat-x; background-color: #FFFFFF;}
.barraTitulo { background:url(../images/bgtitulos.jpg) repeat-x; height: 24px; width:100%}
.tituloPagina {font: 14px Arial, Helvetica, sans-serif; color:#fff; font-weight: bold; padding:4px 24px;}


.destaques {
	padding: 10px;
	color: #FFFFFF;
	vertical-align: top;
	background:url(../images/bg_noticias.gif);
}

.CinzaEscuro{
	color:#333;
}
.CinzaEscuro a{
	color:#333;
}
.CinzaEscuro img{
	padding-top:05px;
	padding-bottom:02px;
}
.preco {
	color: #333;
	font-weight:bold;
}


/* Rodapé */
#rodape { width: 100%; height:180px; background:url(../images/bgrodape.jpg); font:11px Arial, Helvetica, sans-serif; color:#FFF; float:left; text-align:center;  padding: 15px 0px 0px 0px; }
#rodape ul { width:900px; height:180px; margin:0 auto; text-align:center; padding:0px;}
#rodape li { width:435px; font:11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:right; float:left; }
#rodapeLoja{ width: 210px; height: 160px; float:left; text-align:left;}
#rodapeDados{ width: 210px; height: 160px; float:left; text-align:left;}
#rodapeDados img { border: none;} 
#rodapeDados a { color: #FFFFFF; font-weight:normal; text-decoration:none;} 
.logoSocarrao { width:800px; }

/*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%; }


.clearfix:after, .cf:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .cf {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix, .cf {display:block;}
/* End hide from IE Mac */
.clearfix, .cf {display:block;} 
html[xmlns] .clearfix, html[xmlns] .cf {display: block;}
* html .clearfix, * html .cf {height: 1%;}