/*Reset*/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

img.aligncenter {
     display: block; margin-left: auto; margin-right: auto;}

body {margin: 0; padding: 0; background-color: #fcf8e3;}
header {width: 100%; height:130px; float: left; background: url(images/bg-header.png) top center no-repeat; z-index: 9999; position: absolute;}
#conteudoTopo { width: 884px; height: 64px; margin: 0 auto; position: relative; top: 17px; }
#logoTopo {width: 149px; float: left; }
#contatoTopo {float: right;}
#contatoTopo p {font: bold 12px Verdana; color: #fff; float: left; margin: 6px 12px 0 0;}
#contatoTopo p span {font: bold 12px Verdana; color: #e31d1a;}
#menuTopo {width: 715px; float: right; float: right; margin: 10px 0 0 0;}
#menuTopo ul {margin: 0; padding: 0; float: right;}
#menuTopo ul li {float: left; font: bold 12px Verdana; color: #fff; margin: 0 0 0 9px;}
#menuTopo ul li a {color: #fff; text-decoration: none;
	-webkit-transition:	all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
#menuTopo ul li a:hover {color: #e31d1a; text-decoration: none; 
	-webkit-transition:	all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
#menuTopo ul li a.current {
	color: #e31d1a; text-decoration: none; 
	}	

#conteudoFooter {width: 884px; height: 300px; margin: 0 auto; position: relative; top: 120px;}

