.top-clubes  {
}


.titulo-clubes {
color:#fff;
font-size: 2.5rem;
padding-top: 60px;
font-family: "Titillium Web", sans-serif;
font-weight: 600;
line-height: 1.2;

}


.titulo-clubes-small {
color:#fff;
font-size: 2.0rem;
padding-top: 60px;
font-family: "Titillium Web", sans-serif;
font-weight: 600;

}


.unete  { margin-top: 20px;
}

.unete  h2 {

font-size: 2.6rem;
font-family: "Titillium Web", sans-serif;
font-weight: 600;
}

.unete-2  { margin-top: 20px;
}

.unete-2  h2 {

font-size: 2.0rem;
font-family: "Titillium Web", sans-serif;
font-weight: 500;
line-height: 1.2;
}




.unete  h3 {

font-size: 2.1rem;
font-family: "Titillium Web", sans-serif;
font-weight: 600;
	
}

.unete p { 
	font-size: 1.2rem;
	font-weight: 300;
}



.unete-2 p { 
	font-size: 1.2rem;
}



.beneficios { margin-bottom: 80px;
}

.beneficios  h2 {

font-size: 2.4rem;
font-family: "Titillium Web", sans-serif;
font-weight: 600;
}


.beneficios  h3 {

font-size: 1.5rem;
font-family: "Titillium Web", sans-serif;
font-weight: 600;
}


.beneficios .lista {
	text-align: center;
	margin: 20px 0;
	padding: 0 60px;
}








.tarjeta {
	background: url(../images/25/tarjeta-back.png) right / cover;
	padding: 60px 0 160px 0;
}

.tarjeta h2 {
	font-size: 3rem;
	margin-bottom: 125px;
	line-height: 1.2;
}

.tarjeta p {

	color:#fff;
	font-size: 1.4rem;
}





.razones {
		background: url(../images/25/razones-back.jpg) center no-repeat;
		margin-top: 40px;
}

.razones  h2 {

font-size: 2.4rem;
font-family: "Titillium Web", sans-serif;
font-weight: 600;
text-align: center;
margin-bottom: 40px;
}


.razones  h3 {

font-size: 1.5rem;
font-family: "Titillium Web", sans-serif;
font-weight: 600;
}


.razones .lista {
	text-align: center;
	margin: 12px 0;
	padding: 20px;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #ccc;
	box-shadow: -2px 2px 9px 0px rgba(0,0,0,0.33);
-webkit-box-shadow: -2px 2px 9px 0px rgba(0,0,0,0.33);
-moz-box-shadow: -2px 2px 9px 0px rgba(0,0,0,0.33);
height: 350px;
}



.preocupate {
		background: url(../images/25/preocupate-back.png) center no-repeat;
		margin-top: 40px;
		margin-bottom: 40px;
}

.preocupate  h2 {

font-size: 2.1rem;
font-family: "Titillium Web", sans-serif;
font-weight: 500;
text-align: center;
margin-bottom: 40px;
}


.preocupate  h3 {

font-size: 1.9rem;
font-family: "Titillium Web", sans-serif;
font-weight: 600;
}


.lista {
	text-align: center;
	margin: 12px 0;
	padding: 20px;
}


.lista p {
	text-align: center;
	margin: 0px 0 10px 0;
	font-size: 1.1rem;
	padding: 0 15px;
	font-weight: 300;
}



.lista-2 {
	text-align: center;
	margin: 12px 0;
	padding: 20px;
}


.lista-2 p {
	text-align: center;
	margin: 12px 0;
	font-size: 1.2rem;
	padding: 0 85px;
	font-weight: 300;
}





.hoteles {
	background: url(../images/25/hoteles-back.jpg) right / cover;
	padding: 20px 0 160px 0;
	margin-top: 70px;
}



.hoteles h2 {
	font-size: 2.8rem;
	margin-bottom: 150px;
	font-weight: 600;
	line-height: 1.2;
}

.hoteles h3 {
	font-size: 2.3rem;
	color:#fff;
	margin-bottom: 15px;
	margin-top: 20px;
	line-height: 1.1;
}

.hoteles p {

	color:#fff;
	font-size: 1.3rem;
}


.hoteles .imagen {
	margin-top: 180px;
}


.counter.counter-large + h5 {
 color: #fff;
 line-height: 1.2;
 font-weight: 500;
}


.planes {
	position: relative;
	top:-70px;
}



.planes h3 {
	font-size: 2.8rem;
	margin-bottom: 30px;
	font-weight: 600;
	line-height: 1.2;
	color: #593286;
}


.planes p {

	color:#000;
	font-size: 1.2rem;
	font-weight: 300;
	text-align: right;
}



.portfolio-item  {	
	padding: 20px!important;

}



.parque-2 {	
	padding: 0px;
	text-align: center;
	margin-bottom: 40px;
}

.parque-2 img {	
	border-radius: 25px;
}

.parque-2 h4 {	
	font-weight: 500;
	text-align: center;
	margin-top: 20px;
	padding: 10px 0;
}

.parque-2 p {	

	padding: 10px 20px;
}






.colaboracion {
	background: url(../images/25/colaboracion-back.png) top / cover;
	padding: 140px 0 100px 0;
	position: relative;
	top:-40px;
	
}

.colaboracion h2 {
	font-size: 2.6rem;
	line-height: 1.2;
	padding-top: 40px;
	
}

.colaboracion p {
	font-size: 1.2rem;
	
}

.colaboracion .cuadro {
	background: #593286;
	border-radius: 20px;
	padding: 40px 20px;
	margin-top: 20px;
	color: #fff;
	
}

.colaboracion h3 {
	color: #fff;
	font-size: 2rem;
	line-height: 1.2;
	
}



