* {margin: 0;padding: 0;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;font-weight:400;outline:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style:none}

body  {width:100%;overflow-x:hidden;color:#212125;}
	.bodyinterior {background:#FFF;}

.alinear_izquierda{text-align:left !important}
.alinear_derecha{text-align:right !important}
.flota_izquierda{float:left !important}
.flota_derecha{float:right !important}
.alinear_centro,.centrado{text-align:center !important}
.clear{clear:both;}
.dn {display:none}
em{font-style:normal}
strong{font-weight:600}

.color {color: #4db1e0 !important}
.bcolor {background: #4db1e0 !important}
	
a:link,a:active,a:visited,a:hover{text-decoration:none;color:#4db1e0;outline:none;transition: all 0.15s ease-in-out;}

h1,h2,h3,h4,h5,h6,h2 span {font-weight:400;font-family: 'Just Another Hand', cursive;text-transform:uppercase}

.contenedor{width:1280px;margin:0 auto;position:relative}

	.header{z-index:130;padding:0;margin:0;width:100%;position:fixed;height:120px;left:0;top:0}
		.logo{float:left;display:block;margin:20px 0 0 40px;text-align:left;height:80px;width:90px;position:relative;z-index:111}
			.logo h2 a{height:80px;margin:0;width:100%;display:block;overflow:hidden;}
		
		.socialbar {border-bottom:1px solid #FFF;position:absolute;left:0;top:0;right:0;height:35px;padding:0 40px 0 0}
			.restoli {display:inline;float:right;margin-left:10px}
				.restoli li {display:inline;float:left;position:relative;margin-left:1px}
				.toggle {display:none !important}
			
				.restoli a:link,.restoli a:active,.restoli a:visited{text-align:center;color:#FFF;font-size:13px;display:block;text-transform:uppercase;padding:0 10px;line-height:36px;height:36px}
				.restoli a:hover{color:#FFF !important;background:rgba(77,177,224,0.5)}
			
		a.toggle {display:none;width:40px;height:40px;color:#FFF;overflow:hidden;position:absolute;right:40px;top:50px;line-height:40px;text-align:right;font-size:26px}
		a.toggle2 {display:none;width:40px;height:40px;overflow:hidden;position:absolute;right:20px;top:20px;line-height:40px;text-align:right;font-size:26px}
		
		.menu {display:inline;float:right;margin:53px 40px 0 0;font-size:12px}
			.menu a:link,.menu a:active,.menu a:visited{color:#000;}
			.menu a:hover{color:#4db1e0;}
			.menu i {margin-right:5px;margin-left:15px}
		
		.fix {background:#FFF}
		.fix .socialbar {border-bottom:1px solid #EEE !important}
			.fix .restoli a:link,.fix .restoli a:active,.fix .restoli a:visited{color:#000;}
			
			.fix .menu nav li a:link,.fix .menu nav li a:active,.fix .menu nav li a:visited{color:#000}
			.fix .menu nav li a:hover,.fix a.toggle{color:#000;}

	section {display:inline;float:left;margin:0;width:100%;clear:both;padding:0;}
		.reservas,.padding {margin:20px 0 30px 0;}
		.titulo {background:#FFF}
		
		.flex1 {display:inline;float:left;width:100%}
			.flex1 .bloque {display:flex;justify-content:space-between;margin-bottom:30px;}
				
				.bloque_foto{border-radius:5px;flex:0 0 300px;overflow:hidden;}
					.bloque_foto img {width:100%;height:auto;display:block}
					
				.bloque_data{flex:auto;padding-left:30px;}
				
					.titulobloque {position:relative;display:block;font-size:45px;text-decoration:none;margin:0 0 10px 0;padding:0 0 5px 0;line-height:100%;font-family: 'Just Another Hand', cursive;text-transform:uppercase;text-align:left}
						.titulobloque:before {content:" ";position:absolute;left:0;bottom:0;height:2px;background:#DDD;width:60px}
					
					.bloquesal {margin-top:25px;display:flex;justify-content:space-between;}
						.salidas {float:left;font-size:12px;}
							.salidas i,.desde i {margin-right:5px}
						.desde {float:right;font-size:12px;}
						.bloquesal .superboton {margin-top:10px !important}
			
	.slideroverlay {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.60);z-index:109}
	.slider{display:inline;float:left;width:100%;position:relative;overflow:hidden;margin:0 0 30px 0;z-index:100;height:200px;}
		.slideroverlay span {left:50%;position:absolute;bottom:17px;text-align:center;font-size:32px;line-height:145%;font-weight:300;transform:translate(-50%,0);color:#FFF;z-index:111;}
	
	.sel {display:table;width:50%;margin:0 auto;border:1px solid #F2F2F2;border-radius:5px;overflow:hidden;position:relative}
		.self {position:absolute;width:100%;top:0;left:0;bottom:0;opacity:0.10;z-index:102}

		.seld {display:inline;float:right;width:100%;padding:40px;position:relative;z-index:103}
			.seld h3 {font-size:45px;margin:0 0 30px 0;}
				.subtitulo {font-size:30px !important}
			
			.seld .minidiv {position:relative;padding:0 0 0 65px;}
				.minidiv > i {width:50px;height:50px;border-radius:100%;position:absolute;top:0;left:0;font-size:24px;line-height:50px;text-align:center;color:#FFF}
			
			.seld label {display:block;margin:0 0 5px 0;font-size:16px;position:relative}
			.seld select {padding:10px;background:#FFF;font-size:16px;border-radius:5px;width:100%;border:1px solid #DDD;margin-bottom:35px}
			.seld *:disabled {opacity:0.4;cursor:not-allowed}
			
			.seld .gentemin,.seld .gentemax {border:0 !important;padding:0 !important;line-height:40px !important;font-size:16px !important;width:40px !important;clear:none !important;border-radius:100%;background:#4db1e0 !important;text-align:center !important;display:block !important;float:left;height:40px !important;transition:0.2s all linear;cursor:pointer}
			.seld .gentemin:hover,.seld .gentemax:hover {background:#000 !important}
				.gentemin i,.gentemax i {font-size:12px !important;text-align:center !important;line-height:40px !important;margin:0 !important}
				
			.seld input[type=text] {height:40px;float:left;width:80px;text-align:center;font-size:18px;border:0;background:transparent;margin-bottom:35px !important}
			
			.seld button,.respaso2 {clear:both;margin:0;line-height:50px;font-size:18px;border:0;padding:0 20px;border-radius:5px;color:#FFF}
				.seld button i,.respaso2 i {margin-right:10px;}
				
			.seld p {border:0 !important;margin:0 0 20px 0 !important}
			
			label {position:relative;clear:both}
			textarea {resize:none;width:100%;margin-bottom:20px;width:100%;height:100px;padding:10px;border-radius:5px;border:1px solid #DDD}
			
			.minitotal1 {font-size:16px;line-height:40px;flex:0 0 auto}
			.minitotal2 {display:inline-block;background:#4db1e0;line-height:40px;padding:0 15px;color:#FFF;font-size:19px;border-radius:5px;flex:0 0 auto}
			
			.titextra {font-size:24px;margin-top:20px}
			
			.flexextra p {display:flex;justify-content:space-between;margin-top:10px}
				.flexextra label {text-align:left;flex:1 0 auto;position:relative;padding-left:20px}
					.flexextra label input {position:absolute;left:0;top:50%;transform:translate(0,-50%)}
				.flexextra span {flex:0 0 auto;text-align:left;}
					.flexextra span em {font-style:normal;text-align:right;}
					
	.contflex {display:flex;justify-content:space-between;align-items:flex-start}
	
		.subtitulo {background:#FFF}
		
		.extras {flex:1 1 auto}
		
		.cesta {flex:0 0 400px;overflow:hidden;background:#f2f2f2;margin-left:30px}
			.cestaflex {display:flex;align-items:flex-end;justify-content:space-between;padding:20px;flex-wrap:wrap;}
				.npt {padding:0 20px !important;}
			
			.cestafull {padding:0 20px !important;}
			
			.rescupon {padding:20px 0}
			
				.cestaflex div {font-size:14px;flex:0 0 auto !important}
				.cestaflex div:nth-child(2) {text-align:right !important}
					.cestaflex h2 {font-size:24px;margin:0;line-height:24px;}
					.cestaflex p {margin-top:5px;margin-left:0}
						.cestaflex p i {width:25px;text-align:center}
						
		.flexform {border:1px solid #F2F2F2;padding:20px;display:flex;clear:both;flex-wrap:wrap;justify-content:space-between;margin-top:10px;margin-bottom:30px}
			.flexform div label {font-weight:bold;font-size:14px;display:block;line-height:20px}
			.flexform input[type=text],.flexform input[type=email],.flexform input[type=tel],.flexform input[type=number],.flexform input[type=password] {border-radius:4px;border:1px solid #DDD;padding:5px;font-size:13px;display:block;width:100%;margin:3px 0 10px 0}
			.flexform input[type=checkbox] {vertical-align:middle;margin:0 10px 0 0}
			.flexform input[type=submit] {border:0;padding:10px 30px;border-radius:4px;font-size:15px;text-transform:uppercase;color:#FFF;transition: all 0.15s ease-in-out;}
			.flexform input[type=submit]:hover {background:#212125}
			
			.flexform select {border-radius:4px;border:1px solid #DDD;padding:5px;font-size:13px;margin:3px 5px 10px 0;}
			
			.flexform .full label {margin-bottom:15px}
						
		
	.botonesform {display:flex;width:100%;text-align:center;padding:20px 0 0;margin:0 auto;transition: all 0.15s ease-in-out;}
		.botonesform li {flex:1 1 auto;font-size:13px;margin:0}
			.botonesform li i {font-size:30px;display:none;margin:0 0 10px 0}
				.botonesform a:link,.botonesform a:active,.botonesform a:visited{padding:10px 0;display:block;border:1px solid #ddd;background:#f2f2f2;border-radius:3px}
				
	.tpv {padding:15px;display:block;border:1px solid #ddd;background:#f2f2f2;border-radius:3px;width:100%;font-size:22px;transition: all 0.15s ease-in-out;}
		.tpv i {font-size:50px;display:block;margin:0 0 10px 0}
		.tpv span {display:block;font-size:12px;margin:10px 0 0 0}
		
	.tpv:hover {background:#4db1e0;color:#FFF;cursor:pointer;border:1px solid #4db1e0}
		.tpv:hover i,.tpv:hover span {color:#FFF}
		
	.tpv:disabled {opacity:0.3 !important;cursor:not-allowed}
	
	.listares1 {border-bottom:1px solid #DDD;}
	.listares2 {font-size:13px;padding:10px 0;}
		.listares2 i {margin-right:5px}
		
	
	.flexpago {display:flex;justify-content:space-between;padding:1%;border:1px solid #F0F0F0;margin:10px 0 20px 0}
		.flexpago > div {flex:1 0 auto;margin:1%;background:red}
			.flexpago button {display:block;transition:0.2s all linear;background:#F0F0F0;padding:25px;text-align:center;font-size:16px;cursor:pointer;width:100%;border:0}
			.flexpago button:hover {background:#4db1e0;color:#FFF !important}
				.flexpago button i {font-size:50px;display:block;margin-bottom:10px}
	
	.infosegura {display:inline;float:left;width:100%;position:relative;padding:15px 15px 15px 75px;border:1px solid #DDD;font-size:13px;line-height:135%;margin:30px 0}
		.infosegura i {position:absolute;left:15px;top:15px;font-size:34px;color:#DDD}
		
	.superboton{padding:8px 15px;display:inline-block;border-radius:3px;font-size:16px;color:#FFF !important;margin-top:17px}
		.superboton:hover{background:#212125}
		
		.supactivo {background:#4db1e0 !important}
		
	.submenu {position:relative;display:inline;float:left;width:100%;margin-bottom:50px;}
		.submenu:before {position:absolute;left:0;right:0;bottom:1px;height:1px;background:#F2F2F2;width:100%;content:" ";z-index:101}
		.submenu li {float:left;position:relative;z-index:102}
			.submenu li a:link,.submenu li a:active,.submenu li a:visited {font-size:13px;line-height:30px;display:block;border:solid #F2F2F2;border-width:1px 1px 0 1px;background:#F2F2F2;border-radius:4px 4px 0 0;padding:0 20px;margin-left:5px}
			.submenuact {background:#FFF !important;font-weight:bold;color:#212125 !important}
		
	.rec {background:#f2f2f2;font-size:14px;padding:10px 20px;border-radius:4px;margin-bottom:0;text-align:center;cursor:pointer}
		.rec span {display:block;font-size:35px;font-weight:bold}
		.rec input {padding:10px;text-align:center}
	
	.usuarios {margin:30px auto;width:auto;font-size:12px;clear:both}
		.usuarios fieldset {border:0;}
		.usuarios .flex {background:#F2F2F2;padding:30px;border:0;display:flex;clear:both;flex-wrap:wrap;justify-content:space-between}
			.half {flex:0 0 48%;position:relative;}
			.full {flex:0 0 100%;position:relative;}
				.usuarios div label {font-weight:bold;font-size:14px;display:block;line-height:20px}
				.usuarios input[type=text],.usuarios input[type=email],.usuarios input[type=tel],.usuarios input[type=number],.usuarios input[type=password] {border-radius:4px;border:1px solid #DDD;padding:5px;font-size:13px;display:block;width:100%;margin:3px 0 10px 0}
				.usuarios input[type=checkbox] {vertical-align:middle;margin:0 10px 0 0}
				.usuarios input[type=submit] {border:0;padding:10px 30px;border-radius:4px;font-size:15px;text-transform:uppercase;margin-top:20px;color:#FFF;transition: all 0.15s ease-in-out;}
				.usuarios input[type=submit]:hover {background:#212125}
				
				
	label.error {position:absolute;top:0;right:0;width:20px;height:20px;text-indent:-999em}
		label.error:before {font-size:16px;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f057";right:0;position:absolute;width:20px;height:20px;text-indent:0;text-align:right;color:red;line-height:20px}
	
	p.ok{font-size:13px;font-weight:normal;color:#4f8a10 !important;background:#dff2bf;text-align:left;padding:10px 10px 10px 30px !important;height:auto !important;position:relative;border:solid #FFF;border-width:10px 0}
		p.ok:before {position:absolute;width:15px;height:auto;top:50%;left:10px;transform:translate(0,-50%);content:"\f058";font-family: "Font Awesome 5 Free"; font-weight: 900; font-size:15px}
		
		p.ok2 {font-size:18px !important}
		
		
	p.error{font-size:13px;font-weight:normal;color:#d8000c !important;background:#ffbaba;text-align:left;padding:10px 10px 10px 30px !important;height:auto !important;position:relative;border:solid #FFF;border-width:10px 0}
		p.error:before {position:absolute;width:15px;height:auto;top:50%;left:10px;transform:translate(0,-50%);content:"\f06a";font-family: "Font Awesome 5 Free"; font-weight: 900; font-size:15px}
	p.alerta{font-weight:normal;color:#9f6000 !important;background:#feefb3;text-align:left;padding:10px 10px 10px 30px !important;height:auto !important;position:relative;border:solid #FFF;border-width:10px 0}
		p.alerta:before {position:absolute;width:15px;height:auto;top:50%;left:10px;transform:translate(0,-50%);content:"\f0f3";font-family: "Font Awesome 5 Free"; font-weight: 900; font-size:15px}
	p.info{font-size:13px;font-weight:normal;color:#00529b !important;background:#bde5f8;text-align:left;padding:10px 10px 10px 30px !important;height:auto !important;position:relative;border:solid #FFF;border-width:10px 0}
		p.info:before {position:absolute;width:15px;height:auto;top:50%;left:10px;transform:translate(0,-50%);content:"\f05a";font-family: "Font Awesome 5 Free"; font-weight: 900; font-size:15px}
	p.info2{font-size:13px;color:#666 !important;text-align:left;padding:10px 0 !important;height:auto !important;position:relative;border:solid #FFF;border-width:0 30px;margin:0 !important}
					
			/* Modal */
			.alertable { position: fixed;  z-index: 9999;  top: 50%;  left:50%;transform:translate(-50%,-50%);  max-width: 280px;  background: white;  border-radius: 4px;  padding: 20px;  margin: 0 auto;}
			/* Overlay */
			.alertable-overlay {  position: fixed;  z-index: 9998;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: rgba(0, 0, 0, .8);}
			/* Message */
			.alertable-message {  margin-bottom: 20px;font-size:16px;line-height:135%;color:#212125;text-align:center}
			/* Prompt */
			.alertable-prompt {  margin-bottom: 20px;}
			.alertable-input {  width: 100%;  border-radius: 4px;  box-shadow: none;  border: solid 1px #ccc;font-family: inherit;font-size: inherit; color: inherit;  padding: 6px 12px;  display: block;  box-sizing: border-box;  margin-bottom: 10px;}
			/* Button group */
			.alertable-buttons {  text-align: center;}
			/* OK button */
			.alertable-ok {  background: #4db1e0;border: 0;  font-family: inherit;  font-size: inherit;  color: white;  border-radius: 4px;  padding: 6px 12px;  margin:0 15px;  cursor: pointer;font-size:14px}
			/* Cancel button */
			.alertable-cancel {  border: 0;background: #F0F0F0;  font-family: inherit;  font-size: inherit;  color: #212125;  border-radius: 4px;  padding: 6px 12px;  margin:0 15px;  cursor: pointer;font-size:14px}
	

		
		
	
	footer{clear:both;background:#F0F0F0;display:inline;float:left;width:100%;margin:20px 0 0 0;position:relative;}
		.datos {display:inline;float:left;width:50%;padding:20px 0 20px 0;display:flex;align-items:center}
			.datos p {margin:0 0 10px 0;font-size:11px;color:#000}
			.datos p:last-child {margin-left:15px}
				.datos a:link,.datos a:active,.datos a:visited {color:#000;text-decoration:none;}
				

						
		.ue {display:inline;float:left;width:50%;padding:30px 0 0 0;text-align:right}
			.ue2 {max-width:100%;height:auto;display:block;margin:0 auto 20px auto;clear:both;}
	
	
	@media only screen and (min-width: 1140px) and (max-width:1359px) 
	{
		.contenedor{width:1140px;}

	}
	
	@media only screen and (min-width: 960px) and (max-width:1139px) 
	{
		.contenedor{width:960px;}
		
		.datos,.ue {width:100%;}
			.ue img {float:none;margin:0 auto 20px auto}
			
		.flexpago {flex-wrap:wrap}
			.cesta {flex:0 0 340px}
	}
	
	@media only screen and (min-width: 768px) and (max-width: 959px) 
	{
		.contenedor{width:768px;padding:0 20px;}
		.sel {width:80%;}
		
		.flexpago {flex-wrap:wrap}
			.cesta {flex:0 0 340px}
	}

	@media only screen and (max-width: 767px) 
	{
		.contenedor{width:100%;padding:0 20px;}
		
		.slideroverlay span {white-space:pre}
		
		.bloque_foto,.bloquesal p{flex:0 0 100px;}
		.bloquesal {flex-wrap:wrap}
			.bloquesal p,.half{flex:0 0 100%;}
		.bloque_data{padding-left:20px;}
		
		.sel {width:100%;}
		
		.flex1 .bloque {flex-wrap:wrap}
		
		.datos,.ue {width:100%;}
			.ue img {float:none;margin:0 auto 20px auto}
			
		.contflex,.flexpago {flex-wrap:wrap}
			.extras {flex:0 0 100%;margin-bottom:30px}
			.cesta {flex:0 0 100%;margin-left:0;margin-top:0}
	}
	
	@media only screen and (max-width: 480px) 
	{
		.contenedor{width:100%;padding:0 20px;}
		
		.slideroverlay span {white-space:pre;font-size:23px}
		
		.bloque_foto{flex:0 0 100px;}
		.bloque_data{flex:1 1 auto;}
		.bloquesal {flex-wrap:wrap}
			.bloquesal p,.half{flex:0 0 100%;}
		.bloque_data{padding-left:20px;}
		
		.sel {width:100%;}
			.seld {padding:20px}
		
		.flex1 .bloque {flex-wrap:nowrap}
		.cesta .flex1 .bloque {flex-wrap:wrap !important}
		
		.datos,.ue {width:100%;}
			.ue img {float:none;margin:0 auto 20px auto}
			
			
		.contflex,.flexpago {flex-wrap:wrap}
			.extras {flex:0 0 100%;margin-bottom:30px}
			.cesta {flex:0 0 100%;margin-left:0;margin-top:0}
		
		.alertable {max-width:90% !important;width:90% !important}
	}