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

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

/* ================================================================================================================== */
/* slide */
/* ================================================================================================================== */

div#slide { display: block; position: relative; width: 100%; height: 800px; padding: 0; z-index: 1; margin: 0; }
div#slide *
{
	transition-duration: 1000ms;
	-webkit-transition-duration: 1000ms;
	-moz-transition-duration: 1000ms;
}
	div#slide .slide { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; background: no-repeat center center; background-size: cover; }
	div#slide .slide[data-status="true"] { opacity: 1; z-index: 2; }
	div#slide .slide[data-status="false"] { opacity: 0; z-index: 1; }
			div#slide .slide div.text { display: block; position: absolute; width: 50%; height: auto; bottom: 55px; padding: 30px 30px; margin: 0 0 100px 0; background-color: #ffffff; text-align: right; }
				div#slide .slide div.text h1 { display: block; position: relative; text-decoration: none; }
				div#slide a.slide:hover div.text h1 { color: #b40e3c; }
				div#slide .slide div.text span.arrow { display: block; position: absolute; top: 0; right: -150px; width: 150px; height: 100%; background: transparent url(../images/banner_arrow.png) no-repeat left center; background-size: auto 100%; }
				div#slide .slide div.text a.more { display: block; position: absolute; bottom: -15px; right: 30px; padding: 0 50px; width: auto; line-height: 30px; background: #b40e3c url(../images/button_hover_bg.png) no-repeat center center; background-size: cover; font-size: 11px; color: #ffffff; text-decoration: none; }
				div#slide .slide div.text a.more:hover { text-decoration: underline; }

@media all and (max-width: 1199px)
{
	div#slide { height: 200px; }
		div#slide .slide div.text { display: none; }
}

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

div#index div.company { display: block; position: relative; width: 1200px; margin: 0 auto; padding: 100px 0 150px 0; }
	div#index div.company div.photos { display: inline-block; position: relative; width: 650px; height: 300px; vertical-align: top; }
		div#index div.company div.photos a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; }
		div#index div.company div.photos a:nth-child(1) { display: block; }
		div#index div.company div.photos span { display: block; position: absolute; top: 70px; left: 100px; width: 100%; height: 100%; background: transparent url(../images/bg_hover.png) repeat; }
	div#index div.company div.text { display: inline-block; position: relative; width: 400px; padding: 100px 0 0 0; vertical-align: middle; margin: 0 0 0 150px; }
		div#index div.company div.text h1 { display: block; position: relative; }
		div#index div.company div.text p { display: block; position: relative; margin: 25px 0 50px 0; }

@media all and (max-width: 1199px)
{
	div#index div.company { width: auto; padding: 0; text-align: center; }
			div#index div.company div.photos span { display: none; }
		div#index div.company div.text { width: auto; padding: 25px 10px; margin: 0; }
}

/* ================================================================================================================== */
/* categorias */
/* ================================================================================================================== */

div#index div.categories { display: block; position: relative; width: 100%; margin: 0 auto; padding: 60px 0; background-color: #f3f3f3; }
	div#index div.categories div.container { display: block; position: relative; width: 1200px; margin: 0 auto; text-align: center; }
		div#index div.categories div.container span.spidora { display: block; position: relative; background: transparent url(../images/spidora.png) no-repeat center center; background-size: contain; width: 143px; height: 28px; margin: 30px auto 40px auto; }
		div#index div.categories div.container a.item { display: inline-block; position: relative; width: 150px; height: 250px; vertical-align: top; margin: 25px; background: transparent no-repeat center center; background-size: contain; border: 1px solid #f3f3f3; }
		div#index div.categories div.container a.item:hover { border: 1px solid #b31e3f; }

@media all and (max-width: 1199px)
{
	div#index div.categories { padding: 25px 10px; }
		div#index div.categories div.container { width: auto; }
			div#index div.categories div.container a.item { margin: 10px; height: 200px; }
}

/* ================================================================================================================== */
/* catalogos */
/* ================================================================================================================== */

div#index div.catalogs { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; }
	div#index div.catalogs span.bg { display: block; position: absolute; top: 0; right: 0; margin: 30px 0; width: 50%; background-color: #f3f3f3; }
	div#index div.catalogs span.bg
	{
		height: 100%;
		height: -webkit-calc(100% - 60px);
		height:    -moz-calc(100% - 60px);
		height:         calc(100% - 60px);
	}
	div#index div.catalogs div.container { display: block; position: relative; width: 850px; height: auto; padding: 0; margin: 100px auto; }
		div#index div.catalogs div.container div.text { display: inline-block; position: relative; width: 600px; vertical-align: top; margin: 30px 0; padding: 50px 150px 50px 75px; background-color: #f3f3f3; }
			div#index div.catalogs div.container div.text p { margin: 10px 0 25px 0; }
			div#index div.catalogs div.container div.text a { display: inline-block; position: relative; font-size: 11px; line-height: 22px; color: #ffffff; text-decoration: none; background-color: #b31e3f; padding: 0 60px; }
			div#index div.catalogs div.container div.text a:hover { background-color: #ffffff; color: #b31e3f; }
		div#index div.catalogs div.container span.photo { display: inline-block; position: relative; width: 250px; height: 312px; vertical-align: top; margin: 0; background: transparent no-repeat center center; background-size: cover; }

@media all and (max-width: 1199px)
{
	div#index div.catalogs span.bg { display: none; }
		div#index div.catalogs div.container { width: auto; margin: 25px 10px; text-align: center; }
			div#index div.catalogs div.container div.text { width: 100%; padding: 0; background-color: #ffffff; }
}

/* ================================================================================================================== */
/* galerias */
/* ================================================================================================================== */

div#index div.gallery { display: block; position: relative; width: 100%; margin: 0 auto; padding: 100px 0; background: transparent url(../images/bg_black.jpg) no-repeat center center; background-size: cover; }
	div#index div.gallery div.container { display: block; position: relative; width: 1200px; margin: 0 auto; text-align: center; }
		div#index div.gallery div.container h1 { color: #ffffff; }
		div#index div.gallery div.container p { color: #ffffff; margin: 10px 0 50px 0; }
		div#index div.gallery div.container span { display: inline-block; position: relative; width: 300px; height: 300px; background: transparent no-repeat center center; background-size: cover; }
		div#index div.gallery div.container a.more { display: inline-block; position: relative; line-height: 30px; padding: 0 75px; background-color: #ffffff; margin: 25px 0 0 0; color: #b31e3f; font-size: 11px; text-decoration: none; }
		div#index div.gallery div.container a.more:hover { background-color: #b31e3f; color: #ffffff; }

@media all and (max-width: 1199px)
{
	div#index div.gallery { padding: 25px 10px; }
		div#index div.gallery div.container { width: auto; }
}