/**
 *
 *
 */

@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,500,500i,700,700i');

.inputSearchContainer #limpiarBusqueda{
    position: absolute;
    border: none;
    outline: 0px;
    background: transparent;
    color: #c00000;
    vertical-align: middle;
    right: 38px;
	height: 70px;
    font-size: 22px;
    height: auto !important;
    margin-top: 15.5px;
    cursor: pointer;
}


@media (max-height: 350px) {
    .carousel-caption {
        display: none !important;
    }
}
@media (max-width: 400px) {
    .leyendaAlojamientoGoogleMaps {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 81px;
    }

    .leyendaAlojamientoGoogleMaps::-webkit-scrollbar { -webkit-appearance: none; }
    .leyendaAlojamientoGoogleMaps::-webkit-scrollbar:vertical { width: 5px; }
    .leyendaAlojamientoGoogleMaps::-webkit-scrollbar:horizontal { height: 5px; }
    .leyendaAlojamientoGoogleMaps::-webkit-scrollbar-thumb { background-color: #05bdbd; border-radius: 15px; border: 2px solid transparent; }
    .leyendaAlojamientoGoogleMaps::-webkit-scrollbar-track { border-radius: 10px; background-color: #d9f5f5; }


}



@media (min-width: 576px) {
    .patrocinadoresText {
        line-height: normal;
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .listadoSecciones {
        width: 100% !important;
    }
    .inputSearchContainer #limpiarBusqueda{
    	right: 41px;
    }
    .inputSearchContainer .col {
    	left: -13px;
    }





}


@media (min-width: 768px) {
    .col-md-1_5 {
        -ms-flex: 0 0 12.499995%;
        flex: 0 0 12.499995%;
        max-width: 12.499995%;
    }
    .inputSearchContainer #limpiarBusqueda{
	    position: absolute;
	    right: 52px;
	    height: 70px;
	    border: none;
	    background: transparent;
	    font-size: 24px;
	    color: #c00000;
	    vertical-align: middle;
	}
    .logosPatrocinadores {
        height: 175px!important;
    }
}
@media (min-width: 992px) {
    .col-lg-1_5 {
        -ms-flex: 0 0 12.499995%;
        flex: 0 0 12.499995%;
        max-width: 12.499995%;
    }

    .patrocinadoresText {
        line-height: 175px;
        vertical-align: middle
    }
    .mvl { 
        display: none !important; 
    }
    
}

@media (max-width: 1024px) {
    .logo img {
        max-height: 80px;
        margin-left: 0px !important;
        /*padding-left: 65px;
        margin-bottom: 20px;
        */
        width: 75%;
    }

    .text-slider-subtitulo {
        top: -20px !important;
    }

    .inputSearchContainer .col{
		left: -8px;
    	top: -8px;
    	
	}

	.resultado .botones .botonFicha{
		margin-right: 0.5rem;
	}

    .fontSize-xs-60 {
        font-size: 60px !important;
    }
}


body {
    font-family: 'IBM Plex Sans', sans-serif;
}


a       { color: #212529; text-decoration: none }
a:hover { color: #c00000; text-decoration: none }

.enlaceRutas { color: blue; text-decoration: none; }
.enlaceRutas:hover {color: #c00000; text-decoration: none; }

.cabecera {
    margin-top: 110px;
    /* margin-right: 0px;*/
    margin-left: 0px;
    overflow: hidden;
}

.inputSearchContainer:before {
    content: "\76";
    color: #c00000;
    font-size: 35px;
    font-family: 'alberguesyrefugios' !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 70px;
    -webkit-font-smoothing: antialiased;
    left: 36px;
    position: absolute;
    font-weight: bold;
}


.fichaRef .inputSearchContainer:before {
    line-height: 50px;
    font-size: 25px;
}

.fichaRef .inputSearchContainer .inputSearch {
    background: #ffffffc2;
}

.fichaRef .inputSearchContainer #limpiarBusqueda {
    height: 48px;
    top: 5px;
    vertical-align: inherit;
}

.label {
    padding: 15px;
    box-shadow: 0px 0px 2px 0px rgba(173,173,173,1);
    color: #000000;
    display: inline-block;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.75rem;
    margin-right: 15px;
    margin-top: 15px;
}

.labelWebcam {
    box-shadow: 2px 3px 12px 1px rgba(173,173,173,1);
    cursor: pointer;
}

.label:hover {
    text-decoration: none;
}

.alojamientosCercanosBox { border: none; }
.alojamientosCercanosBox > .card-body { padding: 0px; margin-bottom: 30px }
.alojamientosCercanosBox > .card-body > .card-title { margin-bottom: 0px; font-size: 0.9em }

main[role=main] {padding-top: 0px !important}

.imagenRefugioFicha {
    position: relative;
    /* border-radius: 5px;*/
    padding: 0px;
    width: 100%;
    /*padding-top: 56.25%; /* 16:9 Aspect Ratio */
    background-size: cover !important;
    background-position: center !important;
    height: 550px;
    padding-top: 30px;
    padding-top: 80px;
}



.btn-fotos {
    cursor: pointer;
    bottom: 5px;
    right: 5px;
    z-index: 9999;
    height: auto;
    border-radius: 8px;
    font-size: 0.8em;
    background: #17a2b8;
    color: #fff;
    margin-bottom: 1em;
    -webkit-appearance: button-bevel !important;
}
.btn-fotos:hover {
    color: #fff;
}

.image-16-9 {
    position: relative;
    border-radius: 5px;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    background-size: cover !important;
}


.image-4-3 {
    position: relative;
    border-radius: 5px;
    width: 100%;
    padding-top: 75%; /* 4:3 Aspect Ratio */
    background-size: cover !important;
}

.image-3-2 {
    position: relative;
    border-radius: 5px;
    width: 100%;
    padding-top: 66.66%; /* 3:2 Aspect Ratio */
    background-size: cover !important;
}

.image-8-5 {
    position: relative;
    border-radius: 5px;
    width: 100%;
    padding-top: 62.5%; /* 8:5 Aspect Ratio */
    background-size: cover !important;
}


.inputSearch {
    height: 70px;
    color: #000000;
    border-radius: 10px;
    border: 1px solid #000000;
    line-height: 85px;
    font-size: 24px;
    padding-left: 75px;
    padding-right: 35px;
    width: 95%;
    outline: none;
}


.logo img {
    max-height: 80px;
    margin-left: 40px;
    filter: drop-shadow(0px 1px 1px #000);
    /*padding-left: 65px;
     margin-bottom: 20px;*/
}

#mapContainer {
    height: 525px;
    width: 90%;
    left: 10.5%;
    overflow: hidden;
    z-index: 90;
    margin-top: 5%;
    border-radius:5px;
    border: 2px solid #000000;
    display: none;
}

#map {
    width: 100%;
    height: 440px;
    /*height: 525px;

    left: 10%;
    overflow: hidden;
    z-index: 90;
    margin-top: 5%;
    border-radius:5px;
    border: 2px solid #000000;
    display: none;
    */
}

.mapa {
    z-index: 89;
    background: #FFFFFF;
    width: auto;
    padding-left: 0.5%;
    right: -25px;
    border-radius: 10px;
    border: 1px solid #000000;
    font-size: 14px;
    height: 72px;
    vertical-align: middle;
    line-height: 85px;
    cursor: pointer;
    overflow: hidden;
}
.mapa i {
    font-size: 50px;
    line-height: 72px;
}

.mapaText, .mapaIcon {
    display: inline-block;
    height: 100%;
    line-height: 74px;
    vertical-align: middle;
    top: 0px;
    position: relative;
    margin-right: 5px;
}
/*.mapaIcon {
    display: inline-block;
    height: 100%;
    line-height: 80px;
    vertical-align: middle;
    top: 0px;
    position: relative;
    margin-right: 5px;
}*/

.text-slider-titulo {
    font-size: 2vw;
}
.text-slider-subtitulo {
    font-size: 5.5vw;
    top: -35px;
    position: relative;
}

.carousel-caption {
    bottom: 10%;
    left: 12%;
    right: 17%;
}

.fondoVerdeClaro { background: #f2fcf5} /* Antes */
.fondoVerdeClaro { background: #EDFEE4} /* Ahora */


/** Tamaños fuente **/
.fontSize-1 {font-size: 1px} .fontSize-2 {font-size: 2px} .fontSize-3 {font-size: 3px} .fontSize-4 {font-size: 4px} .fontSize-5 {font-size: 5px} .fontSize-6 {font-size: 6px} .fontSize-7 {font-size: 7px} .fontSize-8 {font-size: 8px} .fontSize-9 {font-size: 9px} .fontSize-10 {font-size: 10px} .fontSize-11 {font-size: 11px} .fontSize-12 {font-size: 12px} .fontSize-13 {font-size: 13px} .fontSize-14 {font-size: 14px} .fontSize-15 {font-size: 15px} .fontSize-16 {font-size: 16px} .fontSize-17 {font-size: 17px} .fontSize-18 {font-size: 18px} .fontSize-19 {font-size: 19px} .fontSize-20 {font-size: 20px} .fontSize-21 {font-size: 21px} .fontSize-22 {font-size: 22px} .fontSize-23 {font-size: 23px} .fontSize-24 {font-size: 24px} .fontSize-25 {font-size: 25px} .fontSize-26 {font-size: 26px} .fontSize-27 {font-size: 27px} .fontSize-28 {font-size: 28px} .fontSize-29 {font-size: 29px} .fontSize-30 {font-size: 30px} .fontSize-31 {font-size: 31px} .fontSize-32 {font-size: 32px} .fontSize-33 {font-size: 33px} .fontSize-34 {font-size: 34px} .fontSize-35 {font-size: 35px} .fontSize-36 {font-size: 36px} .fontSize-37 {font-size: 37px} .fontSize-38 {font-size: 38px} .fontSize-39 {font-size: 39px} .fontSize-40 {font-size: 40px} .fontSize-41 {font-size: 41px} .fontSize-42 {font-size: 42px} .fontSize-43 {font-size: 43px} .fontSize-44 {font-size: 44px} .fontSize-45 {font-size: 45px} .fontSize-46 {font-size: 46px} .fontSize-47 {font-size: 47px} .fontSize-48 {font-size: 48px} .fontSize-49 {font-size: 49px} .fontSize-50 {font-size: 50px} .fontSize-51 {font-size: 51px} .fontSize-52 {font-size: 52px} .fontSize-53 {font-size: 53px} .fontSize-54 {font-size: 54px} .fontSize-55 {font-size: 55px} .fontSize-56 {font-size: 56px} .fontSize-57 {font-size: 57px} .fontSize-58 {font-size: 58px} .fontSize-59 {font-size: 59px} .fontSize-60 {font-size: 60px} .fontSize-61 {font-size: 61px} .fontSize-62 {font-size: 62px} .fontSize-63 {font-size: 63px} .fontSize-64 {font-size: 64px} .fontSize-65 {font-size: 65px} .fontSize-66 {font-size: 66px} .fontSize-67 {font-size: 67px} .fontSize-68 {font-size: 68px} .fontSize-69 {font-size: 69px} .fontSize-70 {font-size: 70px} .fontSize-71 {font-size: 71px} .fontSize-72 {font-size: 72px} .fontSize-73 {font-size: 73px} .fontSize-74 {font-size: 74px} .fontSize-75 {font-size: 75px} .fontSize-76 {font-size: 76px} .fontSize-77 {font-size: 77px} .fontSize-78 {font-size: 78px} .fontSize-79 {font-size: 79px} .fontSize-80 {font-size: 80px} .fontSize-81 {font-size: 81px} .fontSize-82 {font-size: 82px} .fontSize-83 {font-size: 83px} .fontSize-84 {font-size: 84px} .fontSize-85 {font-size: 85px} .fontSize-86 {font-size: 86px} .fontSize-87 {font-size: 87px} .fontSize-88 {font-size: 88px} .fontSize-89 {font-size: 89px} .fontSize-90 {font-size: 90px} .fontSize-91 {font-size: 91px} .fontSize-92 {font-size: 92px} .fontSize-93 {font-size: 93px} .fontSize-94 {font-size: 94px} .fontSize-95 {font-size: 95px} .fontSize-96 {font-size: 96px} .fontSize-97 {font-size: 97px} .fontSize-98 {font-size: 98px} .fontSize-99 {font-size: 99px} .fontSize-100 {font-size: 100px}
.lineHeight-1 {line-height: 1px} .lineHeight-2 {line-height: 2px} .lineHeight-3 {line-height: 3px} .lineHeight-4 {line-height: 4px} .lineHeight-5 {line-height: 5px} .lineHeight-6 {line-height: 6px} .lineHeight-7 {line-height: 7px} .lineHeight-8 {line-height: 8px} .lineHeight-9 {line-height: 9px} .lineHeight-10 {line-height: 10px} .lineHeight-11 {line-height: 11px} .lineHeight-12 {line-height: 12px} .lineHeight-13 {line-height: 13px} .lineHeight-14 {line-height: 14px} .lineHeight-15 {line-height: 15px} .lineHeight-16 {line-height: 16px} .lineHeight-17 {line-height: 17px} .lineHeight-18 {line-height: 18px} .lineHeight-19 {line-height: 19px} .lineHeight-20 {line-height: 20px} .lineHeight-21 {line-height: 21px} .lineHeight-22 {line-height: 22px} .lineHeight-23 {line-height: 23px} .lineHeight-24 {line-height: 24px} .lineHeight-25 {line-height: 25px} .lineHeight-26 {line-height: 26px} .lineHeight-27 {line-height: 27px} .lineHeight-28 {line-height: 28px} .lineHeight-29 {line-height: 29px} .lineHeight-30 {line-height: 30px} .lineHeight-31 {line-height: 31px} .lineHeight-32 {line-height: 32px} .lineHeight-33 {line-height: 33px} .lineHeight-34 {line-height: 34px} .lineHeight-35 {line-height: 35px} .lineHeight-36 {line-height: 36px} .lineHeight-37 {line-height: 37px} .lineHeight-38 {line-height: 38px} .lineHeight-39 {line-height: 39px} .lineHeight-40 {line-height: 40px} .lineHeight-41 {line-height: 41px} .lineHeight-42 {line-height: 42px} .lineHeight-43 {line-height: 43px} .lineHeight-44 {line-height: 44px} .lineHeight-45 {line-height: 45px} .lineHeight-46 {line-height: 46px} .lineHeight-47 {line-height: 47px} .lineHeight-48 {line-height: 48px} .lineHeight-49 {line-height: 49px} .lineHeight-50 {line-height: 50px} .lineHeight-51 {line-height: 51px} .lineHeight-52 {line-height: 52px} .lineHeight-53 {line-height: 53px} .lineHeight-54 {line-height: 54px} .lineHeight-55 {line-height: 55px} .lineHeight-56 {line-height: 56px} .lineHeight-57 {line-height: 57px} .lineHeight-58 {line-height: 58px} .lineHeight-59 {line-height: 59px} .lineHeight-60 {line-height: 60px} .lineHeight-61 {line-height: 61px} .lineHeight-62 {line-height: 62px} .lineHeight-63 {line-height: 63px} .lineHeight-64 {line-height: 64px} .lineHeight-65 {line-height: 65px} .lineHeight-66 {line-height: 66px} .lineHeight-67 {line-height: 67px} .lineHeight-68 {line-height: 68px} .lineHeight-69 {line-height: 69px} .lineHeight-70 {line-height: 70px} .lineHeight-71 {line-height: 71px} .lineHeight-72 {line-height: 72px} .lineHeight-73 {line-height: 73px} .lineHeight-74 {line-height: 74px} .lineHeight-75 {line-height: 75px} .lineHeight-76 {line-height: 76px} .lineHeight-77 {line-height: 77px} .lineHeight-78 {line-height: 78px} .lineHeight-79 {line-height: 79px} .lineHeight-80 {line-height: 80px} .lineHeight-81 {line-height: 81px} .lineHeight-82 {line-height: 82px} .lineHeight-83 {line-height: 83px} .lineHeight-84 {line-height: 84px} .lineHeight-85 {line-height: 85px} .lineHeight-86 {line-height: 86px} .lineHeight-87 {line-height: 87px} .lineHeight-88 {line-height: 88px} .lineHeight-89 {line-height: 89px} .lineHeight-90 {line-height: 90px} .lineHeight-91 {line-height: 91px} .lineHeight-92 {line-height: 92px} .lineHeight-93 {line-height: 93px} .lineHeight-94 {line-height: 94px} .lineHeight-95 {line-height: 95px} .lineHeight-96 {line-height: 96px} .lineHeight-97 {line-height: 97px} .lineHeight-98 {line-height: 98px} .lineHeight-99 {line-height: 99px} .lineHeight-100 {line-height: 100px}

.cursorPointer      {cursor: pointer}

/** Colores **/
.colorBlanco        { color: #FFFFFF; }
.colorVerde         { color: #024444; }
.colorRojo          { color: #c00000; }
.colorOliva         { color: #9cb8a1; }
.colorNegro         { color: #1d1d1d; }
.colorAquamarina    { color: #05bdbd; }
.colorAquamarinaImp { color: #05bdbd !important; }
.colorVerdeOscuro   { color: #094344; }
.colorAzul          { color: #0065ff; }
.colorGris          { color: #808080;}

.colorGR11          { color: #C10D19; } /* 6e028e */

.bgAquamarina       { background: #05bdbd !important; }

.colorBuff          {color: #fbb900}
.colorEntrepyr      {color: #00976f}


.colorRefugio           { color: #fe0000; }
.colorHostal            { color: #0065ff; }
.colorCamping           { color: #909100; } /*  */
.colorCentroVacacional  { color: #ff00bc; }
.colorAlbergues         { color: #ff8a00; }
.colorCasaRural         { color: #00c100; }
.colorApartamentos      { color: #6e028e; } /* 6e028e */





.borderColorRefugio           { border-radius: 5px; border-width: 2px !important; border-color: #fe0000 !important; }
.borderColorHostal            { border-radius: 5px; border-width: 2px !important; border-color: #0065ff !important; }
.borderColorCamping           { border-radius: 5px; border-width: 2px !important; border-color: #909100 !important; } /*  */
.borderColorCentroVacacional  { border-radius: 5px; border-width: 2px !important; border-color: #ff00bc !important; }
.borderColorAlbergues         { border-radius: 5px; border-width: 2px !important; border-color: #ff8a00 !important; }
.borderColorCasaRural         { border-radius: 5px; border-width: 2px !important; border-color: #00c100 !important; }
.borderColorApartamentos      { border-radius: 5px; border-width: 2px !important; border-color: #6e028e !important; } /* 6e028e */

.backgroundWhite         { background: #ffffff; }
.backgroundUbicacion     { background: #4792be59; /*#4792be;*/ }
.backgroundPrecios       { background: #2294a759; /*#2294a7;*/ }
.backgroundMontanaSegura { background: #00a58a59;/*#00a58a;*/ }
.backgroundAlojamientosC { background: #00bc8459;/*#00bc84;*/ }
.backgroundUbicacion     { background: #05bdbd26; /*#4792be;*/ }
.backgroundPrecios       { background: #05bdbd26; /*#2294a7;*/ }
.backgroundMontanaSegura { background: #05bdbd26;/*#00a58a;*/ }
.backgroundAlojamientosC { background: #05bdbd26;/*#00bc84;*/ }

#accordion > div:nth-child(odd) {
    background: #fff;
}
#accordion > div:nth-child(even) {
    background: #05bdbd26;
}

.leyendaAlojamientosC   {margin-top: 20px; border-radius: 5px; margin-bottom: 20px; padding: 10px}

.cPointer { cursor: pointer;}

.hoverRed:hover {color: #c00000; !important; cursor: pointer}
.hoverRed:hover > i {color: #c00000; !important; cursor: pointer}


.listadoSecciones {
    margin: 0 auto;
    list-style: none;
}

.listadoSecciones a {  color: #FFFFFF;  }
.listadoSecciones a:hover { color: #9cb8a1; }

.col-md-1_5 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-lg-1_5 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


/** SearchBox */
.resultados {
    background: rgba(255, 255, 255, 0.9);
    margin: 5px;
    padding: 5px;
    margin-top: 0px;
    border-radius: 0 0 5px 5px;
    list-style: none;
    z-index: 95;
    width: 100%;
    position: absolute;
    left: -5px;
}

.resultados li {
    text-align: left;
}

.resultados .datos { text-align: justify; }

.cabecera .resultados {
    position: relative;
}

.resultado {
    margin-top: 5px;
    padding-bottom: 10px;
    border-bottom: beige 1px dashed;
}


.resultado .imagen {
    width: 15%;
    width: 20%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    float: left;
}

.resultado .datos {
    width: 85%;
    width: 80%;
    position: relative;
    display: inline-block;
    padding: 5px;
    padding-top: 0px
}

.resultado .datos h4 {
    margin-bottom: 0px;
}

.explainedText {
    display: block;
}

.icon-acceso, .icon-conwebcam, .icon-abierto, .icon-correo, .icon-ubicacion, .icon-plazas {
    position: relative;
    top: 6px;
}

.centerVertical {
    display: flex;
    align-items: center;
}

.serviciosList .disabled{color: #cdcdcd
}
.circuitInfo {cursor: pointer}
.circuitInfo:hover {background: #f2fcf5}

.marcadorText   { width: 500px}
.marcadorimagen { height: 108px; float: left; margin-right: 10px;}

.fa-angle-down {
    position: relative;
    top: 2.5px;
}

.fotorama__stage {
    max-height: 400px !important;
}
.fotorama__nav {
    position: absolute;
    bottom: 0px;
    text-align: right;
    padding-right: 2px;
}

.fotorama__wrap {
    margin: 0 auto;
}

.fotorama__stage__frame img {
    top: -65% !important;
}

.fechas-reserva h5 { color: red}
.datepicker__dummy-wrapper { width: 50% !important;}


#webcamsList div.webcam {
    margin-top: 10px;
    border-radius: 5px;
}
#webcamsList .image-16-9 {
    border-radius: 0px;
    cursor: pointer
}

.webcamMsg {
    position: absolute;bottom: 0px;right: 0;color: #fff; background: #b3291f; width: 100%;font-weight: bold;
}
.tituloWebcam { font-size: .9em  }
.descripcionWebcam { font-size: .75em; position: relative; top: -6px; line-height: 15px !important; display: block; }

#categoriasWebcam > .label {
    cursor: pointer
}

#categoriasWebcam > .label:hover {
    background: black;
    color: white;
    font-weight: bold;
}

#categoriasWebcam > .label.selected {
    background: black;
    color: white;
    font-weight: bold;
}

.font-weight-semibold {  font-weight: 500!important;  }

.icon-MIDE21 { color: #fdb53a; background: #a91324; border: 1px solid #000 }  /* Sendero Turistico */
.icon-MIDE20 { color: #000000; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 42%, #00a659 42%, #00a659 100%); border: 1px solid #000 }  /* SL */
.icon-MIDE19 { color: #000000; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 42%, #fbe115 42%, #fbe115 100%); border: 1px solid #000 }  /* PR */
.icon-MIDE18 { color: #000000; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 42%, #df2f22 42%, #df2f22 100%); border: 1px solid #000 }  /* GR */


.icon-MIDE21, .icon-MIDE20, .icon-MIDE19, .icon-MIDE18  {border:3px solid #000; position:relative; border-radius: 5px}
.icon-Iconos-MIDE-34, .icon-Iconos-MIDE-copia-33 {border: 3px solid #000; position: relative; border-radius: 5px; padding: 2px; color: #fff}
.icon-Iconos-MIDE-copia-33{background-color: #00976f}
.icon-Iconos-MIDE-34 {background-color: #fbb900; color: #000}
/* No posible
.icon-MIDE21:before, .icon-MIDE20:before, .icon-MIDE19:before, .icon-MIDE18:before {position:absolute; display:block; content:''; border:3px solid #fff; height:100%; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
*/


/*** Checkbox **/

.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 2px solid #05bdbd;
    background: #fff;
    border-radius: 8px;
    width: 28px;
    height: 28px;
    float: left;
    margin-right: .5em;
    box-shadow: 2px 2px 3px -2px rgba(0,0,0,0.75);
}

.radio .cr {
    /* border-radius: 50%;*/
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: 1em;
    line-height: 0;
    top: 50%;
    left: 20%;
    color: #05bdbd;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

#widget .cabecera {margin-top: auto;}

.marginbot10 {margin-bottom: 10px}
.marginbot20 {margin-bottom: 20px}
.paddingbot20 {padding-bottom: 20px}
.padding10 {padding: 10px;}
.borderbot {border-bottom: 1px solid #000}
.minHeight48 {min-height: 48px}

#collapsePrecios {    font-size: .8em;}

.textShadow {    text-shadow: 1px 1px 1px #000, 3px 3px 5px #545467;}
.textShadowOutline {text-shadow: 2px 2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, -2px -2px 0 #000000, 2px 0px 0 #4074b5, 0px 2px 0 #4074b5, -2px 0px 0 #4074b5, 0px -2px 0 #4074b5;}

.legendCircuitos {width: auto; margin: 0 auto;}
.borderBuff {border-color: #fbb900 !important; border-radius: 0px; border-width: 2px !important;}
.borderEntrepyr {border-color: #822528 !important; border-radius: 5px; border-width: 2px !important; /*#009778;*/    border-image: linear-gradient(to right, #822528, #009778) 1 100% !important;}
.borderEntrepyr {border-color: #822528 !important; border-radius: 5px; border-width: 2px !important; /*#009778;*/    border-image: linear-gradient(to right, #822528 50%, #009778 0) 1 !important; margin-top: 50px;}
.borderGR11 {border-color: #c10d19 !important; border-radius: 5px; border-width: 2px !important; /*#009778;*/    border-image: linear-gradient(to right, #c10d19 50%, #cdcdcd 0) 1 !important; margin-top: 50px; margin-bottom: 50px;}
/*
linear-gradient(to right, #887f37 44px, #E91E63 0) 1 !important
linear-gradient(to right, #822528 50%, #009778 0) 1 !important
linear-gradient(to right, #822528 40px, #009778 0) 1 100% !important
*/


#myTab .nav-link {font-weight: bold}
#myTab .nav-link {border: 1px solid #2c3034; background: #c3efef }
  {}

#accordion > div:nth-child(odd) #myTab .active  {  border-bottom-color: #d9f5f5; background: transparent  }
#accordion > div:nth-child(even) #myTab .active  {  border-bottom-color: #fff; background: transparent  }


#myTab {border-bottom: none/*1px solid #2c3034*/; margin-bottom: 20px;}


/** formulario contacto */
#form_container h1 { display: none;}
#form_17938 ul { list-style: none; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px;}
#form_17938 ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;

}
#form_17938 label { font-weight: bold; font-size: .75em}
#form_17938 .required { color: red;}
#form_17938 input[type="text"], #form_17938 textarea { width: 100%; color: #000000; border-radius: 10px; border: 1px solid #000000; padding: 5px; font-size: .8em; height: 40px; }

#form_17938 input[type="text"], #form_17938 textarea   {    background: #d9f5f5; width: 100%; color: #05bdbd; box-shadow: 2px 2px 3px -2px rgba(0,0,0,0.75); border: none;}
#form_17938 textarea  {height: 80px;}
#form_17938 .error {font-size: 13px; color: red}
#form_17938 #error_message {width: 100%; color: red;}
#form_17938 #li_8 input, #form_17938 #li_8 label, #form_17938 #li_9 input, #form_17938 #li_9 label  {display: inline;}
#form_17938 #li_buttons {width: 100%; text-align: center}
#form_17938 #submit_form {margin: 0 auto; display: block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; background: #05bdbd; color: #fff; border-radius: 10px;}
#form_17938 #li_captcha {width: 100%}
#form_17938 .g-recaptcha > div {margin: 0 auto; margin-bottom: 20px}


/** formulario contacto */
#form_container h1 { display: none!important;}
#form_17938 ul { list-style: none!important; margin-block-start: 0em!important; margin-block-end: 0em!important; margin-inline-start: 0px!important; margin-inline-end: 0px!important; padding-inline-start: 0px!important;}
#form_17938 ul { display: -ms-flexbox!important; display: flex!important; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; margin-right: -15px!important; margin-left: -15px!important;

}
#form_17938 label { font-weight: bold!important; font-size: .75em}
#form_17938 .required { color: red!important;}
#form_17938 input[type="text"], #form_17938 textarea { width: 100%!important; color: #000000!important; border-radius: 10px!important; border: 1px solid #000000!important; padding: 5px!important; font-size: .8em!important; height: 40px!important; }

#form_17938 input[type="text"], #form_17938 textarea   {    background: #d9f5f5!important; width: 100%!important; color: #05bdbd!important; box-shadow: 2px 2px 3px -2px rgba(0,0,0,0.75)!important; border: none!important;}
#form_17938 textarea  {height: 80px!important;}
#form_17938 .error {font-size: 13px!important; color: red}
#form_17938 #error_message {width: 100%!important; color: red!important;}
#form_17938 #li_8 input, #form_17938 #li_8 label, #form_17938 #li_9 input, #form_17938 #li_9 label  {display: inline!important;}
#form_17938 #li_buttons {width: 100%!important; text-align: center}
#form_17938 #submit_form {margin: 0 auto!important; display: block!important; font-weight: 400!important; text-align: center!important; white-space: nowrap!important; vertical-align: middle!important; -webkit-user-select: none!important; -moz-user-select: none!important; -ms-user-select: none!important; user-select: none!important; border: 1px solid transparent!important; padding: .375rem .75rem!important; font-size: 1rem!important; line-height: 1.5!important; border-radius: .25rem!important; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out!important; background: #05bdbd!important; color: #fff!important; border-radius: 10px!important;}
#form_17938 #li_captcha {width: 100%}
#form_17938 .g-recaptcha > div {margin: 0 auto!important; margin-bottom: 20px !important}
#main_body form li.error { border: none !important; background: #fff !important;}



.table-responsive-sm::-webkit-scrollbar { -webkit-appearance: none; }
.table-responsive-sm::-webkit-scrollbar:vertical { width: 5px; }
.table-responsive-sm::-webkit-scrollbar:horizontal { height: 5px; }
.table-responsive-sm::-webkit-scrollbar-thumb { background-color: #05bdbd; border-radius: 15px; border: 2px solid transparent; }
.table-responsive-sm::-webkit-scrollbar-track { border-radius: 10px; background-color: #d9f5f5; }

.iconAragon { max-height: 175px; width: 100% }

.resultados { max-height: 415px; overflow-y: scroll; overflow-x: hidden;}

.resultados::-webkit-scrollbar { -webkit-appearance: none; }
.resultados::-webkit-scrollbar:vertical { width: 5px; }
.resultados::-webkit-scrollbar:horizontal { height: 5px; }
.resultados::-webkit-scrollbar-thumb { background-color: #05bdbd; border-radius: 15px; border: 2px solid transparent; }
.resultados::-webkit-scrollbar-track { border-radius: 10px; background-color: #d9f5f5; }


.logoAyRFooter {max-width: 115px}


#modalWebcam .modal-header {background: #05bdbd}
.backgroundHeader {background: #05bdbd}
.backgroundHeaderGR11 {background-image: url('../img/gr11Header.jpg') }

.table-ayr { background: #d9f5f5; color: #000; border: none; font-size: .8em }
.table-ayr.table-striped tbody tr:nth-of-type(odd) {background-color: #fff}
.table-ayr td, .table-ayr th, .table-ayr thead th {border: none;}

#myTab .nav-link {border: none; background: #d9f5f5; color: #05bdbd}
#myTab .active {background: #05bdbd  !important; color: #fff;  }
#myTab .nav-item {padding: 2.5px}

#myTab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn-folletos {background-color: #284646; border-color: #284646;}


.titleBuscadorRefugio {display: block; text-align: left}
.noborder {border: 1px solid transparent}
.login input {background: #d9f5f5;width: 100%;color: #05bdbd;box-shadow: 2px 2px 3px -2px rgba(0,0,0,0.75);border: none; height: 38px; padding-left: 5px}


.req:before { content: '*'; color: #FF0000}

select.form-control {height: 48px}

#langUser {
    background: rgba(0,0,0,0.75);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.75)), color-stop(50%, rgba(0,0,0,0.75)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    height: 60px;
    font-size: 12px;
}

.btnLang { width: 50px; border-top: 2px solid #004dab; text-align: center; padding-top: 7.5px}
.btnUser { max-width: 100px; min-width: 50px; margin-left: 40px; padding: 0 10px; border-top: 2px solid transparent}

.activeLang {border-top: 2px solid #FF3B2B}

.btnUser:hover, .btnLang:hover { border-top: 2px solid #ff3b2b; color: #9cb8a1;  }
.btnUser:hover div, .btnLang:hover div { color: #9cb8a1;  }


.login input[type="text"]::-webkit-input-placeholder , .login input[type="email"]::-webkit-input-placeholder , .login input[type="password"]::-webkit-input-placeholder , .login select::-webkit-input-placeholder,
.login input[type="text"]::-moz-placeholder , .login input[type="email"]::-moz-placeholder , .login input[type="password"]::-moz-placeholder , .login select::-moz-placeholder,
.login input[type="text"]:-ms-input-placeholder , .login input[type="email"]:-ms-input-placeholder , .login input[type="password"]:-ms-input-placeholder , .login select:-ms-input-placeholder,
.login input[type="text"]::-ms-input-placeholder , .login input[type="email"]::-ms-input-placeholder , .login input[type="password"]::-ms-input-placeholder , .login select::-ms-input-placeholder,
.login input[type="text"]::placeholder  , .login input[type="email"]::placeholder  , .login input[type="password"]::placeholder , .login select::placeholder,

input.inputSearch.w-100::-webkit-input-placeholder , input.inputSearch.w-100::-webkit-input-placeholder , input.inputSearch.w-100::-webkit-input-placeholder , .login select::-webkit-input-placeholder,
input.inputSearch.w-100::-moz-placeholder , input.inputSearch.w-100::-moz-placeholder , input.inputSearch.w-100::-moz-placeholder , .login select::-moz-placeholder,
input.inputSearch.w-100:-ms-input-placeholder , input.inputSearch.w-100:-ms-input-placeholder , input.inputSearch.w-100:-ms-input-placeholder , .login select:-ms-input-placeholder,
input.inputSearch.w-100::-ms-input-placeholder , input.inputSearch.w-100::-ms-input-placeholder , input.inputSearch.w-100::-ms-input-placeholder , .login select::-ms-input-placeholder,
input.inputSearch.w-100::placeholder  , input.inputSearch.w-100::placeholder  , input.inputSearch.w-100::placeholder , .login select::placeholder
{
    color: #292929;
}


/*
.form-control::-webkit-input-placeholder,
.form-control::-moz-placeholder ,
.form-control:-ms-input-placeholder ,
.form-control::-ms-input-placeholder ,
.form-control::placeholder
{
    color: #eaeaea;
}
*/


.form-control::placeholder {
    color: #eaeaea;
}
.placeHolderGris::placeholder{
    color: lightslategray;
}


input.inputSearch.w-100 {
    /*height: auto;*/
    line-height: 1.5em;
}

@media (min-width: 1200px) {
    .modal-lg {
        max-width: 85%;
    }
}

@media (min-width: 1600px) {
    /*
	.inputSearchContainer #limpiarBusqueda{
	    position: relative;
	    right: 34px;
	    height: 70px;
	    border: none;
	    background: transparent;
	    font-size: 24px;
	    color: #c00000;
	    vertical-align: middle;
	}*/

    .inputSearchContainer .col{
        left: -12px;
        top: -8px;
        width: 99%;
    }
    /*
	.resultado .botones .botonFicha{
		margin-right: 0.5rem;
	}*/
}
@media (max-width: 850px) {
    #myTab .nav-item {width: 100%; border: none; }
}


.coronavirus-main-banner {
    background-color: #fefbf0;
    border-color: #ffe08a;
    width: 100%;
}
.coronavirus-main-banner #accordion > div:nth-child(odd) {
    background-color: #fefbf0;
    border-color: #ffe08a;
    width: 100%;
}

.coronavirus-main-banner a {

}

.coronavirus-main-banner #headingOne {
    cursor: pointer;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 63px!important;
}