/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
* {margin:0; padding:0; text-decoration: none; position:relative; border:none; box-sizing:border-box; }
p,ul,li,a{padding:0; margin:0;}

html{width:100%; height:100%; margin-top:0px !important}/*se passar a altura do body sem passar a altura do html , é como se a altura do body fosse auto*/

body{
width:100%; height:100%; background-color:#F7F4ED;} /*min height 100% = a altura mini do site sera da altura da tela*/

.site{width:100%; height:auto; overflow:hidden; background-color:#F3F3F3; float:left;}
.centro{width:100%; max-width:990px; height:auto; margin:auto; position:relative;}

.flex{display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex;}

.font1{font-family: 'PT Sans Narrow', sans-serif;}
.font2{font-family: 'Open Sans', sans-serif;}

@media screen and (min-height: 1080px) {
}

.conteudo{width:100%; height:auto; float:left; background-color:#F7F4ED; overflow:hidden; min-height:400px;}
@media ( max-width:575px ) {
    .conteudo{margin-top:80px; }    
}

#cookie-notice .cn-button {background-color:#C41700 !important; color:#fff !important; padding:5px 10px !important; }
#cn-notice-text a {color:#fff !important; }

/*topo*/
.topo{width:100%; height:116px; background-color:silver; float:left;}
	.sombraTopo{width:100%; height:31px; background-image:url(../img/sombraMenu.png); background-repeat:repeat-x; display:block; position:absolute; bottom:-31px; z-index:100}
	.topo1{width:100%; height:41px; background-color:#C41700; float:left;}
	.linkMenu1{font-size:12px; color:#F3BABA; font-weight:700; float:left; padding-left:15px; padding-right:15px; margin-top:13px;}
	.linhaMenu1{width:1px; height:7px; background-color:#EF9595; position:absolute; top:4px; right:0px;}
	.midias {margin:0 0 0 5px; padding:5px 0; float:right; height:41px; box-sizing:border-box;}
	.midias .face{height:28px; width:28px; display:block; float:right; transition:opacity .25s; margin:0 2px; border-radius:50%; border:2px solid #FFF; display:flex; align-items:center; justify-content:center;}
	.midias .face:hover{opacity:0.9}
	.midias .face i {color:#FFF; font-size:16px;}
	.usa {width:auto; height:15px; background-repeat:no-repeat; display:block; float:right; margin:12px 5px 0 0; transition:opacity .25s; list-style:none; }
	.usa li {display:inline-block; }
	.topo2{width:100%; height:75px; background-color:#FFFFFF; float:left;}
	.logo{width:136px; height:202px; background-image:url(../img/logo.png); background-repeat:no-repeat; display:block; float:left; margin-top:-36px; z-index:1000; transition:opacity .25s}
	.logo:hover{opacity:0.8}
	.setaMenu{width:8px; height:5px; background-image:url(../img/setaMenu.png); background-repeat:no-repeat; display:block; position:absolute; left:3px; top:19px;}
	.setaMenu2{width:8px; height:5px; background-image:url(../img/setaMenu2.png); background-repeat:no-repeat; display:block; position:absolute; left:3px; top:19px; display:none}
	.liMenu{padding-left:13px; padding-right:13px; height:43px; top:18px; float:left; list-style:none; transition:background-color .25s; border-top-left-radius:3px; border-top-right-radius:3px;}
	.liMenu:hover{background-color:#C41700;}
	.liMenu:hover a{color:#FFFFFF;}
	.liMenu:hover .setaMenu{display:none;}
	.liMenu:hover .setaMenu2{display:block;}

	.linkMenu2{font-size:16px; color:#464684; font-weight:400; float:left; margin-top:10px; width:100%; text-align:center; padding-left:2px;}
	.linhaMenu2{width:1px; height:17px; background-color:#DDDDDD; position:absolute; top:13px; right:0px;}

	.campoPesquisarMenu222{width:100%; padding-bottom:10px; padding-top:10px; border:1px solid #EE8080; border-radius:3px; float:left; box-sizing:border-box; overflow:hidden; margin-left:8px; font-size:13px; color:#DE1D1E !important; padding-left:10px; background-color:#FBFBFB; padding-right:35px;}
	.btPesquisarMenu{width:30px; height:30px; background-image:url(../img/lupa2.png); background-repeat:no-repeat; display:block; position:absolute; right:-10px; top:9px;
	background-color:transparent; transition:opacity .25s}
	.btPesquisarMenu:hover{opacity:0.7}
	 /*submenu inst*/
	 .menuAbreInts:hover .submenuInst{display:block;}
	.submenuInst{width:183px; height:268px; border:1px solid #CCCCCC; border-radius:2px; position:absolute; left:0px; top:43px; z-index:1000; background-color:#FFF; display:none}
	.liSubmenuInst{width:89%; padding-top:14px; padding-bottom:14px; transition:background-color .25s; float:left; font-size:18px; color:#C41700 !important; font-weight:400; letter-spacing:0pt;
	padding-left:20px;}
	.liSubmenuInst:hover{background-color:#FFFFB2;}
	.linhaSubmenuInst{width:159px; height:1px; background-color:#CCCCCC; left:50%; margin-left:-79px; position:absolute; bottom:0px;}
	.setaSubmenuInst{width:8px; height:12px; background-image:url(../img/setinhaVermelha.png); background-repeat:no-repeat; display:block; position:absolute; top:50%; margin-top:-6px; right:25px;}

	/*submenu*/
	.subProdutos{width:186px; height:auto; padding-bottom:30px; border-radius:2px; position:absolute; top:43px; left:0px; z-index:2000; display:none; background-color:#FFF; overflow:hidden;
	border:1px solid #CCCCCC; /* Firefox v1.0+ */
	-moz-border-radius:1px 5px 5px 5px;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:1px 5px 5px 5px;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:1px 5px 5px 5px;
	border-style:solid;
	/* Firefox v3.5+ */
	-moz-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.07);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.07);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	box-shadow:0px 0px 6px 3px rgba(0,0,0,0.07);
	-ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=9)";
	filter:progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=9);
	}
	.abreProdutos:hover .subProdutos{position:absolute; display:block;}

	.subProdutosInt{width:186px; height:auto; float:left; background-color:#FFF;}
	.linhaMP{width:1px; height:100%; position:absolute; top:0px; left:186px; background-color:#CCCCCC;}
	.linhaMenuProdTopo{width:159px; height:1px; background-color:#CCCCCC; left:50%; margin-left:-79px; position:absolute; top:0px;}
	.liSubProdTopo, .liSubProdTopo2{width:89%; padding-top:14px; padding-bottom:14px; transition:background-color .25s; float:left; font-size:18px; color:#C41700 !important; font-weight:400; letter-spacing:0pt;
	padding-left:20px;}
	.liSubProdTopo a,
	.liSubProdTopo2 a{color:#C41700 !important;}
	.liSubProdTopo:hover,
	.liSubProdTopo2:hover{background-color:#FFFFB2;}
	.setaMenuProdTopo{width:8px; height:12px; background-image:url(../img/setinhaVermelha.png); background-repeat:no-repeat; display:block; position:absolute; top:50%; margin-top:-6px; right:25px;}

	 /*sub da sub*/
	.subsubLi{width:645px; height:500px; float:left; top:0px; left:187px; padding-bottom:10px; display:none;}
	.subsubLiInt{width:645px; margin-left:20px; height:auto; margin-top:25px; margin-bottom:10px; background-color:#FFF; float:left;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;}

	.liSubProdTopo:hover .subsubLi{position:absolute; display:block;}

	.titCat{width:90%; font-size:14px; font-weight:700 !important; color:#C41700 !important; letter-spacing:0pt; line-height:170%; font-family: 'PT Sans Narrow', sans-serif; padding-left:20px; display:inline-block;}
	.subTit{width:90%; font-size:14px; font-weight:400 !important; color:#C41700 !important; letter-spacing:0pt; line-height:170%; font-family: 'PT Sans Narrow', sans-serif; padding-left:7px;
	display:inline-block}
	.subsubLi span{width:10px; height:7px; background-image:url(../img/seta2Rodape.png); background-repeat:no-repeat; display:block; left:7px; position:absolute; top:8px;}
	.subsubLi a{transition:background-color .25s}
	.subsubLi a:hover{background-color:#FFFFB2 !important;}
	/*282 / 295*/



/*rodape*/
.rodape{width:100%; background-color:#F4F4F4; float:left;}
	.sombraRodape{width:100%; height:31px; background-image:url(../img/sombrarodape.png); background-repeat:repeat-x; display:block; position:absolute; top:0px; z-index:100}
	.rodape1{width:100%; float:left;}
	.divEndereco{width:286px; }
	.linhaRodape{width: 1px; height: 115.5%; position: absolute; top: 0px; left: -50px; top: -54px; background-color: #DDDDDD;}
	.logoRodape{float:left; margin-top:55px;}
	.envelope{width:17px; height:12px; background-image:url(../img/envelope.png); background-repeat:no-repeat; display:block; float:left;}
	.fone{width:18px; height:16px; background-image:url(../img/fone.png); background-repeat:no-repeat; display:block; float:left;}
	.marcador{width:18px; height:21px; background-image:url(../img/marcador.png); background-repeat:no-repeat; display:block; float:left;}
	.tRodape{width:248px; font-size:15px; color:#444444; font-weight:700; letter-spacing:0pt; line-height:140%; float:left; margin-top:-4px; margin-left:12px;}
	.tRodape2{width:248px; font-size:15px; color:#666666; font-weight:400; letter-spacing:0pt; line-height:140%; float:left; margin-left:29px;}
	.divMenuRodape{width:480px; height:auto; min-height:306px; margin-top: 56px; margin-bottom:11px; margin-left: 55px; float:left;}
	.linkMenuRodape{width:100%; float:left; font-size:15px; color:#333333; font-weight:700; letter-spacing:0pt; line-height:220%;}
	.linkSubMenuRodape{width:100%; float:left; font-size:15px; color:#666666; font-weight:400; letter-spacing:0pt; line-height:218%; margin-left:16px;}
	.setaRodape{width:7px; height:10px; background-image:url(../img/setaRodape.png); background-repeat:no-repeat; display:block; float:left; top:11px; margin-right:10px;}
	.seta2Rodape{width:10px; height:7px; background-image:url(../img/seta2Rodape.png); background-repeat:no-repeat; display:block; float:left; top:14px; margin-right:5px;}
	.imgRodape{float:right; margin-top:5px; transition:opacity .25s}
	.imgRodape:hover{opacity:0.7}
	.underlineL:hover{text-decoration:underline}

	.rodape2{width:100%; height:50px; float:left;}
	.textoRodape2{font-size:12px; font-weight:700; color:#999999; line-height:160%; width:100%; float:left; text-align:center; top:17px; z-index:1000}
	.textoRodape2 a:hover{text-decoration:underline}

/*home*/
.banner{width:990px; height:476px; float:left; float:left; z-index:200; overflow:hidden; margin-bottom:27px;}
.sombraBannerhome{width:991px; height:56px; background-image:url(../img/sombraBanner.png); background-repeat:no-repeat; display:block; position:absolute; bottom:0px; z-index:800}
.linkBanner{position:absolute; width:1920px; height:470px; overflow:hidden; left:50%; margin-left:-960px; opacity:0;}
	.linkBanner img{width:990px; left:50%; margin-left:-495px;}
	.divBolinhas{width:100%; height:17px; position:absolute; bottom:21px; left:50%; margin-left:-495px; z-index:850; display:flex; justify-content:center;}
	.divBolinhas a:last-child {margin-right:0;}
		.bolinha{width:17px; height:17px; background-image:url(../img/bolinha.png); background-repeat:no-repeat; display:block; float:left; margin-right:5px;}
		.bolinha:hover{background-position:0 -17px;}


.contReceitasHome{width:1010px; height:335px; margin-top:25px; float:left; left:50%; margin-left:-505px;}
.contReceitasHome .divIntReceitas{width:1010px; height:284px; float:left; background-color:#FFFFFF; border-radius:8px; overflow:hidden; padding-bottom:10px;
/* Firefox v3.5+ */
-moz-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.07);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.07);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:0px 0px 6px 3px rgba(0,0,0,0.07);
-ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=9)";
filter:progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=9);}
.setinha{width:10px; height:6px; background-image:url(../img/setinha.png); background-repeat:no-repeat; display:block; position:absolute; right:15px; top:20px;}
.contReceitasHome .btReceitas{width:121px; height:42px; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#C41700; float:left; font-size:28px; color:#FFFFFF; font-weight:700; padding-left:20px; margin-left:10px;}
.contReceitasHome .campoPesquisar{width:250px; padding-bottom:12px; padding-top:11px; border:2px solid #EE8080; border-top-left-radius:5px; border-bottom:none; border-top-right-radius:5px; float:left; overflow:hidden; margin-left:8px; font-size:13px; color:#DE1D1E !important; padding-left:10px; padding-right:35px;}
.contReceitasHome .btPesquisar{width:30px; height:30px; background-image:url(../img/lupa.png); background-repeat:no-repeat; display:block; position:absolute; right:0px; top:7px;
background-color:transparent; transition:opacity .25s}
.contReceitasHome .btPesquisar:hover{opacity:0.7}
.contReceitasHome .divReceita{width:243px; height:100%; float:left; margin-left:6px; transition:opacity .25s}
.contReceitasHome .divReceita:hover{opacity:0.6}
.contReceitasHome .divReceita .divFoto{width:241px; height:140px; float:left; overflow:hidden; margin-top:14px}
.contReceitasHome .divReceita .divFoto img{width:241px; height:auto; float:left;}
.contReceitasHome .divReceita .titulo{font-size:26px; color:#C41700; font-weight:700; letter-spacing:0pt; line-height:100%; float:left; width:243px; height:26px;
overflow:hidden; margin-top:15px;}
.contReceitasHome .divReceita .texto p{font-size:13px; color:#666666; font-weight:400; line-height:150%; float:left; width:243px; max-height:38px; overflow:hidden; margin-top:5px;}
.contReceitasHome .divReceita .btComoPreparar{font-size:14px; color:#666666; font-weight:700; letter-spacing:0pt; float:left; margin-top:10px;}
.btVertodasReceitas{width:79px; padding-top:5px; padding-bottom:6px; font-size:12px; line-height:160%; background-color:#C41700; color:#FFF; font-weight:700; padding-left:8px; padding-right:8px; border-radius:3px; position:absolute; right:8px; text-align:center; top:15px; transition:opacity .25s}
.btVertodasReceitas:hover{opacity:0.7}

::-webkit-input-placeholder {
   color: #9E7D67;
}
:-moz-placeholder {
    color: #9E7D67;
}
::-moz-placeholder {
    color: #9E7D67;
}
:-ms-input-placeholder {
   color: #9E7D67;
}

.divNoticiasHome{width:299px; height:auto; float:left; margin-top:50px;}
.divNoticiasHome .titulo{font-size:30px; font-weight:700; color:#C41700; letter-spacing:0pt; float:left;}
.divNoticiasHome .btVertodas{width:65px; padding-top:3px; padding-bottom:3px; font-size:12px; line-height:160%; background-color:#C41700; color:#FFF; font-weight:700; padding-left:8px; padding-right:8px; border-radius:3px; position:absolute; right:8px; top:22px; transition:opacity .25s}
.divNoticiasHome .btVertodas:hover{opacity:0.7}
.divNoticiasHome .divNoticia{width:293px; height:auto; float:left; padding-top:15px; padding-bottom:15px; border-bottom:1px solid #CCCCCC; transition:background-color .25s}
.divNoticiasHome .divNoticia:hover{background-color:#FFC4BB;}
.divNoticiasHome .divNoticia .texto{font-size:18px; color:#C41700; letter-spacing:0pt; line-height:100%; width:255px; float:left;}
.divNoticiasHome .divNoticia .data{width:100%; font-size:12px; color:#666666; line-height:130%; float:left;}
.setinhaNoticias{width:8px; height:12px; background-image:url(../img/setinhaVermelha.png); background-repeat:no-repeat; display:block; position:absolute; top:50%; margin-top:-6px; right:10px;}

.divVideoHome{width:646px; height:412px; float:right; margin-top:50px; border-radius:5px; background-color:#FFFFFF;
/* Firefox v3.5+ */
-moz-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.07);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.07);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:0px 0px 6px 3px rgba(0,0,0,0.07);
-ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=9)";
filter:progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=9);}
.divVideoHome .div-play{width:636px; height:359px; float:left; left:5px; top:48px; position:absolute; display:block; background-image:url(../img/video.jpg); background-repeat:no-repeat;}
.divVideoHome .div-play:hover{background-image:url(../img/video-hover.jpg);}
.divVideoHome .divIframeVideo{width:636px; height:359px; float:left; margin-left:5px; margin-top:11px; display:none}
.divVideoHome .titulo{width:50%; font-size:22px; color:#C41700; font-weight:700; letter-spacing:0pt; margin-top:7px; margin-left:10px;}
.divVideoHome .clique{font-size:15px; color:#666666; position:absolute; right:18px; top:12px;}

/*padrao*/
.barra{width:100%; height:100px; background-color:#F7F4ED; float:left;}
.tituloBarra{width:100%; text-align:center; font-size:40px; margin-top:20px; color:#C41700; font-weight:700; letter-spacing:-1pt;}
.sombraBarra{width:100%; height:31px; background-image:url(../img/sombraMenu.png); background-repeat:repeat-x; display:block; position:absolute; bottom:-31px; z-index:100}
.menuInst{width:183px; height:auto; border:1px solid #CCCCCC; border-radius:6px; float:left; margin-top:35px; background-color:#FFF; margin-bottom:80px;}
.liMenuInst{width:89%; padding-top:14px; padding-bottom:14px; transition:background-color .25s; float:left; font-size:18px; color:#C41700; font-weight:400; letter-spacing:0pt;
padding-left:20px;}
.liMenuInst:hover{background-color:#FFFFB2;}
.linhaMenuInst{width:159px; height:1px; background-color:#CCCCCC; left:50%; margin-left:-79px; position:absolute; bottom:0px;}
.setaMenuInst{width:8px; height:12px; background-image:url(../img/setinhaVermelha.png); background-repeat:no-repeat; display:block; position:absolute; top:50%; margin-top:-6px; right:25px;}
.conteudoInt{width:777px; float:right; height:auto; margin-top:35px;}
.imagens{float:left;}
.texto{width:100%; font-size:13px; color:#666666; font-weight:400; line-height:150%; float:left; margin-top:18px; text-align:justify}
.page .conteudoInt{width:100%; height:auto; margin-top:35px;}

/*Gestão*/
.gestao .menuInst {width:223px;}
.gestao .conteudoInt {width:737px;}
.gestao .liMenuInst {width:91%;}
.gestao .linhaMenuInst {width:199px; margin-left:-99px;}
.gestao p.texto {margin-bottom:20px;}
.gestao a.texto {font-size:14px; color:#C41700; margin-top:8px;}
.gestao a.texto:hover {color:#666; opacity:0.9;}


/*marca*/
.subTituloMarcaa{font-size:21px; color:#9E7D68 !important; float:left; font-weight:400; line-height:150%; margin-top:30px; margin-bottom:15px; text-align:justify}
.tituloMarca{font-size:30px; color:#C41700; font-weight:700; letter-spacing:0pt; line-height:100%; float:left; width:100%; margin-top:65px;}
.titulo2Marca{font-size:19px; color:#666666; font-weight:700; line-height:150%; width:100%; float:left; margin-top:30px; }
.subTituloMarca{font-size:17px; color:#333333; font-weight:400; line-height:150%; width:100%; float:left; margin-top:28px; margin-bottom:0px;}
.divLegenda{width:188px; height:117px; float:right;}
.tLegenda{font-size:15px; color:#333333; font-weight:400; margin-left:2px; margin-bottom:6px;}
.quadroLegenda{width:186px; height:auto; border-radius:5px; border:1px solid #CCCCCC; float:left; background-color:#FFFFFF;}
.liLegenda{width:156px; padding-top:13px; padding-bottom:13px; font-size:13px; color:#666666; float:left; padding-left:30px; border-bottom:1px solid #CCCCCC;}
.bolinhaVermelha{width:15px; height:15px; border-radius:20px; background-color:#C41700; float:left; margin-left: -6px; margin-right: 7px; margin-top: 1px;}
.bolinhaAmarela{width:15px; height:15px; border-radius:20px; background-color:#FFD504; float:left; margin-left: -6px; margin-right: 7px; margin-top: 1px;}


/*localizacao*/
.divMapa{width:785px; height:431px; float:right; margin-top:30px; margin-bottom:80px; border:1px solid #DDDDDD; border-radius:3px;}


/*noticias*/
.linhaNoticias{width:100%; height:1px; background-color:#CCCCCC; float:left;}
.divListaNoticia{width:100%; height:auto; border-bottom:1px solid #CCCCCC; float:left; transition:background-color .25s}
.divListaNoticia:hover{background-color:#FFFFDF;}
.divListaNoticia .titulo{font-size:20px; color:#866A58; letter-spacing:0pt; line-height:110%; width:95%; padding-top:14px;}
.divListaNoticia .data{font-size:14px; color:#666666; letter-spacing:0pt; line-height:130%; width:85%; font-weight:400; padding-bottom:14px;}
.divListaNoticia .seta{width:8px; height:12px; background-image:url(../img/setinhaVermelha.png); background-repeat:no-repeat; display:block; position:absolute; top:50%; margin-top:-6px;
right:15px;}

/*single noticia*/
.tituloNoticia{font-size:38px; color:#876A58; float:left; width:95%; letter-spacing:-1pt; line-height:110%;}
.dataNoticia{font-size:14px; color:#666666; line-height:130%; float:left; width:100%; margin-top:12px;}
.content{width:100%; height:auto; float:left; overflow:hidden; margin-bottom:50px;}
.content p img{float:left;}
.content p a img{width:100%; height:auto; float:left; margin-right:26px; margin-bottom:20px;}
.content p img{width:100%; height:auto; float:left; margin-right:26px; margin-bottom:20px;}
.content p{float:left; font-size:13px; color:#666666; line-height:190%; font-family: 'Open Sans', sans-serif;}
.linhaSingle{width:100%; height:1px; background-color:#CCCCCC; float:left; margin-top:23px; margin-bottom:23px;}
.linhaVermelha{width:47px; height:3px; background-color:#C41700; position:absolute; top:-1px; left:0px;}

.divComp{width:100%; height:68px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; float:left; margin-bottom:50px;}
.divComp p{font-size:15px; color:#666666; float:left; top:22px;}
.faceComp{width:33px; height:33px; background-image:url(../img/faceComp.png); background-repeat:no-repeat; display:block; float:left; top:50%; margin-top:-16px; margin-left:13px; transition:opacity .25s}
.faceComp:hover{opacity:0.7}
.twitterComp{width:33px; height:33px; background-image:url(../img/twitterComp.png); background-repeat:no-repeat; display:block; float:left; top:50%; margin-top:-16px; margin-left:9px; transition:opacity .25s}
.twitterComp:hover{opacity:0.7}

/*equipe*/
.linhaEquipe{width:777px; height:1px; background-color:#CCCCCC; float:left;}
.titulo{width:100%; font-size:40px; color:#C41700; font-weight:700; letter-spacing:-1pt; float:left; margin-top:10px;}
.divProfissional{width:371px; min-height:159px; overflow:hidden; border-radius:3px; border:1px solid #DDDDDD; margin-top:25px; float:left; background-color:#FFFFFF;}
.divFotoProf{width:107px; height:160px; overflow:hidden; float:left;}
.divFotoProf img{float:left;}
.nome{font-size:28px; color:#9E7D68; letter-spacing:0pt; line-height:100%; width:216px; display: table-cell; vertical-align:middle; padding-left:24px; padding-top:6px;}
/*.cargo{font-size:16px; color:#888888; line-height:120%; width:216px; margin-left:23px; padding-top:5px; display: table-cell; vertical-align:middle; padding-left:24px;}*/
.cargo{font-size:16px; color:#888888; top:-5px;}

.divProfissional2{width:371px; min-height:138px; overflow:hidden; border-radius:3px; border:1px solid #DDDDDD; margin-top:25px; float:left; background-color:#FFFFFF;}
.divFotoProf2{width:107px; height:138px; overflow:hidden; float:left;}
.divFotoProf2 img{float:left;}

/*produtos*/
.menuLateralProdutos{float:left; width:183px; height:auto; margin-bottom:80px;}
.menuProdutos{width:183px; height:auto; float:left; margin-top:25px; margin-bottom:80px;}
.menuProdutosInt{width:181px; height:auto; float:left; border-radius:4px; border:1px solid #CCCCCC; background-color:#FFFFFF;}
.liTituloProd{width:89.5%; padding-top:13px; padding-bottom:13px; float:left; font-size:22px; background-color:#C41700; color:#FFFFFF; font-weight:400; letter-spacing:0pt;
border-top-left-radius:4px; border-top-right-radius:4px; padding-left:20px; z-index:2;}
.liMenuProd{width:89%; padding-top:14px; padding-bottom:14px; transition:background-color .25s; float:left; font-size:18px; color:#C41700; font-weight:400; letter-spacing:0pt;
padding-left:20px;}
.liMenuProd a{color:#C41700; width:80%; height:auto; float:left;}
.liMenuProd:hover{background-color:#FFFFB2;}
.liMenuProd:hover .submenuProd{position:absolute; display:block; border:1px solid #CCC;}

.linhaMenuProd{width:159px; height:1px; background-color:#CCCCCC; left:50%; margin-left:-79px; position:absolute; top:0px;}
.setaMenuProd{width:8px; height:12px; background-image:url(../img/setinhaVermelha.png); background-repeat:no-repeat; display:block; position:absolute; top:50%; margin-top:-6px; right:25px;}
.conteudoProd{width:777px; float:right; height:auto; padding-bottom:10px; margin-top:35px; background-color:#FFF; border-radius:5px; margin-bottom:80px; border:1px solid #DDDDDD;}
.prod-item{width:755px; min-height:173px; height:auto; float:left; overflow:hidden; border-bottom:1px solid #CCCCCC; display:table; margin-top:10px; margin-left:10px; transition:opacity .25s}
.prod-item:hover{opacity:0.7}
.fotoProd{width:162px; height:162px; overflow:hidden; border-radius:5px; float:left;}
.fotoProd img{float:left; width:100%; height:auto;}
.titulProd{font-size:28px; color:#856A58; letter-spacing:0pt; line-height:100%; width:569px; display: table-cell; vertical-align:middle; padding-left:24px; top:-2px; overflow:hidden;}
.catProd{font-size:16px; color:#9E7D68; top:2px;}

/*submenu produtos*/
.submenuProd{width:180px; height:auto; float:right; right:-182px; top:-1px; display:none; z-index:1000; border-radius:4px; background-color:#FFF;}
.liMenuProd:last-child .submenuProd{bottom:-1px; top:inherit;}
.lisubMenuProd{width:89% !important; padding-top:14px; padding-bottom:14px; background-color:#FFF; transition:background-color .25s; float:left; font-size:18px; color:#C41700; font-weight:400; letter-spacing:0pt; padding-left:20px;}
.color2{background-color:#F0F0F0;}
.lisubMenuProd:hover{background-color:#FFFFB2;}



/*single produtos*/
.int-single{width:726px; height:auto; float:left; margin-left:25px; margin-top:20px; padding-bottom:50px;}
.divInfos{width:362px; height:auto; float:left;}
.tituloSingle{font-size:32px; color:#866A58; float:left; font-weight:700; letter-spacing:-1pt; line-height:110%; width:362px;}
.infos-sinlge-excerpt{float:left; margin-top:16px;}
.infos-sinlge-excerpt p{font-size:14px; color:#9E7D67; float:left; width:362px;}
.infos-sinlge{font-size:14px; color:#9E7D67; float:left; width:362px; margin-top:3px;}
.divInfoTecnicas{width:362px; height:auto; border-radius:4px; border:1px solid #CCCCCC; float:left; margin-top:25px;}
.divInfoTecnicas .titulo{font-size:18px; color:#C41700; float:left; letter-spacing:0pt; width:295px; padding-left:15px; margin-top:15px;}
.divInfoTecnicas .texto{font-size:13px; color:#9E7D67; float:left; line-height:170%; width:295px; margin-top:5px; padding-left:15px; padding-bottom:30px;}
.divInfoTecnicas .seta{width:12px; height:8px; background-image:url(../img/setaSingle.png); background-repeat:no-repeat; display:block; position:absolute; top:20px; right:20px;}
.divInfoTecnicas .divCadaInfo{width:100%; height:auto; float:left; border-bottom:1px solid #CCCCCC;}

.divGaleria{width:328px; height:auto; min-height:200px; margin-top:9px; float:right; margin-right:-7px;}
.divFotoGaleria{width:321px; height:auto; float:left; border-radius:8px; overflow:hidden; margin-bottom:16px;}/*height:321px; */
.divFotoGaleria img{width:100%; float:left;}
.divFotoGaleria a{transition:opacity .25s}
.divFotoGaleria a:hover{opacity:0.6}
.divMiniFotoGaleria{width:74px; height:74px; border-radius:6px; float:left; margin-right:8px; margin-bottom:8px; overflow:hidden; transition:opacity .25s}
.divMiniFotoGaleria:hover{opacity:0.6}
.divMiniFotoGaleria img{width:100%; float:left;}

/*receitas*/
.conteudoReceitas{width:100%; height:auto; min-height:400px; float:left; background-image:url(../img/bg-receita.jpg); background-repeat:repeat-y; overflow:hidden; }

.conteudoReceita{width:777px; float:right; height:auto; padding-bottom:10px; margin-top:35px; background-color:#FFF; border:1px solid #DDDDDD; border-radius:5px; margin-bottom:80px;}
.receita-item{width:755px; min-height:173px; height:auto; float:left; overflow:hidden; border-bottom:1px solid #CCCCCC; display:table; margin-top:10px; margin-left:10px; transition:opacity .25s}
.receita-item:hover{opacity:0.7}
.fotoReceita{width:162px; height:162px; overflow:hidden; float:left;}
.fotoReceita img{float:left; width:100%; height:auto;}
.titulReceita{font-size:28px; color:#866A58; letter-spacing:0pt; line-height:100%; width:569px; display: table-cell; vertical-align:middle; padding-left:24px; top:-2px; overflow:hidden;}
.titulReceita p{font-size:18px; color:#9E7D68; top:2px;}
.btmodoPreparo{font-size:18px; color:#C41700; float:left;}
.setinhaReceita{width:8px; height:12px; background-image:url(../img/setinhaVermelha.png); background-repeat:no-repeat; display:block; position:absolute; top:9px; right:-16px;}
.tituloBarra2{text-align:left; font-size:40px; margin-top:20px; color:#C41700; font-weight:700; letter-spacing:-1pt; margin-left:211px;}
.campoPesquisarReceita{width:509px; padding-bottom:19px; padding-top:19px; border:1px solid #B69D8E; border-radius:3px; float:left; overflow:hidden; margin-left:8px; font-size:15px; color:#866A58 !important; padding-left:30px; background-color:#FBFBFB; padding-right:46px;}
.btPesquisarReceita{width:30px; height:30px; background-image:url(../img/lupa3.png); background-repeat:no-repeat; display:block; position:absolute; right:22px; top:20px;
background-color:transparent;}

/*single receitas*/
.int-single-receitas{width:726px; height:auto; float:left; margin-left:25px; margin-top:20px; padding-bottom:4px}
.r-titulo{font-size:32px; color:#866A58; font-weight:700; width:100%; float:left; letter-spacing:-1pt; line-height:110%;}
.r-texto p{font-size:18px; color:#9E7D68; line-height:120%; float:left; width:100%; margin-bottom:23px;}
.r-galeria{width:350px; height:auto; float:left;}
.r-galeria a{transition:opacity .25s}
.r-galeria a:hover{opacity:0.8}
.r-galeria img{float:left; width:100%;}
.r-linha{width:1px; height:349px; background-color:#CCCCCC; float:left; margin-left:12px; margin-right:9px;}
.r-divFotosMenores{width:354px; height:auto; overflow:hidden; float:left; margin-left:-2px;}/*height:353px;*/
.r-divFotosMenores a{width:172px; height:172px; float:left; margin-left:5px; margin-bottom:5px; transition:opacity .25}
.r-divFotosMenores a:hover{opacity:0.8}
.r-divFotosMenores a img{float:left; width:100%;}
.r-titulo2{font-size:23px; color:#C41700; float:left; letter-spacing:0pt; width:100%; margin-bottom:13px; margin-top:23px;}
.r-texto2{width:100%; font-size:13px; color:#9E7D67; float:left; line-height:220%;}
.r-texto2 span{font-size:16px;}
.textoGostou{font-size:28px; color:#C41700; font-weight:700; width:100%; float:left; letter-spacing:0pt; margin-top:50px; margin-bottom:16px;}
.r-linha2{width:100%; height:1px; background-color:#CCCCCC; float:left;}

/*serviços*/
.divServicos{width:990px; height:153px; float:left; border-bottom:1px solid #CCCCCC; margin-top:50px;}
.boleto{float:left;}
.s-texto1{font-size:32px; color:#866A58; font-weight:700; float:left; letter-spacing:-1pt; line-height:110%;}
.s-texto2{font-size:13px; color:#9E7D67; float:left; line-height:170%; font-weight:400;}
.s-opacidade{transition:opacity .35s}
.s-opacidade:hover{opacity:0.7}
.bancoBrasil{width:106px; height:106px; background-image:url(../img/bancoBrasil.png); background-repeat:no-repeat; display:block; float:right; margin-top:6px;}
.bradesco{width:106px; height:106px; background-image:url(../img/bradesco.png); background-repeat:no-repeat; display:block; float:right; margin-top:6px; margin-right:11px;}
.itau{width:106px; height:106px; background-image:url(../img/itau.png); background-repeat:no-repeat; display:block; float:right; margin-top:6px; margin-right:11px;}
.icon-guibon{width:67px; height:100px; background-image:url(../img/guibon.png); background-repeat:no-repeat; display:block; float:right; margin-top:6px; margin-right:11px;}
.icon-avenorte{width:138px; height:50px; background-image:url(../img/avenorte.png); background-repeat:no-repeat; display:block; float:right; margin-top:42px; margin-right:16px;}


/*lateral contato*/
.lateralContato{width:255px; height:auto; float:left; margin-top:45px;}
.c-titulo{font-size:28px; color:#C41700; float:left; width:100%; letter-spacing:0pt; line-height:110%; margin-bottom:10px; font-weight:700}
.c-texto{font-size:13px; color:#9E7D66; float:left; width:100%; line-height:170%;}
.c-divInfos{width:255px; height:430px; background-color:#FFFFD2; float:left; margin-top:40px; border-radius:5px; border:1px solid #CCCCCC;}
.c-texto2{width:229px; float:left; font-size:12px; color:#6D5545; line-height:150%; margin-left: 17px; margin-top: 20px}
.divInfoInt{width:229px; height:263px; border-radius:5px; border:1px solid #CCCCCC; background-color:#FFFFFF; float:left; margin-left: 13px; margin-top: 21px;}
.textoIntInfo{font-size:18px; width:100%; float:left; color:#876A58; text-align:center; letter-spacing:0pt; margin-top:22px;}
.c-seta{width:12px; height:8px; background-image:url(../img/setaSingle.png); background-repeat:no-repeat; display:block; position:absolute; bottom:-6px; left:50%; margin-left:-6px; }
.divIntContato{width:682px; height:auto; float:right; margin-top:45px;}
.c-linha{width:100%; height:1px; float:left; background-color:#CCCCCC; margin-top:5px;}
.divInfosContato{width:329px; height:120px; float:left;}
.divInfosContato a.btn-whats {width:170px; height:40px; background-color:#2BAC52; color:#FFF; border-radius:3px; float:left; padding:8px; margin:8px 0 0 47px; box-sizing:border-box; text-align:center; border:2px solid #2BAC52; transition:background-color 0.5s; transition:color 0.5s;}
.divInfosContato a.btn-whats img.icon-whats {vertical-align:top; top:1px; margin-right:4px;}
.divInfosContato a.btn-whats img.icon-whats-hover {display:none; vertical-align:top; top:1px; margin-right:4px;}
.divInfosContato a.btn-whats:hover {background-color:transparent; color:#2BAC52;}
.divInfosContato a.btn-whats:hover img.icon-whats {display:none;}
.divInfosContato a.btn-whats:hover img.icon-whats-hover {display:inline-block;}
.c-imgs{position:absolute; top:4px;}
.c-texto3{font-size:17px; color:#856A58; font-weight:700; width:80%; margin-left:46px;}
.c-texto4{font-size:13px; color:#9E7D66; float:left; width:88%; margin-left:47px;}
@media ( max-width:990px ) {
    .centro {padding:0 20px; }
    .lateralContato,
    .divIntContato {width:100%; }
}

/*contato*/
.divCampo{width:100%; height:auto; float:left; margin-top:8px;}
.divCampo label{font-size:13px; color:#9E7D66; float:left; margin-top:12px; width:138px; text-align:right;}
.campo{width:523px; padding-top:11px; padding-bottom:11px; border:1px solid #CCCCCC; float:right; font-size:13px; color:#9E7D67; padding-left:15px; border-radius:3px;}
.btEnviar{width:133px; height:46px; background-image:url(../img/btEnviar.png); background-repeat:no-repeat; display:block; float:left; margin-top:25px; margin-bottom:80px; margin-left:143px;
transition:opacity .25s}
.btEnviar.btEnviar2{background-image:url(../img/btEnviar2.png);}
.btEnviar:hover{opacity:0.7}

section.contato p.info-form {font-size:13px; color:#999; display:inline-block; width:100%; line-height:170%; font-style:italic;}
section.contato form p.info-form {margin-bottom:14px;}
section.contato form span.tip {display:inline-block; border-radius:50%; width:16px; height:16px; cursor:pointer; background-color:#e20000; color:#fff; text-align:center; vertical-align:middle; box-sizing:border-box; position:relative; top:-3px; font-size:12px; font-weight:600; font-style:normal; line-height:19px;}
section.contato form span.tip .tip-content {opacity:0; position:absolute; background:#e20000; padding:10px; bottom:20px; right:0px; width:180px; height:auto; visibility:hidden; transition:opacity 0.5s; transition:visibility 0.5s;}
section.contato form span.tip:hover .tip-content {opacity:1; visibility:visible;}
section.contato form.form2 {display:none;}
section.contato form {width:100%; display:inline-block; margin-top:20px;}
section.contato form input#change {display:none;}
section.contato form label {width:100%; display:inline-block; font-size:13px; color:#9E7D66;}
section.contato form input,
section.contato form select,
section.contato form textarea {margin-bottom:14px; height:36px; color:#666; font-size:15px; background-color:#FFFFFF; border-radius:0; border:1px solid #ccc; padding: 8px; width:100%; box-sizing:border-box;}
section.contato form input[type="radio"],
section.contato form label[for="ys-whats"],
section.contato form label[for="ys-pesquisa"] {width:initial; margin:0; height:initial;}
section.contato form label[for="ys-whats"],
section.contato form label[for="ys-pesquisa"] {margin-right:10px;}
section.contato form label[for="ys-quantidade-produto"],
section.contato form label[for="ys-possui-produto"] {max-width:200px;}
section.contato form textarea {height:120px;}
section.contato form input[name="ys-arquivo"],
section.contato form input[name="ys-arquivo-embalagem"],
section.contato form input[name="ys-arquivo-desvio"],
section.contato form input[name="ys-arquivo-comprovante"] {padding:6px;}
section.contato form > input:last-child {margin-bottom:0;}
section.contato form > div {justify-content:space-between;}
section.contato form > div label {margin:0 4px;}
section.contato form > div label:first-child {margin-left:0;}
section.contato form > div label:last-child {margin-right:0;}
section.contato form label[for="ys-arquivo"] > input {margin-bottom:2px;}
section.contato form label[for="ys-arquivo"] > p {font-size:11px; color:#9E7D66; display:inline-block; width:100%; line-height:170%; margin-bottom:14px;}
section.contato form input[type="submit"] {width:133px; height:46px; background-image:url(../img/btEnviar.png); background-repeat:no-repeat; display:inline-block; margin-bottom:80px;}
section.contato form input[type="submit"].bt-en {background-image:url(../img/btEnviar2.png);}
section.contato form input[type="submit"]:hover {opacity:0.9;}
section.contato form div.radio {margin:5px 0 14px;}
section.contato .form-control:focus {color:#666;}

/*tradução*/
#google_translate_element{display:none}



/*paginação*/
.divPg{width:29px; height:29px; border:1px solid #999999; background-color:#FFF; float:left; margin-right:5px; border-radius:3px; transition:background-color .10s;}
.divPg:hover{background-color:#BBBBBB; border:1px solid #999999}
.divPg:hover .textoPg{color:#FFF}
.textoPg{font-size:12px; color:#333333; width:100%; text-align:center; top:7px;}
.next{width:93px; height:32px; background-image:url(../img/btProximo.png); background-repeat:no-repeat; display:block; float:left; color:#FFF !important; top:1px; transition:opacity .25s}
.next:hover{background-position: 0 -34px;}
.prev{display:none;}
.page-numbers{font-size:13px; color:#333333; font-family: 'Open Sans', sans-serif;}
.btUltimaPg{width:84px; height:30px; display:block; float:left; margin-left:2px; color:#333}
.btUltimaPg:hover{background-position:0 -33px;}

.pagination{width:695px; height:20px; float:left; text-align:center; font-size:14px; font-weight:400; color:#444444; margin-left:-20px;}
.pagination a{color:#444444;}
.current{}
.current .divPg{background-color:#C41700 !important; }
.current .divPg p{color:#FFF; font-weight:700}

/* ===================wid=======================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}



img {max-width:100%; }