/*

*/

/*  #
================================================== */

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

.formulario-selector.habitaciones .selector.opciones  {
    margin-bottom: 8px;
    }
    
.reservas .formulario-selector.habitaciones .edades-nenos {
    width: 60%;
    margin-left: 23%;
}
    
.reservas .formulario-selector.habitaciones .edades-nenos .selector {
    width: 30%;
    margin-right: 2%;
}
    
.contenido {
    padding: 0;
    }
    
.contenido h3,
.contenido h4,
.contenido p,
.contenido h2,
.listado-hoteles,
.informacion-hotel .informacion-hotel-punteo,
.ofertas-hoteles,
.resultados-listado .resultado-hotel {
    padding: 0 20px;
    }
    
.barra-lateral-derecha .contenido.contenedor-centrado,
.no-barra-lateral .contenido.contenedor-centrado {
    width: 90%;
    }

.pagina-reservas .tarjeta-de-pago label {
    width: 100px;
    }
    
.pagina-reservas .tarjeta-de-pago .cvv label {
    width: 100px;
}
    
.pagina-reservas .tarjeta-de-pago .formulario-selector.tipo-tarjeta {
    background-position: right center;
    padding-right: 0;
    }
    
.pagina-reservas table tr {
    font-size: .8em;
}
    
ul.listado-icono-hoteles {
    padding: 0 7px;
    }
    
.contenido .intro-interna p {
    padding: 0 27px;
    }
    
.contenido-principal ul,
.contenido-principal ol {
    margin: 0 10px;
    }
    
.intro-interna {
    background: #f6f6f6;
    padding: 15px 0;
    }
    
.contenido-principal .oferta-hotel-titulo {
    width: 100%;
    }

.contenido-principal .ofertas-hoteles .ofertas-hotel .envoltorio {
    border-bottom: none;
    margin-bottom: 5px;
    padding-bottom: 0;
    }
    
.contenido-principal .ofertas-hoteles .ofertas-hotel {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    }
    
.banner {
    margin: 0 20px 20px 20px;
    }
    
.contenido .contenido-principal,
.barra-lateral-izquierda .contenido .contenido-principal {
    width: 100% !important;
    }
    
.barra-lateral-izquierda .contenido .contenido-principal {
    float: none;
}

.ordenador,
.reservas-titulo,
.barra-lateral,
.pie .pie-sociales,
.migas-de-pan,
.informacion-hotel-galeria-pequeñas,
.reservas i,
.resultado .llama-gratis   {
    display: none;
    }
    
.resultado-orden {
    border-bottom: none;
    border-top: none;
    overflow: hidden;
    padding: 0;
    margin-bottom: 2px;
    }
    
.resultado-orden .izquierda {
    margin-bottom: 2px;
    padding: 10px 5px;
    background: #d8e8e2;
    }
    
.resultado-orden .resultado-orden-titulo {
    font-weight: 700;
    }
    
.filtro {
    background: #e7f0ec;
    margin-bottom: 10px;
    }
    
.filtro h2 {
    line-height: 40px;
    font-weight: 300;
    padding-left: 30px !important;
    font-size: 1.2em !important;
    margin: 0 !important;
    background-position: 10px center !important;
    }
    
.filtro h2 a {
    color: #000 !important;
    }
    
.resultado .resultado-hotel {
    margin-bottom: 10px;
    }
    
.resultado .resultado-hotel .izquierda {
    width: 78%;
    }
    