.colaboracion-2 {
	background: url(../images/25/colaboracion-2-back.png) top / cover;
	padding: 100px 0 100px 0;
	
}

.colaboracion-2 h2 {
	font-size: 2.6rem;
	line-height: 1.2;
	padding-top: 40px;
	
}

.colaboracion-2 p {
	font-size: 1.2rem;
	
}

.colaboracion-2 .cuadro {
	background: #0387a4;
	border-radius: 20px;
	padding: 40px 20px;
	margin: 20px 5px 5px 5px;
	color: #fff;
	
}

.colaboracion-2 h3 {
	color: #fff;
	font-size: 2rem;
	line-height: 1.2;
	
}




.consultas-form {
	
}

.consultas-form h3 {
	font-size: 2.6rem;
	margin-bottom: 40px;
	
}

.consultas-form label {
	font-size: 1.0rem;
	
}

.creamos {
		background: url(../images/25/creamos-back.jpg) left  no-repeat;
		padding-bottom: 125px;
}


.creamos h2 {
	font-size: 2.2rem;
	margin-top: 15px;
	margin-bottom: 40px;
	font-weight: 400;
}


.creamos h3 {
	font-size: 1.5rem;
	margin-bottom: 0px;
}


.creamos p {
	font-size: 1.1rem;
	margin-bottom: 25px;
	font-weight: 300;
}

.datos {
		background: #c1ddd5 url(../images/25/datos-back.jpg) no-repeat bottom;  
		text-align: center;
		margin-bottom: 40px;
		padding-bottom: 40px;

}

.datos h3 {
	color:#343434;
	font-size: 2.5rem;
	margin-top: 15px;
	margin-bottom: 40px;
	margin-top: 50px;
	line-height: 1.2;
}



.datos p {
	color:#343434;
	font-size: 1.3rem;
}


.eligen {

}


.eligen h2 {
	font-size: 2.6rem;

}

.elegir  {
 padding: 0 50px;

}

.elegir h3 {
	font-size: 1.6rem;

}



@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
   }

.lista-2 p {
	text-align: center;
	margin: 20px 0;
	font-size: 1.3rem;
	padding: 0 15px;
}

.preocupate  h2 {

font-size: 2.0rem;
font-family: "Titillium Web", sans-serif;
font-weight: 600;
text-align: center;
margin-bottom: 40px;
}



.unete  h2 {

font-size: 2.0rem;
font-family: "Titillium Web", sans-serif;
font-weight: 600;
}

.unete  h3 {

font-size: 1.8rem;
}





.beneficios  h2 {

font-size: 2.0rem;
font-family: "Titillium Web", sans-serif;
font-weight: 600;
}

  .tarjeta {
	background: url(../images/25/tarjeta-back-m.png) center / cover;
	padding: 0px 0 100px 0;
}

.razones  h2 {

font-size: 2.0rem;
font-family: "Titillium Web", sans-serif;
font-weight: 600;
text-align: center;
margin-bottom: 40px;
}


.hoteles {
	background: url(../images/25/hoteles-back-m.jpg) center / cover;
	padding: 0px 0 160px 0;
	margin-top: 30px;
}


.hoteles h2 {
	font-size: 2.0rem;
	margin-bottom: 90px;
	font-weight: 600;
	line-height: 1.2;
}

.hoteles .imagen {
	margin-top: 60px;
}


.planes h3 {
	font-size: 2.0rem;
	text-align: center;
}


.planes p {

	color:#fff;
	font-size: 1.2rem;
	color: #593286;
	text-align: center;
}


.colaboracion {
	background: url(../images/25/colaboracion-back.png) left / cover;
	padding: 50px 0 50px 0;
	position: relative;
	top:-40px;
	
}

.colaboracion h2 {
	font-size: 2.0rem;
	line-height: 1.2;
	padding-top: 40px;
	
}

.colaboracion p {
	font-size: 1.2rem;
	
}


.consultas-form h3 {
	font-size: 2.0rem;
	margin-bottom: 40px;
	
}

.creamos {
		background: url(../images/25/creamos-2-back.jpg) left bottom  no-repeat;
		padding-bottom:500px;
}

.creamos h2 {
	font-size: 2.1rem;
	margin-top: 15px;
	margin-bottom: 40px;
}


.datos {
		background: #c1ddd5 ;  
		text-align: center;
		margin-bottom: 40px;
		padding-bottom: 40px;

}

.datos h3 {
	color:#343434;
	font-size: 2.6rem;
	margin-top: 15px;
	margin-bottom: 40px;
	margin-top: 50px;
	line-height: 1.2;
}



.datos p {
	color:#343434;
	font-size: 1.4rem;
}


.eligen {

}


.eligen h2 {
	font-size: 2.1rem;

}

.elegir  {
	margin: 0 50px;

}

.elegir h3 {
	font-size: 1.6rem;

}


}


@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }


}


@media (min-width: 992px) and (max-width: 1599px) {
  .hidden-md {
    display: none !important;
  }

  .hoteles h2 {
	font-size: 2.2rem;
	margin-bottom: 150px;
	font-weight: 600;
	line-height: 1.2;
}

.hoteles h3 {
	font-size: 2.3rem;
	color:#fff;
	margin-bottom: 15px;
	margin-top: 20px;
	line-height: 1.1;
}

.hoteles p {

	color:#fff;
	font-size: 1.3rem;
}


}



@media (min-width: 1600px) {
  .hidden-lg {
    display: none !important;
  }

  .tarjeta {
	background: url(../images/25/tarjeta-back.png) right / cover;
	padding: 75px 0 160px 0;
}

.tarjeta h2 {
	font-size: 3.2rem;
	margin-bottom: 120px;
	line-height: 1.2;
}


}