@charset "utf-8";

/* CSS Document */

/*
@font-face {
	font-family: 'Premier';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/MyriadPro-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Premier';
  font-style: normal;
  font-weight: 600;
  src:url(fonts/MyriadPro-Semibold.woff) format('woff');
}
@font-face {
	font-family: 'Premier';
	font-style: normal;
	font-weight: 900;
	src: url(fonts/MyriadPro-Bold.woff) format('woff');
}
*/

html {
	margin:0px;
}

body {
	margin:0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	background:url(../_img/fundo.jpg) fixed;
}
#tamanho {
	position:fixed;
	z-index:999999999;
	background-color:rgba(255,255,255,.8);
	color:#000;
	font-size:20px
}
.area {
	position:relative;
	width:100%;
	height:auto;
}
.centro {
	position:relative;
	max-width:980px;
	padding:0px 12px 0px 12px;
	height:auto;
	margin: 0 auto;
	font-size:0px;
}
.box {
	position:relative;
	display:inline-block;
	vertical-align:top;
	height:auto;
	color:#FFF;
	box-sizing:border-box;
}
.celula {
	position:relative;
	width:auto;
	height:auto;
	margin:10px;
	font-size:12px;
}

#cab {
	background:#00396c;
	z-index:900;
	overflow:hidden;
	min-height:200px;
	box-shadow:0px 20px 60px rgba(79,47,0,.95);
}
#con {
	z-index:550;
	background:url(../_img/dest/fundo_1.jpg) center center no-repeat;
	background-size:cover;
	padding:30px 0px 30px 0px;
}
#con .celula {
	background:#FFF;
	color:#000;
	padding:20px;
}
.seta-prod {
	position:relative;
	width:100%;
	height:17px;
	bottom:-10px;
	margin-top:-12px;
	background:url(../_img/seta.gif) center bottom no-repeat;
}
.rel-prods {
	max-height:100px;
	margin:5px;
	cursor:pointer;
}
.rel-prods:hover {
	opacity:.8;
}

.foto-prod {
    width:auto;
    /*min-width:100%;
    min-height:100%*/
    max-width:100%;
    max-height:300px;
}

.tit-prod {
	font-size:28px;
	line-height:32px;
	font-weight:bold;
	color:#00396c;
}
.txt-prod {
	margin-top:20px;
	font-size:16px;
	line-height:26px;
}
.baixa-prod {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:auto;
	max-width:150px;
	height:auto;
	min-height:40px;
	padding:6px;
	margin-top:15px;
	margin-right:10px;
	background:left top no-repeat;
	padding-left:70px;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	cursor:pointer;
}
.baixa-prod:hover {
	background-color:#646e98;
	color:#FFF;
}
.baixa-img-prod {
	background-image:url(../_img/icon-baixa-img.jpg)
}
.baixa-cat-prod {
	background-image:url(../_img/icon-baixa-cat.jpg)
}
.tit-prod-sub {
	padding:10px;
	width:auto;
	height:auto;
	background-color:#646e98;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.txt-prod-sub {
	margin-top:10px;
	font-size:16px;
	line-height:26px;
}
.txt-prod-sub table {
	font-size:14px;
	line-height:18px;
}
.txt-prod-sub td {
	border-bottom:1px solid #000;
}
.txt-prod-sub .mini-txt {
	margin-top:10px;
	font-size:12px;
	line-height:15px;
}

