/*
VERSION: 1.4
FECHA: 27/01/2016
Notas de la versión:
	- Añadido de jquery para el despliegue de filtros de búsqueda en responsive.
	- Incorporación de formulario estándar en reservas
	- Añadido de botón "enviar" en forulario de reservas
	- Corrección de alineación de popup "mi cuenta" para resoluciones de monitores panorámicos
	- Reducción de tamaño en tabla de precios para la versión responsive
	- Correcciones generales de estilo en responsive

VERSION: 1.3
FECHA: 18/01/2016
Notas de la versión: Añadido de tres páginas: corporativa, login (barra de información cuando esta logeado) y resumen de reservas.

VERSION: 1.2
FECHA: 17/12/2015
Notas de la versión: Modificación de estructura de directorios

VERSION: 1.1
FECHA: 17/12/2015
Notas de la versión: 
WEB
Eliminación de la barra lateral en individual hotel
Añadido de formulario en individual hotel

RESPONSIVE
Ajuste general al login
Retoques de estilos resultados de búsqueda. Añadido de filtros
Correcciones generales de visualización en responsive


VERSION: 1.0
FECHA: 16/12/2015
Notas de la versión: primera entrega, web y responsive
*/

body {
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
    text-rendering: optimizelegibility;
    font-size: 87.5%; /* Sets up the Base 10 stuff */
    font-family: 'Roboto', sans-serif;
    margin: 0;
	}
	
/* ===============
    GENÉRICOS
   =============== */
   
ul, ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
    
a {
    text-decoration: none;
    outline: none;
    }
    
a img {
	outline: none;
	border: none;
	}    
    
p a {
    color: #0d663a;
    }
    
p {
    font-weight: 300;
    margin: 0 0 10px 0;
    }
    
h1, h2, h3 {
    margin: 0;
    }
    
.contenedor-centrado {
    max-width: 1024px;
    margin: 0 auto;
    }
    
.derecha {
    float: right;
    }
    
.izquierda {
    float: left;
    }
    
strong {
    font-weight: 700;
    }
    
.responsive {
    display: none;
    }
    
.mapa {
    margin-bottom: 30px;
    }
    
[class^="fa-"],
[class*=" fa-"] {

    }
    
/* ===============
    CONTENIDO GENERAL
   =============== */
 
.contenido {
    overflow: hidden;
    padding: 35px;    
    clear: both;
    }
    
.barra-lateral-izquierda .contenido {
    padding: 35px 0;    
    overflow: hidden;
    }
    
.barra-lateral-derecha .contenido.contenedor-centrado,
.no-barra-lateral .contenido.contenedor-centrado {
    max-width: 954px;
    }
    
.contenido .contenido-principal {
    width: 620px; /* 650 - padding-right 30 */
    }
    
.no-barra-lateral .contenido .contenido-principal {
    width: 954px;
    }
    
.barra-lateral-izquierda .contenido .contenido-principal {
    width: 680px;
    }
    
.contenido .barra-lateral {
    width: 300px;
    }

 .barra-lateral-derecha .contenido .contenido-principal {
    padding-right: 30px;   
    float: left;
    }
    
 .barra-lateral-derecha .contenido .barra-lateral {
    background: #f8f8f8;
    float: right;
    padding: 10px 0;
    }
    
 .barra-lateral-izquierda .contenido .contenido-principal {
    float: right;
    }
    
 .barra-lateral-izquierda .contenido .barra-lateral {
    width: 300px;
    background: #e7f0ec;
    float: left;
    padding: 10px 0 0 0;
    }
    
.localizador {
    background: transparent url("imag/icono-localizador.png") no-repeat;
    padding-left: 30px;
    color: #333;
    font-weight: 300;
    font-size: .9em;
    line-height: 22px;
    margin-bottom: 20px;
    }  
    
.localizador a {
    color: #000;
    }  
    
.migas-de-pan {
    font-weight: 300;
    font-size: 1.1em;
    margin-bottom: 20px;
    }
    
.migas-de-pan a {
    color: #000;
    display: inline-block;
    border-right: 1px solid #000;
    padding-right: 10px;
    margin-right: 10px;
    }
    
.migas-de-pan a.ultimo {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    }
    
/* ===============
    PORTADA
   =============== */
    
.portada .contenido-principal h2 {
    font-weight: 700;
    font-size: 3.6em;
    }
    
/* ===============
    INTERNA
   =============== */
    
.interna .contenido-principal h2 {
    font-size: 2.4em;
    margin-bottom: 30px;
    }
    
.contenido-principal h3 {
    font-weight: 700;
    font-size: 1.9em;
    background: transparent url("imag/icono-contenido-h3.png") no-repeat left center;
    padding-left: 32px;
    min-height: 41px;
    margin: 0 0 30px 0;
    line-height: 1.2em;
    }
    
