/** CSS para Home Page
 * @author Batora.net
 */
.bg_transparente {
	background-color: rgba(213, 161, 15, .8);
	position: absolute;
	zoom: 1;
}

.bg_transparente.full {
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
}
/* IE7 e 8 */
.ie .bg_transparente {
	-ms-filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr
		= #CCD5A10F, endColorstr = #CCD5A10F );
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
		#CCD5A10F, endColorstr = #CCD5A10F );
}

.hr.cinza {
	line-height: 0;
	float: right;
	width: 200px;
	border-top: 1px solid #dcddde;
}

/* DESTAQUES */
.destaque {
	position: relative;
}

.destaque .thumbnail {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
}

.destaque .secao {
	background-color: #dcddde;
	bottom: 0;
	display: block;
	font-size: 12px;
	font-family: "allerbold", arial;
	left: 0;
	padding: 3px 10px;
	position: absolute;
	text-transform: uppercase;
	z-index: 1;
}

.destaque:hover .secao {
	background-color: #414142;
	color: #FFF;
}

.destaque .chamada {
	display: none;
	padding: 10px;
}

.destaque-item .chamada * {
	
}

.destaque:hover .chamada {
	display: block;
}

.destaque .chamada>span {
	color: #FFF;
	font-size: 14px;
}

.destaque .categoria {
	display: block;
	margin-bottom: -2px;
}

.destaque .categoria * {
	text-transform: uppercase;
	color: #FFF;
	font-size: 11px;
	padding: 0;
}

.destaque h3 {
	color: #414142;
	font-size: 14px;
	padding: 0;
	text-transform: none;
}

.destaque p,.destaque p * {
	color: #FFF;
	font-size: 13px;
	line-height: 18px;
}

.destaque .infos {
	display: none;
	background-color: #414142;
	bottom: 0;
	color: #FFF;
	font-size: 11px;
	left: 0;
	line-height: 26px;
	text-indent: 10px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
}

.destaque:hover .infos {
	display: inline;
}

.destaque .infos span {
	color: #FFF;
}

.destaque .infos a {
	color: #d5a10f;
	float: right;
	margin-right: 10px;
}

.destaque_visite,.destaque_programacao {
	float: right;
	height: 155px;
	margin: 0 0 10px 20px;
	width: 200px;
}

.destaque_visite {
	margin-top: 9px;
}

.destaque_visite .thumbnail img,.destaque_programacao .thumbnail img {
	position: absolute;
	left: -10%;
}

.destaque_visite .chamada>span,.destaque_programacao .chamada>span {
	position: absolute;
	top: 20%;
	width: 90%;
}

.destaque_educacao,.destaque_vr_social {
	float: left;
	height: 280px;
	margin: 20px 0 0 20px;
	width: 330px;
}

.destaque_educacao .thumbnail img,.destaque_vr_social .thumbnail img {
	position: absolute;
	left: -10%;
}

.destaque_educacao .chamada,.destaque_vr_social .chamada,.destaque_educacao .thumbnail,.destaque_vr_social .thumbnail
	{
	cursor: pointer;
}

.destaque_educacao .chamada,.destaque_vr_social .chamada {
	bottom: 0;
	display: block;
	left: 0;
	right: 0;
}

.destaque_educacao:hover .chamada,.destaque_vr_social:hover .chamada {
	top: 0;
	padding-top: 25%;
}

.destaque_educacao:hover .chamada>*,.destaque_vr_social:hover .chamada>*
	{
	display: block;
}

.destaque_educacao .chamada>p,.destaque_vr_social .chamada>p {
	border-top: 1px solid #FFF;
	display: none;
	margin-top: 5px;
	padding-top: 5px;
	min-height: 80px;
}

.destaque_educacao .chamada .infos a,.destaque_vr_social .chamada  .infos a
	{
	width: 100%;
	text-align: right;
}

/* Links Externos */
.links {
	display: block;
	float: left;
	width: 220px;
	margin-top: 20px;
}

