/* Estilos 2015 ::: Astún ::: Diseño y desarrollo webdreams 2015 ::: 20151029 F. Peralta sobre diseño de A. Udina ::: */
/* ESTILOS COMUNES */
body {
    margin: 0px auto;
    padding: 0px;
    color: #333;
    text-align: justify;
    font-family: 'Open Sans', sans-serif;
}

.master {
    /*background-color:#e4eef8; */
    background-image: url('../img/Plantilla/fondo_web.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #e2e2e4;
}

.interior {
    /*background-color:#e4eef8; */
    background-image: url('../img/Plantilla/fondo_web_int.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f5f5f6;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.2em;
}

a {
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    color: #004175;
}

    a:hover {
        color: #333;
    }

    a img {
        border: 0px;
    }

.separador {
    width: 100%;
    height: 1px;
    display: block;
    clear: both;
}

input {
    -webkit-appearance: none;
}

.contenidos {
    max-width: 1280px;
    padding: 0px 1%;
    margin: 0px auto;
    position: relative;
}

.pagina {
    min-height: 600px;
}

input[type=checkbox] {
    display: none;
}

input[type=checkbox] {
    display: none;
}

    input[type=checkbox] + label span {
        display: inline-block;
        width: 19px;
        height: 19px;
        background-image: url('../img/Index/check.png');
        background-position: left top;
        background-repeat: no-repeat;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=checkbox]:checked + label span {
        background: url(../img/Index/check.png) -19px top no-repeat;
    }


.texto_validador {
    color: red;
    font-size: 0.8em;
    line-height: 1.2em;
}

.envioOK {
    font-size: 0.8em;
    color: green;
}

/* FIN DE ESTILOS COMUNES */
/* PLANTILLA */
.cabecera {
    background-color: #fff;
    padding: 0.5% 0px;
}

.logo {
    float: left;
    font-size: 0.8em;
    color: #999999;
    text-align: right;
    line-height: 1em;
}

.km {
    font-size: 1.5em;
    font-weight: lighter;
    color: #2d5596;
}

.logo img {
    width: 100%;
    max-width: 180px;
}

.ui-datepicker {
    z-index: 300 !important;
}

/* COOKIES */
/* CSS para la animación y localización de los DIV de cookies */
@keyframes desaparecer {
    0% {
        bottom: 0px;
    }

    80% {
        bottom: 0px;
    }

    100% {
        bottom: -50px;
    }
}

@-webkit-keyframes desaparecer /* Safari and Chrome */
{
    0% {
        bottom: 0px;
    }

    80% {
        bottom: 0px;
    }

    100% {
        bottom: -50px;
    }
}

@keyframes aparecer {
    0% {
        bottom: -38px;
    }

    10% {
        bottom: 0px;
    }

    90% {
        bottom: 0px;
    }

    100% {
        bottom: -38px;
    }
}

@-webkit-keyframes aparecer /* Safari and Chrome */
{
    0% {
        bottom: -38px;
    }

    10% {
        bottom: 0px;
    }

    90% {
        bottom: 0px;
    }

    100% {
        bottom: -38px;
    }
}

#cookiesms1:target {
    display: none;
}

.cookiesms {
    width: 100%;
    height: 83px;
    margin: 0 auto;
    padding-left: 1%;
    padding-top: 5px;
    font-size: 14px;
    clear: both;
    font-weight: strong;
    color: #fff;
    bottom: -88px;
    position: fixed;
    left: 0px;
    background-color: #333;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    transition: bottom 1s;
    -webkit-transition: bottom 1s; /* Safari */
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    z-index: 999999999;
}

    .cookiesms:hover {
        bottom: 0px;
    }

.cookies2 {
    background-color: #333;
    display: inline;
    opacity: 0.95;
    filter: alpha(opacity=95);
    position: absolute;
    left: 1%;
    top: -40px;
    font-size: 15px;
    height: 40px;
    padding-left: 25px;
    padding-right: 25px;
}

.enlace_cookies {
    color: #fff;
    text-decoration: underline;
}

    .enlace_cookies:hover {
        color: #ccc;
    }



.boton_cuadrado_cookies {
    border: 3px #fff solid;
    color: #333;
    display: inline-block;
    font-size: 15px;
    padding: 5px 14px;
    margin-right: 20px;
    margin-top: 9px;
    position: relative;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #fff;
}


    .boton_cuadrado_cookies:hover {
        border: 3px #fff solid;
        background-color: #ccc;
        color: #666;
    }
/* MENU */
.menu_superior {
    float: right;
}

    .menu_superior ul {
        padding: 0px;
    }

.menu {
    display: block;
    margin: 0px;
}

    .menu li {
        display: inline-block;
        list-style: outside none none;
        position: relative;
        z-index: 100;
    }

        .menu li a {
            display: block;
            font-size: 0.75em;
            text-align: center;
            margin: 1.6em 1em;
            text-decoration: none;
            text-transform: uppercase;
            transition: all 0.2s ease-in-out 0s;
            color: #666;
            font-weight: bold;
        }

            .menu li a:hover, .menu li:hover > a {
                color: #2d5596;
                cursor: pointer;
            }

    .menu ul {
        background: #ffffff none repeat scroll 0 0;
        display: none;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
    }

    .menu li:hover > ul {
        display: block;
    }

    .menu ul li {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        width: 99%;
    }

        .menu ul li a {
            background: #FFF;
            color: #666;
            font-weight: bold;
            display: block;
            font-weight: normal;
            text-align: left;
            padding-left: 1em;
            text-transform: uppercase;
            margin: 0px auto;
            /* border-bottom:1px silver solid;*/ padding: 0.5em;
            width: 180px;
        }

            .menu ul li a:hover, .menu ul li:hover > a {
                background: #f4f4f4;
                color: #315570;
            }

    .menu ul ul {
        left: 149px;
        top: 0;
    }

.mobile-menu {
    background: #2d5596 none repeat scroll 0 0;
    color: #ffffff;
    display: none;
    font-weight: 600;
    padding: 11px 0;
    text-indent: 1em;
    text-transform: uppercase;
    width: 100%;
}

    .mobile-menu:hover {
        background: #3e4156 none repeat scroll 0 0;
        color: #ffffff;
        text-decoration: none;
    }
/* FIN DE MENU */
.accesos_especiales {
    display: block;
    float: right;
    min-width: 240px;
    padding-left: 1em;
}

    .accesos_especiales a {
        display: inline-block;
        margin: 0px 0.2em;
        background-color: #f9fbfd;
        color: #2d5596;
        /*	 color: #ccc;*/
        font-size: 0.7em;
        line-height: 4em;
        padding: 2%;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
    }

        .accesos_especiales a:hover {
            background-color: #3e4156;
            color: #fff;
            cursor: auto;
        }

.traductor {
    float: left;
    margin: 1em 0px 0px 1em;
    display: block;
}



.pie {
    display: block;
    clear: both;
    background-color: #fff;
    margin-top: 1em;
}

.patrocinadores {
    display: block;
    clear: both;
    margin: 1em auto 3em auto;
}

.patrocinadores_texto {
    float: left;
    font-size: 0.7em;
    text-transform: uppercase;
    color: #666;
    font-weight: bold;
    padding-right: 5em;
    line-height: 35px;
}

.patrocinador {
    float: left;
    padding: 0px 0.5em;
}

.patrocionador:first-child {
    padding-left: 0px;
}

.patrocinador img {
    max-height: 34px;
    width: auto;
    filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
    ;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
    ;
    filter: Gray(); /* IE4-8 and 9 */
    ;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .patrocinador img:hover {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: none;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.pie_politicas {
    float: left;
    width: 45%;
    font-size: 0.8em;
    text-transform: uppercase;
}

    .pie_politicas a {
        color: #004175;
        display: inline-block;
    }

        .pie_politicas a:hover {
            color: #333;
        }

.contendor_android {
    background-image: url(/img/Plantilla/pie_android.png);
    background-repeat: no-repeat;
    padding: 70px 80px;
}

.pie_titulo {
    font-size: 0.9em;
    color: #67666a;
    text-transform: uppercase;
    font-weight: bold;
}

.pie_contacto {
    float: left;
    width: 25%;
    border-left: 1px #004175 solid;
    border-right: 1px #004175 solid;
    padding-left: 2%;
}

.pie_contacta_azul {
    color: #004175;
    text-transform: uppercase;
    font-size: 0.8em;
    margin: 1em auto;
}

.pie_contacta_direccion {
    color: #87868a;
    font-size: 0.8em;
    float: left;
    line-height: 1.5em;
}

.pie_contacta_direccion_boton {
    margin: 1em auto;
    display: block;
}

    .pie_contacta_direccion_boton a {
        padding: 1em 2em;
        text-transform: uppercase;
        text-align: center;
        display: block;
        color: #004175;
        background-color: #fff;
        border: 1px solid #004175;
        font-weight: bold;
        font-size: 0.9em;
    }

        .pie_contacta_direccion_boton a:hover {
            background-color: #004175;
            color: #fff;
        }

.pie_boletin {
    float: left;
    width: 25%;
    padding-left: 2%;
}

    .pie_boletin p {
        font-size: 0.8em;
        color: #87868a;
    }

    .pie_boletin input {
        line-height: 3em;
        text-transform: uppercase;
        border: 0px;
        height: 3em;
    }

.pie_boletin_boton {
    padding: 0px 2em;
    text-align: center;
    color: #fff;
    background-color: #004175;
    border: 0px;
    transition: all 0.2s ease-in-out 0s;
}

    .pie_boletin_boton:hover {
        background-color: #333;
        cursor: pointer;
    }

.pie_boletin_caja {
    background-color: #f7f9fc;
    text-indent: 1em;
    color: #87868a;
    margin: 1em 0px;
    height: 2.9em;
}

    .pie_boletin_caja:focus {
        box-shadow: 0px 0px 5px #004175;
        -webkit-box-shadow: 0px 0px 5px #004175;
        -moz-box-shadow: 0px 0px 5px #004175;
    }

.pie_boletin_check {
    font-size: 0.7em;
    color: #87868a;
}

.firma {
    float: right;
    font-size: 0.7em;
    padding-right: 1em;
}
/* REDES */

.redes_explorer {
    display: none;
}

.redes {
    display: block;
    clear: both;
    position: absolute;
    top: 223px;
    left: 0px;
    z-index: 100;
}

.redes_index {
    top: 80px;
}

.redes_movil, .redes_movil2 {
    display: none;
}

#facebook, #twitter {
    display: block;
    clear: both;
    width: 100%;
    text-align: right;
}



#cuadro {
    display: block;
    width: 350px;
    height: 250px;
    background-color: #fff;
    transition: all 0.8s ease-in-out 0s;
    float: left;
    margin-left: -350px;
    opacity: 0;
}



    #cuadro iframe {
        width: 100%;
        height: 270px;
    }

        #cuadro iframe:hover {
            display: block;
        }