.contenido-principal ul,
.contenido-principal ol {
    margin: 20px 0;
    font-weight: 300;
    }
    
.contenido-principal ol > li {
    margin: 15px 0;
    padding: 0 0 0 2em;
    text-indent: -1.5em;
    list-style-type: none;
    counter-increment: item;
    }
    
.contenido-principal ol > li:before {
    display: inline-block;
    width: 1em;
    padding-right: 0.5em;
    font-weight: 700;
    text-align: right;
    content: counter(item) ".";
    }
        
.contenido-principal ul li {
    background: transparent url("imag/icono-li.png") no-repeat left 3px;
    padding-left: 25px;
    margin-bottom: 15px;
    }
    
.interna .intro-interna {
    margin-bottom: 30px;
    }
    
.interna .intro-interna p {
    font-size: 1.1em;
    }
    
/* ===============
    LISTADO ICONO HOTELES
   =============== */

.contenido-principal .listado-icono-hoteles {
    margin-bottom: 20px;
    }
      
.contenido-principal .listado-icono-hoteles li {
    font-size: 1.2em;
    background: transparent url("imag/icono-listado.png") no-repeat left center;
    border-top: 1px dashed #ccc;
    padding: 10px 0 10px 45px;
    font-weight: 300;
    }
    
.contenido-principal .listado-icono-hoteles li,
.contenido-principal .listado-icono-hoteles li a {
    color: #333;
    }

/* ===============
    LISTADO HOTELES
   =============== */

.listado-hoteles {
    margin-bottom: 30px;
    }
       
.contenido-principal .listado-hotel {
    overflow: hidden;
    border-bottom: 1px dashed #000;
    margin-bottom: 15px;
    padding-bottom: 15px;
    }
    
