@CHARSET "ISO-8859-1";
@import "reset.css";

/* Estructura Web */
div#cabecera { width: 1000px; height:146px; }
div#pagina { width: 1000px;}
div#izquierda { width: 145px; float:left; font-size: 11px; margin-top: 5px;}
div#contenido { width: 580px; float:left; background-color:white; margin: 5px 0 5px 5px;}
div#derecha { width: 270px; float:right; margin-top: 5px;}
div#pie { width: 1000px; background-color:#FFFFFF; }

div.imagen-cabecera{ padding-top:10px; padding-left:10px; }

/* Cabecera */
div#logo{ background: url("../images/portal/logo-principal.jpg"); height: 100px; display: block;}
div#logo a#enlace-logo { float:left;  }
div#logo div#area-enlace { width:300px; height:100px; }
div#logo a.cabecera-bandera { float:left; margin:80px 0 0 10px;}

div#menu-principal{ background:transparent url(../images/portal/menu-principal.jpg) no-repeat; height: 40px; margin-top: 5px;}
div#menu-principal ul li { float: left; display: block; text-align: center; }
div#menu-principal ul li a span { display: none; }
div#menu-principal ul li a { display: block; width: 125px; height: 40px; }

div#menu-principal ul li a.hotel:hover { background: url(../images/portal/menu-principal.jpg) 0px -40px; }
div#menu-principal ul li a.actividades:hover { background: url(../images/portal/menu-principal.jpg) -125px -40px; }
div#menu-principal ul li a.paquetesVacacionales:hover { background: url(../images/portal/menu-principal.jpg) -250px -40px; }
div#menu-principal ul li a.hotelActividades:hover { background: url(../images/portal/menu-principal.jpg) -375px -40px; }
div#menu-principal ul li a.hotelCoche:hover { background: url(../images/portal/menu-principal.jpg) -500px -40px; }
div#menu-principal ul li a.serviciosPrivados:hover { background: url(../images/portal/menu-principal.jpg) -625px -40px; }
div#menu-principal ul li a.trasladosTransportes:hover { background: url(../images/portal/menu-principal.jpg) -750px -40px; }
div#menu-principal ul li a.tickets:hover { background: url(../images/portal/menu-principal.jpg) -875px -40px; }

div#menu-principal ul li a.hotel-seleccionada { background: url(../images/portal/menu-principal.jpg) 0px -40px; }
div#menu-principal ul li a.actividades-seleccionada { background: url(../images/portal/menu-principal.jpg) -125px -40px; }
div#menu-principal ul li a.paquetesVacacionales-seleccionada { background: url(../images/portal/menu-principal.jpg) -250px -40px; }
div#menu-principal ul li a.hotelActividades-seleccionada { background: url(../images/portal/menu-principal.jpg) -375px -40px; }
div#menu-principal ul li a.hotelCoche-seleccionada { background: url(../images/portal/menu-principal.jpg) -500px -40px; }
div#menu-principal ul li a.serviciosPrivados-seleccionada { background: url(../images/portal/menu-principal.jpg) -625px -40px; }
div#menu-principal ul li a.trasladosTransportes-seleccionada { background: url(../images/portal/menu-principal.jpg) -750px -40px; }
div#menu-principal ul li a.tickets-seleccionada { background: url(../images/portal/menu-principal.jpg) -875px -40px; }