#boton_ejemplo {
    width: 50px;
    height: 50px;
    float: right;
    opacity: 0.85;
}

#facebook:hover #cuadro {
    margin: 0px;
    opacity: 100;
}

#facebook:hover #boton_ejemplo {
    opacity: 100;
}

#cuadro2 {
    display: block;
    width: 350px;
    height: 250px;
    background-color: #fff;
    transition: all 0.4s ease-in-out 0s;
    float: left;
    margin-left: -350px;
    opacity: 0;
    margin-top: -250px;
}

#boton_twitter {
    width: 50px;
    height: 50px;
    float: right;
    clear: left;
    margin-top: -200px;
    opacity: 0.85;
}

#twitter:hover #cuadro2 {
    margin-left: 0px;
    opacity: 100;
    display: block;
}

#twitter:hover #boton_twitter {
    z-index: 1;
    opacity: 100;
}





#Youtube {
    width: 50px;
    height: 50px;
    float: right;
    clear: left;
    margin-top: -150px;
    opacity: 0.85;
}

#blog {
    width: 50px;
    height: 50px;
    float: right;
    clear: left;
    margin-top: -100px;
    margin-left: -50px;
    opacity: 0.85;
}

    #boton_ejemplo:hover, #boton_twitter:hover, #Youtube:hover, #blog:hover {
        opacity: 100;
    }

    #boton_ejemplo img, #boton_twitter img, #Youtube img, #blog img {
        width: 100%;
        height: auto;
    }

/* FIN DE REDES*/

.mapa_imagen {
    margin: auto;
}

.mapa_flash {
    margin: auto;
    /*  display: none;*/
}

