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

div#index { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto; font-size: 0; }
	div#index div.left { display: inline-block; position: relative; width: 850px; vertical-align: top; }
	div#index div.right { display: inline-block; position: relative; width: 330px; vertical-align: top; }
		div#index div.inner-left { display: inline-block; position: relative; width: 400px; vertical-align: top; }
		div#index div.inner-right { display: inline-block; position: relative; width: 430px; vertical-align: top; }

@media all and ( max-width: 1199px ) {
	div#index div.left { display: block; width: auto; margin: 0; }
	div#index div.right { display: block; width: auto; margin: 0; }
		div#index div.inner-left { display: block; width: 100%; }
		div#index div.inner-right { display: block; width: 100%; }
}

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

div#slide { display: block; position: relative; width: 100%; height: 450px; z-index: 1; }
div#slide *
{
	transition-duration: 1000ms;
	-webkit-transition-duration: 1000ms;
	-moz-transition-duration: 1000ms;
}
	div#slide .banner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: left; text-decoration: none; box-sizing: border-box; }
	div#slide .banner[data-status="true"] { opacity: 1; z-index: 2; }
	div#slide .banner[data-status="false"] { opacity: 0; z-index: 1; }
		div#slide .banner .text { display: inline-block; position: relative; width: auto; height: auto; text-align: left; vertical-align: bottom; }
			div#slide .banner .text span.bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--1st_color); opacity: 0.8; }
			div#slide .banner .text h1 { display: inline-block; position: relative; color: var(--white); }
	div#slide a.banner:hover .text h1 { background-color: var(--white); }

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

		div#slide .banner div.text { height: auto; }
			div#slide .banner div.text h1 { font-size: 22px; line-height: 25px; margin: 0 10px; }
}

/* ================================================================================================================== */
/* textos */
/* ================================================================================================================== */

div#index p.welcome { color: var(--text_back_color); }

@media all and ( max-width: 1199px ) {
	div#index p.welcome { margin: 25px 10px; }
}

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

div#index a.news { display: block; position: relative; text-decoration: none; }
	div#index a.news div.photo { display: inline-block; position: relative; width: 100%; max-width: 700px; height: 275px; vertical-align: top; }
	div#index a.news div.no-photo { display: inline-block; position: relative; width: 100%; max-width: 700px; height: 275px; vertical-align: top; background-color: var(--nophoto_bgcolor); text-align: center; }
		div#index a.news div.no-photo span.no-photo { display: inline-block; position: relative; width: 48px; height: 42px; background: transparent url(../images/nophoto.png) repeat; vertical-align: middle; }
	div#index a.news p { max-height: 100px; line-height: 20px; color: var(--text_back_color); overflow: hidden; }
	div#index a.news:hover h1 { color: var(--1st_color); }
	div#index a.news:hover p { color: var(--1st_color); }

div#index a.news_small { display: block; position: relative; border-bottom: 2px solid var(--7th_color); text-decoration: none; }
div#index a.news_small:first-child { padding-top: 0; }
	div#index a.news_small div.photo { display: inline-block; position: relative; width: 100%; max-width: 140px; height: 100px; vertical-align: top; }
	div#index a.news_small div.no-photo { display: inline-block; position: relative; width: 100%; max-width: 140px; height: 100px; vertical-align: top; background-color: var(--nophoto_bgcolor); text-align: center; }
		div#index a.news_small div.no-photo span.no-photo { display: inline-block; position: relative; width: 48px; height: 42px; background: transparent url(../images/nophoto.png) repeat; vertical-align: middle; }
	div#index a.news_small div.text { display: inline-block; position: relative; width: 270px; vertical-align: top; }
		div#index a.news_small div.text p { max-height: 60px; line-height: 20px; color: var(--text_back_color); overflow: hidden; }
		div#index a.news_small:hover div.text h1 { color: var(--1st_color); }
		div#index a.news_small:hover div.text p { color: var(--1st_color); }

@media all and ( max-width: 1199px ) {
	div#index a.news,
	div#index a.news_small { margin: 0 0 25px 0; border-bottom: 2px solid var(--7th_color); padding: 0 0 10px 0; }

	div#index a.news h1,
	div#index a.news p { margin: 0 10px; }

	div#index a.news_small div.photo { max-width: 700px; height: 275px; margin: 0; }
	div#index a.news_small div.no-photo { max-width: 700px; height: 275px; margin: 0; }

	div#index a.news_small div.text { display: block; width: auto; margin: 20px 10px 0 10px; }
}

/* ================================================================================================================== */
/* galeria */
/* ================================================================================================================== */

div#index div.gallery { display: block; position: relative; text-decoration: none; border-top: 4px solid var(--1st_color); background-color: var(--2nd_color); text-align: left; }
	div#index div.gallery h1 { text-align: left; }
	div#index div.gallery a { display: inline-block; position: relative; width: 105px; height: 100px; vertical-align: top; }
		div#index div.gallery a span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--1st_color); opacity: 0; }
		div#index div.gallery a:hover span { opacity: 0.8; }

@media all and ( max-width: 1199px ) {
	div#index div.gallery { text-align: center; }
}

/* ================================================================================================================== */
/* atalhos */
/* ================================================================================================================== */

div#index div.shortcuts { display: block; }
	div#index div.shortcuts a { display: block; position: relative; text-decoration: none; }
	div#index div.shortcuts a:first-child { margin-top: 0; }
	div#index div.shortcuts a.drugstore { background-color: var(--3rd_color); }
	div#index div.shortcuts a.drugstore:hover { background-color: var(--4th_color); }
	div#index div.shortcuts a.utils { background-color: var(--1st_color); }
	div#index div.shortcuts a.utils:hover { background-color: var(--5th_color); }
		div#index div.shortcuts a span { display: inline-block; position: relative; width: 29px; height: 29px; vertical-align: middle; background: transparent url(../images/index_icons.png) no-repeat; }
		div#index div.shortcuts a p { display: inline-block; position: relative; width: 245px; vertical-align: middle; color: var(--white); }

@media all and ( max-width: 1199px ) {
	div#index div.shortcuts a p { width: auto; }
}

/* ================================================================================================================== */
/* eventos */
/* ================================================================================================================== */

div#index div.events { display: block; background-color: var(--2nd_color); }
	div#index div.events div.categories { display: block; }
		div#index div.events div.categories a { display: inline-block; position: relative; font-size: 13px; color: var(--white); background-color: var(--8th_color); text-decoration: none; }
		div#index div.events div.categories a:hover { background-color: var(--1st_color); }
	div#index div.events a.event { display: block; position: relative; text-decoration: none; border-top: 2px solid var(--6th_color); }
		div#index div.events a.event h1 { color: var(--8th_color); }
		div#index div.events a.event:hover h1 { color: var(--text_2nd_color); }
		div#index div.events a.event:hover h2 { color: var(--text_2nd_color); }

/* ================================================================================================================== */
/* destaques */
/* ================================================================================================================== */

div#index a.featured { display: block; background-color: var(--event-featured-bgcolor); text-decoration: none; }
div#index a.featured:hover { background-color: var(--event-featured-bgcolor_hover); }
	div#index a.featured h1 { color: var(--white); }
	div#index a.featured h2 { color: var(--white); }
	div#index a.featured span.photo { display: block; position: relative; width: 100%; height: 150px; }
	div#index a.featured p { line-height: 22px; max-height: 88px; overflow: hidden; color: var(--white); }
	div#index a.featured:hover p { color: var(--white); }