/* ---------------------------------------------------------------------------------------------- */
/* corpo */

#index { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0 0 0 0; }


/* ---------------------------------------------------------------------------------------------- */
/* divisoes */

@media all and ( max-width: 599px )
{
	hr.blue { display: block; position: relative; width: 90%; border: none; border-bottom: 1px solid #323a47; margin: 50px auto; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	hr.blue { display: block; position: relative; width: 90%; border: none; border-bottom: 1px solid #323a47; margin: 50px auto; }
}
@media all and ( min-width: 1100px )
{
	hr.blue { display: block; position: relative; width: 1000px; border: none; border-bottom: 1px solid #323a47; margin: 50px auto; }
}


/* ---------------------------------------------------------------------------------------------- */
/* empresa */

@media all and ( max-width: 599px )
{
	/*#index div.company { display: block; position: relative; width: 100%; max-height: 500px; margin: 0 auto; text-align: center; }
		#index div.company h1 { padding: 70px 0 0 0; }
		#index div.company p { text-align: center; height: 250px; overflow: hidden; }
		#index div.company a { display: inline-block; position: relative; margin: 50px auto 0 auto; font-family: 'ArialRoundedMTLight', sans-serif; text-decoration: none; font-size: 16px; line-height: 25px; text-align: center; border: 1px solid #002d56; padding: 7px 20px; }
		#index div.company a:hover { background-color: #002d56; color: #ffffff; }*/
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	/*#index div.company { display: block; position: relative; width: 100%; max-height: 500px; margin: 0 auto; text-align: center; }
		#index div.company h1 { padding: 70px 0 0 0; }
		#index div.company p { text-align: center; height: 250px; overflow: hidden; }
		#index div.company a { display: inline-block; position: relative; margin: 50px auto 0 auto; font-family: 'ArialRoundedMTLight', sans-serif; text-decoration: none; font-size: 16px; line-height: 25px; text-align: center; border: 1px solid #002d56; padding: 7px 20px; }
		#index div.company a:hover { background-color: #002d56; color: #ffffff; }*/
}
@media all and ( min-width: 1100px )
{
	#index div.company { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; text-align: center; background: #f1ece4 url(../../../../src/img/companyBottom.png) no-repeat bottom center; background-size: 100% auto; }
		#index div.company div.container { display: block; position: relative; width: 1000px; margin: 0 auto; padding: 50px 0 300px 0; }
			#index div.company div.container h1 { display: block; position: relative; padding: 35px 0 35px 0; color: #58595b; font-family: 'BlambotCasualRegular', sans-serif; font-size: 40px; line-height: 50px; }
			#index div.company div.container p { display: block; position: relative; padding: 0; color: #58595b; font-size: 18px; line-height: 30px; height: auto; margin: 25px 0 0 0; overflow: hidden; }
			#index div.company div.container span.more { display: none; position: absolute; bottom: 200px; left: 50%; width: 28px; height: 28px; margin: 0 0 0 -14px; background: transparent url(../../../../src/img/more.png) no-repeat; cursor: pointer; }
			#index div.company div.container span.more:hover { background-position: 0 -28px; }
}


/* ---------------------------------------------------------------------------------------------- */
/* produtos */

@media all and ( max-width: 599px )
{
	/*#index div.products { display: block; position: relative; width: 100%; background-color: #323a47; height: 250px; margin: 275px auto 0 auto; }
		#index div.products div.container { display: block; position: relative; top: -200px; width: 90%; height: 400px; margin: 0 auto; border-bottom: 2px solid #96a7ad; text-align: center; overflow: hidden; }
			#index div.products div.container a.block { display: inline-block; position: relative; width: 216px; height: 216px; margin: 65px 15px 0 15px; border: 2px solid #dddedf; background-size: cover; background-position: center center; }*/
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	/*#index div.products { display: block; position: relative; width: 100%; background-color: #323a47; height: 250px; margin: 275px auto 0 auto; }
		#index div.products div.container { display: block; position: relative; top: -200px; width: 90%; height: 400px; margin: 0 auto; border-bottom: 2px solid #96a7ad; text-align: center; overflow: hidden; }
			#index div.products div.container a.block { display: inline-block; position: relative; width: 216px; height: 216px; margin: 65px 15px 0 15px; border: 2px solid #dddedf; background-size: cover; background-position: center center; }*/
}
@media all and ( min-width: 1100px )
{
	#index div.products { display: block; position: relative; width: 100%; background-color: #f4f4f5; padding: 0; margin: 0 auto; z-index: 9; }
		#index div.products div.container { display: block; position: relative; width: 100%; overflow: visible !important; }
			#index div.products div.container div.title,
			#index div.products div.container div.titleSelected { display: block; position: absolute; cursor: pointer; }
				#index div.products div.container div.title:hover h1.regular { color: #653614; }
				#index div.products div.container div.title:hover h1.bold { color: #653614; }
				#index div.products div.container div.title h1.regular { display: block; position: relative; font-family: 'BlambotCasualRegular', sans-serif; color: #ffffff; font-size: 34px; line-height: 50px; }
				#index div.products div.container div.title h1.bold { display: block; position: relative; font-family: 'BlambotCasualBold', sans-serif; color: #ffffff; font-size: 40px; line-height: 50px; }
				#index div.products div.container div.titleSelected h1.regular { display: block; position: relative; font-family: 'BlambotCasualRegular', sans-serif; color: #653614; font-size: 34px; line-height: 50px; }
				#index div.products div.container div.titleSelected h1.bold { display: block; position: relative; font-family: 'BlambotCasualBold', sans-serif; color: #653614; font-size: 40px; line-height: 50px; }

			#index div.products div.container div.cat1 { display: block; position: relative; width: 100%; height: 295px; z-index: 5; }
				#index div.products div.container div.cat1 span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 295px; background: transparent url(../../../../src/img/cat1.png) no-repeat center center; background-size: cover; }
				#index div.products div.container div.cat1 div.title,
				#index div.products div.container div.cat1 div.titleSelected { top: 50px; left: 50%; margin: 0 0 0 -350px; width: 300px; height: 100px; }
					#index div.products div.container div.cat1 div.title h1.regular,
					#index div.products div.container div.cat1 div.titleSelected h1.regular { text-indent: 10px; }

			#index div.products div.container div.cat2 { display: block; position: relative; width: 100%; height: 321px; z-index: 4; }
				#index div.products div.container div.cat2 span { display: block; position: absolute; top: -92px; left: 0; width: 100%; height: 413px; background: transparent url(../../../../src/img/cat2.png) no-repeat center center; background-size: cover; }
				#index div.products div.container div.cat2 div.title,
				#index div.products div.container div.cat2 div.titleSelected { top: 100px; left: 50%; margin: 0 0 0 100px; width: 300px; height: 100px; }
					#index div.products div.container div.cat2 div.title h1.bold,
					#index div.products div.container div.cat2 div.titleSelected h1.bold { text-indent: 10px; }

			#index div.products div.container div.cat3 { display: block; position: relative; width: 100%; height: 250px; z-index: 3; }
				#index div.products div.container div.cat3 span { display: block; position: absolute; top: -85px; left: 0; width: 100%; height: 335px; background: transparent url(../../../../src/img/cat3.png) no-repeat center center; background-size: cover; }
				#index div.products div.container div.cat3 div.title,
				#index div.products div.container div.cat3 div.titleSelected { top: 75px; left: 50%; margin: 0 0 0 -400px; width: 300px; height: 100px; }
					#index div.products div.container div.cat3 div.title h1.regular,
					#index div.products div.container div.cat3 div.titleSelected h1.regular { text-indent: 10px; }

			#index div.products div.container div.cat4 { display: block; position: relative; width: 100%; height: 371px; z-index: 2; }
				#index div.products div.container div.cat4 span { display: block; position: absolute; top: -24px; left: 0; width: 100%; height: 406px; background: transparent url(../../../../src/img/cat4.png) no-repeat center center; background-size: cover; }
				#index div.products div.container div.cat4 div.title,
				#index div.products div.container div.cat4 div.titleSelected { top: 50px; left: 50%; margin: 0 0 0 100px; width: 300px; height: 100px; }
					#index div.products div.container div.cat4 div.title h1._1,
					#index div.products div.container div.cat4 div.titleSelected h1._1 { text-indent: 100px; }
					#index div.products div.container div.cat4 div.title h1._2,
					#index div.products div.container div.cat4 div.titleSelected h1._2 { text-indent: 45px; }
					#index div.products div.container div.cat4 div.title h1._3,
					#index div.products div.container div.cat4 div.titleSelected h1._3 { text-indent: 110px; }

			#index div.products div.container div.cat5 { display: block; position: relative; width: 100%; height: 212px; z-index: 1; }
				#index div.products div.container div.cat5 span { display: block; position: absolute; top: -119px; left: 0; width: 100%; height: 341px; background: transparent url(../../../../src/img/cat5.png) no-repeat center center; background-size: cover; }
				#index div.products div.container div.cat5 div.title,
				#index div.products div.container div.cat5 div.titleSelected { top: 50px; left: 50%; margin: 0 0 0 100px; width: 400px; height: 100px; }
					#index div.products div.container div.cat5 div.title h1.regular,
					#index div.products div.container div.cat5 div.titleSelected h1.regular { text-indent: 100px; }


			/* bloco das categorias */
			#index div.products div.container div.categoriesContainer { display: none; position: relative; left: 50%; width: 1100px; margin: 50px 0 0 -550px; text-align: left; z-index: 300; }
				#index div.products div.container div.categoriesContainer span { display: inline-block; position: relative; background: transparent url(../../../../src/img/categoryBg.png) no-repeat center; background-size: 100% 100%; line-height: 44px; font-family: 'BlambotCasualRegular', sans-serif; color: #58595b; height: 44px; margin: 0 10px; padding: 0 20px; cursor: pointer; }
				#index div.products div.container div.categoriesContainer span:hover,
				#index div.products div.container div.categoriesContainer span.selected { background: transparent url(../../../../src/img/categoryHoverBg.png) no-repeat center; background-size: 100% 100%; color: #ffffff; }


			/* bloco dos produtos */
			#index div.products div.container div.products { display: none; position: relative; left: 50%; width: 1000px; margin: 50px 0 0 -500px; text-align: center; z-index: 300; }
				#index div.products div.container div.products div.block { display: inline-block; position: relative; width: 198px; height: 198px; border: 1px solid #87c653; margin: 50px; background-color: #ffffff; cursor: pointer; }
				#index div.products div.container div.products div.block:hover { border: 1px solid #653614; }
					#index div.products div.container div.products div.block a { display: none; }
					#index div.products div.container div.products div.block img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }
					#index div.products div.container div.products div.block h1 { display: none; }
					#index div.products div.container div.products div.block p { display: none; }


			/* produto aberto */
			#index div.products div.container div.products div.openBlock { display: block; position: fixed; width: 100%; height: calc( 100% - 150px ); top: -100%; left: 0; background-color: #ffffff; margin: 0; overflow: auto; z-index: 1000; text-align: center; cursor: pointer; padding: 100px 0 50px 0; }
					#index div.products div.container div.products div.openBlock h1 { display: block; position: relative; width: 100%; margin: 0 auto; font-family: 'DINLightRegular', sans-serif; font-size: 40px; line-height: 50px; text-align: center; color: #000000; }
					#index div.products div.container div.products div.openBlock img.hidden { display: none; }
					#index div.products div.container div.products div.openBlock a { display: none; position: relative; max-height: 500px; }
					#index div.products div.container div.products div.openBlock a:first-child { display: block; }
						#index div.products div.container div.products div.openBlock a img { display: block; position: relative; max-width: 600px; max-height: 500px; margin: 25px auto; }
					#index div.products div.container div.products div.openBlock p { display: block; position: relative; width: 1000px; margin: 25px auto 0 auto; font-size: 16px; line-height: 25px; text-align: left; }
}


/* ---------------------------------------------------------------------------------------------- */
/* fruta */

@media all and ( max-width: 599px )
{
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
}
@media all and ( min-width: 1100px )
{
	#index div.fruits { display: block; position: relative; width: 100%; height: 500px; margin: -50px auto -150px auto; text-align: center; z-index: 1; }
		#index div.fruits img { display: block; position: absolute; bottom: 0; left: 0; width: 100%; min-height: 500px; margin: 0 auto; }
}


/* ---------------------------------------------------------------------------------------------- */
/* contacts */

@media all and ( max-width: 599px )
{
	/*#index div.contacts { display: block; position: relative; width: 100%; height: 650px; background-color: silver; margin: 0 auto; text-align: center; overflow: hidden; }
		#index div.contacts img.parallaxBgImg { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 100%; max-height: 200%; z-index: 1; }
		#index div.contacts h1 { padding: 50px 0 35px 0; z-index: 2; }
		#index div.contacts div#accordion { display: block; position: relative; width: 90%; height: 550px; margin: 0 auto; z-index: 2; }
			#index div.contacts div#accordion h3 { display: block; position: relative; height: auto; margin: 0; padding: 0; line-height: 25px; color: #ffffff; font-size: 13px; text-align: center; cursor: pointer; }
			#index div.contacts div#accordion h3.ui-state-active { color: #ffd457; font-family: 'ArialRoundedMTBoldRegular', sans-serif; font-size: 12px; }
			#index div.contacts div#accordion h3.ui-state-hover { color: #ffd457; }
			#index div.contacts div#accordion p { display: block; position: relative; height: auto; padding: 10px 20px 15px 20px; color: #ffffff; font-size: 13px; line-height: 20px; text-align: center; }*/
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	/*#index div.contacts { display: block; position: relative; width: 100%; height: 650px; background-color: silver; margin: 0 auto; text-align: center; overflow: hidden; }
		#index div.contacts img.parallaxBgImg { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 100%; max-height: 200%; z-index: 1; }
		#index div.contacts h1 { padding: 50px 0 35px 0; z-index: 2; }
		#index div.contacts div#accordion { display: block; position: relative; width: 90%; height: 550px; margin: 0 auto; z-index: 2; }
			#index div.contacts div#accordion h3 { display: block; position: relative; height: auto; margin: 0; padding: 0; line-height: 25px; color: #ffffff; font-size: 16px; text-align: center; cursor: pointer; }
			#index div.contacts div#accordion h3.ui-state-active { color: #ffd457; font-family: 'ArialRoundedMTBoldRegular', sans-serif; font-size: 12px; }
			#index div.contacts div#accordion h3.ui-state-hover { color: #ffd457; }
			#index div.contacts div#accordion p { display: block; position: relative; height: auto; padding: 10px 20px 15px 20px; color: #ffffff; font-size: 14px; line-height: 20px; text-align: center; }*/
}
@media all and ( min-width: 1100px )
{
	#index div.contacts { display: block; position: relative; width: 100%; min-height: 700px; background: transparent url(../../../../src/img/contactsBg.png) no-repeat center center; background-size: cover; margin: 0 auto; text-align: center; overflow: hidden; z-index: 2; }
		#index div.contacts div.container { display: block; position: relative; width: 1100px; margin: 0 auto; text-align: center; }
			#index div.contacts div.container h1 { display: block; position: relative; padding: 125px 0 35px 0; color: #db2727; font-family: 'BlambotCasualRegular', sans-serif; font-size: 40px; line-height: 50px; }
			#index div.contacts div.container div.block { display: inline-block; position: relative; width: 400px; margin: 0 75px 25px 75px; z-index: 2; vertical-align: top; }
				#index div.contacts div.container div.block h3 { display: block; position: relative; height: auto; margin: 0; font-weight: bold; padding: 0; line-height: 25px; color: #58595b; font-size: 16px; text-align: left; }
				#index div.contacts div.container div.block p { display: block; position: relative; height: auto; padding: 0; color: #58595b; font-size: 14px; line-height: 20px; text-align: left; }
}


/* ---------------------------------------------------------------------------------------------- */
/*orcamento */

@media all and ( max-width: 599px )
{
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
}
@media all and ( min-width: 1100px )
{
	#index form.budget { display: block; position: relative; width: 100%; margin: 0 auto; text-align: center; padding: 0; z-index: 2; }
		#index form.budget span.top { display: block; position: absolute; top: -88px; left: 0; width: 100%; height: 88px; background: transparent url(../../../../src/img/talkToUsTop.png) no-repeat center center; background-size: cover; }
		#index form.budget div.container { display: block; position: relative; width: 100%; margin: 0; background-color: #bab8b4; padding: 0 0 150px 0; }
			#index form.budget div.container h1 { display: block; position: relative; padding: 35px 0 35px 0; color: #db2727; font-family: 'BlambotCasualRegular', sans-serif; font-size: 40px; line-height: 50px; }
			#index form.budget div.container p { display: block; position: relative; padding: 0; color: #58595b; font-size: 14px; line-height: 25px; }
			#index form.budget div.container div.column { display: block; position: relative; width: 500px; padding: 50px 20px 50px 20px; margin: 25px auto 0 auto; vertical-align: top; background-color: #ffffff; border: 1px solid #dcdbd9; }
				#index form.budget div.container div.column label { display: block; position: relative; margin: 0; line-height: 20px; font-size: 13px; text-align: left; width: 100%; color: #58595b; }
				#index form.budget div.container div.column input.text { display: block; position: relative; border: none; border-bottom: 1px solid #bab8b4; background-color: #ffffff; line-height: 20px; margin: 0 0 20px 0; font-size: 13px; width: 100%; color: #db2727; }
				#index form.budget div.container div.column textarea { display: block; position: relative; width: 100%; max-width: 100%; max-height: 20px; border: none; border-bottom: 1px solid #bab8b4; background-color: #ffffff; line-height: 20px; height: 20px; margin: 0 0 20px 0; font-size: 13px; color: #db2727; }
				#index form.budget div.container div.column input.submit { display: block; position: absolute; bottom: -64px; left: 50%; margin: 0 0 0 -64px; width: 128px; height: 128px; border: none; background: transparent url(../../../../src/img/talkToUsButton.png) no-repeat; color: #ffffff; line-height: 15px; padding: 5px 10px; font-size: 20px; font-family: 'BlambotCasualBold', sans-serif; cursor: pointer; }
				#index form.budget div.container div.column input.submit:hover { color: #f99b00; }
				#index form.budget div.container div.column p { display: block; position: relative; width: 100%; line-height: 20px; font-size: 13px; margin: 40px 0 0 0; text-align: left; }
}


/* ---------------------------------------------------------------------------------------------- */