/*--BOTONES GALERIAS--*/
.gal_ant{
	width:100%;
	float:left;
}
.fondo_tit_temp{
	width:100%;
	height:30px;
	float:left;
	background-color:#9EC337;
}
.tempo_gal{
	width:100%;
	float:left;
	height:30px;
}
	.tempo_gal h3{
		font-size:30px;
		line-height:30px;
		color:#FFF;
		margin:0;
	}
	.tempo_gal a{
		text-decoration:none;
		color:#28324B;
	}
.content_tipocomp{
	width:100%;
	float:left;
}
.tipocomp{
	width:16%;
	float:left;
	height:150px;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	border: 0px solid #000000;
	background-image:url("imagenes/bot_galeria.png");
	background-position:center center;
	background-repeat: no-repeat;
	margin-bottom:20px;
	margin-top:20px;
	margin-left:0.6%;
}
	.tipocomp:hover{
		background-image:url("imagenes/bot_galeria_verde.png");
	}
	.tipocomp a{
		text-decoration:none;
		color:#FFF;
		border-radius: 200px 200px 200px 200px;
		-moz-border-radius: 200px 200px 200px 200px;
		-webkit-border-radius: 200px 200px 200px 200px;
		border: 0px solid #000000;
		display:block;
	}
	.tipocomp h4{
		font-size:16px;
		line-height:150px;
		color:#FFF;
		margin:0;
		border-radius: 200px 200px 200px 200px;
		-moz-border-radius: 200px 200px 200px 200px;
		-webkit-border-radius: 200px 200px 200px 200px;
		border: 0px solid #000000;
		text-align:center;
	}
	.enlace_gal{
		width:100%;
		float:left;
	}
#temp_ant{
	margin-top: 40px;
	margin-bottom: 40px;
	width: 100%;
	height: 40px;
	float: left;
}	
	#temp_ant a{
		text-decoration:none;
		font-size:30px;
		display:block;
		line-height: 40px;
		text-align: center;
		font-weight:bold;
		color:#28324B;
		background-color:white;
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border: 2px solid #28324B;
	}
		#temp_ant a:hover{
			color:white;
			background-color:#28324B;
		}

/*--GALERIA PREVISUALIZACIÓN--*/
.gal_previsual{
	width:100%;
	float:left;
}
.fondo_gris{
	width:100%;
	float:left;
	height:auto;
	background-color:#d0d1cc;
	padding-bottom:15px;
	padding-top:15px;
}
.gal_prev{
	width:49%;
	float:left;
	height:360px;
	border:3px solid #FFF;
	margin-top:5px;
	margin-bottom:5px;
	position:relative;
	overflow:hidden;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
	.gal_prev:nth-of-type(2n){
		margin-left:2%;
	}
.gal_prev_selec img{
	width:100%;
	height:360px;
}
.titulo_prev{
	width:100%;
	background-color:rgba(0, 0, 0, 0.7);
	height:90px;
	position:absolute;
	bottom:0;
	left:0;
	opacity;0.4;
}
	.titulo_prev:hover{
		background-color:rgba(0, 0, 0, 1);
	}
	.tit_prev h4{
		font-size:24px;
		color:white;
		float:left;
		margin: 0;
		font-weight: bold;
		line-height: 90px;
		padding-left: 5%;
		width:60%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.tit_prev a{
		text-decoration:none;
	}
	.fecha_prev{
		float:right;
		width:40%;
	}
		.fecha_prev h4{
			font-size:24px;
			color:white;
			font-weight: bold;
			line-height: 90px;
			padding-right:5%;
			margin: 0;
			text-align:right;
		}
/*--GALERIA FINAL--*/

.gal_final{
	width:100%;
	float:left;
}

/*--MENU MOVIL--*/	

@media screen and (max-width:400px){

/*--GALERIA PREVISUALIZACIÓN MOVIL--*/
.tempo_gal{
	margin-left:10px;
}
.tipocomp{
	width:42%;
	height:140px;
	margin-left:5%;
	margin-bottom:5px;
	margin-top:5px;
	background-image: url("imagenes/bot_galeria_mov.png");
}
	.tipocomp:hover{
		background-image: url("imagenes/bot_galeria_mov.png");
	}

	.tipocomp h4 {
		font-size: 14px;
		line-height: 140px;
	}
.gal_prev{
	width:80%;
	margin-left:10%;
	height:230px;
}
	.gal_prev:nth-of-type(2n){
		margin-left:10%;
	}
.gal_prev_selec img{
	height:230px;
}
.titulo_prev{
	height:60px;
}
	.tit_prev h4{
		font-size:20px;
		line-height:35px;
		width:100%;
	}
.fecha_prev{
	float:left;
	width:100%;
}
	.fecha_prev h4{
		font-size: 20px;
		line-height: 20px;
		text-align: left;
		padding-left: 5%;
	}
#temp_ant{
	margin-top: 20px;
	margin-bottom: 40px;
	width: 84%;
	height: 40px;
	float: left;
	margin-left:8%;
}	
	#temp_ant a{
		font-size:22px;
	}
	
}