@charset "utf-8";

@font-face{font-family:'gotham-bold';src:url('./fonts/gotham-bold.eot');
src:url('./fonts/gotham-bold.eot?#iefix') format('embedded-opentype'), 
url('./fonts/gotham-bold.woff') format('woff'),
url('./fonts/gotham-bold.ttf') format('truetype');
 }

@font-face{font-family:'gotham-light';src:url('./fonts/gotham-light.eot');
src:url('./fonts/gotham-light.eot?#iefix') format('embedded-opentype'), 
url('./fonts/gotham-light.woff') format('woff'),
url('./fonts/gotham-light.ttf') format('truetype');
 }

@font-face{font-family:'gotham-medium';src:url('./fonts/gotham-medium.eot');
src:url('./fonts/gotham-medium.eot?#iefix') format('embedded-opentype'), 
url('./fonts/gotham-medium.woff') format('woff'),
url('./fonts/gotham-medium.ttf') format('truetype');
 }
@font-face{font-family:'gotham-thin';src:url('./fonts/gotham-thin.eot');
src:url('./fonts/gotham-thin.eot?#iefix') format('embedded-opentype'), 
url('./fonts/gotham-thin.woff') format('woff'),
url('./fonts/gotham-thin.ttf') format('truetype');
 } 
 
a{ text-decoration:none; color:inherit; outline:none}
img{ line-height:0px; margin:0px; padding:0px}
body{ background-color:#f9f9f9;font-family:'gotham-light'; color:#87979e;margin:0px; padding:0px ;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='72' viewBox='0 0 36 72'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23eaeaea' fill-opacity='0.4'%3E%3Cpath d='M2 6h12L8 18 2 6zm18 36h12l-6 12-6-12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}

.menu{ font-family:'gotham-medium'; color:#cccccc; text-transform:uppercase; text-align:right; margin-bottom:2px}
.menu span{ padding-left:25px; cursor:pointer}
.menu span:hover{ color:#999}
.container{
	max-width:1000px;
	padding:40px 8px;
	margin:0 auto;
}
/** PC **************************************************************************************************/

.iframe{ height:450px !important} 

/** MOVIL **************************************************************************************************/

.botonera{  text-align:center}

.boton{ color:#87979e; padding:30px 0px; text-align:center; text-transform:uppercase; cursor:pointer  }

.separator{ height:1px; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; background-color:#cccccc}

.boton:hover{background-color: #f2f2f2;}

.page{ background-color:#fff; border-radius:5px; border:1px solid #f1f1f1; overflow:hidden}

.textos{ background-color:#f2f2f2; padding:70px 0px; padding-bottom:55px; margin-top:-3px }
.cita{ background-color:#fff; padding:30px 0px; text-align:center; }

.titulo{font-family:'gotham-light'; font-size:25px; text-align:center;  max-width:400px; margin:0px auto;  margin-bottom:40px; line-height:25px }
.descripcion{ font-family:'gotham-light'; font-size:16px; text-align:center;  max-width:600px; margin:0px auto;  line-height:17px }

.titulo{font-family:'gotham-light'; font-size:25px; text-align:center;  max-width:400px; margin:0px auto;  margin-bottom:40px; line-height:25px }

.cita .titulo{font-family:'gotham-light'; font-size:27px; text-align:center;  max-width:500px; margin:0px auto;  margin-bottom:12px; line-height:25px; margin-top:12px;} 

.formulario{ max-width:533px; margin:0px auto}

/*.input{ background-color:#e5e5e5; border-radius:5px; text-align:center; border:none; outline:none; width:100%; display:block; padding:8px; margin-bottom:13px }*/
.input {
    background-color: #e5e5e5;
    border-radius: 5px;
    text-align: center;
    border: none;
    outline: none;
    width: 100%;
    display: block;
    padding: 8px;
    margin-bottom: 13px;
    height: 20px;
    line-height: 20px;  color: #666; font-size:18px; text-align:center;height: 20px;line-height: 20px;
	border:1px solid #d6d6d6
}
.input_min{ max-width:200px; margin:0px auto;}

.select {
	padding:7px;
	border-radius:4px;
	background-color:#e5e5e5;
	margin-left:0;
	margin-right:0;
	color: #666; font-size:18px;
	border:1px solid #d6d6d6
}

.send_form{ background-color:#4ac574; color:#fff; margin-top:13px; cursor:pointer; margin-bottom:15px;}

.logo{ text-align:center}
.logotipo{ max-width:150px; margin-top:60px; margin-bottom:25px }


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff; font-size:18px; text-align:center;height: 20px;line-height: 20px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff; font-size:18px; text-align:center;height: 20px; line-height: 20px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff; font-size:18px; text-align:center;height: 20px; line-height: 20px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff; font-size:18px; text-align:center;height: 20px; line-height: 20px;
}

.display_movil{ display:none;}

/******* RESPONSIVE *******/
	
@media only screen and (max-width : 1200px) { 


}

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

@media only screen and (max-width : 768px) {  
.display_movil{ display:block;}
.display_pc{ display:none;}
	.container{
		max-width:600px;
		padding:0px 0px;
		margin:0 auto;
	}
	.iframe{ height:250px !important} 
	/* Start state */
.animated-modal {
  max-width: 350px;
  border-radius: 4px;
  overflow: hidden;
  margin:5px;
  
  transform: translateY(-50px);
  transition: all .7s;
}

.animated-modal h2,
.animated-modal p {
  transform: translateY(-50px);
  opacity: 0;
  
  transition-property: transform, opacity;
  transition-duration: .4s;
}

/* Final state */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal p {
  transform: translateY(0);
  opacity: 1;
}

/* Reveal content with different delays */
.fancybox-slide--current .animated-modal h2 {
  transition-delay: .1s;
}

.fancybox-slide--current .animated-modal p {
  transition-delay: .3s;
}
}
@media only screen and (max-width : 640px) { 
   
}
@media only screen and (max-width : 480px) {  
  
}
@media only screen and (max-width : 360px) {  
 

}





.ko{ border:1px solid #C00}



/* formulario selector de fechas - ASmurcia */

.form_fechas{ display:none}



.btn_pink{ border-radius:5px; text-align:center; color:#fff; cursor:pointer; line-height:22px; padding:10px 30px; margin:15px; box-sizing:border-box; font-weight:bold;  background-color:#a4173c; display:inline-block; width:45%  }
.btn_pink:hover{ opacity:0.7}
.btn_blue{ border-radius:5px; text-align:center; color:#fff; cursor:pointer; line-height:22px; padding:10px 30px; margin:15px; box-sizing:border-box; font-weight:bold;    background-color:#3c3b6e; display:inline-block;  width:45%  }
.btn_blue:hover{opacity:0.7}




.w70{ display: inline-block; width:65%;}
.w30{ display: inline-block; width:25%;}