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


wrapper {
	width:60%;
	height:auto;
	float: left;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 5%;
	margin-bottom: 5%;
}



.navi {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 1%;
	margin-bottom: 0%;
	font-size: 0.7rem;
	color: #000;
	font-weight: 400;
	text-align: center;
}


section {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 3%;
	margin-bottom: 0%;
}



.galeria {
	width:57%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 3%;
	margin-top: 0%;
	margin-bottom: 0%;
}


.galeria img {
	width:95%;	
	height: auto;
}	


.contenido {
	width:40%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}


h1 {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 6%;
	margin-bottom: 0%;
	font-size: 2rem;
	color: #000;
	font-weight: 600;
}


p {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 0%;
	font-size: 1.1rem;
	color: #000;
	font-weight: 300;
	line-height: 1.5rem;
}



.cita a:link,
.cita a:visited,
.cita a:hover {
	background: #F44141;
	width:30%;
	height: auto;
	float: left;
	border-radius: 3px;
	margin-left: 0%;
	margin-right: 35%;
	margin-top: 5%;
	margin-bottom: 5%;
	font-size: 0.9rem;
	color: #FFF;
	font-weight: 400;
	text-align: center;
	padding: 2% 0%;
	text-decoration: none;
	text-transform: uppercase;
}



.max {
	font-size: 1.6rem;
	color: #000;
	font-weight: 600;
}


/* Bloque seleccion color*/

.min {
	margin-top: 3%;
	margin-bottom: 0%;
	font-size: 0.7rem;
	color: #333;
	font-weight: 400;
	line-height: 1rem;
}



/* Final bloque seleccion color*/



.boton a:link,
.boton a:visited,
.boton a:hover {
	background: #000;
	width:10%;
	height: auto;
	float: left;
	border-radius: 10px;
	margin-left: 0%;
	margin-right: 1%;
	margin-top: 4%;
	margin-bottom: 0%;
	font-size: 1rem;
	color: #fff;
	font-weight: 400;
	text-align: center;
	padding: 0.5% 0%;
}


.bloque-ofertas {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 3%;
	margin-bottom: 0%;
}


.oferta {
	width:32%;
	height: 400px;
	float: left;
	margin-left: 0%;
	margin-right: 0.4%;
	margin-top: 3%;
	margin-bottom: 0%;
}


.oferta img {
	width:100%;
	height: auto;
	float: left;
}


.oferta h3 {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 1%;
	margin-bottom: 0%;
	font-size: 1.2rem;
	color: #000;
	font-weight: 600;
}


.oferta p {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 1%;
	margin-bottom: 0%;
	font-size: 1rem;
	color: #000;
	font-weight: 400;
}






/* Inicio bloque descripciones*/


.descripciones {
	background: #F44141;
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}


.descripcion {
	width:60%;
	height: auto;
	float: left;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 3%;
	margin-bottom: 1%;
}


.decripcion h4 {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 0%;
	font-size: 1.4rem;
	color: #000;
	font-weight: 600;
	line-height: 1.6rem;
	text-align: left;
}


.decripcion p {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 0%;
	font-size: 1.1rem;
	color: #000;
	font-weight: 300;
	line-height: 1.6rem;
	text-align: left;
}


.keywords {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 3%;
	margin-bottom: 3%;
	color: transparent;
	font-size: 0.1rem;
}


.keywords h3 {
	width: auto;
	height: auto;
	font-size: 0.1rem;
	font-weight: 100;
	color: transparent;
	margin-top: 0%;
}


@media screen and (max-width:1600px) {
	
wrapper {
	width:60%;
	height:auto;
	float: left;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 8%;
	margin-bottom: 5%;
}
	
.navi {
	margin-bottom: 2%;
}	
	
	
	
h1 {
	font-size: 1.4rem;
	margin-top: 2%;
}


p {
	margin-top: 1%;
	font-size: 0.9rem;
	line-height: 1.2rem;
}	
	
.cita a:link,
.cita a:visited,
.cita a:hover {
	font-size: 0.8rem;
}
		
.min {
	margin-top: 2%;
	margin-bottom: 0%;
	font-size: 0.6rem;
	line-height: 0.8rem;
}
	
	
	
h4 {
	font-size: 1.4rem;
}	


	
	
}



@media screen and (max-width:991.98px) {
	
	
wrapper {
	width:96%;
	height:auto;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 6%;
	margin-bottom: 0%;
}
		

}



@media screen and (max-width:500px) {
	
	
wrapper {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 20%;
	margin-bottom: 5%;
}	
	
	
section {
	margin-top: 3%;
	margin-bottom: 5%;
}	
	
	
.galeria {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
}


.galeria img {
	width:100%;	
}	


.contenido {
	width:90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 0%;
	margin-bottom: 0%;
}
	
h1 {
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 6%;
	margin-bottom: 0%;
	font-size: 1.6rem;
}


p {
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 0%;
	font-size: 1rem;
	line-height: 1.3rem;
}
	
	

.boton a:link,
.boton a:visited,
.boton a:hover {
	background: #000;
	width:15%;
	height: auto;
	float: left;
	border-radius: 10px;
	margin-left: 0%;
	margin-right: 1%;
	margin-top: 4%;
	margin-bottom: 0%;
	font-size: 1rem;
	color: #fff;
	font-weight: 400;
	text-align: center;
	padding: 1.5% 0%;
	line-height:normal;
}	
	
	
.descripcion {
	width:90%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 3%;
	margin-bottom: 1%;
}	
	
.keywords {
	margin-top: 1%;
	margin-bottom: 15%;
}	
	
	
}