.plano_mapaImagen {
    width: 100%;
    /*	max-width: 1000px;*/
    text-align: center;
}

.imagen_oficina {
    float: right;
    padding-left: 2%;
}

.fondo_webcam_imagen {
    width: 45.6%;
    padding: 1%;
    margin: 1%;
    background-color: #f1f1f1;
    float: left;
}


.fondo_webcam_imagen_texto {
    color: #004175;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
/* parte de nieve */
.parte_nieve2015 {
    /*	position:absolute;
	top:-55px;
	right:11px; 
	display:block;
	clear:both;*/
    z-index: 100;
    position: relative;
    float: right;
}

.cerrar, .abrir, .cerrar2, .abrir2, .cerrarMovil, .abrirMovil {
    float: left;
    color: #fff;
    font-size: 1em;
    padding: 1em 1.5em;
    background-color: #306391;
    display: block;
    transition: all 0.2s ease-in-out 0s;
}

.abrir, .cerrar2, .cerrarMovil, .abrirMovil {
    display: none;
}

    .cerrar a, .abrir a, .abrir2 a, .cerrar2 a, .cerrarMovil a, .abrirMovil a {
        color: #fff;
    }

    .cerrar:hover, .abrir:hover, .cerrar2:hover, .abrir2:hover, .cerrarMovil:hover, .abrirMovil:hover {
        background-color: #333;
        cursor: pointer;
    }

.cerrado {
    height: 54px;
    overflow: hidden;
    transition: all 0.2s ease-in-out 0s;
}

.abierto {
    height: auto;
    overflow: visible;
    transition: all 0.2s ease-in-out 0s;
}

.parte_derecha {
    float: right;
    transition: all 0.2s ease-in-out 0s;
    width: 200px;
}

.parte_zona1 {
    background-color: #109231;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8em;
}

.parte_zona1_cerrado {
    background-color: #ff1800;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8em;
}

.parte_zona1_espera {
    background-color: #ffdd00;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8em;
}

.parte_titulo {
    padding-top: 0.5em;
    font-weight: bold;
}

.parte_zona2 {
    margin: 0.3em auto;
    display: block;
    background-color: #303030;
    padding: 3%;
}

.zona2_izquierda {
    float: left;
    width: 75%;
}

.dato {
    display: block;
    line-height: 1.5em;
    color: #fff;
    font-size: 0.8em;
}

.dato_numerico {
    color: #109231;
    font-weight: bold;
    padding-right: 0.5em;
    font-size: large;
}

.zona2_derecha {
    float: right;
    width: 25%;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    line-height: 2.5em;
    color: #fff;
}

.parte_icono {
   margin: 0.3em auto 0.0em;
    width: 30%;
   padding-top: 0.3em;
}

    .parte_icono img {
        width: 100%;
        max-width: 120px;
        height: auto;
    }

.parte_zona3 {
    display: block;
    clear: both;
}

.parte_enlace_icono {
    float: left;
    margin: 0px 0px 0px 0.5em;
    display: block;
    opacity: 0.85;
    transition: all 0.2s ease-in-out 0s;
    width: 30.6%;
}

    .parte_enlace_icono:hover {
        opacity: 100;
    }

    .parte_enlace_icono:first-child {
        margin-left: 0px;
    }

    .parte_enlace_icono img {
        width: 100%;
        height: auto;
        max-width: 90px;
    }

.parte_zona4 a, .parte_zona5 a {
    display: block;
    background-image: url('../img/Plantilla/fondo_parte_finde.png');
    background-position: left top;
    background-repeat: repeat-x;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 2em;
    font-size: 0.9em;
    width: 100%;
    margin-bottom: 0.3em;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
}

    .parte_zona4 a:hover, .parte_zona5 a:hover {
        background-image: url('../img/Plantilla/fondo_parte_findeOver.png');
    }

/* FIN DE PLANTILLA */
/* INDEX */
.astuntrans {
    text-align: right;
    padding-right: 200px;
    padding-top: 10px;
}

    .astuntrans img {
        width: 100%;
        max-width: 770px;
    }

.calidad {
    display: block;
    float: left;
    /* margin-top: -200px;*/
}

.index_noticia {
    display: block;
    clear: both;
    margin: 1em auto;
    padding: 1%;
    height: 3em;
    background-color: #fff;
}

.index_noticia_movil {
    display: none;
}

.index_noticia_logo {
    background-image: url('../img/Index/ultima_hora.jpg');
    background-position: 1em center;
    background-repeat: no-repeat;
    color: #004175;
    font-size: 0.9em;
    text-indent: 5em;
    line-height: 3em;
    text-transform: uppercase;
    float: left;
}

.index_noticia_contenido {
    color: #333;
    float: none;
    display: block;
    line-height: 2.5em;
    height: 2.5em;
    padding-left: 1em;
    margin-right: 0px;
    overflow: hidden;
}

.cintaInformativa {
    white-space: nowrap;
    display: block;
}

    .cintaInformativa a {
        padding-left: 10em;
    }

.cuadro_venta {
    float: left;
    margin-right: 2%;
    padding: 0px 2% 2% 2%;
    width: 65%;
    background-image: url('../img/Index/fondo_productos.png');
    background-repeat: repeat;
}

.bloque_venta {
    padding-left: 2%;
    width: 32%;
    float: left;
    display: inline-block;
}

    .bloque_venta:first-child {
        padding-left: 0px;
    }

.cabecera_bloque p {
    color: #fff;
    text-transform: uppercase;
    line-height: 4em;
    margin: 0px;
}

.cabecera_icono {
    float: left;
    display: block;
    text-align: center;
    margin-right: 2em;
}

.cabecera_icono {
    max-width: 50px;
}

.producto_venta {
    display: block;
    background-color: #0B1B2A;
    width: 100%;
    height: 3em;
    clear: both;
}

.producto_icono {
    float: left;
    width: 30px;
    padding-left: 1em;
    border-bottom: 2px #109231 solid;
    background-position: center center;
    background-repeat: no-repeat;
    height: 3em;
}

.producto_nombre {
    float: left;
    line-height: 3.2em;
    text-transform: uppercase;
    border-bottom: 2px transparent;
    color: #666;
    font-size: 0.8em;
    /* padding-left: 0.5em;*/
}

.forfait {
    background-image: url('../img/Index/productos/forfait.png');
}

.alquiler {
    background-image: url('../img/Index/productos/alquiler.png');
}

.recarga {
    background-image: url('../img/Index/productos/recarga.png');
}

.abono {
    background-image: url('../img/Index/productos/abono.png');
}

.restaurante {
    background-image: url('../img/Index/productos/restaurante.png');
}

.terraza {
    background-image: url('../img/Index/productos/terraza.png');
}

.bocateria {
    background-image: url('../img/Index/productos/bocateria.png');
}

.taquillas {
    background-image: url('../img/Index/productos/taquillas.png');
}

.cafeteria {
    background-image: url('../img/Index/productos/cafeteria.png');
}

.cuanto {
    background-image: url('../img/Index/productos/icono_cuanto.png');
}

.encuesta {
    background-image: url('../img/Index/productos/encuesta.png');
}

.webcams {
    background-image: url('../img/Index/productos/webcams.png');
}

.club {
    background-image: url('../img/Index/productos/club.png');
}

.oficinas {
    background-image: url('../img/Index/productos/oficinas.png');
}

.clases {
    background-image: url('../img/Index/productos/clases.png');
}

.combos {
    background-image: url('../img/Index/productos/combos.png');
}

.trineos {
    background-image: url('../img/Index/productos/trineo.png');
}


.astuncandanchu {
    background-image: url('../img/Index/productos/astuncandanchu.png');
}

.conduccion {
    background-image: url('../img/Index/productos/conduccion.png');
}

.cava {
    background-image: url('../img/Index/productos/cava.png');
}
#activo .producto_inactivo {
    display: none;
}

