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

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


/* ------------------------------------------------------------------------------------------------------------------ */
/* slide */

div#slide { display: block; position: relative; width: 100%; height: 800px; margin: 0 auto; padding: 0; overflow: hidden; }
div#slide,
div#slide *
{
	transition-duration: 1000ms;
	-webkit-transition-duration: 1000ms;
	-moz-transition-duration: 1000ms;
}

	/* video */
	div#slide div.banner video { display: block; position: absolute; width: 100%; height: 100%; object-fit: cover; overflow: hidden; background: transparent url(../src/img/no_video.jpg) no-repeat center center; background-size: cover; }

	/* slide */
	div#slide div.banner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	div#slide div.banner[data-actual="true"] { top: 0; opacity: 1; z-index: 20; }
	div#slide div.banner[data-actual="false"] { top: 0; opacity: 0; z-index: 10; }

	/* container */
	div#slide div.container { display: block; position: absolute; top: 0; left: 50%; width: 1200px; height: 800px; margin: 0 0 0 -600px; z-index: 50; }
	div#slide div.container[data-actual="true"] { opacity: 1; }
	div#slide div.container[data-actual="false"] { opacity: 0; }
	div#slide div.container { display: block; position: absolute; top: 0; left: 50%; width: 1200px; height: 800px; margin: 0 0 0 -600px; z-index: 50; }
		div#slide div.container span.logo { display: block; position: absolute; top: 150px; left: 200px; width: 222px; height: 234px; background: transparent url(../src/img/banner_logo.png) no-repeat center center; background-size: cover; z-index: 10; }
		div#slide div.container h2 { display: block; position: absolute; top: 425px; left: 0; width: 100%; max-height: 150px; font-size: 45px; font-family: 'bold1', sans-serif; line-height: 50px; color: #ffffff; }

@media all and ( max-width: 1199px )
{
	div#slide { height: 250px; }

	div#slide div.container { display: none; }
}


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

div#index div.news { display: block; position: relative; width: 1200px; margin: 50px auto; }
	div#index div.news a { display: block; position: relative; width: 100%; height: 275px; background-color: #ffffff; font-size: 0; }
		div#index div.news a span.photo { display: inline-block; position: relative; width: 65%; height: 100%; background-color: #ffffff; vertical-align: top; }
		div#index div.news a div.text { display: inline-block; position: relative; width: 25%; height: 90%; background-color: #ffffff; padding: 5% 5%; vertical-align: top; }
			div#index div.news a div.text h1 { display: block; position: relative; font-size: 16px; line-height: 25px; color: #929497; }
			div#index div.news a div.text p { display: block; position: relative; font-size: 16px; line-height: 25px; color: #232020; height: 100px; overflow: hidden; text-transform: uppercase; }
			div#index div.news a div.text span.more { display: inline-block; position: relative; width: auto; background-color: #232020; padding: 2px 25px; color: #ffffff; font-family: 'bold1', sans-serif; line-height: 20px; font-size: 12px; margin: 20px 0 0 0; }
			div#index div.news a:hover div.text span.more { background-color: #2261a5; }

@media all and ( max-width: 1199px )
{
	div#index div.news { width: 100%; }
		div#index div.news a { height: auto; margin: 0 0 10px 0; }
			div#index div.news a span.photo { width: 100%; height: 150px; }
			div#index div.news a div.text { width: 90%; height: auto; }
				div#index div.news a div.text p { height: auto; max-height: 100px; }
}


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