#lin {
	background:url(../_img/cab-fundo.gif) center repeat-x;
	height:10px;
	z-index:9999999;
}
#logo {
	position:absolute;
	top:-260px;
	left:-240px;
	width:634px;
	height:634px;
	background:url(../_img/logo2.jpg) center center no-repeat;
	cursor:pointer;
}
#menu {
	position:relative;
	width:auto;
	text-align:right;
}
#menu input {
	position:relative;
	width:100%;
	max-width:500px;
	height:30px;
	border:1px solid #FFF;
	border-radius:20px;
	margin:20px 0px 10px 0px;
	padding:2px 10px;
	outline:none;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:15px;
	letter-spacing:1px;
	box-sizing:border-box;
	background-color:inherit;
}
.menu-item {
	position:relative;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
	width:auto;
	min-width:65px;
	text-align:center;
	padding:0px 25px;
	margin-bottom:20px;
	margin-top:30px;
}
.menu-item:hover {
	opacity:0.5;
}
.menu-icon {
	position:relative;
	width:100%;
	height:82px;
	margin-bottom:5px;
	background:center center no-repeat;
	background-size:contain;
}
#hom {
	z-index:700;
	padding:30px 0px 30px 0px;
}
.sombra {
	background:#FFF;
	box-shadow:0px 0px 60px rgba(79,47,0,.95);
}
.des_fundo {
	position:relative;
	width:100%;
	height:180px;
	background:center center no-repeat;
	background-size:cover;
}
.des_trans {
	position:absolute;
	width:100%;
	height:160px;
	top:80px;
	background:center center no-repeat;
	background-size:contain;
	z-index:9999999;
}
.des_texto {
	position:relative;
	width:auto;
	height:auto;
	padding:20px 20px 70px 20px;
	text-align:center;
	font-size:16px;
	line-height:22px;
	color:#000;
	margin-top:50px;
}
.des_texto div {
	position:relative;
	width:100%;
	display:inline-block;
	margin-bottom:10px;
	font-size:20px;
	font-weight:bold;
	color:#00396c;
}
.des_barra {
	position:absolute;
	box-sizing:border-box;
	width:100%;
	padding:0px 20px 0px 20px;
	height:55px;
	line-height:55px;
	bottom:0px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background:rgba(0,60,108,.75);
	border-bottom:3px #00396c solid;
	cursor:pointer;
}
.box1 .des_fundo {
	width:66%;
	height:350px;
	background:center center no-repeat;
	background-size:cover;
}
.box1 .des_trans {
	bottom:20px;
	top:auto;
	right:-15%;
	width:450px;
	max-width:100%;
	height:275px;
	max-height:100%;
	background:right bottom no-repeat;
	background-size:contain;
}
.box1 .des_texto {
	position:absolute;
	width:20%;
	top:-20px;
	right:0px;
	padding:0px 20px 70px 20px;
	text-align:right;
}
.box1 .des_barra {
	text-align:right;
}

#cat {
	z-index:550;
	background:url(../_img/fundo-produtos.jpg) center center no-repeat;
	background-size:cover;
	padding:30px 0px 30px 0px;
}
#cat .celula {
	background:#FFF;
	color:#000;
	padding:10px;
}
#cat select {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:250px;
	height:30px;
	border:1px solid #00396c;
	border-radius:20px;
	padding:2px 10px;
	outline:none;
	text-align:center;
	color:#00396c;
	font-weight:bold;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:15px;
	letter-spacing:1px;
	box-sizing:border-box;
	background-color:inherit;
}
.cat-item {
	cursor:pointer;
}
.cat-img {
	position:relative;
	width:100%;
	height:120px;
	margin-bottom:10px;
	background:center center no-repeat;
	background-size:contain;
}
.cat-tit {
	padding:8px;
	width:auto;
	height:auto;
	background-color:#646e98;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}
.cat-item:hover .cat-tit, .cat-tit:hover {
	background-color:#00396c;
}
.cat-item:hover .cat-img {
	opacity:.8;
}
.cat-sub-cel {
	text-align:center;
	font-size:0px;
}
.cat-sub-item {
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:10px;
	width:auto;
	height:auto;
	cursor:pointer;
	text-align:center;
	font-size:0px;
}
.sub-item-img {
	position:relative;
	width:auto;
	height:auto;
	max-height:90px;
	z-index:700;
}

.sub-item-img:nth-child(2){
	margin-left:-30px;
	z-index:900;
}
.sub-item-img:nth-child(3){
	margin-left:-30px;
	z-index:800;
}
.sub-item-img:nth-child(4){
	margin-left:-30px;
	z-index:600;
}

.sub-item-tit {
	position:relative;
	display:inline-block;
	width:auto;
	height:auto;
	font-size:14px;
	line-height:16px;
	max-width:100px;
	padding:5px;
	white-space:normal;
	color:#00396c;
}



.cat-sub-item:hover .sub-item-tit {
	background-color:#00396c;
	color:#FFF;
}
.linha1, .linha2 {
	display:none;
}

.seta-prod-cat {
	position:relative;
	width:33px;
	height:17px;
	bottom:-10px;
	margin-top:-12px;
	background:url(../_img/seta.gif) center bottom no-repeat;
}
#vog {
	padding-top:20px;
}