#activo .producto_nombre {
    color: #fff;
}

    #activo .producto_nombre a {
        color: #fff;
    }

#activo:hover .producto_nombre {
    color: #109231;
    cursor: pointer;
}

    #activo:hover .producto_nombre a {
        color: #109231;
        cursor: pointer;
    }

#activo:hover .forfait {
    background-image: url('../img/Index/productos/forfait_activo_over.png');
}

#activo .forfait {
    background-image: url('../img/Index/productos/forfait_activo.png');
}

#activo .alquiler {
    background-image: url('../img/Index/productos/alquiler_activo.png');
}

#activo:hover .alquiler {
    background-image: url('../img/Index/productos/alquiler_over.png');
}

#activo .recarga {
    background-image: url('../img/Index/productos/recarga_activo.png');
}

#activo:hover .recarga {
    background-image: url('../img/Index/productos/recarga_over.png');
}

#activo .abono {
    background-image: url('../img/Index/productos/abono_activo.png');
}

#activo:hover .abono {
    background-image: url('../img/Index/productos/abono_over.png');
}

#activo .restaurante {
    background-image: url('../img/Index/productos/restaurante_activo.png');
}

    #activo .restaurante:hover {
        background-image: url('../img/Index/productos/restaurante_activo.png'):;
    }

#activo .terraza {
    background-image: url('../img/Index/productos/terraza_over.png');
}

    #activo .terraza:hover {
        background-image: url('../img/Index/productos/terraza_activo.png');
    }

#activo .bocateria {
    background-image: url('../img/Index/productos/bocateria_activo.png');
}

#activo:hover .bocateria {
    background-image: url('../img/Index/productos/bocateria_over.png');
}

#activo .taquillas {
    background-image: url('../img/Index/productos/taquillas_activo.png');
}

#activo:hover .taquillas {
    background-image: url('../img/Index/productos/taquillas_over.png');
}

#activo .cafeteria {
    background-image: url('../img/Index/productos/cafeteria.png'):;
}

    #activo .cafeteria:hover {
        background-image: url('../img/Index/productos/cafeteria_over.png');
    }

#activo .cuanto {
    background-image: url('../img/Index/productos/icono_cuanto_activo.png');
}

    #activo .cuanto:hover {
        background-image: url('../img/Index/productos/icono_cuanto_over.png');
    }

#activo .club {
    background-image: url('../img/Index/productos/club_activo.png');
}

#activo:hover .club {
    background-image: url('../img/Index/productos/club_over.png');
}

#activo .webcams {
    background-image: url('../img/Index/productos/webcams_activo.png');
}

#activo:hover .webcams {
    background-image: url('../img/Index/productos/webcams_over.png');
}

#activo .encuesta {
    background-image: url('../img/Index/productos/encuesta_activo.png');
}

#activo:hover .encuesta {
    background-image: url('../img/Index/productos/encuesta_over.png');
}

#activo .oficinas {
    background-image: url('../img/Index/productos/oficinas_activo.png');
}

    #activo .oficinas:hover {
        background-image: url('../img/Index/productos/oficinas_over.png');
    }

#activo .clases {
    background-image: url('../img/Index/productos/clases_activo.png');
}

#activo:hover .clases {
    background-image: url('../img/Index/productos/clases_over.png');
}

#activo .combos {
    background-image: url('../img/Index/productos/combos_activo.png');
}

#activo:hover .combos {
    background-image: url('../img/Index/productos/combos_over.png');
}

#activo .trineos {
    background-image: url('../img/Index/productos/trineo_activo.png');
}

#activo:hover .trineos {
    background-image: url('../img/Index/productos/trineo_over.png');
}

#activo .astuncandanchu {
    background-image: url('../img/Index/productos/astuncandanchu_activo.png');
}

#activo:hover .astuncandanchu {
    background-image: url('../img/Index/productos/astuncandanchu_over.png');
}

#activo .conduccion {
    background-image: url('../img/Index/productos/conduccion_activo.png');
}

#activo:hover .conduccion {
    background-image: url('../img/Index/productos/conduccion_over.png');
}
#activo:hover .cava {
    background-image: url('../img/Index/productos/cava_over.png');
}

#inactivo .producto_activo {
    display: none;
}

.bloque_venta_comer {
    background-image: url(/img/index/fondo_comer.png);
    background-repeat: no-repeat;
    bacground-size: cover;
    background-position: center top;
    display: block;
    float: none;
    text-align: center;
    color: #7B6B4D;
    min-height: 348px;
    position: relative;
    background-color: #0d1b2b;
}

.index_comer {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    margin-top: 90px;
    width: 100%;
    position: absolute;
    bottom: 2em;
}

.bloque_venta_comer_titulo {
    color: #fff;
    font-size: 1em;
    display: block;
    padding-top: 1em;
    text-align: center;
}

