/**
 * 
 * 
 * 
 *
 *
**/

body{
}

/**** COMPRAS Y RESERVAS *****/
/* Información del servicio */
.info_servicio{
 	margin-top:10px;
	height: auto;
	border-bottom: 5px inset #CDCDCD;
	padding: 5px;
	float:left;
	position:relative;
	width:98%;
/*	margin-left:100px;*/
	background: white;

}

.forma_pago {
	position:relative;
	float:left;
	width:90%;
	margin-top:20px;
	border:5px solid #CDCDCD;
	padding:10px;
}

#FormasPago {
	position:relative;
	float:left;
	width:95%;
}
	
#FormasPago input{
	position:relative;
	float:left;
	width:5%;
	border:0px solid #CDCDCD;
}
	
#FormasPago label{
	position:relative;
	float:left;
	width:93%;
	border:0px solid #CDCDCD;
}


.info_servicio1 img{
	width:100% !important;
}
.info_servicio1{
 	margin-top:10px;
	height: auto;
	border-bottom: 5px inset #CDCDCD;
	padding: 20px;
	float:left;
	position:relative;
	width:90%;
/*	margin-left:100px;*/
background: white;
}
.info_servicio1 h4{
	color:#5BB6E2 !important;
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 20px;
}
#RecibirCorreoReserva{
	 float: left;
	 position:relative;
	 width:90%;
	 margin-left:5%;
	 margin-right:5%;
	 text-align:left;
}
#RecibirCorreoReserva label{
padding-left: 0px !important;
font-size:12px;
font-weight:bold;
}
.info_servicio h4{
	color:#5BB6E2 !important;
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 20px;
}
/* Bloque de información obtenido del módulo de reservas*/
.info_compra_reserva{
	background-color: #fff;
	padding: 10px; 
	text-align:left;
	width: 90%;
	float: left;
	position:relative;
	border: 1px solid #E5E5E5;
	
	margin-bottom:10px;
}
.info_compra_reserva1{
	background-color: #fff;
	padding: 10px; 
	text-align:left;
	width: 90%;
	float: left;
	position:relative;
	border: 1px solid #E5E5E5;
	
	margin-bottom:20px;
}
.info_compra_reserva1 p{
	color:#333;
	line-height:18px;
}
.info_compra_reserva1 h4{
	color:#5BB6E2!important;
	margin-bottom:10px;
	margin-top:10px;
}
/*Tarifas del servicio elegido */
.tarifas_servicio{
	float:left;
	position:relative;
	width:90%;
	margin-left:2%;
	margin-bottom:10px;
	display:none;
}
.tabla_tarifas{
	background-color: white;
	width:240px;
/*	border:0px !important;*/
/*	border-radius: 10px 10px 10px 10px;*/
	
	
	
	border: 1px solid #E5E5E5;
	 /*   border-radius: 6px 6px 6px 6px;*/
	  
}
.tabla_tarifas tr{
/*	border:0px !important;*/
border: 1px solid #E5E5E5;
}
.td_tarifas{
/*	border:0px !important;*/
	padding:10px;
	border: 1px solid #E5E5E5;
	background: none repeat scroll 0 0 #E5E5E5;
	text-align:center;
	
	
	
	
}
.grupo_usuarios{
	padding: 5px 5px 5px 30px;
	border:0px !important;
	font-family: Arial, Helvetica, sans-serif;
	color:#A4A4A4;
	font-weight: bold;
}
.precio_tarifa{
	padding: 5px 5px 5px 5px;
	border:0px !important;
	font-family: Arial, Helvetica, sans-serif;
	color:#5BB6E2;
	font-weight: bold;
	text-align:center;
	
}
/*Carrito*/
.carrito{
	float:left;
	position:relative;
	background-color: #F2F2F2;
	/*width:62%;*/
	min-width:90%;
	max-width:90%;
	padding: 10px;
	height:auto;
	margin-bottom:20px;
	border: 1px solid #E5E5E5;
	
}
.carrito h4{
	color:#5BB6E2 !important;
	font-weight: bold;
}
.carrito label{
	padding-left: 0px !important;
	font-size:12px;
}
.tabla_encabezadotarifas{
/*	width:400px;*/
	border: 0px !important;
	margin-bottom:10px;
	width:100%;
	float:left;
	position:relative;
}
.tabla_encabezadotarifas th{
	border: 0px !important;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	width: 30%;
	max-width:30%;
	background: #999999;
	padding: 3px;
	text-align:center;
}
.tabla_encabezadotarifas td{
	text-align:center;
	background:#fff;
	color:#666;
	font-weight:normal;
	width:30%;
	max-width:30%;
}
.info_carrito h4{
	color: #5BB6E2 !important;
}
.info_carrito ul{
	list-style:none;
	float:left;
	position:relative;
	width:100%;
}

