/* ================================================================================================================== */
/* corpo */
/* ================================================================================================================== */

#index { display: block; position: relative; width: 1100px; margin: 0 auto; padding: 65px 0 0 0; }
	#index div.container { display: block; position: relative; width: 1100px; margin: 0 auto; padding: 25px 0 15px 0; text-align: center; }
		#index div.container a.more { display: inline-block; position: relative; margin: 45px auto 0 auto; border-radius: 5px; padding: 15px 25px; font-family: 'ArialRoundedMTLight', sans-serif; border: 1px solid #3B2314; text-decoration: none; }
		#index div.container a.more:hover { background-color: #3B2314; color: #ffffff; }
	#index div.small { width: 725px; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#index { width: 600px; }
		#index div.container { width: 600px; }
		#index div.small { width: 600px; }
}
@media all and ( max-width: 599px ) {
	#index { display: block; position: relative; width: 320px; margin: 0 auto; padding: 65px 0 0 0; }
		#index div.container { width: 320px; }
		#index div.small { width: 320px; }
}

/* ================================================================================================================== */
/* titulo */
/* ================================================================================================================== */

#index div.title { display: block; position: relative; width: 100%; height: 50px; margin: 0 auto 25px auto; }
	#index div.title h1 { display: block; position: relative; width: auto; font-family: 'ArialRoundedMTLight', sans-serif; font-size: 40px; line-height: 50px; text-align: center; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#index div.title { height: auto; margin: 0 auto 15px auto; overflow: hidden; }
		#index div.title h1 { font-size: 30px; line-height: 35px; }
}
@media all and ( max-width: 599px ) {
	#index div.title { height: auto; margin: 0 auto 15px auto; overflow: hidden; }
		#index div.title h1 { font-size: 22px; line-height: 30px; }
}

/* ================================================================================================================== */
/* noticias */
/* ================================================================================================================== */

#index div.news { display: block; position: relative; width: 215px; height: 153px; margin: 0 40px 30px 0; padding: 0; float: left; overflow: hidden; background: transparent url(../images/itemShadow.png) no-repeat bottom center; }
#index div.news:nth-child(4),
#index div.news:nth-child(7) { margin: 0 0 30px 0; }
	#index div.news a.item { display: block; position: relative; width: 199px; height: 114px; border: 8px solid #ffffff; padding: 0; line-height: 25px; font-size: 12px; text-decoration: none; float: left; overflow: hidden; background-color: #ffffff; z-index: 1; }
		#index div.news a.item img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; z-index: 1; }
		#index div.news a.item span.hover { display: none; position: absolute; top: 0; left: 0; width: 199px; height: 114px; background: transparent url(../images/itemHoverBg.png) no-repeat; z-index: 2; }
		#index div.news a.item:hover span.hover { display: block; }
			#index div.news a.item span.hover p { display: block; position: absolute; bottom: 44px; left: 15px; width: 169px; max-height: 60px; line-height: 20px; font-family: 'ArialRoundedMTLight', sans-serif; font-size: 14px; color: #ffffff; text-align: center; overflow: hidden; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#index div.news { margin: 0 0 25px 56px; }
	#index div.news:nth-child(4) { margin: 0 0 25px 56px; }
	#index div.news:nth-child(n+6) { display: none; }
}
@media all and ( max-width: 599px ) {
	#index div.news { margin: 0 auto; float: none; }
	#index div.news:nth-child(4) { margin: 0 auto }
	#index div.news:nth-child(n+5) { display: none; }
}

/* ================================================================================================================== */
/* empresa */
/* ================================================================================================================== */

#index p.description { display: block; position: relative; line-height: 25px; margin: 55px auto 0 auto; max-height: 250px; text-align: left; width: 850px; overflow: hidden; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#index p.description { margin: 30px auto 0 auto; max-height: 350px; width: 500px; }
}
@media all and ( max-width: 599px ) {
	#index p.description { margin: 30px auto 0 auto; max-height: 350px; width: 260px; }
}

/* ================================================================================================================== */
/* produtos */
/* ================================================================================================================== */

#index div.products { display: block; position: relative; width: 215px; height: 153px; margin: 0 40px 30px 0; padding: 0; float: left; overflow: hidden; background: transparent url(../images/itemShadow.png) no-repeat bottom center; }
#index div.products:nth-child(4),
#index div.products:nth-child(7),
#index div.products:nth-child(10),
#index div.products:nth-child(13) { margin: 0 0 30px 0; }
	#index div.products a.item { display: block; position: relative; width: 199px; height: 114px; border: 8px solid #ffffff; padding: 0; line-height: 25px; font-size: 12px; text-decoration: none; float: left; overflow: hidden; background-color: #ffffff; z-index: 1; }
		#index div.products a.item img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; z-index: 1; }
		#index div.products a.item:hover span.hover { display: block; }
		#index div.products a.item span.hover { display: none; position: absolute; top: 0; left: 0; width: 199px; height: 114px; background: transparent url(../images/itemHoverBg.png) no-repeat; z-index: 2; }
			#index div.products a.item span.hover p { display: block; position: absolute; bottom: 44px; left: 15px; width: 169px; max-height: 60px; line-height: 20px; font-family: 'ArialRoundedMTLight', sans-serif; font-size: 14px; color: #ffffff; text-align: center; overflow: hidden; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#index div.products { margin: 0 0 25px 56px; }
	#index div.products:nth-child(4),
	#index div.products:nth-child(7),
	#index div.products:nth-child(10) { margin: 0 0 25px 56px; }
	#index div.products:nth-child(n+10) { display: none; }
}
@media all and ( max-width: 599px ) {
	#index div.products { margin: 0 auto; float: none; }
	#index div.products:nth-child(4),
	#index div.products:nth-child(7) { margin: 0 auto; }
	#index div.products:nth-child(n+8) { display: none; }
}

/* ================================================================================================================== */
/* representacoes */
/* ================================================================================================================== */

#index div.representations { display: block; position: relative; width: 215px; height: 153px; margin: 0 40px 30px 0; padding: 0; float: left; overflow: hidden; background: transparent url(../images/itemShadow.png) no-repeat bottom center; }
#index div.representations:nth-child(4n) { margin: 0 0 30px 0; }
	#index div.representations div.item { display: block; position: relative; width: 199px; height: 114px; margin: 0 40px 30px 0; border: 8px solid #ffffff; padding: 0; line-height: 25px; font-size: 12px; text-decoration: none; float: left; overflow: hidden; background-color: #ffffff; z-index: 1; }
		#index div.representations div.item img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; z-index: 1; }
		#index div.representations div.item:hover span.hover { display: block; }
		#index div.representations div.item span.hover { display: none; position: absolute; top: 0; left: 0; width: 199px; height: 114px; background: transparent url(../images/itemHoverBg.png) no-repeat; z-index: 2; }
			#index div.representations div.item span.hover p { display: block; position: absolute; bottom: 44px; left: 15px; width: 169px; max-height: 60px; line-height: 20px; font-family: 'ArialRoundedMTLight', sans-serif; font-size: 14px; color: #ffffff; text-align: center; overflow: hidden; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	#index div.representations { margin: 0 0 25px 56px; }
	#index div.representations:nth-child(4n) { margin: 0 0 25px 56px; }
	#index div.representations:nth-child(n+4) { display: none; }
}
@media all and ( max-width: 599px ) {
	#index div.representations { margin: 0 auto; float: none; }
	#index div.representations:nth-child(4n) { margin: 0 auto; }
	#index div.representations:nth-child(n+5) { display: none; }
}