#vog .celula {
	color:#000;
	font-size:14px;
	background:#FFF;
	padding:20px;
	box-shadow:0px 0px 60px rgba(79,47,0,.95);
}
#vog .box3 {
	text-align:center;
	font-weight:bold;
}
#rec  {
	padding-top:20px;
}
#rec .celula {
	color:#000;
	font-size:14px;
	background:#FFF;
	padding:20px;
	text-align:center;
}
#rec span {
	font-size:20px;
	color:#00396c;
	font-weight:bold;
}
#rec input, #rec select, #rec textarea {
	position:relative;
	width:100%;
	max-width:500px;
	height:30px;
	border:1px solid #00396c;
	border-radius:20px;
	margin-top:20px;
	padding:2px 10px;
	outline:none;
	text-align:center;
	color:#00396c;
	font-weight:bold;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:15px;
	letter-spacing:1px;
	box-sizing:border-box;
	background-color:inherit;
}
#rec textarea {
	height:auto;
}
#rec ::-webkit-input-placeholder {
    color:#00396c;
}
#rec :-moz-placeholder {
    /* FF 4-18 */
    color:#00396c;
}
#rec ::-moz-placeholder {
    /* FF 19+ */
    color:#00396c;
}
#rec :-ms-input-placeholder {
    /* IE 10+ */
    color:#00396c;
}

#buscar {
	position:relative;
	width:75%;
	height:53px;
	line-height:53px;
	background-color:#646e98;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	margin-top:20px;
	cursor:pointer;
}
#buscar img {
	vertical-align:middle;
}

.rec-cat-item {
	position:relative;
	width:100%;
	height:53px;
	background:url(../_img/receitas_fundo.jpg) left center no-repeat #00396c;
	margin-top:12px;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
}
.rec-cat-item2 {
	position:relative;
	width:20%;
	height:53px;
	margin-top:12px;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
}
.rec-icon {
	position:relative;
	float:left;
	width:60px;
	height:53px;
	margin-left:17px;
	background:center center no-repeat;
}
.rec-icon2 {
	position:relative;
	width:100%;
	height:53px;
	background:center center no-repeat;
	background-size: cover;
}
.rec-tit {
	position:relative;
	float:left;
	width:120px;
	height:53px;
	line-height:53px;
	margin-left:10%;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
.busca-item {
	position:relative;
	width:100%;
	cursor:pointer;
	margin-top:10px;
}
.busca-item-txt {
	position:relative;
	width:78%;
	line-height:22px;
	font-size:18px;
	display:inline-block;
	vertical-align:top;
	margin-top:15px;
}
.busca-item-txt img {
	height: 25px;
	vertical-align: bottom;
}
.receitas {
	background:rgba(255,255,255,.3);
	box-shadow:0px 0px 60px rgba(79,47,0,.95);
	text-align:center;
}
.rec-quadro {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:50%;
	height:289px;
	margin-left:3%;
	background:url(../_img/foto_receita.png) center center no-repeat;
	background-size:contain;
}
#rec-img {
	position:relative;
	width:87%;
	height:100%;
	left:7%;
	background:url(../_img/receita.jpg) center center no-repeat;
	background-size:contain;
}
.sua-receita {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:35%;
	height:auto;
	margin-top:20px;
	margin-left:3%;
	background-size:contain;
	text-align:center;
}
.sua-receita img {
	max-width:241px;
}
.recLarg {
	width:90%;
	margin-left:0px;
	margin-right:0px;
}
#rec_texto {
	font-size:18px;
	font-weight:bold;
	color:#00396c;
}
#rec_barra {
	position:relative;
	display:inline-block;
	width:80%;
	height:45px;
	line-height:45px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
	background:rgba(0,60,108,.75);
	cursor:pointer;
}
#rec_barra:hover {
	background:rgba(0,60,108,.95);
}
.social {
	background:url(../_img/luz-simbolo.jpg) top center no-repeat #00396c;
	box-shadow:0px 0px 60px rgba(79,47,0,.95);
	height:auto;
}
#soc-img {
	position:relative;
	width:auto;
	height:175px;
	top:10px;
	margin:10px;
	background:url(../_img/curtir.jpg) center center no-repeat;
	background-size:cover;
}
#soc-simbol {
	position:absolute;
	width:100%;
	height:102px;
	bottom:-43px;
	background:url(../_img/simbolo.png) center center no-repeat;
}
#soc_texto {
	position:relative;
	margin-top:60px;
	font-size:14px;
	color:#fff;
	text-align:center;
	padding:10px;
}
#soc_texto span {
	font-size:20px;
}

#rod {
	background:#00396c;
	z-index:400;
	padding:20px 0px;
	box-shadow:0px -20px 60px rgba(79,47,0,.95);
}
#rod .celula {
	text-align:center;
	font-size:14px;
	line-height:24px;
}
.logo-rod {
	position:relative;
	width:100%;
	height:94px;
	background:url(../_img/logo-rod.jpg) center center no-repeat;
	background-size:contain;
}