.resultado .resultado-hotel h2 {
    font-size: 1.2em !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
    
.resultado .resultado-info-hotel-imagen img {
   width: 65px;
    }

.resultado .resultado-info-hotel-imagen {
   margin-right: 5px;
    }
    
.resultado-orden .resultado-localizador a {
    float: none;
    width: 100%;
    line-height: 40px;
    padding-left: 35px;
    font-size: 1.2em;
    display: block;
    background: transparent url("imag/responsive/icono-localizador.png") no-repeat 10px center;
    }
    
.resultado-orden .resultado-localizador  {
    clear: both;
    min-height: 40px;
    width: 100%;
    background: #ccc;
    overflow: hidden;
    }
    
.barra-lateral-izquierda .contenido {
    padding: 0;
    }
    
.informacion-hotel .informacion-hotel-punteo-info {
    margin-left: 0;
    }
    
.llama-gratis {
    clear: both;
    }
    
.contenido-principal .lateral-busqueda ul li {
    margin-bottom: 0;
    padding-left: 0;
}
    
.contenido-principal .listado-hoteles .listado-hotel-imagen img {
    width: 55px;
    height: auto;
    }   
    
.dudas p {
    line-height: 1.1em;
    }
    
.pagina-reservas .tarjeta-de-pago input.submitbutton {
    margin-left: 103px;
    }


.menu-corporativo {
    text-align: center;
    clear: both;
    }
    
.menu-corporativo .login {
    background: #adadad;
    float: none;
    padding: 0;
    clear: both;
    }
    
.menu-corporativo li a {
    border-right: none;
    display: block;
    font-size: .9em;
    border-right: 2px solid #9b9b9b;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-info-resumen {
    margin-bottom: 10px;
    }
    
.informacion-hotel-galeria,
.informacion-hotel-galeria .informacion-hotel-galeria-grande {
    margin-bottom: 0;
    }

.responsive {
	display: block;
	}
	
.menu-responsive.activo {
	display: inline-block;
	}
	
.barra-lateral-derecha .contenido .contenido-principal {
    float: none;
    padding-right: 0;
}
	
.contenido-principal h2,
.banner-llamadas h2,
.contenido-principal h3 {
    background: transparent url("imag/icono-barralateral-h2.png") no-repeat left center;
    padding-left: 20px;
    color: #000;
    margin: 0 10px 20px 7px;
    }
    
.interna.individual .contenido-principal .envoltorio h2 {
    background: none;
    padding: 0;
    font-size: 1.7em;
    margin: 0 7px 8px 7px;
    }
    
.portada .contenido-principal h2,
.interna .contenido-principal h2,
.contenido-principal h3 {
    font-size: 1.5em;
    }
    
.contenido-principal h3 {
    min-height: 0;
    }
    
.localizador {
    background: transparent url("imag/responsive/icono-localizador-gde.png") no-repeat 7px center;
    font-size: 1.2em;
    line-height: auto;
    padding-left: 37px;
    min-height: 40px;
    margin-bottom: 10px;
    }
    
.resultados-listado .localizador {
    background: none;
    font-size: .9em;
    padding-left: 0;
    min-height: 0;
    margin-bottom: 0;
    }
    
.resultado .resultados-tabla td.oscuro {
    font-size: 1.1em;
    }
    
.resultado .resultados-tabla td,
.resultado .resultados-tabla td.oscuro {
    text-align: right;
    padding-right: 10px;
    }
    
.resultado .resultados-tabla td strong {
    font-weight: 700;
    }
    
.resultado .resultados-tabla tr {
    background: #eaeaea;
}
    
.contenido-principal .listado-hotel {
    border-bottom: none;
    padding-bottom: 0;
    }

.contenido-principal .listado-hoteles .listado-hotel-imagen {
    margin-right: 10px;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-info-ciudad {
    font-size: 1.2em;
    margin-bottom: 0;
    }

.contenido-principal .listado-hoteles .listado-hotel-info-resumen {
    font-size: .9em;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-precio span {
    font-size: 1.8em;
    }

.contenido-principal .listado-hoteles .listado-hotel-info-titulo {
    font-size: 1.4em;
    margin-right: 5px;
    }
    
.contenido-principal .listado-hoteles .listado-hotel-info {
    width: 80%;
    }

.contenido-principal .listado-hoteles .listado-hotel-precio {
    float: none;
}

.contenido-principal .listado-hoteles .listado-hotel-precio {
    min-height: 0;
    padding: 0;
    width: 100%;
}
    
.banner-llamadas h2 {
    margin-bottom: 20px;
    }
    
.banner-llamadas {
    background: #f6f6f6;
    padding: 20px 20px 10px 20px;
    margin-bottom: 20px;
    }
    
.banner-llamadas .banner-llamadas-telefono {
    margin-bottom: 10px;
    }
    
.banner-llamadas .banner-llamadas-telefono a {
    background: transparent url("imag/responsive/icono-banner-telefono.png") no-repeat;
    padding: 0 0 10px 30px;
    display: block;
    font-size: 1.3em;
    font-weight: 300;
    color: #00653e;
    }
    
.banner-llamadas .banner-llamadas-info {
    font-weight: 300;
    color: #88888c;
    }
    
.pie .pie-atencion-cliente .contenedor-centrado {
    background: transparent url("imag/responsive/icono-pie-llamada.png") no-repeat 20px 10px;
    font-size: 1.2em;
    max-width: 100%;
    min-height: 0;
    padding: 20px 10px 20px 80px;
    }
    
.pie .pie-atencion-cliente-titulo {
    line-height: 1em;
    }
    
.pie .pie-menu li {
    display: block;
    line-height: 35px;
    text-align: center;
    border-bottom: 1px solid #fff;
    font-size: 1.2em;
    }
    
.pie .pie-info {
    background: #e6e7e5;
    padding: 25px;
    }
    
.pie .pie-info .pie-info-columna {
    background: transparent url("imag/responsive/icono-pie-info.png") no-repeat scroll left 8px;
    display: inline-block;
    padding-left: 15px;
    width: 100%;
    margin-bottom: 15px;
    font-size: 1.1em;
    }
    
.pie .pie-info .pie-info-titulo {
    font-size: 1.5em;
    }
    
.pie .pie-informacion-general {
    font-size: 1.2em;
    padding: 25px;
    line-height: 1.5em;
    }
    
.contenido-principal .listado-icono-hoteles li {
    background: transparent url("imag/responsive/icono-listado.png") no-repeat scroll left center;
    border-top: none;
    font-size: 1.6em;
    font-weight: 300;
    padding: 10px 0 10px 20px;
}

.slider  {
    background: transparent url("http://www.primate.es/aviajes/produccion/media/imag/foto-portada.jpg") no-repeat;

   }
	
.slider {
    height: auto;
    width: 100%;
    }
    
.slider img {
    display: block;
    }
    
.slider .contenedor-centrado .reservas {
    position: static;
    }
    
.slider .reservas {
    background: none;
    border-radius: 0;
    padding: 3%;
    width: 94%;
    }
.reservas .formulario-selector,
.reservas .entrada-salida-habitaciones {
    margin-bottom: 5px;
    padding: 1% 1% 1% 3%;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    width: 96%;
    }
    
.reservas .formulario-selector.entrada,
.reservas .formulario-selector.salida,
.reservas .formulario-selector.nro-habitaciones {
    margin-bottom: 0;
    padding: 0;
    /* Fallback for web browsers that don't support RGBa */
    background-color: transparent;
    /* RGBa with 0.6 opacity */
    background-color: transparent;
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    }
    
.reservas .reservas-formulario input.submitbutton {
    margin-top: 0;
    }
    
.reservas input.submitbutton {
    background: #fff;
    border: none;
    color: #00653e;
    text-transform: none;
    padding: 6px 0;
    width: 70%;
    }
    
.reservas .entrada-salida-habitaciones {
    overflow: hidden;
    }
    
.reservas .formulario-selector.entrada,
.reservas .formulario-selector.salida {
    margin: 0;
    float: left;
    }
    
.reservas .formulario-selector.nro-habitaciones {
    clear: both;
    }
    
.reservas .formulario-selector.entrada,
.reservas .formulario-selector.salida {
    width: 47%;
    margin-bottom: 10px;
    }
    
.reservas .formulario-selector.nro-habitaciones {
    width: 60%;
    }

.reservas .reservas-formulario {
    font-size: .9em;
    }
    
.reservas .formulario-selector .selector input,
.reservas .selector input,
.reservas .selector.calendario,
.reservas .selector.opciones {
    border: none;
    }
    
.reservas .selector input {
    height: 28px;
    }

.reservas .reservas-formulario label {
    line-height: 28px;
    }
    
.reservas select {
    height: 28px;
    width: 100%;
    background: #fff;
    margin-right: 0;
    padding-right: 0;
    }
    
.reservas .reservas-formulario .destino label,
.reservas .reservas-formulario .habitaciones label,
.reservas .reservas-formulario .entrada-salida-habitaciones label {
    margin-right: 0;
    }

.reservas .reservas-formulario .destino label {
    width: 18%;
    }
    
.reservas .formulario-selector.destino .selector {
    width: 80%;
    }
    
.reservas .reservas-formulario .entrada-salida-habitaciones .entrada label,
.reservas .reservas-formulario .entrada-salida-habitaciones .salida label {
    width: 35%;
    }
    
.reservas .entrada-salida-habitaciones .entrada .selector,
.reservas .entrada-salida-habitaciones .salida .selector {
    width: 40%;
    }
    
.reservas .reservas-formulario .entrada-salida-habitaciones .nro-habitaciones label {
    width: 65%;
    }
    
.reservas .entrada-salida-habitaciones .nro-habitaciones .selector {
    width: 15%;
    }
    
.reservas .formulario-selector.entrada .selector input,
.reservas .formulario-selector.salida .selector input {
    width: 100%;
}
    
.reservas .reservas-formulario .habitaciones label  {
    width: 22%;
    }
    
.reservas .formulario-selector.habitaciones .selector {
    width: 75%;
    }
    
.reservas .formulario-selector .selector input {
    padding: 0 1%;
    }
    
.reservas .formulario-selector.destino .selector input {
    width: 97%;
    }
	
.menu-responsive  {
    background: #7fb29e;
    left: 0;
    margin: 0;
    position: absolute;
    top: 48px;
    width: 50%;
    z-index: 999999;
    padding-bottom: 50px;
    }
	
.menu-responsive.activo li li {
	font-weight: 300;
	}
	
.menu-responsive li a.menu-principal {
    background: #8cbaa8 url("imag/responsive/icono-menu-desplegado.png") no-repeat 5px center;
    padding-left: 29px;
    font-size: 1.9em;
    display: block;
    border-bottom: 2px solid #7fb29e;
	}
	
.menu-responsive li a {
    line-height: 45px;
	}
	
.menu-responsive li li a {
    background: #7fb29e;
    border-bottom: 2px solid #8cbaa8;
    font-size: 1.3em;
    display: block;
    padding-left: 10px;
	}
	
.menu-responsive li a.menu-principal.idioma {
    font-weight: 300;
    font-size: 1.3em;
	}
	
.menu-responsive.activo li a{
	color: #fff;
	}
	
a.boton-menu,
h1.logo {
    float: left;
    }
    
.iconos-header {
    float: right;
    }
	
a.boton-menu {
    background: transparent url("imag/responsive/icono-menu.png") no-repeat;
    height: 23px;
    left: 15px;
    position: relative;
    text-indent: -99999px;
    top: 10px;
    width: 32px;
    }
    
h1.logo a {
    background: transparent url("imag/responsive/logo-aviajes.png") no-repeat;
    height: 37px;
    }
    
h1.logo {
    padding: 5px 0 0 50px;
    }
    
h1.logo,
h1.logo a {
    width: 133px;
    }
    
a.icono-telefono,
a.icono-cuenta {
    height: 47px;
    position: relative;
    text-indent: -9999px;
    top: 0;
    width: 48px;
    display: block;
    float: left;
    }
    
a.icono-telefono {
    background: transparent url("imag/responsive/icono-telefono.png") no-repeat;
    }
    
a.icono-cuenta {
    background: transparent url("imag/responsive/icono-cuenta.png") no-repeat;
    }
    
.llama-gratis a {
    background: #85b29d url("imag/responsive/llama-gratis.png") no-repeat 25px center;
    padding-left: 65px;
    display: block;
    line-height: 55px;
    font-weight: 700;
    color: #fff;
    font-size: 1.5em;
    }
	
.banner {
    background: transparent url("imag/responsive/foto-banner-portada.png") no-repeat scroll left top;
    border: 3px solid #e5e5e5;
    min-height: 0;
    padding: 10px;
    }
    
.banner .banner-titulo {
    font-size: 1.5em;
    }

.banner .banner-titulo,
.banner .banner-subtitulo {
    color: #00653e;
    padding-left: 85px;
    }
    
.banner .banner-subtitulo {
    font-size: 1em;
    }
    
.banner .banner-info, .banner .banner-contacto {
    font-size: 1em;
    }

.banner .banner-contacto {
    color: #000;
    }
    
.banner .banner-contacto strong {
    font-weight: 300;
    }

body.resultado .reservas-ordenador {
	display: none;
	}	
 
body.resultado .slider {
	display: block;
	}	    
	
body.resultado .slider .reservas {
	border: none;
	}	
	
.mapa iframe {
	width: 100% !important;
	}	
	
.informacion-hotel-punteo img {
	max-width: 100%;
	}	


.slider {

    overflow: visible;

  }
.nover {
  display:none !important;
}
}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width between 480px 767px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
        .container {  }

    }
    

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */