@import url(estilos-principales.css);
@import url(iconos.min.css);

*{color:#666}

header{position:sticky;top:0;left:0;width:100%;background-color:#fff;z-index:100}
header .logo{max-width:240px;width:90%}
header nav ul{list-style:none;display:inline-block;margin:0 auto;padding-bottom:10px}
header nav ul a li{display:inline-block;color:var(--color-1);font-size:.9rem;font-weight:bold;margin:0 10px}
header nav ul a li.selec,
header nav ul a li:hover,
header nav ul a li:focus,
header nav ul a li:active{color:var(--color-2)}

header .atencion-cliente, header .wsp{padding:0 3px}
header .atencion-cliente h4{font-size:1rem;line-height:1.2rem;font-weight:bold}
header .atencion-cliente a{font-size:.9rem;line-height:1.1rem}

header .wsp img{display:block;width:32px;margin:0 auto 5px}
header .wsp a{font-size:.9rem;line-height:1.1rem;color:var(--color-2)}

footer .linea-1{background-color:var(--color-1);color:#fff;padding:15px 0}
footer .linea-1 .ds-cell, footer .linea-2 .ds-cell{padding:5px 0}
footer .linea-1 a h4{color:#fff;font-weight:normal;text-align:center}
footer .linea-2 img{width:180px;padding:5px 0}

.linea-separadora{border-bottom:1px solid #ddd}

#fondo-fix{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:999}
#menu-resp{position:fixed;top:0;left:-234px;width:230px;height:100vh;background-color:#fff;z-index:999;overflow-y:auto}
#menu-resp.e-mov{left:0}

#menu-resp ul{list-style:none;width:100%}
#menu-resp ul a li{padding:12px 2.5%;border-top:1px solid #eee;color:var(--color-1)}

.slick-slider, .slick-dotted.slick-slider{margin-bottom:0}

.contenido h1{color:var(--color-1);text-align:center}

#home .info{margin-top:40px;margin-bottom:10px}
#home .info .ds-cell{padding:12px 5px}
#home .info .ds-cell:first-child{text-align:center}
#home .info .ds-cell img{max-width:100px;max-height:100px}
#home .info .ds-cell h2{color:var(--color-2)}
#home .info .ds-cell p{text-align:justify;font-size:.9rem;padding:3px}

.imagen-principal{margin-bottom:30px;background-color:#fff;text-align:center;border-bottom:1px solid #ccc;overflow:hidden}
.imagen-principal img{display:block;width:100%;min-width:600px}


#tarifas-aeropuerto .contenido .ds-table h2{text-align:center}
#tarifas-aeropuerto .contenido .ds-table img{display:block;margin:10px auto}
#tarifas-aeropuerto .contenido .precio.ds-table .ds-row .ds-cell{border:1px solid #ddd;border-bottom:0;border-right:0;
    padding:5px 7px;font-size:.9rem}
#tarifas-aeropuerto .contenido .precio.ds-table .ds-row .ds-cell:last-child{border-right:1px solid #ddd}
#tarifas-aeropuerto .contenido .precio.ds-table .ds-row:nth-child(2n + 1){background-color:#f1f1f1}
#tarifas-aeropuerto .contenido .precio.ds-table .ds-row:last-child .ds-cell{border-bottom:1px solid #ddd}
#tarifas-aeropuerto .contenido .precio.ds-table .ds-row.th .ds-cell{background-color:var(--color-1);color:#fff;border:0;
    text-align:center}
#tarifas-aeropuerto .contenido ul{margin:0 30px}
#tarifas-aeropuerto .contenido ul li{margin:10px 0;text-align:justify}


#tarifas-turismo-regional .contenido ul{margin:5px 20px 5px 30px}
#tarifas-turismo-regional .contenido .precios th{padding:8px 10px;background-color:var(--color-1);color:#fff}
#tarifas-turismo-regional .contenido .precios tr td{padding:5px 7px;border:1px solid #ccc;border-top:0;border-left:0}
#tarifas-turismo-regional .contenido .precios tr:nth-child(2n + 1){background-color:#f1f1f1}
#tarifas-turismo-regional .contenido .precios tr td:first-child{border-left:1px solid #ccc}


#reservas-y-contacto form .ds-table .ds-cell{padding:5px 0}
#reservas-y-contacto form .ds-table .ds-cell label{padding-top:5px;font-weight:bold;font-size:.9rem}
#reservas-y-contacto form button{padding:7px 70px;color:#fff;cursor:pointer}

@media only screen and (max-width: 991px){
    header .wsp{width:80px}
    header .wsp img{margin-bottom:0}
}

@media only screen and (max-width: 768px){
    h1{font-size:1.75rem;line-height:2rem}

    #home .info{display:block;margin-top:10px}
    #home .info .ds-cell{display:block;width:95%;padding:5px 2.5%}
    #home .info .ds-cell:first-child{padding-top:20px}
    #home .info .ds-cell h2{text-align:center}
}

@media only screen and (max-width: 599px){
    .imagen-principal img{margin-left:calc((100vw - 600px) / 2)}
}