/* ----- FUENTES ----- */
		
@import url('https://fonts.googleapis.com/css?family=Lora|Tangerine');
@import url('https://fonts.googleapis.com/css?family=Karla');


/* ----- IMAGEN GIF ----- */
.foto-gif{
	float: left;
	width: 54%;
}



/* ----- EXPOSICIONES ACTUALES ----- */
.exp-act{
	float: right;
	width: 43%;
	height: 100%;
}

.exp-act .titilo{
	float: left;
	width: 100%;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
	font-family: 'Tangerine', cursive;
	font-size: 36px;
	padding: 6px 0px;
}

.exp-act-mediano{
	float: left;
	width: 49%;
}

.exp-act-mediano:hover img{
	opacity: 0.6;
}

.exp-act-grande{
	position: relative;
	width: 100%;
	padding-bottom: 30%;
	float: left;
	height: 0;
}

.exp-act-grande img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
}

#exp-act-texto {
	font-family: 'Karla', sans-serif;
	background: none;
	text-align: justify;
	overflow: hidden;
	color: #333;
	padding: 0.5%;
	width: 100%;
}

#exp-act-texto em{
	font-style:normal; font-size:36px;
}

.bb, .cc, .dd{
	display:none;
}

.right{
	float: right !important;
}



/* --- EVENTOS ANTERIORES --- */
.tit-eve-ant{
	float: left;
	width: 100%;
	font-size: 24px;
	font-family: 'Karla', sans-serif;
	border-bottom: solid 1px #999;
	margin-top: 10px;
	padding-bottom: 4px;
}

.eve-ant{
	float: left;
	width: 100%;
	text-align: left;
	margin: 24px 0px;
}

.evento{
	float: left;
	width: 18%;
	font-family: 'Karla', sans-serif;
	margin: 0% 2% 0% 0%;
}

.evento img{
	width: 100%;
	padding-bottom: 12px;
}

.event-titulo{
	float: left;
	width: 100%;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 16px;
	padding-bottom: 8px;
}



/* ----- RESPONSIVE ----- */

@media screen and (max-width: 750px) {
	
	.foto-gif{
		width: 100%;
		margin-bottom: 30px !important;
	}
	
	.exp-act{
		float: left !important;
		width: 100%;
	}
	
	.evento{
		width: 30% !important;
	}
}