.linea_tarifa_usuario{
	background-color:#fff;
	margin-bottom:7px;
	float:left;
	position:relative;
	width:95%;
	margin-left:9px;
}
.ul_listado_tarifas{
	list-style:none !important;
}
.ul_listado_tarifas li{
	height:40px !important;
}
.select_tarifa{
	width:110px !important;
	margin-left: 30px;
	margin-top: 7px;
	height: 25px;
	min-height:30px;
	line-height:20px;
}
.numero_usuario{
	text-align: left;
	float:left;
	padding-right:42px;
	line-height: 35px;
	padding-left: 30px;
}
.PreciotarifaSeleccionada{
	margin-top: -30px;
	margin-left: 144px;
	font-family: Arial, Helvetica, sans-serif;
	color: #848484;
/*	text-align: center;*/
	padding-left: 115px;
/*	padding-right: 30px;*/
	line-height: 35px;
}
.titulo_total{
	font-weight:bold;
	margin-bottom:10px;
}
.total_precio{
	color: #5BB6E2 !important;
	font-weight:bold;
}

/*Datos personales */
.compra_reserva_servicio{
/*	margin: -135px 10px 10px 10px;*/
/*clear: both;*/
}
.datos_personales2{
	background-color: #F2F2F2;
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #E5E5E5;

	float: left;
	position:relative;
	width:90%;
	margin-bottom:10px;
}


.datos_personales3{
	background-color: #F2F2F2;
	padding: 20px;
	width:365px;
/*	height:220px;*/
	margin-left:120px;
	    margin-top: 20px;
	
	
	border: 1px solid #E5E5E5;
	  
	
}
.datos_personales{
	float:left;
	position:relative;
	background-color: #F2F2F2;
	padding: 10px;
	width:90%;
	border: 1px solid #E5E5E5;
	
	overflow:auto;
	margin-bottom:20px;
	
}

.nombre_reserva , .apellidos_reserva, .telefono_reserva, .email_reserva{
	font-weight: bold;
}
.nombre_anulacion , .apellidos_anulacion, .telefono_anulacion, .email_anulacion{
	font-weight: bold;
	  padding-right: 20px;
}

.texto_reserva{
	font-size: 26px;
	padding: 20px;
	color: #535E67;
	line-height:25px;
	text-align:center;
}
.validar_plazas{
	text-align: center;
	margin: 30px 10px 10px 10px;
	color: #5BB6E2;
	font-weight: bold;
}



.datos_personales h4{
	color:#5BB6E2 !important;
	font-weight: bold;
	margin-bottom:15px;
}
.input_datopersonal{
	float:left;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color:#A4A4A4;
	font-weight: bold;
	vertical-align: middle;
	width:260px;
}
.linea_datos{
	float:left;
	position:relative;
	width:100%;
}
.label_datopersonal{
	float:left;
	position:relative;
	margin-top: 10px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#A4A4A4;
	font-weight: bold;
	text-align:right;
	width:33%;
	margin-right:2%;
}
.datos_personales input{
	float:left;
	position:relative;
	width:41%;
	
}
.boton_compra{
	background: #0077A8;
	/*background-image: linear-gradient(to bottom, #81072c 0px, #a20938);*/
	/*border-color: #B1231F;*/
/*	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset;*/
	
	width:100px;
	margin-top: 30px;
	cursor:pointer;
	/*margin-left:520px;*/
	border: 1px solid #E5E5E5;
	
}
.boton_compra:hover{
	background:#333;
	color:#FFF;
}
input.boton_compra{
  color: #fff;;
  font-size: 16px;
  height: 40px;
/*margin-left: 180px;*/
  margin-top: 10px;
  margin-bottom:10px;
  cursor:pointer;
  width:auto;
  float:left;
  position:relative;
  
  
  
}


.imprimir{
    border-top: 1px solid #CCCCCC;
    float: left;
    margin-top: 10px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    width: 100%;
}