.bloque_venta_comer_astun {
    color: #7B6B4D;
    font-size: 2em;
    margin: 0px auto;
    text-align: center;
}
/* buscador */
.buscador_alojamiento {
    float: right;
    padding: 0px 1%;
    width: 27%;
    background-image: url('../img/Index/fondo_buscador.png');
    background-repeat: repeat;
    text-transform: uppercase;
    min-height: 450px;
    position: relative;
}

.buscador_cabecera {
    background-image: url('../img/Index/buscar.jpg');
    background-position: left top;
    background-repeat: no-repeat; /*font-size: 0.9em;
    color: #fff; padding-top: 1em;*/
    ;
    padding-left: 5em;
    height: 70px;
}

.buscador_pregunta {
    float: left;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    width: 45%;
    text-align: left;
    line-height: 3em;
    margin-bottom: 1em;
    height: 3.4em;
    line-height: 3em;
}

.buscador_respuesta {
    float: right;
    width: 55%;
    text-align: left;
    margin-bottom: 1em;
    text-indent: 0.5em;
}

    .buscador_respuesta input {
        border: 0 none;
        line-height: 3em;
        text-transform: uppercase;
        text-indent: 0.5em;
    }

.buscador_personas {
    height: 3em;
    width: 7em;
    border: 0px;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    background-image: url('../img/Index/selector_personas.jpg');
    background-position: center;
    background-repeat: no-repeat;
    padding-right: 1em;
    background-color: #fff;
    padding-left: 1em;
}

.buscador_grupo {
    height: 3em;
    width: 13em;
    border: 0px;
    text-indent: 0.5em;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    background-image: url('../img/Index/selector_personas.jpg');
    background-position: 8em center;
    background-repeat: no-repeat;
    padding-right: 1em;
    background-color: #fff;
    padding-left: 1em;
}

.buscador_fechas {
    background-image: url('../img/Index/fecha.jpg');
    background-position: right center;
    background-repeat: no-repeat;
    height: 3em;
}

.buscador_boton {
    position: absolute;
    bottom: 1em;
    right: 1em;
}

    .buscador_boton input {
        border: 0px;
        background-color: black;
        background-image: url('../img/Index/lupa.png');
        background-position: 5px center;
        text-indent: 1.5em;
        background-repeat: no-repeat;
        text-align: center;
        color: #FFFFFF;
        font-size: 0.9em;
        padding: 1em 2em;
        transition: all 0.2s ease-in-out 0s;
    }

        .buscador_boton input:hover {
            background-color: #109231;
            cursor: pointer;
        }

.buscador_check {
    float: left;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    width: 50%;
    text-align: left;
    /*	line-height: 3em; */
    margin-bottom: 0.9em;
}


.buscador_alojamiento_desactivado {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 1000;
    background-image: url('../img/Index/fondo_nodisponible.png');
    background-repeat: repeat;
    background-position: center center;
    min-height: 330px;
    text-align: center;
}

    .buscador_alojamiento_desactivado img {
        display: block;
        margin: 0px auto;
        padding-top: 10%;
        width: 100%;
        height: auto;
        max-width: 250px;
    }

.buscador_espacio {
    width: 4em;
    overflow: hidden;
    height: 40px;
}


.buscador_espacio2 {
    width: 9em;
    overflow: hidden;
    height: 40px;
}


.cabecera_carrusel {
    margin: 1em auto 0px auto;
    display: block;
    clear: both;
    background-color: #FFFFFF;
    padding: 1%%;
    text-indent: 3em;
    font-size: 0.8em;
    color: #004175;
    font-weight: bold;
    line-height: 3em;
}


.carrusel_index {
    display: block;
    clear: both;
    background-image: url('../img/Index/fondo_productos.png');
    background-repeat: repeat;
    padding: 2%;
}

.oferta_imagen {
    position: relative;
    height: 180px;
    overflow: hidden;
}

.oferta_complemento {
    position: absolute;
    top: 0px;
    left: -1px;
    color: #FFFFFF;
    background-image: url('../img/Index/esquina_verde.png');
    background-position: left top;
    background-repeat: no-repeat;
    width: 129px;
    height: 115px;
    font-weight: bold;
}

.oferta_complemento_contenido {
    position: absolute;
    top: 0px;
    left: 0px;
}

.oferta_complemento_logo {
    display: block;
    clear: both;
    text-align: left;
    padding: 0.2em;
}

.oferta_complemento_numero {
    float: left;
    font-size: 1.5em;
    padding-left: 0.2em;
}

.oferta_complemento_logo img {
    max-width: 40px;
}

.oferta_complemento_texto {
    font-size: 0.7em;
    float: left;
}

.oferta_inferior {
    margin-top: 0.5em;
    padding: 3%;
    display: block;
    background-color: #fff;
    color: #004175;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: bold;
    text-align: left;
    min-height: 235px;
    position: relative;
}

.oferta_titulo {
    font-weight: bold;
    margin-bottom: 0.7em;
}

.oferta_explicacion {
    margin-bottom: 0.7em;
    font-weight: normal;
}

.oferta_precio {
    color: #52903b;
    font-size: 1.1em;
    margin-bottom: 0.7em;
    text-align: right;
}


.oferta_seleccionar {
    position: absolute;
    bottom: 3%;
    width: 96%;
    display: block;
    left: 2%;
}

.oferta_buscador {
    display: block;
    clear: both;
    margin: 0.5em auto;
    border-top: 1px silver dashed;
    padding-top: 0.5em;
}

.oferta_buscador_pregunta {
    float: left;
    width: 50%;
    line-height: 2em;
}

.oferta_buscador_respuesta {
    float: left;
    width: 50%;
    line-height: 2em;
}

.oferta_boton a {
    text-align: center;
    color: #FFFFFF;
    width: 100%;
    background-color: #004175;
    display: block;
    line-height: 3em;
}

    .oferta_boton a:hover {
        background-color: black;
        cursor: pointer;
    }
/* FIN DE INDEX */


/*Noticias*/


.fecha_noticia {
    float: right;
    padding: 0.4em;
    background-color: #6F7073;
    color: white;
    font-size: 13px !important;
}


.texto_noticia {
    font-size: 13px !important;
    color: #333 !important;
    font-family: "Open Sans",sans-serif !important;
}


.noticias p {
    font-size: 13px !important;
    color: #333 !important;
    font-family: "Open Sans",sans-serif !important;
}

