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

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


/* ------------------------------------------------------------------------------------------------------------------ */
/* ecommerce */

div#index a.catalog { display: block; position: relative; padding: 5px 20px; margin: 0 auto; font-size: 24px; line-height: 30px; background-color: #c2986b; text-align: center; margin: 20px 0 0 0; color: #ffffff; text-decoration: none; }
div#index a.catalog:hover { background-color: #231f20; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* noticias */

div#index div.news { display: block; position: relative; margin: 225px 0 0 0; padding: 0 75px; font-size: 0; background: transparent url(../src/img/beige_bg.png) repeat; text-align: center; }
	div#index div.news h1 { display: block; position: relative; width: 100%; margin: 25px auto 0 auto; font-size: 0; overflow: hidden; text-align: left; font-size: 50px; color: #ffffff; line-height: 40px; }
	div#index div.news div.block { display: inline-block; position: relative; width: 400px; margin: -200px 15px 0 15px; vertical-align: top; }
		div#index div.news div.block span.photo { display: block; position: relative; width: 100%; height: 225px; }
		div#index div.news div.block div.text { display: block; position: relative; width: 90%; margin: -50px auto 0 auto; background-color: #ffffff; text-align: left; padding: 20px 0; }
			div#index div.news div.block div.text h2 { display: block; position: relative; font-size: 20px; line-height: 25px; color: #231f20; overflow: hidden; margin: 0 20px; }
			div#index div.news div.block div.text p { display: block; position: relative; font-size: 14px; line-height: 20px; color: #231f20; max-height: 100px; overflow: hidden; margin: 5px 20px 0 20px; }
			div#index div.news div.block div.text a { display: inline-block; position: relative; margin: 10px 20px 0 20px; font-size: 14px; line-height: 20px; color: #231f20; text-decoration: none; padding: 0 2px; z-index: 1; }
				div#index div.news div.block div.text a span { display: block; position: absolute; top: 18px; left: 0; width: 100%; height: 2px; background-color: #c2986b; z-index: -1; }
				div#index div.news div.block div.text a:hover span { top: 10px; height: 10px; }


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

div#index div.company { display: block; position: relative; margin: 150px auto 150px auto; width: 1200px; font-size: 0; }
	div#index div.company p { display: inline-block; position: relative; width: 800px; padding: 0 200px 0 0; line-height: 40px; font-size: 35px; color: #c3996b; vertical-align: middle; max-height: 200px; overflow: hidden; }
	div#index div.company h1 { display: inline-block; position: relative; width: 200px; font-size: 50px; line-height: 65px; vertical-align: middle; color: #c3996b; word-spacing: 9999999px; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* mapa */

div#index div.map { display: inline-block; position: relative; width: 1176px; height: 607px; margin: 35px 0 0 0; vertical-align: top; }
	div#index div.map div.point { display: block; position: absolute; border-radius: 100%; }
	div#index div.map div.point[data-status="false"] { background-color: #231f20; z-index: 5; }
	div#index div.map div.point[data-status="true"] { background-color: #ffffff; z-index: 10; }
	div#index div.map div.point._1 { top: 169px; left: 514px; width: 10px; height: 10px; }
	div#index div.map div.point._2 { top: 399px; left: 360px; width: 11px; height: 11px; }
	div#index div.map div.point._3 { top: 168px; left: 535px; width: 7px; height: 7px; }
	div#index div.map div.point div.content { display: block; position: absolute; width: 300px; height: auto; border: 1px solid #c3986a; background-color: #ffffff; padding: 30px 40px; margin: 5px 0 0 5px; text-align: left; }
	div#index div.map div.point[data-status="false"] div.content { opacity: 0; }
	div#index div.map div.point[data-status="true"] div.content { opacity: 1; }
		div#index div.map div.point div.content h1 { display: block; position: relative; font-size: 22px; color: #232020; line-height: 35px; width: auto; }
		div#index div.map div.point div.content p { display: block; position: relative; font-size: 14px; color: #232020; line-height: 20px; width: auto; text-align: justify; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* mapa */

div#index div.bottom { display: block; position: relative; width: 100%; margin: 50px 0 0 0; vertical-align: top; background: transparent url(../src/img/index_bg.jpg) no-repeat bottom center; background-size: cover; padding: 75px 0 100px 0; font-size: 0; text-align: center; }
	div#index div.bottom div.block { display: inline-block; position: relative; width: 300px; margin: 0 20px; }
		div#index div.bottom div.block span { display: block; position: relative; width: 300px; height: 200px; }
		div#index div.bottom div.block h1 { display: block; position: relative; font-size: 20px; line-height: 25px; color: #231f20; overflow: hidden; margin: 0 20px; }
		div#index div.bottom div.block p { display: block; position: relative; font-size: 14px; line-height: 20px; color: #231f20; max-height: 100px; overflow: hidden; margin: 5px 20px 0 20px; }
		div#index div.bottom div.block._1 span { background: transparent url(../src/img/index_icon1.png) no-repeat center center; }
		div#index div.bottom div.block._2 span { background: transparent url(../src/img/index_icon2.png) no-repeat center center; }
		div#index div.bottom div.block._3 span { background: transparent url(../src/img/index_icon3.png) no-repeat center center; }
		div#index div.bottom div.block._4 span { background: transparent url(../src/img/index_icon4.png) no-repeat center center; }