input.confirmar_compra {
    color: #FFF;
    font-size: 17px;
    height: 40px;
/*    margin-left: 160px;*/
    margin-top: 10px;
	margin-bottom:10px;
    border: 1px solid #E5E5E5;
    /*  border-radius: 6px 6px 6px 6px*/;
   
    cursor:pointer;
	background: #0077A8;
	margin-left: 35px;
}
input.confirmar_compra:hover{
	background:#333;
	color:#FFF;
}
.confirmar_compra {
    background: #5BB6E2;
   /* background-image: linear-gradient(to bottom, #81072C 0px, #A20938);*/
    border-color: #B1231F;
   
    margin-left: 520px;
    margin-top: 30px;
  
    width: 100px;
    
    border: 1px solid #E5E5E5;
    /*  border-radius: 6px 6px 6px 6px*/;
    
}


.volver_carrito{
	 /*background-image: url("volver.png") !important;*/
	 width: 60px;
	 height: 35px;
	 border: 1px solid #E5E5E5;
	 /*  border-radius: 6px 6px 6px 6px*/;
	  
	   cursor:pointer;
	   float:left;
	   position:relative;
	   margin-top:10px;
	   color:#666 !important;
	   line-height:35px !important;
	   text-transform:uppercase;
	   text-align:center;
}
.volver_carrito:hover{
	background-color:#333;
	color:#FFF !important;
	text-align:center;
}


.boton_confirmar_reservam{
	background: #0077A8;
	/*background-image: linear-gradient(to bottom, #81072c 0px, #a20938);*/
	/*border-color: #B1231F;*/
/*	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset;*/
	
	margin-top: 10px !important;
	margin-bottom:10px !important;
	cursor:pointer;
	border: 1px solid #E5E5E5;
	
	float:left;
	position:relative;
	margin-left:95px !important;
	width:auto !important;
}
.boton_confirmar_reservam:hover{
	background:#333;
	color:#FFF;
}
input.boton_confirmar_reservam{
color: #fff;;
  font-size: 17px;
  height: 40px;
  margin-left: 0px;
  margin-top: 10px;
  width: 300px;
  cursor:pointer;
  
  
  
}
#modulo_reservas{
	float:left;
	position:relative;
	width:100%;
}
.volver_carrito1{
/*	 background-image: url("volver.png") !important;
	 width: 100px;
	 height: 35px;
	 border: 1px solid #E5E5E5;
	 /*  border-radius: 6px 6px 6px 6px*!/;
	   box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	   cursor:pointer;
	   color:#666 !important;
	   line-height:35px !important;
	   text-transform:uppercase;
	   text-align:center;
	   position:absolute;
	/*   bottom:10px;*!/
	/*   right:10px;*!/
	   top:-50px;*/
	/*   background-image: url("volver.png") !important;*/
	   width: 60px;
	   height: 35px;
	   border: 1px solid #E5E5E5;
	   /*  border-radius: 6px 6px 6px 6px*/;
	   
	     cursor:pointer;
	    /* float:left;
	     position:relative;
	     margin-top:20px;*/
	     color:#666 !important;
	    /* line-height:35px !important;*/
	     text-transform:uppercase;
	     text-align:center;
		 position:absolute;
		 top:-50px;
}
.volver_carrito1:hover{
	background-color:#333;
	color:#FFF !important;
	text-align:center;
}




/*Finalizada compra */
.datos_compra{
float:left;
position:relative;
width:100%;
}
.mensaje_informativo{
border-bottom: 5px inset #CDCDCD;
 margin-bottom: 30px;
 margin-top: 50px;
 padding-bottom: 20px;
}
.localizador{
	width:93%;
	background-color: #5BB6E2;
	color: #FFF;
	float: left;
	position:relative;
	
	margin-bottom:10px;
	margin-right:10px;
	text-align:center;
	padding-top:10px;
}

.localizador_reserva{
	width:93%;
	background-color: #5BB6E2;
	color: #FFF;
	float: left;
	position:relative;
	border: 1px solid #E5E5E5;
	
	font-size: 20px;
	text-align:center;
	margin-right:3%;
	padding:5px;
	margin-bottom:10px;
	margin-top:10px;
}
.localizador_reserva h4{
color: #fff;
text-align:center;
}

.localizador_anulacion{
	padding:10px;
   margin: 30px 15px 20px 130px;
	height:auto;
	width:345px;
	background-color: #5BB6E2;
	color: white;
	float: left;
	
	border: 1px solid #E5E5E5;
}