.noticias span p {
    font-size: 13px !important;
    color: #333 !important;
    font-family: "Open Sans",sans-serif !important;
}

    .noticias span p span {
        font-size: 13px !important;
        color: #333 !important;
        font-family: "Open Sans",sans-serif !important;
    }

.noticias p span p {
    font-size: 13px !important;
    color: #333 !important;
    font-family: "Open Sans",sans-serif !important;
}




.noticias img [style] {
    width: auto;
    height: auto;
    margin: 1em auto;
}








.encuesta_bloque1 {
    width: 18%;
    margin: 1%;
    display: inline-block;
    float: left;
}




.encuesta_bloque2 {
    width: 48%;
    margin: 1%;
    display: inline-block;
    float: left;
}


/*WEBCAMS*/
.imgCamDetPlano {
    position: relative;
}

    .imgCamDetPlano .cam {
        width: 100%;
    }

    .imgCamDetPlano .cam_logoAstun {
        position: absolute;
        top: 20px;
    }

    .imgCamDetPlano .cam_logoSki {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

.imgCamMiniPlano {
    float: left;
    width: 25%;
    position: relative;
}

    .imgCamMiniPlano .cam {
        width: 100%;
    }

    .imgCamMiniPlano .cam_logoAstun {
        position: absolute;
        top: 20px;
    }

    .imgCamMiniPlano .cam_logoSki {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

.imgCam {
    position: relative;
}

    .imgCam .cam {
        width: 100%;
    }

    .imgCam .cam_logoAstun {
        position: absolute;
        top: 8px;
    }

    .imgCam .cam_logoSki {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

.imgCamDet {
    position: relative;
}

    .imgCamDet .cam {
        width: 100%;
    }

    .imgCamDet .cam_logoAstun {
        position: absolute;
        top: 20px;
    }

    .imgCamDet .cam_logoSki {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }



/*PARTE DE NIEVE, PISTAS Y REMONTES*/

.estado_estacion_contenedor {
    margin: 0.4em;
    float: left;
    display: inline-block;
    width: 12.1%;
    border: 0.1em solid #bdbdc6;
    padding: 0.5em;
    text-align: center;
    height: 40px;
    background-color: #f5f2f2;
}


.subtitulo_pistas {
    color: #306391;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 2em;
    text-align: center;
    text-transform: uppercase;
}

.subtitulo_pistas_unc {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 2em;
    text-align: center;
    text-transform: uppercase;
}

.estado_estacion_contenedor strong {
    font-size: 14px;
}

.estado_estacion_contenedor_remontes {
    margin: 0.4em;
    float: left;
    display: inline-block;
    width: 17.8%;
    border: 0.1em solid #bdbdc6;
    padding: 0.5em;
    text-align: center;
    height: 50px;
    background-color: #f5f2f2;
}

.estado_estacion_contenedor_parte {
    margin: 0.4em;
    float: left;
    display: inline-block;
    width: 14.5%;
    border: 0.1em solid #bdbdc6;
    padding: 0.5em;
    text-align: center;
    height: 60px;
    background-color: #D8D8D8;
}

    .estado_estacion_contenedor_parte strong {
        font-size: 15px;
    }

.estado_abierta {
    font-size: 15px;
    font-weight: bold;
    /*   padding: 2%;*/
    background-color: #109231;
    color: white;
    text-transform: uppercase;
    padding: 6% 2%;
}


.caracterisitca_uno {
    font-weight: bold;
}

.estado_cerrada {
    font-size: 15px;
    font-weight: bold;
    /*  padding: 2%;*/ padding: 6% 2%;
    background-color: #c6190b;
    color: white;
    text-transform: uppercase;
}


.estado_espera {
    font-size: 15px;
    font-weight: bold;
    /*padding: 2%;*/ padding: 6% 2%;
    color: white;
    background-color: #707174;
    text-transform: uppercase;
}



.fondo_verde_cabecera {
    background-color: #f1f1f1;
    /*background-image: url("/img/interior/webcam.png");
    background-repeat: no-repeat;*/
    color: #2a599e;
    font-size: 14px;
    font-weight: bold;
    margin: 1% 0;
    padding: 1%;
}



.numero_remonte_verde {
    background-color: #109231;
    color: #fff;
    font-weight: bold;
}

.numero_remonte_azul {
    background-color: #435993;
    color: #fff;
    font-weight: bold;
}


.numero_remonte_rojo {
    background-color: #C6190B;
    color: #fff;
    font-weight: bold;
}

.numero_remonte_negro {
    background-color: #000000;
    color: #fff;
    font-weight: bold;
}


.numero_remonte_gris {
    background-color: #F19800;
    color: #fff;
    font-weight: bold;
}


.bordes_blanco {
    border-bottom: #ffffff solid 0.1em;
    border-right: #ffffff solid 0.1em;
}




.estado_abierto {
    color: #109231;
    font-weight: bold;
}



.estado_cerrado {
    color: #c6190b;
    font-weight: bold;
}


.estado_espera_pistas {
    color: #707174;
    font-weight: bold;
}

.boton_pistas_parte {
    background-color: #fff;
    border: 1px solid #004175;
    color: #004175;
    display: inline-block;
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    margin: 1%;
    padding: 1em 2em;
    text-align: center;
    text-transform: uppercase;
    width: 43.9%;
}

    .boton_pistas_parte:hover {
        background-color: #004175;
        color: #fff;
    }

.boton_otros_partes {
    background-color: #fff;
    border: 1px solid #004175;
    color: #004175;
    display: inline-block;
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    margin: 1%;
    padding: 1em 2em;
    text-align: center;
    text-transform: uppercase;
    width: 88%;
}

.contenedor_otros_parte {
    float: right;
    width: 50%;
}

.boton_otros_partes:hover {
    background-color: #004175;
    color: #fff;
}

.titulos_pistas_tipos {
    display: none;
}

.fondo_azul_parte {
    background-color: #004175;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 1%;
}

.parte_res {
    display: none;
}

.parte_res_no {
    display: block;
}

.skipass {
    display: none;
}
/* RESPONSIVO */
@media only screen and (max-width: 1280px) {
    .astuntrans img {
        max-width: 650px;
        width: 100%;
    }

    .calidad {
        display: block;
        float: left;
        margin-top: -150px;
    }

    .contenidos {
        max-width: 1152px;
        padding: 0px 1%;
        margin: 0px auto;
    }

    .contenidos_int {
        max-width: 1152px !important;
    }



    .estado_estacion_contenedor {
        margin: 0.3em;
        float: left;
        display: inline-block;
        width: 14.5%;
        border: 0.1em solid #bdbdc6;
        padding: 0.5em;
        text-align: center;
        height: 50px;
    }

    .estado_estacion_contenedor_remontes, .estado_estacion_contenedor_parte {
        margin: 0.3em;
    }

    .menu li a {
        margin: 1.6em 0.5em;
    }
}

@media only screen and (max-width: 1130px) {
    .producto_nombre {
        font-size: 0.8em;
    }

    .producto_icono {
        width: 25px;
    }


    .cabecera_bloque p {
        color: #fff;
        line-height: normal;
        padding-top: 4%;
        text-transform: uppercase;
    }

    .buscador_pregunta {
        line-height: normal;
    }


    .oferta_inferior {
        font-size: 0.7em;
    }

    .astuntrans img {
        display: none;
    }

    .calidad {
        display: block;
        float: left;
        margin-top: 10px;
        margin-left: 50px;
    }
}

.banner_ac {
    float: left;
    width: 49%;
}

.banner_ford {
    float: right;
    width: 49%;
}

@media only screen and (max-width: 1024px) {
    body {
        background-image: none;
        background-color: #E6FFFF;
    }


    .traductor {
        position: absolute;
        left: 1em;
        top: 4em;
    }

    .accesos_especiales {
        min-width: 290px;
        padding-left: 1em;
    }

    .pie {
        padding: 0px 1em;
    }

    .pie_politicas {
        font-size: 0.7em;
        text-transform: uppercase;
        width: 30%;
        margin-bottom: 2em;
        text-align: left;
    }

    .pie_contacto, .pie_boletin {
        width: 30%;
        padding-right: 2%;
    }

    .parte_nieve2015 {
        top: 0px;
    }

    .redes {
        display: none;
    }

    .redes_movil {
        clear: both;
        display: block;
        margin-bottom: 2em;
        margin-top: -2.5em;
    }

    .patrocinadores_texto {
        min-width: 100px;
    }

    .cabecera_bloque p {
        font-size: 0.8em;
        line-height: 6em;
    }

    .cabecera_icono {
        margin-right: 1em;
    }

    .producto_nombre {
        padding-left: 0px;
    }

    .buscador_pregunta {
        line-height: 1em;
        height: 3em;
        padding-top: 0.7em;
        padding-bottom: 0.7em;
        margin-bottom: 0px;
    }

    .buscador_respuesta {
    }

    .producto_nombre {
        font-size: 0.8em;
    }

    .buscador_pregunta {
        font-weight: normal;
    }

    .buscador_check {
        color: #fff;
        float: left;
        font-size: 0.7em;
        font-weight: bold;
        text-align: left;
        width: 48%;
    }

    .buscador_check {
        font-size: 0.7em;
        font-weight: normal;
    }

    .buscador_boton {
        bottom: 1em;
        float: right;
        position: absolute;
        right: 0.3em;
    }
    /*.buscador_respuesta input {
        line-height:2em;
        text-indent:0.2em
    
    
    }*/



    .estado_estacion_contenedor {
        margin: 0.3em;
        float: left;
        display: inline-block;
        width: 24.5%;
        border: 0.1em solid #bdbdc6;
        padding: 0.5em;
        text-align: center;
    }

    .estado_estacion_contenedor_remontes, .estado_estacion_contenedor_parte {
        margin: 0.3em;
        width: 30%;
    }
}

@media only screen and (max-width: 800px) {
    body {
        background-color: #FAF3DE;
    }

    .calidad {
        display: block;
        float: left;
        margin-top: 10px;
        margin-left: 10px;
    }

    .contenedor_otros_parte {
        float: right;
        width: 100%;
        clear: both;
    }

    .webcams_cabecera {
        display: none;
    }

    .fondo_webcam_imagen {
        width: 96%;
    }

    .menu li a {
        padding: 0px 1em;
    }

    .accesos_especiales {
        min-width: 270px;
    }

    .menu li a {
        padding: 0 0.4em;
    }

    .traductor {
        position: relative;
        left: 0;
        top: 0;
    }



    .patrocinadores_texto {
        height: 4em;
    }

    .patrocionadores {
        border-bottom: 1px silver dashed;
    }

    .index_noticia_contenido {
        width: 70%;
        height: 2em;
        overflow: hidden;
    }

    .cuadro_venta {
        float: none;
        clear: both;
        margin: 1em auto;
        width: 95%;
    }

    .buscador_alojamiento {
        float: none;
        clear: both;
        width: 97%;
        margin: 0px auto;
        min-height: 0px;
    }

    .buscador_pregunta, .buscador_respuesta {
        display: inline-block;
    }

    .buscador_bloque {
        float: left;
        display: inline-block;
        margin-left: 1em;
        width: 47%;
    }

    .pie_politicas {
        font-size: 0.7em;
        text-transform: uppercase;
        width: 100%;
        margin-bottom: 2em;
        text-align: center;
    }

    .pie_contacto {
        border-left: 0px;
    }

    .pie_contacto, .pie_boletin {
        width: 45%;
        padding-right: 2%;
    }

    .buscador_alojamiento_desactivado {
        height: 75%;
        min-height: 0px;
    }

    .noticias img {
        width: auto;
        max-width: 600px;
    }




    .encuesta_bloque1 {
        width: 48%;
        margin: 1%;
        display: inline-block;
        float: left;
    }


    .estado_estacion_contenedor_remontes, .estado_estacion_contenedor_parte {
        margin: 0.3em;
        width: 45.7%;
    }


    .encuesta_bloque2 {
        width: 99%;
        margin: 1%;
        display: inline-block;
        float: left;
    }
}

@media only screen and (max-width: 720px) {
    body {
        background-color: #fff;
        background-image: none;
    }

    .producto_nombre {
        font-size: 0.7em;
    }

    .estado_estacion_contenedor {
        margin: 0.3em;
        float: left;
        display: inline-block;
        width: 45%;
        border: 0.1em solid #bdbdc6;
        padding: 0.5em;
        text-align: center;
    }

    .estado_estacion_contenedor_remontes, .estado_estacion_contenedor_parte {
        margin: 0.3em;
        width: 98%;
    }



    .boton_pistas_parte {
        width: 89%;
    }

    .estado_abierta {
        padding: 3% 2%;
    }

    .traductor {
        float: none;
        display: block;
        clear: both;
        margin: 0.5em auto;
        padding: 0px;
        width: 96%;
        text-align: center;
    }

    .accesos_especiales {
        float: none;
        display: block;
        clear: both;
        margin: 0px auto;
        text-align: center;
        padding: 0px;
    }
}

@media only screen and (max-width: 600px) {
    .banner_ac {
        width: 99%;
        clear: both;
        float: left;
    }

    .banner_ford {
        clear: both;
        width: 99%;
        float: left;
    }



    .menu {
        display: none;
        margin: 0;
    }

    .mobile-menu {
        display: block;
    }

    nav {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        margin: 0;
    }

    .menu li {
        display: block;
        margin: 0;
    }

        .menu li a {
            background: #ffffff none repeat scroll 0 0;
            border-left: 3px solid #ffffff;
            border-top: 1px solid #e0e0e0;
            color: #797979;
        }

            .menu li a:hover, .menu li:hover > a {
                background: #f0f0f0 none repeat scroll 0 0;
                border-left: 3px solid #9ca3da;
                color: #797979;
            }

    .menu ul {
        display: block;
        left: 0;
        position: relative;
        top: 0;
        width: 100%;
    }

        .menu ul ul {
            left: 0;
        }

    ul.sub-menu {
        display: none;
    }

        ul.sub-menu:hover {
            display: none;
        }

    .menu li:hover > ul {
        display: none;
    }

    .menu_superior {
        display: block;
        clear: both;
        float: none;
        padding-top: 2%;
    }



    .patrocinadores_texto {
        float: none;
        clear: both;
        display: block;
    }

    .pie_contacto, .pie_boletin {
        border-left: 0px;
        border-right: 0px;
        float: none;
        padding: 0px;
        width: 96%;
        margin: 1em auto;
        clear: both;
        border-top: 1px #004175 solid;
        text-align: center;
    }

    .pie_titulo {
        padding-top: 1em;
    }

    .pie_contacta_direccion {
        color: #87868a;
        float: none;
        margin: 0px auto;
        font-size: 0.8em;
        line-height: 1.5em;
        width: 70%;
    }

    .parte_nieve2015 {
        float: none;
        margin: 0px auto;
    }

    .abrir, .cerrar, .abrir2, .cerrar2 {
        display: none;
    }

    .abrirMovil, .cerrarMovil {
        display: block;
    }

    .cerrarMovil {
        display: none;
    }

    /*   .redes_movil {
        display: none;
    }

    .redes_movil2 {
        display: block;
    }*/

    .redmovil {
        width: 15%;
        float: left;
        display: inline-block;
        margin: 0.5em 2%;
    }

    .bloque_venta {
        display: block;
        float: none;
        width: 100%;
        margin: 0.5em auto;
        padding-left: 0;
    }

    .patrocinador {
        float: left;
        padding: 1em 0;
        text-align: center;
        width: 50%;
    }

        .patrocinador img {
            max-height: 50px;
            width: auto;
        }

    .pie_politicas {
        font-size: 0.7em;
        text-align: center;
    }

    .index_noticia {
        height: auto;
    }

    .index_noticia_logo {
        float: none;
        display: block;
        clear: both;
        border-bottom: 1px silver dashed;
    }

    .index_noticia_contenido {
        display: block;
        clear: both;
        width: auto;
        padding: 2%;
        height: auto;
        line-height: 1em;
        font-size: 0.9em;
    }

    .parte_nieve2015 {
        float: right;
        clear: left;
        width: 96%;
    }

    .parte_derecha {
        width: 100%;
        max-width: 80%;
        float: left;
        margin-left: 1%;
    }

    .cerrado, .abierto {
        display: none;
    }

    .cerradoMovil {
        height: 56px;
        overflow: hidden;
        transition: all 0.2s ease-in-out 0s;
    }

    .abiertoMovil {
        height: auto;
        overflow: visible;
        transition: all 0.2s ease-in-out 0s;
    }

    .calidad, .astuntrans {
        display: none;
    }

    .producto_vacio {
        display: none;
    }

    .buscador_check {
        width: auto;
        float: none;
        clear: both;
        display: block;
    }

    .buscador_boton {
        right: 1em;
    }

    .buscador_alojamiento_desactivado {
        height: 85%;
    }


    .noticias img {
        max-width: 480px;
    }
}



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

    .skipass {
        display: block;
    }

        .skipass img {
            width: 100%;
            max-width: 437px;
        }


    .redes_movil {
        display: block;
    }

    .redes_movil2 {
        display: none;
    }

    .encuesta_bloque1 {
        width: 99%;
        margin: 1%;
        display: inline-block;
        float: left;
    }

    .encuesta_td_res td {
        display: table-row;
    }


    .logo {
        float: none;
        margin: 0.5em auto;
        text-align: center;
        padding-bottom: 1em;
    }

    .noticias img {
        max-width: 320px;
    }

    .estado_estacion_contenedor {
        margin: 0.3em;
        float: left;
        display: inline-block;
        width: 98%;
        border: 0.1em solid #bdbdc6;
        padding: 0.5em;
        text-align: center;
    }

    .pistas_td_res {
        display: table;
        width: 100%;
    }

    .pistas_titulos_td_res {
        display: none;
    }

    .parte_td_res {
        display: table;
        width: 96%;
    }

    .titulos_pistas_tipos {
        display: inline-block;
        font-weight: bold;
    }

    .titulo_remontes_cabecera {
        background-color: #707274;
        color: white;
    }

    .parte_res {
        display: block;
    }

    .parte_res_no {
        display: none;
    }

    .parte_nieve2015 {
        float: none;
        width: 96%;
    }

    .index_noticia {
        display: none;
    }

    .index_noticia_movil {
        display: block;
        background: #fff;
        clear: both;
        display: block;
        margin: 0.5em auto;
        width: 96%;
    }

    .cintaInformativa_movil a {
        display: block;
        clear: both;
        line-height: 2em;
        white-space: normal;
        border-bottom: 1px silver dashed;
    }

        .cintaInformativa_movil a:last-child {
            border-bottom: 0px;
        }
}

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