@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1080px){
	#textonormal{
		width: 50%;
		margin-left: 10%;
	}

}
@media screen and (max-width: 960px){
	.thumbnail-events li{
		width: 50%;
	}
	#services-list ul li{
		width: 48%;
	}
	.instalaciones li{
		width: 48%;
	}
	#textonormal{
		width: 96%;
		margin-left: 2%;
		float: left;
	}
	aside{
		margin-right: 0%;
		width: 80%;
		margin-left: 10%;
		margin-top: 50px;
	}
	#redes{
		width: 48%;
		display: inline-block;
		margin-right: 4%;
	}
	#mapa{
		width: 48%;
		display: inline-block;
	}
	aside ul{
		width: 80%;
		max-width: 100%;
	}
	.espacios {
		width: 42%;
		margin-left: 2%;
		margin-right: 2%;
		background-color: rgb(205,205,205);
	}

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

	.thumbnail-events li{
		width: 100%;
	}
	#correo{
		width: 100%;
	}
	#menu-y-texto nav{
		display: none;
	}
	.responsivo{
		display: block;
		position: fixed;
		z-index: 999;
	}
	header{
		padding-top: 45px;
	}
	#logo{
		margin-left: 25%;
		width: 50%;
	}
	#text-enter{
		display: none;
	}
	.encimadeslider{
		top: 45px;
	}
	
	#services-list ul li{
		width: 98%;
	}
	.instalaciones li{
		width: 98%;
	}
	.instalaciones .vertical{
		width: 98%;
	}
	.instalaciones .medio{
		width: 98%;
	}
	.espacios{
  		width: 88%;
  		padding: 4%;
  		margin-left: 2%;
  		margin-right: 2%;

  	}
	
}
@media screen and (max-width: 640px){
	.rslides{
		height: 500px;
	}
	.encimadeslider{
		height: 500px;
	}
	#text-enter{
		font-weight: 800;
		font-size: 50px;
		bottom: -180px;
	}
	#textonormal h1, #eventos h1{
		font-size: 40px;
	}
	aside ul{
		width:100%;
	}
	#redes{
		width: 270px;
		margin-right: 0px;

	}
	#mapa{
		width: 100%;
	}
	#fotolterna{
		width: 100%;
	}
	
}
@media screen and (max-width: 480px){

	.rslides{
		height: 400px;
	}
	.encimadeslider{
		height: 400px;
	}
	#text-enter{
		font-weight: 800;
		font-size: 30px;
		bottom: -230px;
		}
	
}
@media screen and (max-width: 320px){
	
}