.info_anular{
background-color: white;
  margin-bottom: 10px;
  margin-left: 120px;
/*  margin-top: 60px;*/
  padding: 15px;
  text-align: left;
  width: 375px;
   
   border: 1px solid #E5E5E5;
    
}
.info_compra h4{
	color: #5BB6E2 !important;
}
.info_compra{
  float:left;
  position:relative;
  width:90%;
  background-color: #FFF;
  margin-bottom: 20px;
  padding: 10px;
  text-align: left;
  border: 1px solid #E5E5E5;
 
}
.info_compra_fin{
  float:left;
  position:relative;
  width:90%;
  background-color: #FFF;
  margin-bottom: 20px;
  padding: 10px;
  text-align: left;
  border: 1px solid #E5E5E5;
  
}
.info_compra_fin h4{
	color: #5BB6E2 !important;
}
.info_datos_personales h4{
color: #5BB6E2 !important;
}
.info_datos_personales{
	float:left;
	position:relative;
	width:90%;
	margin-left:2%;
	background-color:#F2F2F2;
	height: auto;
	padding: 10px;
	border: 1px solid #E5E5E5;
	
	  
}

.numusuario{
	float: left;
	width: 100px;
}

.nombretarifacarrito{
	float: left;
/*	margin-left: 100px;*/
		width: 120px;
}

.preciotarifacarrito{
	float: left;
/*	margin-left: 100px;*/
		width: 120px;
	
}

.titulototal{
	float:right;
	position:relative;
	color: #fff;
	background: #CDCDCD;
	padding-left:10px;
	padding-right:10px;
	width:30%;
	clear:both;
	text-align:center;
	margin-top:5px;
	font-weight:bold;
		
}

.info_total_carrito{
/*float: left;*/
color:#FFF;
margin-top: 5px;
font-weight: bold;
font-size: 110%;
background: #0077A8;
padding: 10px;
float:right;
width:30%;
position:relative;
clear:both;
text-align:center;
}

.info_carrito{
	background-color: #F2F2F2;
	padding: 10px 10px 10px 10px;
	width:90%;
	height:auto;
	margin-bottom:20px;
	float:left;
	position: relative;
	border: 1px solid #E5E5E5;
	
}
.info_carrito h4{
	color:#5BB6E2 !important;
	 margin-bottom: 10px;
}
.info_carrito table{
	float:left;
	position:relative;
	width:100%;
}
.info_carrito th{
	border: 0px !important;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	background: #999999;
	padding: 3px;
	width:30%;
	text-align:center;
}
.info_carrito td{
	border: 0px !important;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-weight: nornal;
	background: #fff;
	padding: 3px;
	width:30%;
	text-align:center;
}
.info_carrito label{
	float:left;
	position:relative;
	width:90%;
	font-size:11px;
	margin-left:5%;
	text-align:left;
}
.info_servicio_reserva {
   float: left;
   position:relative;
   width:100%;
   height: auto;	
}
.info_servicio_reserva h4{
margin-top: 20px;
	color:#5BB6E2 !important;
	font-weight: bold;
	
	font-size: 22px;
	 margin-bottom: 10px;
	
}
.error{
	float:left;
	color:#F00;
}
.recibir_correo{
/*	margin-top: 20px;*/
	margin-left: 5%;
	float: left;
	position:relative;
	width:90%;

}
.recibir_correo input{
	margin-right:5px;
}

.datos_compra h3{
	color:#5BB6E2 !important;
	margin-top:10px;
	margin-bottom:10px;
}

.datos_personales3 h4{
	color:#5BB6E2 !important;
	margin-top:10px;
	margin-bottom:20px;
}

