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

@media all and ( max-width: 599px )
{
	#events { display: block; position: relative; width: 100%; margin: 0 auto; padding: 100px 0 50px 0; background-color: #f5f5f5; }
		#events div.container { display: block; position: relative; width: 90%; margin: 0 auto; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	#events { display: block; position: relative; width: 100%; margin: 0 auto; padding: 100px 0 50px 0; background-color: #f5f5f5; }
		#events div.container { display: block; position: relative; width: 90%; margin: 0 auto; }
}
@media all and ( min-width: 1100px )
{
	#events { display: block; position: relative; width: 100%; margin: 0 auto; padding: 100px 0 50px 0; background-color: #f5f5f5; }
		#events div.container { display: block; position: relative; width: 1000px; margin: 0 auto; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* calendario e categorias */

@media all and ( max-width: 599px )
{
	#events div.left { display: block; position: relative; width: 100%; min-height: 100px; margin: 30px 0 0 0; padding: 0; }
		#events div.left div.categories { display: block; position: relative; width: 100%; min-height: 50px; padding: 0; }
			#events div.left div.categories a { display: block; position: relative; height: auto; font-family: 'Arial', sans-serif; font-size: 14px; line-height: 25px; text-decoration: none; text-indent: 20px; }
			#events div.left div.categories a:hover, #events div.left div.categories a.selected { color: #17a6b6; }
		#events div.left div.calendar { display: block; position: relative; width: 280px; min-height: 100px; padding: 0; margin: 30px auto 0 auto; }
			#events div.left div.calendar div.title { display: block; position: relative; width: 100%; height: 30px; background-color: #455560; }
				#events div.left div.calendar div.title a { display: block; position: absolute; top: 0; height: 30px; font-weight: bold; font-size: 16px; color: #ffffff; line-height: 30px; text-align: center; z-index: 2; padding: 0 10px; text-decoration: none; }
				#events div.left div.calendar div.title a:hover { background-color: #17a6b6; }
				#events div.left div.calendar div.title a.prev { left: 0; }
				#events div.left div.calendar div.title a.next { right: 0; }
				#events div.left div.calendar div.title h4 { display: block; position: relative; font-weight: bold; font-size: 16px; color: #ffffff; line-height: 30px; text-align: center; z-index: 1; }
			#events div.left div.calendar div.cell { display: block; position: relative; width: 40px; height: 30px; float: left; }
			#events div.left div.calendar div.days p.title { display: block; position: relative; font-size: 12px; line-height: 30px; text-align: center; }
			#events div.left div.calendar p.day { display: block; position: relative; width: 40px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; float: left; }
			#events div.left div.calendar p.selected { background-color: #17a6b6; color: #ffffff; }
			#events div.left div.calendar a.day { display: block; position: relative; width: 40px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; float: left; text-decoration: none; }
			#events div.left div.calendar a.day:hover { background-color: #17a6b6; color: #ffffff; }
				#events div.left div.calendar a.day span { display: block; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 10px solid #17a6b6; border-left: 10px solid transparent; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	#events div.left { display: block; position: relative; width: 100%; min-height: 100px; margin: 30px 0 0 0; padding: 0; }
		#events div.left div.categories { display: block; position: relative; width: 100%; min-height: 50px; padding: 0; }
			#events div.left div.categories a { display: block; position: relative; height: auto; font-family: 'Arial', sans-serif; font-size: 14px; line-height: 25px; text-decoration: none; text-indent: 20px; }
			#events div.left div.categories a:hover, #events div.left div.categories a.selected { color: #17a6b6; }
		#events div.left div.calendar { display: block; position: relative; width: 280px; min-height: 100px; padding: 0; margin: 30px auto 0 auto; }
			#events div.left div.calendar div.title { display: block; position: relative; width: 100%; height: 30px; background-color: #455560; }
				#events div.left div.calendar div.title a { display: block; position: absolute; top: 0; height: 30px; font-weight: bold; font-size: 16px; color: #ffffff; line-height: 30px; text-align: center; z-index: 2; padding: 0 10px; text-decoration: none; }
				#events div.left div.calendar div.title a:hover { background-color: #17a6b6; }
				#events div.left div.calendar div.title a.prev { left: 0; }
				#events div.left div.calendar div.title a.next { right: 0; }
				#events div.left div.calendar div.title h4 { display: block; position: relative; font-weight: bold; font-size: 16px; color: #ffffff; line-height: 30px; text-align: center; z-index: 1; }
			#events div.left div.calendar div.cell { display: block; position: relative; width: 40px; height: 30px; float: left; }
			#events div.left div.calendar div.days p.title { display: block; position: relative; font-size: 12px; line-height: 30px; text-align: center; }
			#events div.left div.calendar p.day { display: block; position: relative; width: 40px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; float: left; }
			#events div.left div.calendar p.selected { background-color: #17a6b6; color: #ffffff; }
			#events div.left div.calendar a.day { display: block; position: relative; width: 40px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; float: left; text-decoration: none; }
			#events div.left div.calendar a.day:hover { background-color: #17a6b6; color: #ffffff; }
				#events div.left div.calendar a.day span { display: block; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 10px solid #17a6b6; border-left: 10px solid transparent; }
}
@media all and ( min-width: 1100px )
{
	#events div.left { display: block; position: relative; width: 280px; min-height: 100px; margin: 30px 0 0 0; padding: 0; float: left; }
		#events div.left div.categories { display: block; position: relative; width: 100%; min-height: 100px; padding: 0; }
			#events div.left div.categories a { display: block; position: relative; height: auto; font-family: 'Arial', sans-serif; font-size: 14px; line-height: 30px; text-decoration: none; text-indent: 20px; }
			#events div.left div.categories a:hover, #events div.left div.categories a.selected { color: #17a6b6; }
		#events div.left div.calendar { display: block; position: relative; width: 100%; min-height: 100px; padding: 0; margin: 30px 0 0 0; }
			#events div.left div.calendar div.title { display: block; position: relative; width: 100%; height: 30px; background-color: #455560; }
				#events div.left div.calendar div.title a { display: block; position: absolute; top: 0; height: 30px; font-weight: bold; font-size: 16px; color: #ffffff; line-height: 30px; text-align: center; z-index: 2; padding: 0 10px; text-decoration: none; }
				#events div.left div.calendar div.title a:hover { background-color: #17a6b6; }
				#events div.left div.calendar div.title a.prev { left: 0; }
				#events div.left div.calendar div.title a.next { right: 0; }
				#events div.left div.calendar div.title h4 { display: block; position: relative; font-weight: bold; font-size: 16px; color: #ffffff; line-height: 30px; text-align: center; z-index: 1; }
			#events div.left div.calendar div.cell { display: block; position: relative; width: 40px; height: 30px; float: left; }
			#events div.left div.calendar div.days p.title { display: block; position: relative; font-size: 12px; line-height: 30px; text-align: center; }
			#events div.left div.calendar p.day { display: block; position: relative; width: 40px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; float: left; }
			#events div.left div.calendar p.selected { background-color: #17a6b6; color: #ffffff; }
			#events div.left div.calendar a.day { display: block; position: relative; width: 40px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; float: left; text-decoration: none; }
			#events div.left div.calendar a.day:hover { background-color: #17a6b6; color: #ffffff; }
				#events div.left div.calendar a.day span { display: block; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 10px solid #17a6b6; border-left: 10px solid transparent; }
}


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

@media all and ( max-width: 599px )
{
	#events div.events { display: block; position: relative; width: 100%; }
		#events div.events a.container { display: block; position: relative; width: 100%; height: 149px; margin: 25px 0 25px 0; padding: 0 0 25px 0; border-bottom: 1px solid #596771; text-decoration: none; }
		#events div.events a.container:hover { background-color: #ffffff; }
		#events div.events a.container:hover h1 { text-decoration: underline; }
			#events div.events a.container h1 { display: block; position: relative; line-height: 20px; width: 100%; max-height: 40px; overflow: hidden; font-size: 16px; font-weight: bold; text-decoration: none; color: #17a5b5; }
			#events div.events a.container p.text { display: block; position: relative; margin: 15px 0 0 0; line-height: 25px; height: 100px; overflow: hidden; font-size: 14px; text-decoration: none; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	#events div.events { display: block; position: relative; width: 100%; }
		#events div.events a.container { display: block; position: relative; width: 100%; height: 149px; margin: 25px 0 25px 0; padding: 0 0 25px 0; border-bottom: 1px solid #596771; text-decoration: none; }
		#events div.events a.container:hover { background-color: #ffffff; }
		#events div.events a.container:hover h1 { text-decoration: underline; }
			#events div.events a.container h1 { display: block; position: relative; line-height: 20px; width: 100%; max-height: 40px; overflow: hidden; font-size: 16px; font-weight: bold; text-decoration: none; color: #17a5b5; }
			#events div.events a.container p.text { display: block; position: relative; margin: 15px 0 0 0; line-height: 25px; height: 100px; overflow: hidden; font-size: 14px; text-decoration: none; }
}
@media all and ( min-width: 1100px )
{
	#events div.events { display: block; position: relative; width: 600px; float: right; }
		#events div.events a.container { display: block; position: relative; width: 100%; height: 149px; margin: 13px 0 100px 0; border-bottom: 1px solid #596771; text-decoration: none; }
		#events div.events a.container:hover { background-color: #ffffff; }
		#events div.events a.container:hover h1 { text-decoration: underline; }
			#events div.events a.container h1 { display: block; position: relative; line-height: 20px; width: 100%; max-height: 40px; overflow: hidden; font-size: 16px; font-weight: bold; text-decoration: none; color: #17a5b5; }
			#events div.events a.container p.text { display: block; position: relative; margin: 15px 0 0 0; line-height: 25px; height: 100px; overflow: hidden; font-size: 14px; text-decoration: none; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* paginador */

#events a.paginator { display: block; position: relative; font-family: 'Arial', sans-serif; font-size: 16px; float: right; line-height: 20px; padding: 0; margin: 30px 0 0 10px; text-decoration: none; }
#events a.paginator:hover { text-decoration: underline; color: #17a6b6; }
#events p.paginator { display: block; position: relative; font-family: 'Arial', sans-serif; font-size: 16px; float: right; line-height: 20px; padding: 0; margin: 30px 0 0 10px; }
#events p.actual { font-family: 'ArialNarrowBold', sans-serif; color: #17a6b6; }


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