.contenido-principal .listado-hotel.ultimo {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-imagen,
.contenido-principal .listado-hoteles .listado-hotel-info {
    display: inline-block;
    vertical-align: text-top;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-precio {
    float: right;
   }
    
.contenido-principal .listado-hoteles .listado-hotel-imagen {
    margin-right: 20px;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-imagen img {
    display: block;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-info {
    width: 360px;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-info-titulo {
    font-weight: 700;
    font-size: 1.7em;
    margin-right: 5px;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-info-titulo,
.contenido-principal .listado-hoteles .listado-hotel-info-estrellas {
    display: inline-block;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-info-estrellas {
    font-size: 1.4em;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-info-ciudad {
    font-size: 1.3em;
    color: #0d663a;
    margin-bottom: 10px;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-info-ciudad,
.contenido-principal .listado-hoteles .listado-hotel-info-resumen {
    font-weight: 300;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-info-titulo a {
    color: #000;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-precio {
    background: #ececec;
    width: 120px;
    text-align: center;
    font-weight: 300;
    font-size: 1em;
    min-height: 110px;
    padding: 20px 0;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-precio .centrado-vertical-hijo {
    padding: 0 20px;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-precio span {
    font-weight: 700;
    font-size: 2.2em;
    }
    
/* ===============
    LISTADO OFERTAS HOTELES
   =============== */
       
.contenido-principal .ofertas-hoteles .ofertas-hotel {
    overflow: hidden;
    margin-bottom: 15px;
    font-weight: 300;
    }
    
.contenido-principal .ofertas-hoteles .ofertas-hotel .envoltorio{
    overflow: hidden;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
    min-height: 30px;
    }
    
.contenido-principal .ofertas-hoteles .ofertas-hotel.ultimo .envoltorio {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    }
    
.contenido-principal .oferta-hotel-titulo a {
    color: #000;
    }
    
.contenido-principal .oferta-hotel-titulo {
    width: 370px;
    font-size: 1.1em;
    }
    
.contenido-principal .oferta-hotel-precio {
    background: #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 7px;
    font-size: 1.3em;
    }
    
.contenido-principal .oferta-hotel-precio span {
    font-weight: 700;
    }
    
.contenido-principal .oferta-hotel-estrellas,
.contenido-principal .oferta-hotel-titulo,
.contenido-principal .oferta-hotel-precio,
.contenido-principal .ofertas-hoteles .ofertas-hotel .envoltorio {
    display: inline-block;
    vertical-align: text-top;
    }

/* ===============
    INDIVIDUAL HOTEL
   =============== */
       
.envoltorio h2,
.estrellas-gde,
.estrellas-peq {
    display: inline-block;
    vertical-align: text-top;
    }
    
.individual .envoltorio h2 {
    margin-right: 5px;
    }
    
.individual .contenido-principal .informacion-hotel-punteo h4 {
    font-weight: 300;
    font-size: 1.5em;
    background: transparent url("imag/icono-contenido-individual-h3.png") no-repeat left center;
    padding-left: 23px;
    min-height: 25px;
    margin: 0 0 10px 0;
    } 
    
.informacion-hotel .informacion-hotel-punteo {
    margin-bottom: 20px;
    } 
     
.informacion-hotel .informacion-hotel-punteo-info {
    font-weight: 300;
    margin-left: 24px;
    } 
    
.informacion-hotel .informacion-hotel-comentarios {
    background: #333;
    color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    } 
    
.informacion-hotel .informacion-hotel-comentario-titulo {
    font-weight: 300;
    font-size: .9em;
    margin-bottom: 10px;
    }
    
.informacion-hotel .informacion-hotel-comentario-info {
    font-family: "Georgia", Times New Roman, Serif;
    font-style: italic;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.3em;
    }  
    
/* ===============
    ESTRELLAS
   =============== */  
 
 .uno {
    background: transparent url("imag/estrellas/uno.png") no-repeat;
    }
    
.dos {
    background: transparent url("imag/estrellas/dos.png") no-repeat;
    }
    
.tres {
    background: transparent url("imag/estrellas/tres.png") no-repeat;
    }
    
.cuatro {
    background: transparent url("imag/estrellas/cuatro.png") no-repeat;
    }
       
.cinco {
    background: transparent url("imag/estrellas/cinco.png") no-repeat;
    }
    
.estrellas-gde.uno {
    background: transparent url("imag/estrellas/uno-gde.png") no-repeat;
    }
    
.estrellas-gde.dos {
    background: transparent url("imag/estrellas/dos-gde.png") no-repeat;
    }
    
.estrellas-gde.tres {
    background: transparent url("imag/estrellas/tres-gde.png") no-repeat;
    }
    
.estrellas-gde.cuatro {
    background: transparent url("imag/estrellas/cuatro-gde.png") no-repeat;
    }
       
.estrellas-gde.cinco {
    background: transparent url("imag/estrellas/cinco-gde.png") no-repeat;
    }
    
.estrellas-peq {
    width: 45px;
    min-height: 9px;
    margin: 8px 0 0 3px;
    } 
    
.estrellas-gde {
    width: 65px;
    min-height: 13px;
    margin: 8px 0 0 3px;
    }  
 
 /* ===============
    PAGINA RESERVAS
   =============== */
   
.dudas {
    background: #0d663a;
    color: #fff;
    padding: 15px 0;
    }
    
.dudas h2 {
    font-size: 1.8em;
    margin-bottom: 15px;
    }
    
.dudas p {
    font-weight: 300;
    font-size: 1.3em;
    line-height: .9em;
    }
    
.vuelta-resultados {
    background: #bed6ca;
    }
    
.vuelta-resultados a {
    font-weight: 700;
    font-size: 1.2em;
    background: transparent url("imag/icono-flecha-doble.png") no-repeat left center;
    padding-left: 40px;
    color: #fff;
    line-height: 50px;
    display: block;
    }
    
.interna.pagina-reservas .contenido-principal h2 {
    font-weight: 300;
    font-size: 1.6em;
    background: transparent url("imag/icono-contenido-h3.png") no-repeat left top;
    padding: 0 0 15px 32px;
    min-height: 41px;
    line-height: 41px;
    margin: 0 0 30px 0;
    border-bottom: 1px dashed #000;
    }
    
.datos-del-hotel {
    font-weight: 700;
    font-size: 1.5em;
    margin-bottom: 30px;
    }

.datos-del-hotel a {
    background: #bed6ca;
    color: #fff;
    padding: 0 10px;
    }    
    
.datos-basicos-reserva {
    font-size: 1.4em;
    font-weight: 300;
    margin-bottom: 20px;
    } 
    
.dato-basicos-reserva {
    margin-right: 30px;
    } 
    
.pagina-reservas table {
    text-align: center;
    margin-bottom: 20px;
    } 
    
.pagina-reservas table th {
    background: #bed6ca;
    font-weight: 300;
    } 
    
.pagina-reservas table tr {
    background: #ebf3ef;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.1em;
    } 
    
.pagina-reservas table td,
.pagina-reservas table th {
    border-bottom: 10px solid #fff;
    height: 40px;
    } 
    
.pagina-reservas table tr.reservas-precio-total {
    background: none;
    text-transform: none;
    font-weight: 700;
    text-align: right;
    font-size: 1.4em;
    } 
    
.pagina-reservas table td.reservas-precio-total-borde {
    border: 1px solid #ccc;
    padding-right: 20px;
    } 
    
.pagina-reservas .nota {
    color: #61987d;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 20px;
    font-size: .9em;
    } 
    
.pagina-reservas .seguro-anulacion,
.pagina-reservas .datos-pago-reserva,
.pagina-reservas .instrucciones-pago-tarjeta,
.pagina-reservas .premio-fidelidad {
    margin-left: 35px;
    } 
    
.pagina-reservas .datos-pago-reserva input {
    margin-bottom: 10px;
    } 
    
.pagina-reservas .seguro-anulacion,
.pagina-reservas .datos-pago-reserva,
.pagina-reservas .instrucciones-pago-tarjeta {
    color: #61987d;
    font-weight: 300;
    margin-bottom: 20px;
    } 
    
.pagina-reservas .premio-fidelidad {
    color: #fff;
    background: #507965;
    padding: 15px;
    margin-bottom: 20px;
    }
    
      
/* ===============
    CENTRADO VERTICAL
   =============== */
   
.centrado-vertical-padre {
    display: table;
    }
    
.centrado-vertical-hijo {
    display: table-cell;
    vertical-align: middle;
    }
            
/* ===============
    BARRA LATERAL
   =============== */
   
.barra-lateral h2 {
    font-weight: 300;
    font-size: 1.6em;
    background: transparent url("imag/icono-barralateral-h2.png") no-repeat left center;
    padding-left: 40px;
    margin-bottom: 10px;
    color: #a0a83b;
    }
    
.barra-lateral h2 {
    font-weight: 300;
    font-size: 1.6em;
    background: transparent url("imag/icono-barralateral-h2.png") no-repeat 10px center;
    padding-left: 35px;
    margin-bottom: 10px;
    color: #a0a83b;
    }
    
.resultado .barra-lateral h2 {
    font-size: 1.2em;
    background: transparent url("imag/icono-barralateral-h2.png") no-repeat 10px center;
    padding: 4px 0 4px 30px;
    margin-bottom: 0;
    min-height: 25px;
    color: #333;
    }  
    
.resultado .lateral-busqueda {
    background: #0d663a;
    padding: 15px 20px;
    font-weight: 300;
    } 
    
.resultado .lateral-busqueda,
.resultado .lateral-busqueda a {
    color: #fff;
    }     
    
.lateral-especiales {
    width: 240px;
    padding: 0 10px 0 35px;
    }   
    
.lateral-especiales .lateral-titulo {
    margin-bottom: 5px;
    }
 
.lateral-especiales .lateral-titulo a {
    color: #0d663a;
    }

.lateral-especiales .lateral-info {
    font-family: 'Lato', sans-serif;
    line-height: 1em;
    }  
    
.lateral-especiales .lateral-especial {
    border-bottom: 2px solid #fff;
    margin-bottom: 5px;
    padding-bottom: 5px;
    } 
    
.lateral-especiales .lateral-especial.ultimo {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    } 
    
.lateral-hoteles li {
    width: 240px;
    margin: 0 10px 10px 35px;
    } 
    
.lateral-hoteles a {
    display: block;
    font-size: 1.4em;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #0d663a;
   	color: #fff;
    font-family: 'PT Sans', sans-serif;
    } 
    
.lateral-hoteles,
.lateral-especiales {
    margin-bottom: 25px;
    } 
    
.contenido .barra-lateral .lateral-listado-generico {
    background: #f0f0f0;
    padding: 20px 0;
    margin-bottom: 10px;
    }
    
.contenido .barra-lateral .lateral-listado-generico li {
    font-weight: 300;
    padding-left: 35px;
    font-size: 1.1em;
    margin-bottom: 10px;
    }
    
.contenido .barra-lateral .lateral-listado-generico li a {
    color: #000;
    }
    
.resultado input.reservas-radio-input {
    clear: both;
    margin: 0 5px 7px 0;
    }
    
    
/* ===============
    BANNER PORTADA
   =============== */
   
.banner {
    border: 5px solid #e5e5e5;   
   	background: transparent url("imag/foto-banner-portada.png") no-repeat left center;
   	background-color: #f5f5f5;
   	min-height: 310px;
   	margin-bottom: 20px;
   	padding: 10px 10px 10px 210px;
    }
    
.banner .banner-titulo {
    font-size: 2em;
    font-weight: 700;
   	line-height: 1em;
    }
    
.banner .banner-titulo,
.banner .banner-subtitulo,
.banner .banner-info {
   	margin-bottom: 10px;
    }

.banner .banner-subtitulo {
    font-size: 1.4em;
    }
    
.banner .banner-subtitulo,
.banner .banner-info,
.banner .banner-contacto {
    font-weight: 300;
    }
        
.banner .banner-titulo,
.banner .banner-subtitulo {
    color: #333;
    }
    
.banner .banner-contacto,
.banner .banner-contacto a {
    color: #628774;
    }
  
.banner .banner-info,  
.banner .banner-contacto {
    font-size: 1.1em;
    }    
       
/* ===============
    CABECERA
   =============== */
   
.menu-corporativo {
    overflow: hidden;
    line-height: 30px;
    background: #ccc;    
    text-align: right;    
    }
    
.menu-corporativo .login {
    float: left;   
    background: #86b29c;    
    padding: 0 20px;
    }
    
.menu-corporativo li {
    display: inline-block;
    font-weight: 300;
    }
    
.menu-corporativo li a {
    border-right: 1px solid #fff;
    padding: 0 5px;
    }
    
.menu-corporativo li.ultimo a {
    border-right: none;
    }
    
.menu-corporativo li a {
    color: #fff;
    }
    
.informacion-corporativa {
    height: 127px;
    }
    
.informacion-corporativa .telefono,
.informacion-corporativa .llamada-gratis,
.informacion-corporativa .mi-cuenta,
.informacion-corporativa .idiomas {
   	display: inline-block;
	vertical-align: text-top;
    }
    
.informacion-corporativa .derecha {
   	background: #f5f5f5;
   	padding: 30px 20px;
    }
    
.informacion-corporativa .llamada-gratis {
   	width: 170px;
   	height: 50px;
   	border: 5px solid #d3e1da;
   	background: #fff url("imag/icono-llamada-gratis.png") no-repeat 7px center;
    }
    
.informacion-corporativa .llamada-gratis span {
   	float: right;
   	width: 100px;
   	color: #000;
   	text-align: right;
   	padding: 7px 10px 0 0;
   	line-height: 1em;
   	font-size: 1.2em;
    }
    
.informacion-corporativa .llamada-gratis a {
   	color: #000;
    }
    
.informacion-corporativa .telefono {
   	background: transparent url("imag/icono-telefono.png") no-repeat 0 center;
   	padding: 0 20px 0 30px;
    }
    
.informacion-corporativa .telefono .telefono-principal {
    font-size: 2.4em;
    }
    
.informacion-corporativa .telefono a {
    color: #000;
    }
    
.informacion-corporativa .telefono .telefonos-secundarios {
    font-weight: 300;
    font-size: 1.1em;
    }
    
.informacion-corporativa .mi-cuenta a,
.informacion-corporativa .idiomas a {
    color: #fff;
    }
    
.informacion-corporativa .mi-cuenta a,
.informacion-corporativa .idiomas a {
    text-align: center;
    font-size: .7em;
    width: 64px;
    text-transform: uppercase;
    font-weight: 300;
    display: block;
    }
    
.informacion-corporativa .mi-cuenta a,
.informacion-corporativa .idiomas a {
    padding-top: 40px;
    height: 20px;
    }
    
.informacion-corporativa .mi-cuenta a {
   	background: #86b29c url("imag/icono-micuenta.png") no-repeat center 10px;
    }
 
/* ===============
    BANDERAS
   =============== */
      
.informacion-corporativa .idiomas a.idioma-activo {
   	background: #86b29c url("imag/banderas/esp.png") no-repeat center 10px;
    }
 
.informacion-corporativa .idiomas a.idioma-eng {
   	background: #86b29c url("imag/banderas/eng.png") no-repeat center 10px;
    }
    
.informacion-corporativa .idiomas a.idioma-fra {
   	background: #86b29c url("imag/banderas/fra.png") no-repeat center 10px;
    }
    
.informacion-corporativa .idiomas a.idioma-deu {
   	background: #86b29c url("imag/banderas/deu.png") no-repeat center 10px;
    }
    
.informacion-corporativa .idiomas a.idioma-ita {
   	background: #86b29c url("imag/banderas/ita.png") no-repeat center 10px;
    }
    
.informacion-corporativa .idiomas a.idioma-por {
   	background: #86b29c url("imag/banderas/por.png") no-repeat center 10px;
    }                
    
.informacion-corporativa .idiomas a.idioma-ned {
   	background: #86b29c url("imag/banderas/ned.png") no-repeat center 10px;
    }    
    
.informacion-corporativa .idiomas {
	position: relative;
	}    
    
.lista-idiomas {
	position: absolute;
	height: 0px;
	overflow: hidden;
	top: 60px;
	left: 0;
	z-index: 100;
	transition: height 0.5s;
	}

.lista-idiomas a {
	margin-top: 5px;
	}
    
.informacion-corporativa .idiomas:hover .lista-idiomas {
	height: 390px;
	}    

/*
 * IDIOMAS RESPONSIVE
*/    

.idiomas-responsive {
	position: relative;
	}    
	
.idiomas-responsive ul {
	position: absolute;
	right: -60px;
	top: -290px;
	z-index: 1000;
	display: none;
	}
		
.idiomas-responsive ul a {
	width: 40px;
	height: 34px;
	border: none;
	margin-top: 10px;
	border: 2px solid rgb(140, 186, 168);
	}	
		
.idiomas-responsive ul a.idioma-esp {
	background: #8CBAA8 url("imag/banderas/esp.png") no-repeat center center;
	}		
	
.idiomas-responsive ul a.idioma-eng {
	background: #8CBAA8 url("imag/banderas/eng.png") no-repeat center center;
	}
	
.idiomas-responsive ul a.idioma-fra {
	background: #8CBAA8 url("imag/banderas/fra.png") no-repeat center center;
	}
	
.idiomas-responsive ul a.idioma-deu {
	background: #8CBAA8 url("imag/banderas/deu.png") no-repeat center center;
	}
	
.idiomas-responsive ul a.idioma-ned {
	background: #8CBAA8 url("imag/banderas/ned.png") no-repeat center center;
	}
	
.idiomas-responsive ul a.idioma-por {
	background: #8CBAA8 url("imag/banderas/por.png") no-repeat center center;
	}
	
.idiomas-responsive ul a.idioma-ita {
	background: #8CBAA8 url("imag/banderas/ita.png") no-repeat center center;
	}	
    
/* ===============
    LOGOTIPO PRINCIPAL
   =============== */

h1.logo {
   	display: inline-block;
   	width: 410px;
   	padding-top: 20px;
    }
    
h1.logo a {
   	background: transparent url("imag/logo-aviajes.png") no-repeat;
   	text-indent: -9999px;
   	display: block;
   	width: 305px;
   	height: 83px;
    }   
    
/* ===============
    SLIDER
   =============== */

.slider {
    height: 550px;
    overflow: hidden;
    clear: both;
    }
    
.slider img {
    height: auto;
    width: 100%;
    }
    
.slider .contenedor-centrado {
    position: relative;
    }
    
/* ===============
    GALERIA DE IMAGENES
   =============== */

.informacion-hotel-galeria {
    overflow: hidden;
    }
    
 .informacion-hotel-galeria .informacion-hotel-galeria-grande img {
    display: block;
    }
    
.informacion-hotel-galeria .informacion-hotel-galeria-pequeñas img,
.informacion-hotel-galeria .informacion-hotel-galeria-imagenes,
.informacion-hotel-galeria .informacion-hotel-galeria-pequeñas .informacion-hotel-galeria-flecha {
    display: inline-block;
   	vertical-align: middle;
    }
    
.informacion-hotel-galeria .informacion-hotel-galeria-pequeñas a  {
    margin: 0 1px;
    }
 
 .informacion-hotel-galeria,
 .informacion-hotel-galeria .informacion-hotel-galeria-grande {
    margin-bottom: 7px;
    }
    
.contenido-principal .informacion-hotel-galeria ul li {
    background: none;
    padding-left: 0;
    margin-bottom: 0;
    }
    
.contenido-principal .informacion-hotel-galeria ul {
    margin: 0;
}
    
/* ===============
    RESULTADOS
   =============== */
   
.resultado-orden {
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    padding: 15px 0;
    margin-bottom: 10px;
    overflow: hidden;
    }
    
.resultado-orden .resultado-orden-titulo {
    font-size: 1.4em;
    margin-right: 5px;
    }
    
.resultado-orden .resultado-orden-cambio a {
    font-weight: 300;
    color: #000;
    border-bottom: 1px solid;
    }
    
.resultado-orden .resultado-localizador a {
    font-weight: 300;
    color: #000;
   	background: transparent url("imag/icono-resultado-localizador.png") no-repeat center left;
    float: right;
    padding-left: 20px;
    }
    
.resultado .resultados-listado h2 {
    font-size: 1.5em;
    margin-right: 5px;
    }
    
.resultado-orden .resultado-localizador a {
    font-weight: 300;
    color: #000;
   	background: transparent url("imag/icono-resultado-localizador.png") no-repeat center left;
    float: right;
    padding-left: 20px;
    }
    
.resultado .resultado-info-hotel-imagen {
    float: left;
    margin-right: 10px;
    }
    
.resultado .resultados-tabla th,
.resultado .resultados-tabla td  {
    font-weight: 300;
    text-align: center;
    height: 33px;
    }
    
.resultado .resultados-tabla tr  {
    min-height: 33px;
    }
    
.resultado .resultados-tabla th {
    background: #333;
    color: #fff;
    }
    
.resultado .resultados-tabla tr.resultados-precio-total  {
    background: #eaeaea;
    }
    
.resultado .resultados-tabla td.oscuro  {
    background: #333;
    }
    
.resultado .resultados-tabla td.oscuro a {
    color: #fff;
    }
    
.resultado .resultados-tabla tr.resultados-precio-total td  {
    font-weight: 700;
    }
    
.resultado .resultados-tabla tr.resultados-precio-total td.claro,
.resultado .resultados-tabla td.resultado-todas-habitaciones  {
    text-align: right;
    padding-right: 20px;
    }
    
.resultado .resultado-hotel  {
    margin-bottom: 40px;
    }
    
.resultado .resultados-tabla td.resultado-todas-habitaciones  {
    font-size: 1.4em;
    }
    
/* ===============
    FLEXSLIDER GALERIA INDIVIDUAL HOTEL
   =============== */
    
.flex-container .slides a {
    float: left;
    margin-right: 3px;
    }
    
.flex-container .slides a.ultimo {
    margin-right: 0;
    }
    
.flex-container .slides a img {
    display: block; 
    }
       
/* ===============
    FORMULARIO RESERVA
   =============== */
   
.slider .contenedor-centrado .reservas {
    position: absolute;
    top: 50px;
    left: 0;
    }
    
.reservas {
    font-family: 'PT Sans', sans-serif;
    }
   
.slider .reservas {
   	background: #fff;
   	padding: 35px 20px 10px 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    }
    
.resultado .reservas {
   	border: 5px solid #d4e1da;
   	background: transparent url("imag/icono-reserva.png") no-repeat 20px 10px;
   	padding: 25px 80px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 20px;
    }
    
.resultado .reservas .izquierda {
    margin-right: 20px;
    }
    
.reservas form {
    overflow: hidden;
    }

.slider .reservas .reservas-titulo {
   	background: transparent url("imag/icono-reserva.png") no-repeat left center;
   	line-height: 36px;
   	padding-left: 45px;
   	font-size: 2em;
   	font-weight: 700;
   	margin-bottom: 20px;
    }
    
body.resultado .slider {
	display:none;
	}    
    
.reservas .reservas-formulario {
   	font-size: 1.2em;
    }
    
.reservas .reservas-formulario label {
   	margin-right: 6px;
    }
    
.reservas .formulario-selector  {
   	margin-bottom: 10px;
   	overflow: hidden;
    }
    
.reservas .formulario-selector.entrada  {
   	margin-right: 20px;
    }

.reservas .reservas-formulario label,
.reservas .reservas-formulario input,
.reservas .reservas-formulario .selector,  
.reservas .formulario-selector.entrada,
.reservas .formulario-selector.salida  {
   	display: inline-block;
   	vertical-align: text-top;
    }
    
.reservas .reservas-formulario input.submitbutton {
   	margin-top: 65px;
    }
    
.reservas .formulario-selector.destino .selector input {
   	width: 300px;
    }
    
.reservas .formulario-selector.entrada .selector input,
.reservas .formulario-selector.salida .selector input {
   	width: 80px;
    }
    
.reservas .formulario-selector .selector input {
   	padding: 0 5px;
    }
    
.reservas .selector input  {
   	height: 20px;
    }
    
.reservas .selector.calendario  {
   	height: 22px;
    }
    
.reservas .selector input,
.reservas .selector.calendario,
.reservas .selector.opciones  {
   	border: 1px solid #ccc;
    }

.reservas .entrada .selector input,
.reservas .salida .selector input,
.reservas select   {
   	border: none;
    -webkit-appearance:none;
    }
    
.reservas select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
   	background: transparent url("imag/select-flecha.png") no-repeat right center;
   	padding-right: 20px;
   	margin-right: 4px;
    }
        
.reservas i {
    color: #767876;
    font-size: 15px;
    margin-right: 3px;
    }
        
.reservas input.submitbutton {
   	text-transform: uppercase;
   	font-size: 1.4em;
   	background: #628774;
   	border: 2px solid #8aa195;
   	font-weight: 700;
   	color: #fff;
   	float: right;
   	cursor: pointer;
    }
    
/* ===============
    FORMULARIO TARJETA 
   =============== */
   
.pagina-reservas .tarjeta-de-pago label {
    color: #000;
    font-weight: 700;
    width: 200px;
    }
    
.pagina-reservas .tarjeta-de-pago label,
.pagina-reservas .tarjeta-de-pago .selector {
    display: inline-block;
    }
    
.pagina-reservas .tarjeta-de-pago .formulario-selector {
    margin-bottom: 8px;
    }
    
.pagina-reservas .tarjeta-de-pago .formulario-selector.tipo-tarjeta {
    background: transparent url("imag/iconos-tarjetas.png") no-repeat 300px center;
    padding-right: 150px;
    }
    
.pagina-reservas .tarjeta-de-pago label,
.pagina-reservas .tarjeta-de-pago .selector {
    height: 26px;
    line-height: 26px;
    }
    
.pagina-reservas .tarjeta-de-pago select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: #0d663a url("imag/pago-select-flecha.png") no-repeat right center;
    margin-right: 4px;
    padding: 0 20px 0 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    }
    
.pagina-reservas .tarjeta-de-pago select option {
    background: #fff;
    color: #000;
    }
    
.pagina-reservas .tarjeta-de-pago .selector input {
    padding: 0 5px;
    width: 160px;
    }
    
.pagina-reservas .tarjeta-de-pago input.submitbutton {
    background: #0d663a;
    border: none;
    color: #fff;
    line-height: 25px;
    padding: 0 7px;
    font-size: 1.2em;
    margin-left: 203px;
    }
    
.pagina-reservas .tarjeta-de-pago .selector input,
.pagina-reservas .tarjeta-de-pago .selector select {
    height: 24px;
    color: #fff;
    }
    
.pagina-reservas .tarjeta-de-pago .selector input {
    background: #0d663a;
    border: none;
    }
    
/* ===============
    FOOTER
   =============== */
   
.pie {
    clear: both;  
    }

.pie .pie-atencion-cliente {
    border-top: 5px solid #0d663a; 
    background-color: #e6e7e5; 
    font-family: 'PT Sans', sans-serif;
    }
    
.pie .pie-atencion-cliente .contenedor-centrado {
   	background: transparent url("imag/icono-pie-llamada.png") no-repeat left center;
    padding: 20px 0 20px 130px;
    min-height: 110px;
    font-size: 1.6em;
    max-width: 894px;
    }
    
.pie .pie-atencion-cliente-titulo {
    margin-bottom: 10px;
    }
    
.pie .pie-atencion-cliente-info {
    line-height: 1em;
    }
    
.pie .pie-atencion-cliente-info a {
    color: #000;
    }

.pie .pie-menu {
    background: #a0a83b;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.2em;
    }  
    
.pie .pie-menu li {
    display: inline-block;
    line-height: 45px;
    }    
    
.pie .pie-menu li a {
    color: #fff;
    padding-right: 20px;
    }
    
.pie .pie-menu li.ultimo a {
    padding-right: 0;
    }    

.pie .pie-info {
    border-bottom: 5px solid #0d663a; 
    font-family: 'PT Sans', sans-serif;
    padding: 25px 0;
    }   
    
.pie .pie-info .pie-info-titulo {
    font-weight: 700;
    font-size: 1.3em;
    margin-bottom: 20px;
    } 
    
.pie .pie-info .pie-info-columnas {
	width: 100%;
    }   
    
.pie .pie-info .pie-info-columna {
   display: inline-block;
	vertical-align: text-top;
	width: 22.4%;
   	background: transparent url("imag/icono-pie-info.png") no-repeat left 5px;
   	padding-left: 2.2%;    
   	}   

.pie .pie-info .pie-info-columna .pie-info-columna-titulo {
    color: #a0a83b;
    font-size: 1.2em;
    }   
    
.pie .pie-sociales  {
    padding: 20px 0;
    height: 270px;
    }    
        
.pie .pie-sociales .pie-sociales-facebook,
.pie .pie-sociales .pie-sociales-twitter,
.pie .pie-sociales .pie-sociales-iconos {
    display: inline-block;
    vertical-align: text-top;
    width: 33%;
    }
    
.pie .pie-sociales .pie-sociales-iconos {
    text-align: center;
    }  
    
.pie .pie-sociales .pie-sociales-iconos i {
    background: #000;
    font-size: 3.4em;
    height: 75px;
    line-height: 75px;
    width: 75px;
    }  
    
.pie .pie-sociales .pie-sociales-iconos [class^="fa-"],
.pie .pie-sociales .pie-sociales-iconos [class*=" fa-"] {
    border-radius: 999px;
    color: #fff;
    display: inline-block;
    max-width: 100%;
    position: relative;
    text-align: center;
    top: -2px;
    vertical-align: middle;
    word-spacing: 1px;
    cursor: pointer;
    }
    
.pie .pie-sociales .pie-sociales-iconos a.pie-sociales-iconos-twitter {
    margin-right: 15px;
    }  

.pie .pie-informacion-general {
    background: #628774;
    }      
    
.pie .pie-informacion-general {
    font-weight: 300;
    line-height: 60px;
    font-size: .9em;
    text-align: center;
    }  
    
.pie .pie-informacion-general,
.pie .pie-informacion-general a {
    color: #fff;
    }  
    
/* ===============
    HOVERS
   =============== */
 
.encabezado .llamada-gratis a:hover,
.contenido-principal .listado-icono-hoteles li a:hover,
.contenido-principal .listado-icono-hoteles li a:hover,
.migas-de-pan a:hover,
.contenido-principal .listado-hoteles .listado-hotel-info-titulo a:hover,
.contenido .barra-lateral .lateral-listado-generico li a:hover,
.contenido-principal .oferta-hotel-titulo a:hover,
.informacion-corporativa .telefono a:hover,
.pie .pie-atencion-cliente-info a:hover,
.localizador a:hover {
    color: #628774;
    }  
    
.encabezado .mi-cuenta a:hover,
.encabezado .idiomas a:hover,
.lateral-especiales .lateral-titulo a:hover,
.pie .pie-menu li a:hover,
.menu-corporativo li a:hover,
.banner .banner-contacto a:hover,
.vuelta-resultados a:hover {
    color: #000;
    }   
    
.reservas input.submitbutton:hover,
.datos-del-hotel a:hover    {
    background: #000;
    }  
    
.lateral-hoteles a:hover,
.pie .pie-sociales .pie-sociales-iconos i:hover{
    background: #628774;
    }