.links>a {
	clear: both;
	display: block;
	float: left;
	margin-bottom: 20px;
}

.links>a:last-child {
	margin-bottom: 0;
}

.links>a>img {
	float: left;
	clear: left;
}

.links>a span {
	display: block;
}

.links>a span.infos {
	clear: right;
	float: left;
	width: 160px;
}

.links>a span.nome {
	background-color: #d5a10f;
	color: #FFF;
	font-size: 12px;
	line-height: 25px;
	text-indent: 10px;
	text-transform: uppercase;
}

.links>a span.texto {
	font-size: 11px;
	font-family: "allerlight", arial;
	padding: 3px 10px 0 10px;
	letter-spacing: 0.02em;
	line-height: 13px;
}

/** MOBILE **/
@media only screen and (max-width: 780px) {
	#container{
	 	margin-top: 0 !important;
	}
	
	.hr.cinza {
		display: none;
	}
	#slideshow {
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		
		-ms-flex-order: 0;
		-webkit-order: 0;
		order: 0;
	}
	.destaque_visite {
		-ms-flex-order: 5;
		-webkit-order: 5;
		order: 5;
	}
	.destaque_programacao {
		-ms-flex-order: 4;
		-webkit-order: 4;
		order: 4;
	}
	.links {
		-ms-flex-order: 6;
		-webkit-order: 6;
		order: 6;
	}
	.destaque_educacao {
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}
	.destaque_vr_social {
		-ms-flex-order: 3;
		-webkit-order: 3;
		order: 3;
	}
	.destaque .secao {
		right: 0;
		line-height: 30px;
		padding: 0;
		text-indent: 15px;
		position: relative;
	}
	.destaque:hover .secao {
		background-color: #dcddde;
		color: #414142;
	}
	.destaque,.destaque .thumbnail,
	.destaque .thumbnail *,
	.destaque_educacao,
	.destaque_vr_social{
		width: 100% !important;
		height: auto !important;
		position: relative;
	}
	
	#content{
		/* flexbox setup */
		display: 				-ms-flexbox;
		display: 				-webkit-flex;
  		display: 				flex;
		
		flex-flow: 				column;
		-webkit-flex-flow: 		column;
		-moz-flex-flow: 		column;
	}
	.destaque_visite,
	.destaque_programacao,
	.destaque_educacao,
	.destaque_vr_social {
		width: 					50% !important;
		margin: 				0;
		-moz-box-sizing: 		border-box;
		-webkit-box-sizing: 	border-box;
		box-sizing: 			border-box;
	}
	
	.destaque_programacao,
	.destaque_educacao{
		float: 					left;
		padding-right: 			7.5px;
	}
	
	.destaque_vr_social,
	.destaque_visite {
		float: 					right;
		padding-left: 			7.5px;
	}
	
	@media (-webkit-min-device-pixel-ratio:0) {
		#content{
			width: 					100%;
			-moz-box-sizing: 		border-box;
			-webkit-box-sizing: 	border-box;
			box-sizing: 			border-box;
			
			display: 				-ms-flexbox;
			display: 				-webkit-flex;
			display: 				flex;
			
			/* flexbox setup */
			-ms-flex-flow:	 		row wrap !important;
			-moz-flex-flow: 		row wrap !important;
			-webkit-flex-flow: 		row wrap !important;
			flex-flow: 				row wrap !important;
		}
		#slideshow {
			-ms-flex: 				0 1 100%;
			-webkit-flex: 			0 1 100%;
			flex: 					0 1 100%;
		}
			
		.destaque_visite,
		.destaque_programacao,
		.destaque_educacao,
		.destaque_vr_social {
			-ms-flex: 				0 1 50%;
			-webkit-flex: 			0 1 50%;
			flex: 					0 1 50%;
			float: 					none;
		}
	}
	
	
	@supports ((flex-wrap: wrap) or (-webkit-flex-wrap: wrap) or (-ms-flex-flow: wrap)) {
		#content{
			width: 					100%;
			-moz-box-sizing: 		border-box;
			-webkit-box-sizing: 	border-box;
			box-sizing: 			border-box;
			
			display: 				-ms-flexbox;
			display: 				-webkit-flex;
			display: 				flex;
			
			/* flexbox setup */
			-ms-flex-flow:	 		row wrap !important;
			-moz-flex-flow: 		row wrap !important;
			-webkit-flex-flow: 		row wrap !important;
			flex-flow: 				row wrap !important;
		}
		#slideshow {
			-ms-flex: 				0 1 100%;
			-webkit-flex: 			0 1 100%;
			flex: 					0 1 100%;
		}
			
		.destaque_visite,
		.destaque_programacao,
		.destaque_educacao,
		.destaque_vr_social {
			-ms-flex: 				0 1 50%;
			-webkit-flex: 			0 1 50%;
			flex: 					0 1 50%;
			float: 					none;
		}
	}
	
	
	.destaque_visite .thumbnail img,.destaque_programacao .thumbnail img,.destaque_educacao .thumbnail img,.destaque_vr_social .thumbnail img
		{
		left: 0;
		position: relative;
	}
	.destaque_educacao,.destaque_vr_social {
		margin: 0 0 15px;
	}
	.destaque_educacao .chamada,.destaque_vr_social .chamada,.destaque_educacao:hover .chamada,.destaque_vr_social:hover .chamada
		{
		top: auto;
		padding: 15px 15px 45px;
	}
	.destaque .chamada,
	.destaque_educacao .chamada>*,
	.destaque_vr_social .chamada>*,
	.destaque_educacao .chamada>p,
	.destaque_vr_social .chamada>p,
	.destaque_educacao:hover .chamada>*,
	.destaque_vr_social:hover .chamada>*,
	.destaque_educacao:hover .chamada>p,
	.destaque_vr_social:hover .chamada>p,
	.destaque_visite .chamada>span,
	.destaque_programacao .chamada>span
		{
		display: block;
	}
	
	.destaque_educacao .chamada>p,
	.destaque_vr_social .chamada>p,
	.destaque_educacao:hover .chamada>p,
	.destaque_vr_social:hover .chamada>p
	{
		height: 100px; 
	}
	
	
	.destaque_visite .chamada>span,
	.destaque_programacao .chamada>span {
		color: #414142;
		position: relative;
		top: auto;
		width: 100%;
		height: 50px; 
	}
	.destaque .infos {
		display: inline;
	}
	.bg_transparente {
		background-color: rgba(213, 161, 15, 1);
		position: relative;
	}
	.destaque_visite .bg_transparente,.destaque_programacao .bg_transparente
		{
		background-color: transparent;
	}
	.links {
		width: 100%;
		margin: 0 0 15px;
		padding-bottom: 15px;
		background-color: #D5A10F;
	}
	.links>a {
		width: 100%;
		padding: 15px 15px 0;
		margin: 0;
		-webkit-box-sizing: 	border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
	}
	.links>a span.infos {
		position: absolute;
		right: 15px;
		left: 74px;
		width: auto;
		float: none;
	}
	.links>a span.nome {
		background-color: #414142;
	}
	.links>a span.texto {
		font-size: 12px;
		font-family: "allerregular", arial;
		color: #FFF;
		letter-spacing: normal;
		line-height: normal;
	}
	
	
}

@media only screen and (max-width: 479px) {
	.destaque_educacao .chamada>p,
	.destaque_vr_social .chamada>p,
	.destaque_educacao:hover .chamada>p,
	.destaque_vr_social:hover .chamada>p
	{
		height: 	auto !important;
		min-height: 180px;
	}
	
	.destaque_visite .chamada>span,
	.destaque_programacao .chamada>span {
		height: 	auto !important;
		min-height: 80px;
	}
}