footer  {background: #fcf8e3 url(images/bg-footer.png) top center no-repeat; height: 465px; width: 100%; float: left;}
#menuFooter {width: 261px; float: left;}
#menuFooter ul {margin: 0; padding: 0; }
#menuFooter ul li { display: block; margin: 0 0 0 0; font: bold 12px Verdana; color: #fff; text-transform: uppercase;}
#menuFooter ul li a {color: #fff; text-decoration: none;}
#fotoUmFooter {float: left; width: 253px; margin: 0 39px 0 0;}
#fotoDoisFooter {float: right; width: 254px;}
#rodapeUm {float: left; border-bottom: 2px solid #fff; padding: 0 0 15px 0;}
#rodapeDois {float: left; padding: 15px 0 0 0;}

#enderecoUm {float: left; width: 240px; margin: 0 20px 0 0;}
#enderecoDois {float: left; width: 255px; margin: 0 21px 0 0;}
#enderecoTres {float: right; width: 257px; margin: 0 0 0 16px;}
#enderecoUm p, #enderecoDois p, #enderecoTres p  {font: bold 12px Verdana; color: #fff; }
#enderecoUm p a, #enderecoDois p a, #enderecoTres p a {font: bold 12px Verdana; color: #fff; text-decoration: none;}
#enderecoUm p a:hover, #enderecoDois p a:hover, #enderecoTres p a:hover {font: bold 12px Verdana; color: #fff; text-decoration: underline;}
#redesSociaisFooter { width: 50px; background-color: #333; float: right;}

#containerProdutos {width: 100%; float: left; background-color: #fae7bd; padding: 0 0 30px 0;}
#containerConteudoPost {width: 100%; float: left; background-color: #fff; padding: 0 0 30px 0;}
#galeriaLanchesLoja {width: 100%; float: left; padding: 30px 0 30px 0;}
#container {width: 884px; margin: 0 auto;}
#areaConteudoPost {width: 884px; margin: 0 auto;}
#conteudoProdutos {width: 884px; margin: 0 auto; padding: 30px 0 30px 0;}
#conteudo {width: 884px; float: left; padding: 30px 0 30px 0;}
#breadcrumb {width: 100%; height: 36px; background-color: #fae7bd; float: left; }
#conteudoBreadcrumb {width: 884px; margin: 0 auto; }
#bannerInternas {height: 297px; margin: 0 auto; background-position: center top!important;}
#bannerBolos {height: 297px; margin: 0 auto; background: url(images/bolo-capa2.jpg) top center no-repeat; }
#bannerSalgados {height: 297px; margin: 0 auto; background: url(images/banner-salgados.jpg) top center no-repeat; }
#bannerDoces {height: 297px; margin: 0 auto; background: url(images/bolo-capa2.jpg) top center no-repeat; }
#bannerHome {width: 100%; height: 525px; }


h1 {font: bold 20px Trebuchet MS; color: #7e7e82; text-transform: uppercase; float: left; margin: 0 0 30px 0; }
h1.produtos {font: bold 22px Trebuchet MS; color: #7e7e82; text-transform: uppercase; float: none!important; text-align: center!important;}
h2 {}
h3 {font: bold 12px Verdana; color: #fff; text-transform: uppercase;}
p {font: 12px Verdana; color: #594a42; margin: 0 0 7px 0; float: left; clear: both; }
#titulosPost {float: right; width: 620px;	}
/*Redes Sociais*/
ul.redesSociaisTopo {float: right; margin: 0; }
ul.redesSociaisTopo li {float: right; margin: 0 0 0 5px;}
ul.redesSociaisTopo .facebookTopo {background: url(images/redes-sociais-header.png) 0 0 no-repeat; width: 29px; height: 27px; float: left; text-indent: -9999px; display: inline;}
ul.redesSociaisTopo .twitterTopo {background: url(images/redes-sociais-header.png) -30px 0 no-repeat; width: 29px; height: 27px; float: left; text-indent: -9999px; display: inline;}

#fotoInternas {width: 219px; float: left;}
#introInternas {width: 606px; float: right;}

#introInternas h1  {font: bold 20px Trebuchet MS; text-transform: uppercase; text-align: left;}
#introInternas h2 {font: bold 20px Trebuchet MS; color: #ffb718; text-align: left; clear: both;}
#topoSingle h1 {font: bold 20px Trebuchet MS; color: #ffb718; text-transform: none; float: left; clear:  both;}
#topoSingle .categoria {font: bold 20px Trebuchet MS; color: #7e7e82; text-transform: uppercase;}
#conteudoPosts {width: 884px; float: left; padding: 50px 0 0 0;}
#conteudoSingle {width: 834px; float: left; padding: 30px 0 0 0; margin: 0 0 0 25px;}
.areaPost {width: 261px; height: 206px; background-color: #fff; padding: 10px;}
.post { padding: 0 0 10px 0; width: 261px; float: left; margin: 0 33px 33px 0 ;}
.fotoProduto {width: 262px; height: 160px; }
.lupa {width: 126px; height: 46px; float: left;}
.link {width: 261px; height: 46px; float: left;}

.post h1 {font: bold 14px Trebuchet MS; color: #594a42; text-transform: none; text-align: left!important; margin: 15px 0 0 0; height: 36px; }
#descricaoProduto { float: left; width: 347px; margin: 30px 0 0 0;}
#informacaoNutricional { float: right; width: 436px; margin: 30px 0 0 0;}
#topoSingle {width: 100%; background-color: #fff; float: left;}
#conteudoTopoSingle {width: 884px; margin: 0 auto; padding: 30px 0 30px 0;}

/*produtosHome*/
#meridionalConfeitaria {width: 427px; float: left;}
#bennerCongelados {width: 427px; float: right;}
#logoMeridionalConfeitaria, #logoBennerCongelados {width: 167px; float: left;}
#fotoMeridionalConfeitaria, #fotoBennerCongelados {width: 260px; height: 206px; float: right; background-color: #fff;}
#fotoMeridionalConfeitaria img, #fotoBennerCongelados img {margin: 23px 0 0 20px;}
#produtoMeridionalConfeitaria { padding: 0 0 30px 0; width: 427px; float: left;}
#produtoBennerCongelados { padding: 0 0 30px 0; width: 427px; float: right;}
#produtoMeridionalConfeitaria h1, #produtoBennerCongelados h1 { font: bold 13px Verdana; color: #7e7e82; margin:10px 0 0 30px; 
	text-transform: uppercase; width: 300px;}
#produtoMeridionalConfeitaria p, #produtoBennerCongelados p { font: bold 13px Verdana; color: #7e7e82; width: 300px; margin:0 0 0 30px} 


 
/*breadcrumbs*/
#crumbs a { font: 14px Trebuchet MS; color: #594a42; text-decoration: none; } 
#crumbs .current { font: 14px Trebuchet MS; color: #594a42; } 
#crumbs { margin: 10px 0 0 0; float: right;}

#imgSolicitacaoDePedidos {width: 254px; height: 526px; float: left;}
#formSolicitacaoDePedidos {width: 613px; height: 526px; float: right;}
#atendemosNaGrandeBh {width: 884px; float: left; margin: 30px 0 0 0;}

ul.categorias {margin: 30px 0 0 0; float: left;}
ul.categorias li { float: left; margin: 0 0 10px 0; }
 
.contatos {width: 884px; height: 182px; float: left; margin: 0 0 20px 0;}
.logoContato {width: 199px; height: 182px; float: left; display: inline;}
.enderecoContato { width: 485px; height: 162px; float: left; background-color: #fdebba; margin: 0; padding: 20px 0 0 0; display: inline;}
.enderecos {width: 884px; float: left; }
.telefonesContato {width: 200px; height: 156px; float: right; background-color: #fde19a; display: inline; padding: 26px 0 0}

.enderecoContato p {
	width: 363px;
   margin: 13px 0 0 50px; 
}

.enderecoContato p a, .enderecoContato p a:hover {text-decoration: none; color: #594a42;}

.enderecoContato strong{
	font-weight: bold;
}

.telefonesContato p {
	width: 200px;
   margin: 17px 0 0; 
   text-align: center;
}

.telefonesContato strong{
	font-weight: bold;
	font-size: 18px;
}

.mapa {width: 884px; height: 347px; float: left; margin: -11px 0 30px;}
input[type="text"], input[type="email"]  {
	background-color: #f9d484; border: none; width: 613px; height: 34px; font: bold 14px Trebuchet MS; color: #231f20;
	padding: 0 0 0 10px;}

textarea  {
	background-color: #f9d484; border: none; width: 613px; height: 105px; font: bold 14px Trebuchet MS; color: #231f20;
padding: 10px 0 0 10px;}

input[type="submit"] {
	background-color: #fcb215; float: right; border: none; padding: 10px 20px 10px 20px; margin: 0 0 0 535px;
}

.background {width: 100%}

/*paginação*/

#paginacaoPosts {
	background: url(images/bg-paginacao.jpg) 0 0 repeat-x;
	height: 39px; padding: 11px 2px 0 6px;
	float: left; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	border-radius: 5px; 
}

#paginacaoPosts a.page-numbers {
	text-decoration: none;
	font: 12px Verdana; color: #a02824; text-decoration: none; 
	padding: 3px 8px;
}

#paginacaoPosts .current{
	background-color: #a02824; color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	padding: 3px 8px;
	font: 12px Verdana; color: #fff; text-decoration: none; 
}

#paginacaoPosts a {
	color: #a02824;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	
}

#paginacaoPosts a:hover {
	background-color: #a02824; color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	border-radius: 3px; padding: 3px 8px;
}