#informacion_reservas{
	float:left;
	position:relative;
	width:90%;
	text-align:left;
}
#informacion_reservas h4{
	color:#5BB6E2;
	margin-bottom:10px;
	margin-top:10px;
}
#informacion_reservas p{
	line-height:18px;
	text-align:left;
	color:#333;
}
.localizador h4{
	font-size: 20px;
	color: #fff;
}
.localizador_modificar h4{
	color:#000 !important;
}
.localizador_modificar span{
	color:#5BB6E2 !important;
}
#info_localizador{
	float:left;
	position:relative;
	width:100%;
	text-align:left;
}
#info_localizador_fin{
	float:left;
	position:relative;
	width:93%;
	text-align:left;
	margin-left:2%;
	margin-right:2%;
}
.info_modificar{
	float:left;
	position:relative;
	width:100%;
	text-align:left;
	margin-top:5px;
	margin-bottom:5px;
}
.radio_modificar{
	float:left;
	position:relative;
	margin-left:-20px;
	margin-right:5px !important;
	margin-top:2px;
}
.datos_personales4{
	float:left;
	position:relative;
	width:100%;
	text-align:left;
	color:#333;
}
#opciones_modificacion{
	float:left;
	position:relative;
	width:90%;
	border-top:1px solid #ccc;
	margin-top:5px;
	padding-top:10px;
	
}
#opciones_modificacion h4{
	color: #5BB6E2;
    margin-bottom: 10px;
	margin-top:10px;
}
#opciones_modificacion p{
	line-height:18px;
	text-align:left;
	color:#333;
}
#opciones_modificacion_valle{
	float:left;
	position:relative;
	width:100%;
	border-top:1px solid #ccc;
	margin-top:5px;
	padding-top:10px;
	
}
#opciones_modificacion_valle h4{
	color: #5BB6E2;
    margin-bottom: 10px;
	margin-top:10px;
}
#opciones_modificacion_valle p{
	line-height:18px;
	text-align:left;
	color:#333;
}
.modificar_seleccion label{
	font-weight:bold;
	width:15%;
	text-align:right;
	margin-right:2%;
	float:left;
	position:relative;
	color:#333;
}
.modificar_seleccion select{
	float:left;
	position:relative;
	width:75%;
}
.modificar_seleccion{
	float:left;
	position:relative;
	width:100%;
	text-align:left;
	margin-top:5px;
	margin-bottom:10px;
}
.continuar_modificacion{
	float:left;
	position:relative;
	width:100%;
	text-align:center;
	border-top:1px solid #CCC;
	margin-top:10px;
}
input.boton_modificar{
	color: white;
  font-size: 16px;
  height: 40px;
  margin-top: 10px;
  cursor:pointer;
  float:left;
  position:relative;
  
}
.boton_modificar{
	background-color: #5BB6E2;
	/*background-image: linear-gradient(to bottom, #81072c 0px, #a20938);*/
	/*border-color: #B1231F;*/
/*	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset;*/

	width:100px;
	margin-top: 30px;
	cursor:pointer;
	border: 1px solid #E5E5E5;
	   
}
.boton_modificar:hover{
	background:#333;
	color:#FFF;
}
.info_carrito_anulacion{
	float:left;
	position:relative;
	width:100%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-top:5px;
	margin-bottom::5px;
	padding-bottom:10px;
	padding-top:10px;
	color:#333;
}
.info_carrito_anulacion h4{
	color: #5BB6E2;
    margin-bottom: 10px;
	margin-top:10px;
}
.info_carrito_anulacion p{
	line-height:18px;
	text-align:left;
	color:#333;
}
.finalizar_compra{
	float:left;
	position:relative;
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px solid #f8f8f8;
	border-bottom:1px solid #f8f8f8;
}
.titulototalanulacion{
	float:left;
	position:relative;
	width:430px;
	text-align:right;
	margin-top:20px;
}
.titulototalanulacion span{
	color: #5BB6E2;
}
.info_carrito_anulacion ul{
	float:left;
	position:relative;
	margin:0px;
	padding:0px;
	width:100%;
}
.info_carrito_anulacion ul li{
	float:left;
	position:relative;
	width:150px;
	text-align:center;
	list-style:none;
	margin:0px;
	padding:0px;
}
.info_compra_reserva p{
	color:#333;
	line-height:18px;
}
.info_compra_reserva h4{
	color:#5BB6E2!important;
	margin-bottom:10px;
	margin-top:10px;
}
.fecha_compra{
	font-size:12px;
	font-weight:bold;
	color:#5BB6E2;
}

.session-caducada-msg {
	text-align: center;
	color: #A9022F;
	font-size:12px;
	font-weight:bold;
}
.texto_agradecimiento{
	float:left;
	position:relative;
	width:93%;
	text-align:justify;
	padding:10px;
/*	font-size: 15px;*/
}
#session-caducada-msg{
	color:#A84662;
}
.total_carrito{
	text-align:center;
	font-size:bold !important;
	color:#5BB6E2 !important;
}
#icono_info{
	position:absolute;
	top:15px;
	right:0px;
	z-index:999;
}
.validar_localizador{
background: none repeat scroll 0 0 #999999;
border: medium none !important;
color: #FFFFFF;
cursor: pointer;
float: left;
height: 30px;
margin-left: 2%;
margin-top: 4px;
position: relative;
width: 32% !important;
}
.input_localizador{
	height:20px;
	margin-top:4px;
	width: 58%;
	color: #4A565F;
	float:left;
	position:relative;
}
#MensajeValidacionAbonado{
	float:left;
	position:relative;
	width:100%;
	text-align:center;
	color:#5BB6E2;
}
.body .container{
	background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
   
    padding: 5px;
	
}

