#header{background: url(../img/menu-bg.png) repeat; height: 55px; position: relative; width: 100%; z-index: 15; position: fixed; top: 0;}
	#nav, .nav{height: 48px; height: 48px; margin: 0 auto; width: 945px; position: relative;}
		.nav li{background: url(../img/divisor.jpg) no-repeat top left; float: left; height: 48px}
		.nav li{padding:0 0 10px}
			.nav li.selected a{border-top: 4px solid #758c5d}
			.nav li a{border-top: 4px solid transparent; display: inline-block; color: #678c3f; font-size: 16px; margin: 0 6px; padding: 12px 11px 0}
			/*.nav li:first-child a{color: #508c0f}*/
				.nav li a img{margin-right: 18px;}
				.nav li:first-child a img{margin-left: 18px;}

	/* Novo Menu by João */
	#top-nav{height: 49px;}
		#top-nav .main-menu{width: 948px; margin: 0 auto; color: #678c3f;}
			#top-nav .main-menu .material-icons{font-size: 28px; margin-bottom: 10px; float: left;}
			#top-nav .main-menu .home{float: left; color: #678c3f; margin: 10px 11px 0;}
			#top-nav .main-menu .open-close{display: none; }
				#top-nav.opened .main-menu .open-close i:before{content:'close';}
				#top-nav .main-menu .open-close i:before{content:'menu';}
			#top-nav .main-menu .menu{}
				#top-nav .main-menu .menu .nav{float: left; width: auto}
					#top-nav .main-menu .menu .nav .item{position: relative;}
						#top-nav .main-menu .menu .nav .item .material-icons{margin-right: 10px;}
						#top-nav .main-menu .menu .nav .item .link-menu:hover{
							text-decoration: none;
							color: #48622c;
						}
						#top-nav .main-menu .menu .nav .item .link-menu{
							line-height: 30px;
							border-top: 4px solid transparent;
							display: inline-block;
							color: #678c3f;
							font-size: 16px;
							margin: 0 6px;
							padding: 6px 11px 0;
							-webkit-transition: all 350ms ease;
							-o-transition: all 350ms ease;
							transition: all 350ms ease;
						}
					#top-nav .main-menu .menu .nav .item .menu-dropdown{
						display: block !important;
						border: 0;
						right: 0;
						top: 48px;
						min-width: 0;
						width: 100%;
						text-align: right;
						border-radius: 0 0 5px 5px;
						background: #678c3f;
						overflow: hidden;
					}
						#top-nav .main-menu .menu .nav .item .menu-dropdown .tipo:last-child{
							background: url("../img/bg_menu-dropdown.jpg") repeat-x center 36px;

						}
						#top-nav .main-menu .menu .nav .item .menu-dropdown .tipo{
							height: auto;
							padding: 0;
							display: block;
							float: none;
							border: 0;
							-webkit-box-shadow: 0 1px #76a148 inset, 0 2px #567434 inset;
							-moz-box-shadow: 0 1px #76a148 inset, 0 2px #567434 inset;
							box-shadow: 0 1px #76a148 inset, 0 2px #567434 inset;
							outline: none;
						}
							#top-nav .main-menu .menu .nav .item .menu-dropdown.opened .tipo .link-submenu{
								position: relative;
								padding: 12px 11px 12px 31px;
								max-height: 99px
							}
							#top-nav .main-menu .menu .nav .item .menu-dropdown .tipo .link-submenu:hover{
								padding: 12px 16px 12px 26px;

							}
							#top-nav .main-menu .menu .nav .item .menu-dropdown .tipo .link-submenu{
								max-height: 0;
								padding: 0 11px 0 31px;
								border: 0;
								overflow: hidden;
								-webkit-transition: all 150ms ease;
								-o-transition: all 150ms ease;
								transition: all 150ms ease;
							}
				.menu-dropdown{
					display: none;
					background-color: #758C5D;
					border: 2px solid #485739;
					border-radius: 2px 2px 2px 2px;
					position: absolute;
					right: 145px;
					top: 40px;
					min-width: 165px;
					z-index: 30;
					-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
					-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
					box-shadow-bottom: 5px rgba(0,0,0,0.5);
					/* For IE 8 */
					-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";}

				.menu-dropdown li{
					background: none;
					border-bottom: 2px solid #667A51;
					border-top: 1px solid #ACCD88;
					outline: 1px solid #88A26C;
					padding: 7px 7px 7px 20px;
					color: #575757;
					font-size: 13px;}

				.menu-dropdown li.first{
					border-top: none;}

				.menu-dropdown li.last{
					background: url("../img/bg_menu-dropdown.jpg") repeat-x center 30px;
					border-bottom: medium none;
					height: 22px;}

				.menu-dropdown li a{
					color: #BEE396;
					font-size: 13px;
					text-shadow: 1px -1px 1px #546543;
					display: block;
					-webkit-transition: all 150ms ease;
					-o-transition: all 150ms ease;
					transition: all 150ms ease;
				}

				.menu-dropdown li a:hover{
					text-decoration: none;
					text-indent: 5px;
				}

				/* Fim novo menu */

				.lista-receitario{
				}

				.lista-receitario li{
					color: #F1F1F1;
					line-height: 16px;
					list-style: disc inside none;
					padding: 0;
					margin-bottom: 10px;
					padding-bottom: 10px;
				}

				.lista-receitario li a{
					color: #8C8C8C;}

				.lista-receitario li a:hover{
					color: #678B3E;}


#header-image{float: left;height: 369px;margin-top: -10px;overflow: hidden;width: 100%;z-index: 1;position: relative;}
	#header-image-content{height: 267px;margin: 55px auto 40px;position: relative;width: 944px;z-index: 10;}
		#header-image-content .logo{left:0;position:absolute;top:-7px;z-index:1}

		#dica-do-dia{background: url(../img/dica-do-dia.png) no-repeat left top;float: right;height: 153px;line-height: 15px;margin-right: 50px;margin-top: 26px;padding: 105px 30px 0 29px;position: absolute;right: 0;top: -6px;width: 192px;}
			#dica-do-dia p{color: #212121; font-family: "segoe print", Arial, Helvetica, Tahoma, sans-serif; font-size: 13px; margin-bottom: 15px; text-shadow: 0 1px 0 #ffff71}
.buttom-pattern{border-radius: 8px; display: block; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 13px; height: 16px; margin: 0 auto; padding: 7px 0px; text-align: center; width: 70% }
.buttom-pattern.pink{background: url(../img/pattern-pink.png) repeat center top; border: 1px solid #a398a1; box-shadow: 0 1px 0 #ffebf2 inset, 0 -1px 0 #e4bec9 inset, 0 1px 0 #dcdcdc; color: #570a46; text-shadow: 0 1px 0 #ffdee8}
#dica-do-dia .buttom-pattern.pink{box-shadow: 0 1px 0 #ffebf2 inset, 0 -1px 0 #e4bec9 inset, 0 1px 0 #dcd163;}
.buttom-pattern.verde-escuro{background: url(../img/pattern-verde-escuro.png) repeat center top; border: 1px solid #55693f; box-shadow: 0 1px 0 #8ec253 inset, 0 -1px 0 #619627 inset, 0 1px 0 #dcdcdc; color: #283618; text-shadow: 0 1px 0 #74ac36}
.buttom-pattern.verde{background: url(../img/pattern-verde.png) repeat center top; border: 1px solid #a398a1; box-shadow: 0 1px 0 #ceff7c inset, 0 -1px 0 #a2f050 inset, 0 1px 0 #dcdcdc; color: #405727; text-shadow: 0 1px 0 #beff67}

#main-content{background: url(../img/main-content.png) no-repeat center top; height: 500px; margin: 0 auto; width: 948px;position: relative;z-index: 2;}
	.destaques{margin: 0 auto; padding-top: 27px; width: 860px}
		.destaques .item{float: left; margin-left: 43px; margin-top: 27px; margin-bottom: 27px; width: 257px}
		.destaques .item.verde-escuro{margin-left: 0}
		/*.destaques .item.item-4{margin-left: 151.5px;}*/
			.destaques .foto{float: left; height: 132px; width: 108px;}
			.destaques .foto:before{content: ""; height: 132px; margin: -1px 0 0 -2px; position: absolute; width: 108px;}
			.destaques .verde-escuro .foto:before{background: url(../img/moldura-verde-escuro.png) no-repeat center top}
			.destaques .description{float: left; margin-left: 14px; width: 134px}
				.destaques  h2 a{font-family: 'LeagueGothicRegular', Arial, sans-serif; text-transform: uppercase}
				.verde-escuro  h2 a, .verde-escuro h3{color: #678b3e}
				.destaques .verde  h2 a, .verde  h3{color: #a7e366}
				.destaques .rosa  h2 a, .rosa  h3{color: #e3b3d9}
				.destaques .description p{color: #575757; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 13px; height: 64px}
				.destaques .description .buttom-pattern{width: 100%}
			.destaques .verde .foto:before{background: url(../img/moldura-verde.png) no-repeat center top}
			.destaques .rosa .foto:before{background: url(../img/moldura-rosa.png) no-repeat center top}
				.destaques .item img{}
	.color-line{background: url(../img/color-line.jpg) repeat center top; height: 6px; margin: 36px 0; width: 100%}
	#content-footer{margin: 0 auto; width: 947px;}
		#content-footer .item{float: left; width: 236px}
			#content-footer h3{font-family: 'LeagueGothicRegular', Arial, sans-serif; height: 20px;  text-align: center;}
				#content-footer .item h3 span{background: #fff; font-size: 32px; padding: 0 2px; text-transform: uppercase;}
			#content-footer .item h3:before{background: url(../img/bullet.png) no-repeat left top; content: ""; display: block; height: 12px; left: -6px; position: absolute; top: 14px; width: 12px;}
			#content-footer .item:first-child h3:before{display: none}
			#content-footer .verde-escuro h3{border-bottom: 1px solid #678b3e; position: relative;}
			#content-footer .verde h3{border-bottom: 1px solid #a7e366; position: relative;}
			#content-footer .rosa h3{border-bottom: 1px solid #e3b3d9; position: relative;}
			#content-footer .amarelo h3{border-bottom: 1px solid #e3d966; color: #e3d966; position: relative;}

			#content-footer .item > span{color: #8c8c8c; display: block; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 12px; margin-top: 15px; margin-bottom: 20px; text-align: center}

			#content-footer input[type="text"]{background: #e2e2e2; border:1px solid #c4c4c4; border-radius: 8px; box-shadow: 0 2px 1px #d4d4d4 inset; color: #8c8c8c; display: block; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 13px; font-weight: bold; ; margin: 0 auto 14px; padding: 7px; text-align: left; text-shadow: 0 1px 0 #fff; width: 193px}
			#box input[type="text"]{float: left; background: #e2e2e2; border:1px solid #c4c4c4; border-radius: 8px; box-shadow: 0 2px 1px #d4d4d4 inset; color: #8c8c8c; display: block; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 13px; font-weight: bold; ; margin: 0 auto 16px; padding: 7px; text-align: left; text-shadow: 0 1px 0 #fff; width: 390px;}
			#box textarea {height: 100px; float: left; background: #e2e2e2; border:1px solid #c4c4c4; border-radius: 8px; box-shadow: 0 2px 1px #d4d4d4 inset; color: #8c8c8c; display: block; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 13px; font-weight: bold; ; margin: 0 auto 14px; padding: 7px; text-align: left; text-shadow: 0 1px 0 #fff; width: 390px;}
			#main-content label{display: block; clear: both; color: #575757;}

			#content-footer a.link-facebook{background: url(../img/botao-facebook.png) no-repeat;float: left;height: 60px; margin-left: 4px;text-indent: -9999px;width: 227px;}
			#content-footer a.link-instagram{background: url(../img/botao-instagram.png) no-repeat;float: left;height: 60px; margin-left: 4px;text-indent: -9999px;width: 227px;}

			form .buttom-pattern{float: right; height: 33px; margin-right: 14px; width: 131px}
				ul{margin: 0 auto; /*width: 224px*/}
					ul li{background: url(../img/dash.jpg) repeat-x center bottom; color: #575757; font-size: 13px; padding: 7px 0 10px}

			#main-content #box {padding: 54px 40px;}
			#main-content #box h2{font-family: 'LeagueGothicRegular',Arial,sans-serif; font-size: 34px; color: #678b3e; margin: 0 0 15px;display: block; line-height: 35px; height: auto;}
			#main-content #box h3{color: #8C8C8C;display: block;font-family:Georgia,"Times New Roman",Times,serif;font-size: 13px;font-style:italic;text-align: left;margin: 0 0 15px;width: 421px;}
			#main-content #box .coluna-texto{width: 420px;float:left;}
			#main-content #box p{color: #8C8C8C;font-size: 13px;text-align: justify;line-height: 22px;}
			#main-content #box .coluna-imagem{float: right;width: 447px; height: 300px;}
			#main-content #box .coluna-imagem img{margin-bottom:23px;}
			#main-content #box .coluna-imagem p{text-align: center; color:#575757;font-family: Georgia,"Times New Roman",Times,serif; font-style: italic;}
			#main-content #box .coluna-imagem .separador{background-color: #E3E3E3;height: 1px;margin: 0 auto;width: 310px;margin: -13px auto 0;}


#footer{margin: 0 auto; width: 948px;margin: 0 auto 35px;}
	#footer span, #footer a{color: #8C8C8C; display: block; font-family: Georgia,"Times New Roman",Times,serif; font-size: 12px; font-style: italic; text-align: left; text-decoration: none;}
	#footer a:hover{text-decoration:underline;}
	#footer ul, #footer li {background: none;float: left;margin-left: 10px;padding: 0}
	#footer .menu-footer{float:right;width: 308px;}
	#footer .menu-footer li{background: url(../img/separador-menu.png) no-repeat center right; padding-right:13px;}
	#footer .menu-footer li.last {padding:0; background: none;}
	#footer span {float: left;width: 365px;}

#galeria-detalhe{position:relative;width:420px}
.galeria-detalhe img{overflow:hidden}
.galeria-detalhe li{background:none}
.galeria-detalhe .borda:before{background:url(../img/borda-galeria.png) no-repeat;content:"";height:260px;position:absolute;right:-2px;top:6px;width:420px}
.galeria-detalhe li.borda img{height:257px;width:416px}
.coluna-imagem #pager{

	top: 268px;
	left: 50%;
	margin-left: -50px;
	text-align: center;
	font-size: 0;
	height: 18px;
	position:absolute;
	width:100px;
	z-index:100
}
.coluna-imagem #pager a{background:url(../img/pager.png) 2px 0 no-repeat;display: inline-block;height:18px;width:16px;margin-right:2px}
.pager-banner{width: 200px;left: 50%;margin-left: -100px;position: absolute;top: 283px;z-index: 10;text-align: center;}
.pager-banner a{background:url(../img/pager2.png) 2px 0 no-repeat;display: inline-block;height:18px;text-indent:-9999px;width:16px;margin-right:2px}

.coluna-imagem #pager a.activeSlide,.pager-banner a.activeSlide{background-position:-15px 1px}
label.error{color:red!important;float:right;margin-right:15px;margin-top:-14px}
.fale-conosco .enviar{}
.coluna-imagem iframe{background:none repeat scroll 0 0 #E2E2E2;border:1px solid #C4C4C4;border-radius:8px 8px 8px 8px;box-shadow:0 2px 1px #D4D4D4 inset;text-shadow:0 1px 0 #FFF;margin:0 auto 16px}
.endereco{float:left;margin-top:15px;width:100%; margin-bottom: 30px;}
.endereco li{background:none repeat scroll 0 0 transparent;color:#8C8C8C;line-height:16px;padding:0}
#header-image ul{position:relative;z-index:1}
#header-image ul li{background:none;padding:0}
.coluna-imagem,.fale-conosco{position:relative}


/* Mobile */
	@media (max-width: 948px) {
		/* Padrão */
		#header{background: none;}
		#top-nav .main-menu{
			width: 100%;
			padding-top: 10px;
			/*background: url(../img/menu-bg.png) repeat;*/
			/*height: 49px;*/
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		#top-nav .main-menu:before{
			content: '';
			display: block;
			background: url(../img/menu-bg.png) repeat;
			height: 55px;
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
		}
		#top-nav.opened .main-menu .menu{
			width: 90%;
		}
		#top-nav .main-menu .home{float: none; display: block; color: #678c3f; margin: 0 auto 11px; width: 28px; height: 28px;}
		#top-nav .main-menu .open-close{float: left; padding-left: 20px;-webkit-tap-highlight-color: rgba(0,0,0,0);}

		#top-nav .main-menu .menu{
			z-index: -2;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			background: rgba(228,254,199,1);
			width: 00%;
			height: 100%;
			position: fixed;
			top: 0;
			padding-top: 48px;
			overflow: hidden;
			-webkit-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
	 }
		#top-nav .main-menu .open-close{
			display: block;
			cursor: pointer;
		}
		#top-nav .main-menu .menu .nav{
			float: none;
			height: auto;
		}
		#top-nav .main-menu .menu .nav .item{
			background: none;
			display: block;
			float: none;
			margin: 0;
			height: auto;
			box-shadow: 0 1px 0 rgba(0,0,0,0.1) inset, 0 -1px 0 rgba(255,255,255,0.3);
			padding: 0;
		}
		#top-nav .main-menu .menu .nav .item .link-menu{
			display: block;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding: 6px 11px 10px;
			min-width: 250px;
		}
		#top-nav .main-menu .menu .nav .item .menu-dropdown{
			position: relative;
			border-radius: 0;
			top: 0;
			text-align: left;
			text-indent: 20px;
		}
		#top-nav .main-menu .menu .nav .item .menu-dropdown .tipo.last{
			background: url("../img/bg_menu-dropdown.jpg") repeat-x center 39px;
		}
		#top-nav .main-menu .menu .nav .item .menu-dropdown .link-submenu{
			font-size: 14px;
		}
			#header .nav{}
				#header .nav li{}
					/*#header .nav li:first-child a{font-size: 0;}*/
					#header .nav li a{}
			#header-image-content{width: 100%;}
				#header-image-content .logo {
					left: 50%;
					margin-left: -114px;
				}
			#main-content{
				width: 100%;
				height: auto;
			}
				#main-content .destaques{
					width: 100%;
				}
					#main-content .destaques .item{
						margin: 27px auto 35px;
						float: none;
						height: 170px;
					}
				#main-content #content-footer{
					width: 100%;
				}
					#main-content #content-footer .item{
						width: 100%;
						margin-bottom: 40px;
					}
						#main-content #content-footer .item #onde-estamos{
							padding: 0 30px;
							text-align: center;
						}
						#main-content #content-footer .item .buttom-pattern{
							width: 131px;
							float: none;
							margin: 0 auto;
						}
						#main-content #content-footer .item > br{display: none;}
						#main-content #content-footer .item.amarelo{
							margin-bottom: 0;
						}
						#main-content #content-footer .item .link-facebook,
						#main-content #content-footer .item .link-instagram{
							margin: 0 auto;
							float: none;
							display: block;
						}
			#footer{width: 100%;}
				#footer span{
					display: block;
					text-align: center;
					margin-bottom: 20px;
					float: none;
					width: 100%;
				}
				#footer .menu-footer{}
		/* Internas */
			#main-content #box{
				padding: 0px 30px;
				text-align: center;
			}
			#main-content #box h2, #main-content #box h3{
				width: auto;
				text-align: center;
			}
				#main-content #box .lista-receitario{margin-top: 40px;}
					#main-content #box h3{font-size: 16px;}
				#main-content #box .coluna-texto{
					width: 100%;
					float: none;
				}
				#main-content #box .coluna-texto iframe{
					width: 95%;
					height: 150px;
					margin: 0 auto;
					display: block;
				}
				#main-content #box .coluna-imagem{
					width: 100%;
					float: none;
					height: auto;
				}
					#main-content #box .coluna-imagem .separador{display: none;}
				.fale-conosco{
					margin-bottom: 30px;
				}
				.fale-conosco .enviar{
					float: none;
					margin: 0 auto;
				}
				#box input[type="text"], #box textarea{
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
					width: 100%;
				}
				.coluna-imagem #pager{
					top: 207px;
				}
				#galeria-detalhe{
					/*display: none;*/
					position: relative;
					width: 250px;
				}
				.galeria-detalhe .borda{
					padding-top: 0;
				}
				.galeria-detalhe .borda:before{
					width: 255px;
					height: 157px;
					-webkit-background-size: 100%;
					background-size: 100%;
					right: -1px;
					top: 0;
				}
					#galeria-detalhe img{
						width: 250px;
						height: 154px;
					}
	}