div#cabecera div#banderas-idiomas { float:right; width:300px; }
div#cabecera a.bandera { margin-left:10px; }
div#cabecera div#logo div.enlace-cabecera { width: 30%; float: left; margin: 80px 0 0 180px; font-size: 11px; }
div.enlace-cabecera a { color: #1640B9;}

/* Menu Izquierda */
div#izquierda div.completo-izquierdo { width: 140px; margin-bottom: 5px; margin-left: 5px; }
div#izquierda div.cabecera-izquierdo { background-image: url(../images/portal/cabeceraContenidoIzquierda.jpg); background-repeat: no-repeat; height: 30px; font-size: 13px; color: #5F80C7; font-weight: bold;}
div#izquierda div.cabecera-izquierdo div.posicionar-texto-izquierda { padding: 6px 0 0 10px;}
div#izquierda div.contenido-izquierdo { width: 138px; border-left:1px solid #9D9C99;border-right:1px solid #9D9C99;}
div#izquierda div.pie-izquierdo { width:140px; height:13px; background:url(../images/portal/pieContenidoIzquierda.jpg) no-repeat;}
div#izquierda div#buscar-actividad div#contenido-buscar input#buscar, div#izquierda div#menu-reserva div#contenido-reserva input#enviar{ margin: 7px 0px 0px 38px; }
div#izquierda div#buscar-actividad div#contenido-buscar select { font-size: 11px; width:125px; margin-left: 2px;}
div#izquierda div#menu-reserva div#contenido-reserva  div#campo-reserva input { font-size: 12px; width:115px; margin-left: 2px; height: 15px;}
div#izquierda div#buscar-actividad div#contenido-buscar .etiqueta , div#izquierda div#menu-reserva div#contenido-reserva .etiqueta { font-size: 12px; padding-top:8px; width: 100%;}
div#izquierda a {margin-left: 8px; color: #5F80C7; font-weight: bold; font-size: 12px;}

div#izquierda div#contacto div#contenido-contacto div.titulo { float: left; width: 45px; padding: 10px 0px 5px 25px;  font-size: 12px; font-weight: bold; color: #747679;}
div#izquierda div#contacto div#contenido-contacto .centrar-negrita{ width:95%; text-align: left; font-weight: bold; margin-left: 6px; color: #747679; padding-top: 2px;}
div#izquierda div#contacto div#contenido-contacto .centrar{ width: 95%; text-align: right; padding-bottom: 5px;}
div#izquierda div#contacto div#contenido-contacto .centrar-varios{ width: 95%; text-align: right;}
div#izquierda div#contacto div#contenido-contacto .imagen-telefono { width: 30%; float: left; margin-left: -2px;}
div#izquierda div#contacto div#contenido-contacto .numero-telefono { width: 70%; float: left; margin-top: 2px;}
div#izquierda div#contacto div#contenido-contacto .numero-fax { width: 70%; float: left; margin-top: 7px; }
div#izquierda div#contacto div#contenido-contacto div.campo-correo { clear: both; overflow: hidden; padding-left: 2px;}
div#izquierda div#contacto div#contenido-contacto .imagen-correo { width: 20%; float: left;}
div#izquierda div#contacto div#contenido-contacto .texto-correo { width: 80%; float: left; margin-top: 3px;}
div#izquierda div#contacto div#contenido-contacto .texto-correo  a { font-size: 11px; margin-left: 0px; font-weight: normal; color: #0C0AAF;}
div#izquierda a img { margin-top: 5px;}
div#izquierda div.margen-enlaces { padding: 3px 0px 1px 0px;}
div#izquierda div.error-reserva { padding: 8px 5px; text-align: center; font-weight: bold;}
div#izquierda div.mensaje { font-weight: bold; padding: 0 5px 2px 5px; font-size: 11px; text-align: center}
div#izquierda div#menu-usuario div#links {clear: both;}
div#izquierda div#menu-usuario div#salir a { color: #747679; font-size: 11px; float: right; margin-right: 2px}
div#izquierda div#menu-usuario div#cambiarpassword a { color: #747679;  font-size: 11px; float: left; margin-left: 2px;}
div#izquierda div#menu-usuario div#verReservas a { color: #747679;  font-size: 11px; float: left; margin-left: 2px;}


/* Menu Central */
div#contenido a {color: #5F80C7; font-weight: bold; font-size: 12px;}
div#contenido span{ font-size: 12px; color: #000000;}
div#contenido div.cabecera-central {background-image: url(../images/portal/cabeceraContenidoCentral.jpg); background-repeat: no-repeat; height: 15px;margin-bottom: -5px;}
div#contenido div.cabecera-usuario-central {background-image: url(../images/portal/cabeceraUsuarioCentral.jpg); background-repeat: no-repeat; height: 30px; font-size: 16px; color: #5F80C7; font-weight: bold; }
div#contenido div.cabecera-usuario-central .posicionar-texto-central { padding: 4px 0 0 20px;}
div#contenido div.contenido-central { width: 578px; border-left: 1px solid #9D9C99; border-right: 1px solid #9D9C99; background-color: #F3F3F3;}
div#contenido div.pie-central,div#contenido div.pie-central-servicio {height: 13px; background-image: url(../images/portal/pieContenidoCentral.jpg); background-repeat: no-repeat; width: 100%; margin-bottom: 5px;}
div#contenido div.actividades { width: 60%; font-size: 16px; color: #5F80C7; font-weight: bold; float: left;}
div#contenido div.actividades-pie { width: 60%; font-size: 12px; color: #5F80C7; font-weight: bold; float: left;}
div#contenido div.paginacion { width: 39%; float: left; text-align: right;} 
div#contenido div.foto-preliminar { width: 150px; height: 100px; float: left; overflow: hidden;}
div#contenido div.titulo-preliminar { width: 90%; padding: 10px 0 5px 5px; font-weight: bold;font-size: 17px; color: #5F80C7; }
div#contenido div.mas-informacion a { width: auto;float:left;padding: 5px 0px 5px 21px; color:#5F80C7; font-weight: bold;}
div#contenido div.texto-derecho { float: left; padding: 5px 0 0 10px; width: 230px;}
div#contenido div.texto-preliminar {float: left; width: 530px; min-height: 30px; padding: 10px 0 0 20px;}
div#contenido div.precio-reserva { float: left; width: 100%; text-align: center; color: #5F80C7; font-weight: bold; font-size: 24px;}
div#contenido div.campo-derecha-precio { float: right; width: 120px;margin: 35px 15px 0 0;border: 1px solid #5F80C7; background-color: #F1B43F;}
div#contenido div.campo-derecha-texto { float: left;width: 400px;padding-left: 20px;}
div#contenido div.texto-impuestos { float: left; width: 100%; text-align: center; font-size: 11px;}
div#contenido div.boton-reservar { float: left; width: 100%; text-align: center;margin-bottom: 2px;}
div#contenido div.primera-foto-completa { width: 235px; height: 175px; float: left; overflow: hidden; margin-top: -15px;}
div#contenido div.segunda-foto-completa { width: 280px; height: 120px;overflow: hidden; margin-left: 100px;}
div#contenido div.titulo-completa { width: 520px; font-size: 16px;font-weight: bold; color: #5F80C7; margin-left: 25px; padding-top: 5px;}
div#contenido div.texto-derecho-completa {width: 265px; margin: 5px 0 2px 20px; float: left; font-size: 14px;}
div#contenido div.texto-completa { width: 535px;padding: 20px 0 0 0px; clear:both; font-size: 14px; margin-left: 20px;}
div#contenido p.opciones { margin: 5px 0 0 25px; font-size: 12px;}
div#contenido div.si-incluye { width: 250px; float:left;}
div#contenido div.no-incluye { width: 250px; float:left; margin-left: 10px;}
div#contenido div.margen-izquierdo { margin-left: 5px;}
div#contenido div.margen-izquierdo-condiciones { padding-bottom: 12px; margin-left: 5px;}
div#contenido div.distinta-linea-negrita { font-weight: bold; font-size: 13px;}
div#contenido div.distinta-linea-negrita-rojo { font-weight: bold; font-size: 14px; color: #CA3240;}
div#contenido div.misma-linea-negrita { font-weight: bold; font-size: 13px; float: left; margin-right: 5px; margin-top: -1px;}


div#contenido div.bono-completo { padding: 15px 0 0 20px; width: 90%; font-size: 13px;}
div#contenido div.textos-fijos { margin-bottom: 8px;}
div#contenido div.titulo-negrita { float: left; width: 40%; font-weight: bold;}
div#contenido div.descripcion-bono { float: left; width: 60%; margin-bottom: 5px;}
div#contenido div.titulo-cabecera-bono { float: left; width: 55%; font-weight: bold; padding-bottom: 10px;}
div#contenido div.titulo-cabecera-directo { float: left; width: 55%; font-weight: bold; padding: 40px 0px 10px 0px;}
div#contenido div.titulo-cabecera-logo { float: right; width: 40%; font-weight: bold;}
div#contenido div.titulo-cabecera-bono div.logotipo-operador { width: 250px; height: 120px; overflow: hidden;}

div#contenido div.titulo-cabecera-bono div.nombre-logotipo { width: 90%; font-size: 13px;}
div#contenido div.contenido-central-bono { clear: both; width: 100%; margin-bottom: 8px;}
div#contenido div.contenido-bono-izquierda { float: left; width: 70%;}
div#contenido div.contenido-bono-derecha { float: left; width: 150px; height: 150px; overflow: hidden;}

div#contenido div.seguir-reservando { float: left; width: 60%; padding: 7px 0; text-align: right;}
div#contenido div.boton-imprimir { float: left; width: 20%;  padding: 10px 0 0 100px; cursor: pointer;}
div#contenido div.texto-operador { height:  40px; width: 100%; text-align: center; padding-top: 20px; font-size: 16px;}
div#contenido div.enlace-operador { width: 80%; height: 30px; text-align: right;}
div#contenido div.texto-confirmacion { width: 80%;margin: 5px 0 0 78px;}
div#contenido div.imagenes-servicio-completo { float: left; width: 30px; cursor: pointer}
div#contenido div.boton-volver { float: right;}
div#contenido div.posicionar-quienes-somos {padding: 5px 10px;}
div#contenido div#afiliados { padding: 5px 10px; font-size: 14px;}

/* Menu Derecha */
div#derecha div.completo-derecha { width: 260px; margin: 0px 5px 5px 5px;}
div#derecha div.cabecera-derecha { background-image: url(../images/portal/cabeceraContenidoDerecha.jpg); background-repeat:no-repeat; height: 30px; color: #5F80C7; font-size: 13px; font-weight: bold;}
div#derecha div.contenido-derecha { width: 258px; border-left: 1px solid #9D9C99; border-right: 1px solid #9D9C99;}
div#derecha div.pie-derecha { width: 260px; height:13px; background-image: url(../images/portal/pieContenidoDerecha.jpg); background-repeat:no-repeat;}

div#derecha div#actividad a { padding: 5px 0 0 10px; font-size: 11px; color:#5F80C7; font-weight: bold;}
div#derecha div.servicioDestacado { margin: 0 5px;background-color: #F3F3F3; width: 96%; border-top: 3px solid #FFFFFF;}
div#derecha img.imagen-servicios-destacados { margin: 10px 0 0 5px;}
div#derecha div.contenido-derecha select { width: 50px;}
div#derecha div.desde-precio { float: left; width: 70px; text-align: center; color:#5F80C7; font-size: 11px;}
div#derecha div.imagen-precio { float: left; width: 70px;}
div#derecha div.imagenDestacado { float: left; width: 60px; height: 60px;overflow: hidden; padding: 3px 2px 2px 3px; margin-bottom: 5px;}
div#derecha div.textoDestacado { float: left; width: 170px; font-size: 11px; margin: 5px 0 0 5px; height: 80px; color: #050E4F;}
div#derecha div.precioDestacado { font-size: 17px; font-weight: bold;}
div#derecha div.enlaceDestacado a { float: left; width: 170px; text-align: right; font-size: 11px; color:#5F80C7; margin-top: 3px;}
div#derecha img.imagen-reserva { margin: 10px 0 0 5px;}
div#derecha div#contenido-reserva div.etiqueta { float: left; width: 140px; padding: 5px 0 0 5px;}
div#derecha div#contenido-reserva div.entrada { float: left; width: 80px;}
div#derecha div#contenido-reserva div#campofecha { margin-left: 45px;}
div#derecha div#contenido-reserva div.centrar-texto-negrita { text-align: center; width: 100%; font-size: 13px;font-weight: bold; margin: 3px 0px;}
div#derecha div#contenido-reserva div.centrar-texto { width: 95%; font-size: 12px; float: left; text-align: center;}
div#derecha div.centrar-boton { width: 100%; text-align: center; padding-bottom: 2px;}
div#derecha div#contenido-reserva .botonMas{ float: left; cursor: pointer; margin: 2px 2px 2px 0px;}
div#derecha div#contenido-reserva .botonMenos{ float: left; cursor: pointer; margin: 2px 2px 0px 2px;}
div#derecha div#contenido-reserva .inputPersonas {width: 30px; float: left; text-align: center;}
div#derecha div#formulario-reserva { border-top: 1px solid #CFCFCF; margin-top: 5px; font-size: 12px;}
div#derecha div#contenido-reserva div#formulario-reserva .campo { padding:0 0 1px 5px; height: 35px; *height:40px;}
div#derecha div#contenido-reserva div#formulario-reserva div#campohotelRecogida.campo{padding:0 0 5px 5px; height: 35px;}
div#derecha div#contenido-reserva div#formulario-reserva .etiqueta { width: 130px; padding: 0px 0 0 2px;}
div#derecha div#contenido-reserva div#formulario-reserva .entrada { width: 100%;}
div#derecha div#contenido-reserva div#formulario-reserva div#campoNomenclatura.campo { padding:3px 0 1px 5px; height: 18px;}
div#derecha div#contenido-reserva div#formulario-reserva .varios-campos { margin-left: 7px; clear:both; height: 55px; width: 96%;}
div#derecha div#contenido-reserva div#formulario-reserva .combo-mes { width: 153px; float: left; padding: 2px 0 0 4px;}
div#derecha div#contenido-reserva div#formulario-reserva .combo-anyo { width: 80px; float: left; padding : 2px 0px 1px 5px;}
div#derecha div#contenido-reserva div#formulario-reserva .campo-izquierda { width: 140px; float: left;}
div#derecha div#contenido-reserva div#formulario-reserva .campo-derecha { width: 100px; float: left; overflow: hidden;}
div#derecha div#contenido-reserva div#formulario-reserva .etiqueta-izquierda {width: 55px; float: left;}
div#derecha div#contenido-reserva div#formulario-reserva .etiqueta-derecha {width: 35px; float: left;}
div#derecha div#contenido-reserva div#formulario-reserva select{ width: 97%; height: 20px;}
div#derecha div#contenido-reserva div#formulario-reserva input {width: 95%;}
div#derecha div#contenido-reserva div#formulario-reserva textarea { width: 95%;}
div#derecha div#contenido-reserva div#formulario-reserva div#campoobservaciones.campo { height: 70px; margin-bottom: 10px;}
div#derecha div#contenido-reserva div#campoopciones .entrada { margin-left: 24px; width: 40px;}
div#derecha div#contenido-reserva div#formulario-reserva .varios-campos  .combo-mes select {width: 140px;}
div#derecha div#contenido-reserva div#formulario-reserva .varios-campos  .combo-anyo select {width: 80px;}
div#derecha div#contenido-reserva div#formulario-reserva  div#boton.campo { padding-top: 5px; height: auto; text-align: center;}
div#derecha div#contenido-reserva div.etiqueta-precio-total { float: left; width: 135px; text-align: right; margin-top: 6px; font-weight: bold;}
div#derecha div#contenido-reserva div.etiqueta-importe-total { float: left; width: 135px; text-align: right; margin-top: 10px; font-weight: bold; font-size: 13px;}
div#derecha div#contenido-reserva div.etiqueta-precio { float: left; width: auto; margin: 2px 2px 0px 5px; font-size: 19px; text-align: left; color: #5F80C7;}
div#derecha div#contenido-reserva div#importe-total { border: 2px solid #5F80C7; padding: 2px 2px;}
div#derecha div#contenido-reserva div.informacion-adicional { border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF;}
div#derecha div#contenido-reserva div.informacion-adicional p { margin: 10px 10px;}
div#derecha div#contenido-reserva div#aceptarCondiciones { padding: 2px 0 0 8px; width: 95%;}
div#derecha div.posicionar-texto-derecha { padding: 7px 0 0 3px; }
div#derecha div.posicionar-texto-derecha-rojo { padding: 7px 0 0 3px; color: #CA3240;}
div#derecha div#contenido-reserva div#formulario-reserva input.radio ,
div#derecha div#contenido-reserva div#formulario-reserva input.check ,
div#derecha div#contenido-reserva div#formulario-reserva input.boton { width: auto;}

form .errorCampo { background-color: #FFB0B0; }

/* Formularios */
div.campo { clear: both; overflow: hidden; padding-left: 5px;}
div.etiqueta { float: left; width: 100px; }
div.entrada { float: left; width: 100px;}

/*Pie Pagina*/
div#pie { width: 100%; float: left; text-align: center; border-top: 1px solid #9D9C99; height: 30px;}
div#pie div.posicionar-pie { margin-top: 5px; width: 1000px;}
div#pie a , a#condicionesGenerales   { color: #1640B9; cursor:pointer; }
#modal_overlay {}
#modal_container { background-color:#FFFFFF; border:3px solid #AFB1AB; color:black; font-size:12px; overflow:auto; padding:5px; text-align:left;}
#titulo-modal { width: 90%; float: left; color: white; padding-top: 4px; padding-left: 5px; font-size: 16px;}
div.campo-modal{ clear: both; background-color:#5F80C7; width: 100%; height: 25px; *width: 97%;}
div.campo-modal img {padding-top: 5px; padding-right: 5px;}

/*Login Usuario*/
div#login-usuario div#campousuario { padding-top: 12px;}
div#login-usuario div.campo { padding: 0px 0 0 70px; font-size: 14px;}
div#solicitud-operador div.campo { padding: 0px 0 0 50px; font-size: 14px;}
div#login-usuario div#campo-usuario input , div#solicitud-operador div#campo-operador input { width: 250px;}

div#resultado-login { width: 250px; font-weight: bold; font-size: 12px; padding: 1px 0 5px 100px; text-align: center;}
div#solicitud-operador textarea {width: 249px; height: 50px;}
div#solicitud-operador div.etiqueta { width: 150px;}
div#solicitud-operador div#campoRazonSocial { padding-top: 12px;}
div#solicitud-operador div#campo-operador div.boton-enviar { float: left; width: 85px; padding: 30px 0 0 5px;}
div#login-usuario div#campo-usuario div.boton-entrar { float: left; width: 85px; margin-left: 5px;}
div#solicitud-operador div#campo-operador div.cuadro-texto , div#login-usuario div#campo-usuario div.cuadro-texto  { float: left;}
div#solicitud-operador div#campo-operador input#enviar , div#login-usuario div#campo-usuario input#entrar { width: auto; }
div#campo-usuario-password  div.etiqueta { float: left; width: 170px;}
div#campo-usuario-password { padding-top: 5px;}
div#campo-usuario-password div.boton-entrar { padding: 5px 0px 5px 238px;}

/*Emal*/
div#campo-usuario div#campoemail { float: left; width: 370px;}
div#campo-usuario { clear:both;padding-top: 12px;}
div#campo-usuario div#boton-enviar { float:left;}
div#resultado-login-email { width: 555px; font-weight: bold; font-size: 12px; padding: 1px 10px 5px 10px; text-align: center;}
	
/* Atencion cliente*/
div#pagina-atencion-cliente { width: 600px; margin: 50px auto; border: 2px solid #5F80C7;}
div#cabecera-atencion-cliente { width: 595px; background-color: #009CD7; height: 100px;}
div.logotipo-atencion-cliente { float: left; margin: 10px 0 0 15px;}
div.texto-logotipo-atencion-cliente { float:left; font-size: 20px; color:#FFF; margin: 40px 0 0 20px; font-weight: bold;}
div#contenido-atencion-cliente { width: 98%; margin: 15px 0 0px 10px; font-size: 14px;}
div#contenido-atencion-cliente a { color: #5F80C7; font-weight: bold;}
div.contenido-general { margin-bottom: 15px;}
div#contenido-atencion-cliente div.correo { text-align: center; font-size: 16px; color: #5F80C7; font-weight: bold;}
div#contenido-atencion-cliente div.telefono-fax { font-size: 13px; color: #5F80C7; margin-left: 160px;font-weight: bold;} 
div#contenido-atencion-cliente div.numero-telefono { font-size: 13px; color: #5F80C7; margin-left: 230px; font-weight: bold;}
div#contenido-atencion-cliente div.horario-direccion { font-weight: bold; font-size: 12px; margin-top: 5px;}
div#contenido-atencion-cliente div.contenido-horario-direccion { font-size: 12px; margin-left: 10px;}

/*verTodosReservas*/
table.registros { width: 98%; margin: 8px auto; }
table.registros thead { background-color: #1640B9; color: #FFFFFF; }
table.registros tr.color { background-color: #CBE5EC; }
table.registros td.centrado { text-align: center;}

#msj-aviso{
background-color:#ffffff;
border-width:2px;
border-color:#5f80c7;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
float:left;margin-left:5px;
padding:5px
}