.swiper-scrollbar1, .swiper-scrollbar2 {
  height:20px;
  width: 100%;
  box-sizing:border-box;
}
.marca_item {
	position:relative;
	width:100%;
	height:auto;
	box-sizing:border-box;
}
.marca_logo {
	position:relative;
	width:30%;
	height:150px;
	min-width:250px;
	display:inline-block;
	vertical-align:top;
	background: center center no-repeat;
	background-size: contain;
	box-sizing:border-box;
}
.marca_texto {
	position:relative;
	width:60%;
	min-width:250px;
	display:inline-block;
	vertical-align:top;
	font-size:18px;
	margin-top:20px;
	box-sizing:border-box;
}
.marca_botao {
	position:relative;
	width:350px;
	padding:5px 20px;
	max-width:100%;
	box-sizing:border-box;
	background-color:#646e98;
	color:#FFF;
	margin-top:20px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}


.box1 { width: 100%; }
.box2 { width: 50%; }
.box3 { width: 33.3333%; }
.box3-2 { width: 66.6666%; }
.box4 { width: 25%; }
.box4-3 { width: 75%; }
.box5 { width: 20%; }
.box5-2 { width: 40%; }
.box5-3 { width: 60%; }
.box5-4 { width: 80%; }


.modo-1 {
	display:block;
}
.modo-2 {
	display:none;
}
.modo-1-inline {
	display:none;
}
.modo-2-inline {
	display:none;
}

@media only screen and (max-width: 750px) {
	
	.box1 { width: 100%; }
	.box2 { width: 50%; }
	.box3 { width: 50%; }
	.box3-2 { width: 50%; }
	.box4 { width: 33.3333%; }
	.box4-3 { width: 66.6666%; }
	.box5 { width: 25%; }
	.box5-2 { width: 50%; }
	.box5-3 { width: 50%; }
	.box5-4 { width: 75%; }
	
	.modo-1 {
		display:block;
	}
	.modo-2 {
		display:none;
	}
	.modo-1-inline {
		display:inline-block;
	}
	.modo-2-inline {
		display:none;
	}
	
	#cat .box5:nth-child(5), #cat .box5:nth-child(10){
		display:none;
	}
	
	#men .celula {
		text-align:right;
	}

}


@media only screen and (max-width: 610px) {
	
	.box1 { width: 100%; }
	.box2 { width: 100%; }
	.box3 { width: 50%; }
	.box3-2 { width: 50%; }
	.box4 { width: 100%; }
	.box4-3 { width: 100%; }
	.box5 { width: 33.3333%; }
	.box5-2 { width: 33.3333%; }
	.box5-3 { width: 66.6666%; }
	.box5-4 { width: 50%; }
	
	.modo-1 {
		display:none;
	}
	.modo-2 {
		display:block;
	}
	.modo-1-inline {
		display:none;
	}
	.modo-2-inline {
		display:inline-block;
	}
	
	#cat .box5:nth-child(4), #cat .box5:nth-child(9){
		display:none;
	}
	.foto-prod {
		max-height:200px;
	}
	
	#cab .box4-3 {
		margin-top:170px;
	}
	#menu {
		text-align:center;
	}
	#logo {
		left:-10%;
		width:120%;
	}
	
	
	
.box1 .des_fundo {
	position:relative;
	width:100%;
	height:180px;
	background:center center no-repeat;
	background-size:cover;
}
.box1 .des_trans {
	position:absolute;
	width:100%;
	height:160px;
	top:80px;
	right:auto;
	background:center center no-repeat;
	background-size:contain;
	z-index:9999999;
	
	bottom:auto;
	max-width:none;
	max-height:none;
}
.box1 .des_texto {
	position:relative;
	width:auto;
	height:auto;
	padding:20px 20px 70px 20px;
	text-align:center;
	font-size:16px;
	line-height:22px;
	color:#000;
	margin-top:50px;
	
	top:auto;
	right:auto;
}
.box1 .des_barra {
	text-align:center;
}
	

	
}

@media only screen and (max-width: 420px) {
	
	.box1 { width: 100%; }
	.box2 { width: 100%; }
	.box3 { width: 100%; }
	.box3-2 { width: 100%; }
	.box4 { width: 100%; }
	.box4-3 { width: 100%; }
	.box5 { width: 50%; }
	.box5-2 { width: 50%; }
	.box5-3 { width: 100%; }
	.box5-4 { width: 100%; }
	
	.modo-1 {
		display:none;
	}
	.modo-2 {
		display:block;
	}
	.modo-1-inline {
		display:none;
	}
	.modo-2-inline {
		display:inline-block;
	}
	
	#cab .box4-3 {
		margin-top:170px;
	}
	#menu {
		text-align:center;
	}
	#logo {
		left:-10%;
		width:120%;
	}

	#cat .box5:nth-child(3), #cat .box5:nth-child(8){
		display:none;
	}
}