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

a{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
h1, h2, h3, h4{font-family: 'Open Sans Condensed', sans-serif; font-weight:normal;}
h1{margin-bottom:30px; color:#164a7a; border-left:8px solid #ffca0b; padding-left:10px;}
h2 a{color:#FFF;}
h2.panell{margin:0 20px 0 0;}
h4.remarcado{font-weight:700;}
.text-capitalize{text-transform: capitalize;}
.linkh1{font-size:0.35em;  font-family: 'Open Sans', sans-serif; }


.amagar-final-hivern{display:none;}

.img-ancho100{clear:both; margin:20px auto 20px auto;}
.mas{font-size:0.7em; padding:3px 10px 5px 0; float:right; font-family: 'Open Sans', sans-serif; }
.imprimir{text-align:right;}
.ancho1{width:1px;}
.margentop0{margin-top:0 !important;}
.margentop10{margin-top:10px;}
.margentop40{margin-top:40px;}
.margentop80{margin-top:80px;}
.margentop-25{margin-top:-25px;}
.margenbottom0{margin-bottom:0 !important;}
.margenbottom10{margin-bottom:10px;}
.margenbottom20{margin-bottom:20px;}
.margenbottom40{margin-bottom:40px;}
.margenleft28{margin-left:28px;}
.padding20{padding:20px;}
.minusculas{text-transform:lowercase;}

.oculta-si, .muestra-no{display:none;}
.oculta-no, .muestra-si{display:block;}

/* Mapa Range Select */
#showcase {position:absolute; left:50px; bottom:20px; color: #8697a4; font-size: 0.8em;}
#range {height: 200px; margin: 0 0 20px 0;}

.tabla-centrada td{text-align:center;}
.tabla-sobretitol, .tabla-sobretitol td{background-color:#164a7a !important; color:#FFF; font-weight:bold; font-size:0.95em;}
.tabla-titol, .tabla-titol td{background-color:#0296dc !important; color:#FFF; font-weight:bold; font-size:0.95em;}
.tabla-subtitol{background-color:#67bae5 !important; color:#FFF; font-weight:bold; font-size:0.95em;}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {background-color:#f4fbff; border-top: 1px solid #d9e8f0; border-bottom: 1px solid #d9e8f0;}

.barra-top{background-color:#164a7a; border:0; font-family: 'Open Sans Condensed', sans-serif; font-size:1.4em; min-height:105px; 
-webkit-box-shadow: 0px 0  0  1px #ccc;
-moz-box-shadow: 0px 0  0 1px #ccc;
box-shadow: 0px 0  0  1px #ccc;
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.barra-top .container{background: url(../images/bg-top.png) no-repeat top;} 
.nav > li > a {padding:10px 10px;}
.barra-top li>a:link, .barra-top li>a:visited{color:#fff; }
.barra-top li>a:hover, .barra-top li>a:active, .barra-top li.active  a{color:#ffca0b !important; background-color:#1a558b !important;}
.barra-top .menu-top{margin-left:190px; }
.barra-top .logotip{ margin:5px 0 0 1px; background: url(../images/logo-govern-andorra.png) no-repeat top; width:190px; height:100px; overflow:hidden; text-indent: -9000px; position:absolute; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.barra-top .logotip-peq{ border-bottom: 1px solid #164a7a; height:50px; background: url(../images/logo-govern-andorra-peq.png) no-repeat top; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.barra-top .logotip a{display:block; width:100%; height:100%;}

.barra-top .dropdown-menu a:link, .barra-top .dropdown-menu a:visited{
    color: #428bca;
    font-size:1.4em;
}

.titol-top {margin-left:225px;  margin-top:10px; text-align:right;float:left; font-family: 'Open Sans Condensed', sans-serif; font-size:2em; color:#5d7898; display:block;}

.idiomas{float:right; margin-right:-15px; margin-top:4px;}
.idiomas li{float:left; display:block;}
.idiomas .idioma{background-color:#1a558b !important; color:#ccc !important; padding:5px 0 5px 0;  width:30px; display:block; text-align:center;}
.idiomas .bandera{margin:0; padding:0; }
.idiomas .idioma-es .barra1{width:28%; background-color:#dc0000; height:3px; display:block; float:left;}
.idiomas .idioma-es .barra2{width:44%; background-color:#fbdd01; height:3px; display:block; float:left;}
.idiomas .idioma-es .barra3{width:28%; background-color:#dc0000; height:3px; display:block; float:left;}
.idiomas .idioma-fr .barra1{width:33%; background-color:#002496; height:3px; display:block; float:left;}
.idiomas .idioma-fr .barra2{width:33%; background-color:#FFF; height:3px; display:block; float:left;}
.idiomas .idioma-fr .barra3{width:33%; background-color:#ee2839; height:3px; display:block; float:left;}
.idiomas .idioma-ca .barra1{width:33%; background-color:#0019a9; height:3px; display:block; float:left;}
.idiomas .idioma-ca .barra2{width:33%; background-color:#ffdf00; height:3px; display:block; float:left;}
.idiomas .idioma-ca .barra3{width:33%; background-color:#d1103c; height:3px; display:block; float:left;}
.idiomas .idioma-en .barra1{width:30%; background-color:#012169; height:6px; display:block; float:left;}
.idiomas .idioma-en .barra2{width:33%; background-color:#FFFFFF; height:2px; display:block; float:left;}
.idiomas .idioma-en .barra3{width:33%; background-color:#C8102E; height:2px; display:block; float:left;}
.idiomas .idioma-en .centre{width:40%;height: 6px;display: block;float: left;}


.alertescontainer{border:1px solid #eee; margin-bottom:17px;}

.alertescontainer-verd{border-color:#eee;}
.alertescontainer-groc{border-color:#ffff00;}
.alertescontainer-taronja{border-color:#fea01a;}
.alertescontainer-granate{border-color:#b8030c;}
.alertescontainer-vermell{border-color:#ef4023;}

.alertescontainer:after {content: ""; display: table; clear: both;}

.alertes{font-size:0.8em; float:right;}
.alertes ul{margin:0; padding:0;}
.alertes li{display:block; float:left; width:46px; }
.alertes  .icon{display:block; float:left; width:45px; height:45px; margin-right:10px; overflow:hidden;}
.alertes  .icon img{width:35px; margin-top:4px; margin-left:4px;}
.alertes .verd .icon, .alertesdia .verd .icon {background-color:#33cc00; }
.alertes .groc .icon, .alertesdia .groc .icon {background-color:#ffff00;}
.alertes .taronja .icon, .alertesdia .taronja .icon {background-color:#fea01a;}
.alertes .vermell .icon, .alertesdia .vermell .icon {background-color:#ef4023;}
.alertes .granate .icon, .alertesdia .granate .icon {background-color:#b8030c;}

.alertesdia  .icon{display:block; float:left; width:20px; height:20px; margin-right:10px; overflow:hidden;}
.alertesdia  .icon img{width:15px; margin-top:4px; margin-left:4px;}

.verd {color:#33cc00; }
.groc {color:#ffff00;}
.taronja{color:#fea01a;}
.vermell {color:#ef4023;}
.granate {color:#b8030c;}

.alerta-titol{font-size:0.8em; float:left; margin:6px 5px 0 8px;}
.alerta-titol > span{display:block; clear:both;}
.alerta-titol  span span{cursor:default; text-decoration:underline; font-weight:600;}
.alerta-titol-verd span i{color: #33cc00;}
.alerta-titol-groc span i{color: #cccc00;}
.alerta-titol-taronja span i{color: #fea01a;}
.alerta-titol-granate span i{color: #b8030c;}
.alerta-titol-vermell span i{color: #ef4023;}

.contenido{padding-bottom:20px;}

.temps-actual{padding-right:0; border-right:1px solid #FFF;}
.temps-actual .contenedor-mapa{width:100%; background-color:#fafafa; position:relative }
.temps-actual .contenedor-mapa .colors-temperatures{text-align:right; margin-top:-50px; padding-right:10px; padding-bottom:20px;}
.temps-actual h2{background-color:#922a81; margin:0; font-size:1.2em; padding:10px 10px 10px 10px; font-weight:700; min-height:41px;}
.temps-actual h2 a:link, .temps-actual h2 a:visited{color:#fff;}
.temps-actual h2 a:active, .temps-actual h2 a:hover{color:#fff; margin-bottom:5px}
    .temps-actual h2 select {
        font-family: "Open Sans",sans-serif;
        font-size: 0.7em;
        font-weight: 300;
        border: 1px solid #a8739f;
        color: #fff;
        background: url(../images/br_down.png) no-repeat right #a8739f;
        width: 100%;
        min-width: 180px;
        appearance: none;
        -moz-appearance: none; /* Firefox */
        background-position-x: 244px;
        line-height: 1.4em;
        float: right;
        padding: 2px;
    }


.selectorDiaries {
    position:relative;
}
    .selectorDiaries #selectorDiaries {
        border: 1px solid #a8739f;
        background: url(../images/br_down.png) no-repeat right #a8739f;
       
        min-width: 140px;
        width: 100%;
        appearance: none;
        -moz-appearance: none; /* Firefox */
        background-position-x: 244px;
        font-family: "Open Sans",sans-serif;
        font-size: 0.7em;
        font-weight: 300;
        color: #fff;
        line-height: 1.4em;
        padding: 2px 4px;
    }
.selectorDiaries img {
    position:absolute;
    right:20px;
    left:auto;
    top:4px;
}

    .selectorDiaries #selectorDiaries::placeholder {
        color: white;
        opacity: 1;
    }
    .selectorDiaries #selectorDiaries::-ms-input-placeholder {
        color: white;
    }


    .temps-actual h2 select option {
        margin-top: 4px;
        margin-bottom: 4px;
        padding: 2px;
        border-bottom: 1px solid #b180a9;
    }

.txthora{font-size:0.8em; color:#8697a4;}
.mapa-opcions{width:125px; float:left; font-size:0.8em; margin-left:10px; margin-right:15px; }
.mapa-estacions, .mapa-dades{margin-top:15px;  background-color:#fdfeff; padding:5px;}
.mapa-estacions h3, .mapa-dades h3{margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:1.2em; text-align:center; font-weight:bold; }
.mapa-estacions li{line-height:1.8em;}
.mapa-dades select{width:100%; margin:10px 0 10px 0;}
.mapa{position:relative; font-size:0.8em;  width:600px; height:560px; margin:auto;  background-size: contain !important;}


.mapa-verd{background: url(../images/mapa-andorra-410x435-verd.png) no-repeat center; }
.mapa-groc{background: url(../images/mapa-andorra-410x435-groc.png) no-repeat center;}
.mapa-taronja{background: url(../images/mapa-andorra-410x435-taronja.png) no-repeat center;}
.mapa-vermell{background: url(../images/mapa-andorra-410x435-vermell.png) no-repeat center;}
.mapa-blau{background: url(../images/mapa-andorra-410x435-blau.png) no-repeat center;}
.mapa-gris{background: url(../images/mapa-andorra-410x435-gris.png) no-repeat center;}
.mapa-satelite-blau{background: url(../images/mapa-andorra-410x435-satelite-blau.png) no-repeat center;}
.mapa-satelite-gris{background: url(../images/mapa-andorra-410x435-satelite-gris.png) no-repeat center;}
.mapa-satelite-verd{background: url(../images/mapa-andorra-410x435-satelite-verd.png) no-repeat center;}
.mapa-satelite-original{background: url(../images/mapa-andorra-410x435-satelite-original.png) no-repeat center;}
.mapa-hivern{background: url(../images/mapa-andorra-410x435-hivern.png) no-repeat center;}
.mapa-primavera{background: url(../images/mapa-andorra-410x335-primavera.png) no-repeat center;}
.estacions-mapa{background: url(../images/mapa-estacions.png) no-repeat center;}
.estacions-mapa, .estacions-mapa a:link, .estacions-mapa a:visited{color:#fff; font-weight:bold; text-shadow: 1px 1px 2px #000; text-align:center;}
.label-mapa-estacio{display:block;  min-width:100px;}

.estacio{font-weight:bold; position:absolute;text-align:center; color: #000;
text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

.estacio:hover{color:#fff; text-decoration:none; text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;}
.estacio span.titol{font-size:0.8em; line-height:0.7em; display:block; clear:both; margin-bottom:4px;}
.estacio span.txt{background-color:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:0 4px; }
.tooltip-data{color:#ffca0b;}

.mapa-hivern .estacio{font-weight:bold; position:absolute;text-align:center; color: #666;}

.est-arcalis{top:90px; left:170px;}
.est-rocstpere{top:250px; left:220px;}
.est-bordesdeseturia{top:202px; left:125px;}
.est-grauroig{top:220px; left:320px;}
.est-santjulia{top:350px; left:150px;}
.est-sabate{top:320px; left:185px;}
.est-envalira{top:200px; left:420px;}
.est-lacomella{top:285px; left:200px;}
.est-salines{top:120px; left:220px;}
.est-Neres{top:180px; left:260px;}
.est-Fonts{top:160px; left:150px;}
.est-Aixas{top:310px; left:160px;}
.est-Sorteny{top:120px; left:290px;}
.est-Perafita{top:330px; left:270px;}

.estacions-list li{margin-bottom:10px;  font-size:0.8em;}

.temps-avui{z-index:10;}
.temps-avui h2{background-color:#95c23f; color:#FFF; margin:0; font-size:1.2em; font-weight:700; padding:5px 0 5px 10px; min-height:41px;}
    .temps-avui h2 a:link, .temps-avui h2 a:visited {
        color: #fff;
        display: inline-block;
        padding: 6px 0 0 6px;
        width: 100%;
    }
        .temps-avui h2 a:link em, .temps-avui h2 a:visited em {
            float: right;
            font-style: normal;
            font-size: 16px;
        }
        .temps-avui h2 a:active, .temps-avui h2 a:hover {
            color: #fff;
        }
.temps-avui h3{font-size:1.1em; font-weight:600; font-family: 'Open Sans', sans-serif;}
.temps-avui h2 span.titol{font-size:0.7em; font-weight:300;  clear:both; display:block; font-family: 'Open Sans', sans-serif;}
.temps-avui h2 span.temp-min-max{font-family: 'Open Sans', sans-serif; text-align:right;  float:right; background-color:#dcebc0; font-size:0.9em; font-weight:700; padding:7px 4px; margin-right:2px;}
.temps-avui h2 span.temp-min-max .min{color:#0076ba; display:block; clear:both;}
.temps-avui h2 span.temp-min-max .max{color:#eb1924; display:block; clear:both;}
.temps-avui .previsio{font-size:0.8em; text-align:center;}
.temps-avui .ico-temps{ width:72px; height:72px; margin:auto;}
.temps-avui .ico-vent{ text-align:center; font-size:0.9em; color:#000; margin-top:10px;}
.temps-avui .ico-vent img{width:40px; height:40px; margin:auto;}
.temps-avui .alcada{margin:-1px 0 0 0; padding:0; font-size:0.8em; color:#8697a4;min-height: 12px;}

.temps-propers h2{background-color:#ffca0b; color:#FFF; margin:20px 0 0 0; font-size:1.2em; padding:10px 0 5px 10px; font-weight:700; min-height:41px;}
.temps-propers h2 a:link, .temps-propers h2 a:visited{color:#fff;}
.temps-propers h2 a:active, .temps-propers h2 a:hover{color:#fff;}
.temps-propers .titol{min-width:120px; text-transform:capitalize; padding-left:10px; font-weight:600; color:#666;}
.temps-propers ul.previsio{font-size:0.8em;  margin-bottom:15px; margin-top:15px;}
.temps-propers .ico-temps {min-width:70px; text-align:center; vertical-align: top;}
.temps-propers .ico-temps img{ width:35px; height:35px; margin:auto; }
.temps-propers .min{color:#0076ba; font-weight:700; min-width:35px; text-align:right;}
.temps-propers .max{color:#eb1924; font-weight:700; min-width:35px; text-align:right;}
.temps-propers  .ico-vent {text-align:center; font-size:0.8em; min-width:75px; vertical-align: middle;}
.temps-propers  .ico-vent img{width:20px; height:20px; clear:both; display:block; margin:auto;}
.temps-propers-nohome{padding-left:0; padding-right:0; -moz-box-shadow: 0px 0px 5px #ccc;  -webkit-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc;}
.temps-propers  .alcada{margin:0; padding:0; font-size:0.8em; color:#8697a4;}



.list-inline.previsio {
    margin-left: 0;
    text-align: left;
}

.temps li.titol {
    text-transform: capitalize;
    padding-left: 10px;
    font-weight: 600;
    color: #666;
}

.temps ul.previsio {
    font-size:1em;
    background: #f3f3f3;
    padding: 7px 0 7px 5px;
}

.temps .ico-temps {
    text-align: center;
    vertical-align: top;
    width: 57px;
    height: auto;
    margin: auto auto 5px;
}

.temps .prev .ico-temps {
    width: 40px;
}



.temps .ico-temps img {
    width: 35px;
    height: 35px;
    margin: auto;
}
.temps .min, 
.temps .max {
    font-weight: 700;
    min-width: 35px;
    text-align: right;
    font-size:12px;
}

.temps .min {color: #0076ba;}
.temps .max {color: #eb1924;}
.temps .ico-vent {
    text-align: center;
    font-size: 0.8em;
    vertical-align: middle;
}

    .temps .ico-vent img {
        width: 19px;
        height: 19px;
        clear: both;
        display: block;
        margin: auto;
    }

    .temps .prev .ico-vent img {
        width: 16px;
        height:16px;
    }

.temps .temps-avui h3 {
    margin-top: 12px;
    
}
.temps-avui {
    padding-bottom:14px;
}
.temps .alcada {
    margin: -1px 0 0 0;
    padding: 0;
    font-size: 0.8em;
    color: #8697a4;
    min-height: 12px;
}
    .temps .alcada img {
        display: inline-block!important;
    }



.slick-dots {bottom: -40px;}
    .slick-dots li {
        background: #ccc;
        border-radius: 20px;
        width: 20px;
        padding: 0;
    }
li.slick-active {
    background: #ffca0b;
    border-radius: 20px;
    width: 50px!important;
    padding: 0;
}


.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 9px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
    .slick-dots li button:before {
        display:none;
    }



    .temps-nohome h3 {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 1.5em;
        font-weight: normal;
        float: left;
        min-width: 40px;
        margin: 0 0 0 5px;
    }
.temps-nohome  .temp-min-max{ font-weight:bold; color:#c6d2ce; padding-top:2px;}
.temps-nohome  .temp-min-max .min{color:#0b8fc0;}
.temps-nohome  .temp-min-max .max{color:#c20303;}
.temps-nohome  .temp-min-max-propers{margin:20px 0 0 35px;}
.temps-nohome  .panel-heading .temp-min-max{margin-top:0; margin-bottom:0; }
.temps-nohome  .ico-temps{ width:72px; height:72px; float:left; margin-left:10px;}
.temps-nohome  .ico-vent{ float:left; margin-left:35px; text-align:center; margin-top:15px; color:#000; min-width:100px; font-size:0.8em;}
.temps-nohome  .ico-vent img{width:30px; height:30px; margin-bottom:10px;}
.temps-nohome-texte{clear:both; margin-top:20px; margin-bottom:20px;}
.temps-nohome li{-webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important;  border-width:1px 1px 3px 1px; border-color:#ededed;  background-color: #fff; margin-right:5px;}

.textesotamapa{margin-top:20px;}
.banners{margin-top:30px; margin-bottom:30px;}


.estat-neu img{clear:both; display:block; margin:auto;}
.estat-neu .contenedor-estat-neu{width:100%; min-height:218px;  background-color:#f1faff;}
.estat-neu h2{background-color:#8ed6fc; color:#FFF; margin:0; font-size:1.4em; padding:5px 0 5px 10px;}
.estat-neu h3{padding:5px 0 5px 10px; margin:10px 0 0 5px; text-align:left;}
.estat-neu h3 span{font-size:0.7em; padding-left:35px; font-weight:700;}
.estat-neu .tendencia-allaus{line-height:3em; margin-top:20px; font-weight:bold; font-size:0.9em;}
.estat-neu .tendencia-allaus li{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:15px; padding-top:10px; text-align:center; display:block; width:100px; height:60px; border:1px solid #dceef8; }


.escala-tabla td,.escala-tabla th{border:2px solid #000 !important;}
.escala-tabla .fila1{background-color:#fff;}
.escala-tabla .fila2{background-color:#b8030c;}
.escala-tabla .fila3{background-color:#ef4023;}
.escala-tabla .fila4{background-color:#fdaf17;}
.escala-tabla .fila5{background-color:#fef200;}
.escala-tabla .fila6{background-color:#00ab4d;}
.escala-tabla th.indice img{display:block; clear: both; height:50px; margin:auto; margin-bottom:10px;}
.escala-tabla th.indice {text-align:center; white-space: nowrap;}

.fotografies{ font-size:0.8em;  padding-bottom:20px; padding-top:15px; background-color:#d5e5ed; margin-top:30px; }
.fotografies h3{margin-left:15px; margin-bottom:20px;}
.fotografies h3 a{font-family: 'Open Sans', sans-serif; font-size:0.6em; }
.fotografies .envianos{text-align:right; margin:0 15px -40px 0; font-size:1.1em;}
.fotografies .contenedor-texto{background-color:#FFF; padding:5px;}
.fotografies .title{font-weight:bold; clear:both; display:block; }
.fotografies .data{clear:both; display:block; }
.fotografies .autor{clear:both; display:block; font-size:0.9em;}

@media (min-width:768px) {

    .webcams .col-sm-4 {
        min-height: 166px;
    }
}
@media (min-width:992px) {

    .webcams .col-sm-4 {
        min-height: 205px;
    }
}
.webcamsmapa {
    padding-bottom: 0;
    padding-top: 25px;
    border-top: 1px dotted #ffca0b;
    margin-top: 35px;
}
.webcams h3{margin-left:15px; margin-bottom:20px;}
.webcams h3 a{font-family: 'Open Sans', sans-serif; font-size:0.6em; }
.webcams .mobilitat{text-align:right; margin:10px 15px -45px 0; font-size:1.1em;}
.webcams .mobilitat strong{font-size:1.2em;}
.webcams img{margin-bottom:15px;}


.webcamsH4 {
    width: 100%;
    background-color: #164a7a;
    color:#fff;
    text-align:center;
    margin:0;
    padding:10px 0;
}

.galeria {
    font-size: 0.8em;
    padding-bottom: 20px;
    padding-top: 15px;
    margin-top: 30px;
}
.galeria h3{margin-left:15px; margin-bottom:20px;}
.galeria h3 a{font-family: 'Open Sans', sans-serif; font-size:0.6em; }
.galeria .envianos{text-align:right; margin:0 15px -40px 0; font-size:1.1em;}
.galeria .contenedor{background-color:#d5e5ed;}
.galeria .contenedor-texto{padding:5px; margin-bottom:20px;}
.galeria .title{font-weight:bold; display:block; clear:both; min-height: 40px;}
.galeria .data{display:block; clear:both;}
.galeria .autor{clear:both; display:block; font-size:0.9em;}
.galeria img, .galeria-home img{max-height:165px; width:248px;}
.galeria .thumbnail {height:155px; overflow:hidden; background-color:#d5e5ed;}
.galeria-home .thumbnail {max-height:110px; overflow:hidden;}

.allaus{background-color: #fff;}
.allaus .col-der{background-color:#fafafa; padding:40px;  border:2px solid #eee; line-height:1.6em; font-size:0.95em; }
.allaus hr{margin-bottom:20px; margin-top:20px;}
.allaus .desencadenaments{border:2px solid #000; padding:40px 10px 10px 10px; min-height:180px; line-height:1em;  text-align:center;}
.allaus .desencadenaments strong{display:block; clear:both;}
.allaus .vesants{line-height:1em; text-align:center; margin-bottom: 10px;}
.allaus .vesants img{display:block; clear:both; margin:auto;}
.allaus h4.remarcado{margin-top:20px; text-transform:uppercase;}
.allaus .mapa1{display: block; background-size: 100% auto; background-repeat: no-repeat; height: 430px; position:relative;}
.allaus .txtperill{font-size:0.7em; position:absolute; top:20px; left:-0;}
.allaus .mapa1 .iconos1{position:absolute; top:40px; left:0;}
.allaus .mapa1 .iconos2{position:absolute; top:216px; left:0;}
.allaus .mapa1 .iconos3{position:absolute; top:334px; left:0;}
.allaus .mapa1 .iconos1 img, .allaus .mapa1 .iconos2 img, .allaus .mapa1 .iconos3 img{height: 45px;}
.allaus .mapa2{background: url(/Images/ico-neu/mapes/andorra3zonesNew.jpeg) no-repeat; background-size: 100% auto; height: 430px; position:relative;}
.allaus .mapa2 .table{font-size:0.8em; width:230px; background-color:rgba(255,255,255,0.8);
-webkit-box-shadow: 0px 10px 2px 0px rgba(0,0,0,0.09);
-moz-box-shadow: 0px 10px 2px 0px rgba(0,0,0,0.09);
box-shadow: 0px 10px 2px 0px rgba(0,0,0,0.09);
}
.allaus .mapa2 .tabla1{position:absolute; top:60px; left:285px;}
.allaus .mapa2 .tabla2{position:absolute; top:165px; left:0px;}
.allaus .mapa2 .tabla3{position:absolute; top:300px; left:135px;}
.allaus .zones{line-height:1.6em; font-size:0.95em; margin-bottom:20px; font-size:0.85em;}
.allaus .zones  h4.remarcado{margin-top:0;}
.allaus .tendencia{background-color:#fafafa; padding:40px;  margin-top:20px; border:2px solid #eee; line-height:1.6em; font-size:0.95em;}



.allaus .vesants{position: relative; display:block; height: 260px;width: 355px; margin-right:10px;}
#img_pendents4, #img_pendents5 {
    position: absolute;
    width: 355px;
    height: 260px;
    
}

.img_1, .text_1, .img_2, .text_2, .img_4, .img_5, .img_6, .img_7, .img_8, .img_9, .img_10, .text_10, .img_11,.img_12, .text_11, .text_12, .text_13 {
    position:absolute;
}
.text_1, .text_2, .text_10 {
    color: #165278;
    font-size:12px;
}

.text_11, .text_12, .text_13 {
    color: #fff;
    font-size:12px;
    font-weight:bolder;
}

.img_1 {
    top: 12px;
    left: 158px;
    width: 76px;
    height: 26px;
}
.text_1 {
    top: 17px;
    left: 171px;
}
.img_2 {
    top: 12px;
    left: 241px;
    width: 99px;
    height: 26px;
}
.text_2 {
    top: 17px;
    left: 247px;
}
.img_4 {
    top: 196px;
    left: 28px;
    width: 31px;
    height: 26px;
}
.img_5 {
    top: 196px;
    left: 82px;
    width: 31px;
    height: 26px;
}
.img_6 {
    top: 196px;
    left: 134px;
    width: 29px;
    height: 26px;
}
.img_7 {
    top: 196px;
    left: 190px;
    width: 25px;
    height: 26px;
}
.img_8 {
    top: 196px;
    left:244px;
    width: 25px;
    height: 26px;
}
.img_9 {
    top: 196px;
    left: 294px;
    width: 26px;
    height: 26px;
}
.img_10 {
    top: 220px;
    left: 113px;
    width: 162px;
    height: 26px;
}
.text_10 {
    top: 227px;
    left: 7px;
    width: 340px;
    height: 26px;
    text-align: center;
}

.img_11 {
    top: 9px;
    left: 8px;
    width: 99px;
    height: 12px;
}
.img_12 {
    top: 224px;
    left: 5px;
    width: 344px;
    height: 30px;
}
.text_11 {
    top: 222px;
    left: 5px;
    width: 345px;
    height: 26px;
    text-align: center;
}
.text_12 {
    top: 238px;
    left: auto;
    width: 162px;
    height: 26px;
    right: 9px;
    text-align: right;
}
.text_13 {
    top: 238px;
    left: 10px;
    width: 162px;
    height: 26px;
    text-align: left;
}




.logo_meteo-france span {
    font-size: 14px;
    color: #8697a4;
    padding: 29px 0 0 97px;
    display: block;
}

.thumbnail{margin:0; border:0; border-radius:0; padding:0;}
#lightbox .lb-data .close{display:none;}

.clima-dades label{font-weight:normal;}
.clima-dades p{margin-top:10px;}




.grafica-color1{background-color:#cc5511;}
.grafica-color2{background-color:#00CCCC;}
.grafica-color3{background-color:#77bb11;}
.iframe-graficas{width:420px; height:290px;; border:0;}
.ul-tendencia-allaus li{margin-top:10px;}
.perill-home-txt br{margin-bottom:15px;}



.graficaflash{margin:auto;}
.graficaflash-modal{min-height:400px;}

.carousel-inner .active.left { left: -25%; }
.carousel-inner .next        { left:  25%; }
.carousel-inner .prev		 { left: -25%; }
.carousel-control 			 { width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}

.footer{background: url(../images/bg-top.png) #164a7a no-repeat bottom;  margin-top:25px; padding:10px 10px 15px 10px; font-size:0.9em;}
.footer a{color:#92a2b6; padding-right:15px; padding-left:5px;}
.footer a:hover{color:#fff;}

.links-app {
	margin:40px;	
}

.links-app img{
	margin:0 20px 0 20px;
}

/* Base styles (regardless of theme) */
.bs-callout {
margin: 20px 0;
padding: 15px 30px 15px 15px;
border-left: 5px solid #eee;
}
.bs-callout h4 {
margin-top: 0;
}
.bs-callout p:last-child {
margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
background-color: #fff;
} 
.bs-callout-danger {
background-color: #fcf2f2;
border-color: #dFb5b4;
}
.bs-callout-warning {
background-color: #fefbed;
border-color: #f1e7bc;
}
.bs-callout-info {
background-color: #f0f7fd;
border-color: #d0e3f0;
}
.bs-callout-danger h4 {
color: #B94A48;
}
.bs-callout-warning h4 {
color: #C09853;
}
.bs-callout-info h4 {
color: #3A87AD;

}


/* Large desktop */
@media (min-width: 1200px) {  }


/* Portrait tablet to landscape and desktop */
@media (min-width: 980px) and (max-width: 1199px) {
	.barra-top {font-size:1.2em;} 
	.nav > li > a {padding:10px 9px;}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: -15px; margin-right: -15px;}
	.previsio ul{padding-left:10px;}
	.temps-avui .ico-vent {margin-left:0;}
	.temps-avui .ico-temps {margin-left:10px;}
	.mapa-opcions{margin-right:-100px;}
	.mapa-estacions{display:none;	}
	.mapa-dades {margin-top:-8px;	z-index:999; position:relative;}
	.mapa{margin-top:25px;}
	.contenedor-mapa .hora{margin:-35px 0 0 10px; width: 280px; }
	.allaus .mapa1 .iconos2{top:160px;}
	.allaus .mapa1 .iconos3{top: 265px;	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.barra-top {font-size:1em;} 
	.barra-top .dropdown-menu a:link, .barra-top .dropdown-menu a:visited{font-size:1em;}
	.nav > li > a {padding:10px 3px;}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: -15px; margin-right: -15px;}
	.subheader .title {width:250px;}
	.temps-actual {padding-right:15px; padding-left:0;}
	/*.temps-avui, .temps-propers{float:left; width:48%; margin:0 5px;}*/
	.temps-propers h2{margin-top:0;}
	.subheader .title {font-size:1.4em; width:160px;}
	.contenedor-mapa .hora{margin:0 0 0 10px; width: 98%; }
	.allaus .mapa1{height: 500px;}
	.allaus .mapa2{height: 500px;}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.barra-top .menu-top{margin-left:100px; margin-top:45px;}
	.barra-top {font-size:1.2em;}
	.barra-top .dropdown-menu a:link, .barra-top .dropdown-menu a:visited{font-size:1.2em;}
	.mapa{clear:both;
		zoom: 0.8;
		-ms-zoom: 0.8;
		-webkit-zoom: 0.8;
		-moz-transform:  scale(0.8,0.8);
		-moz-transform-origin: center top;
	}
	.mapa-estacions{display:none;	}
	.nav > li > a {padding:5px;}
	.subheader .title {width:250px;}	
	.temps-propers{padding:0;}	
	.subheader .title {font-size:1.4em; width:160px;}
	.banner{margin:5px auto 5px auto;}
	.banner-int{margin-top:20px;}
    .temps-actual {
        clear: both;
        padding-left: 15px;
        padding-right: 15px;
    }
	.contenedor-mapa .hora{width:98%; }
	.fotografies .envianos, .webcams .mobilitat{margin:0;}
	.estat-neu .tendencia-allaus li {float:left; margin-right:10px; }
	#showcase {bottom:10px; left:10px;}
	.temps-actual .contenedor-mapa .colors-temperatures {padding-bottom:40px;}
	.temps-actual .contenedor-mapa .colors-temperatures img{margin-top:-250px; width:220px;}
	.idiomas{margin-top:40px;}
	.allaus .mapa1{height: 500px;}
	.allaus .mapa2{height: 500px;}
	
 }
 
 @media (max-width: 650px) {
	.allaus .mapa1 .iconos2{top:150px;}
	.allaus .mapa1 .iconos3{top: 250px;	}
	.allaus .mapa1{height: 400px;}
	.allaus .mapa2 .tabla1{top:30px; left:200px;}
	.allaus .mapa2 .tabla2{top:140px;}
	.allaus .mapa2 .tabla3{top:250px;}
 }

/* Landscape phones and down */
@media (max-width: 479px) { 
	.barra-top .menu-top{margin-left:0; margin-top:45px;}
	.temps-actual h2 select{margin-top:8px; }
	.mapa{
		zoom: 0.6;
		-ms-zoom: 0.6;
		-webkit-zoom: 0.6;
		-moz-transform:  scale(0.6,0.6);
		-moz-transform-origin: left top;
		margin-top:0 !important;
	}
	.mapa-opcions{margin-right:-100px;}
	.mapa-estacions{display:none;	}
	.mapa-dades {margin-top:-8px;	z-index:999; position:relative;}
	.mapa{margin-top:25px;}
	.temps-propers{padding:0;}	
	.subheader .title {font-size:1.2em; width:150px;}
	.banner{margin:5px auto 5px auto;}
	.subheader{margin-left:0;}
   .banner-int{margin-top:20px;}
   .contenedor-mapa .hora{width:98%; }
   .fotografies .envianos, .webcams .mobilitat{margin:0;}
   .allaus .mapa1 .iconos1{top:20px;}
	.allaus .mapa1 .iconos2{top:90px;}
	.allaus .mapa1 .iconos3{top: 160px;	}
	.allaus .mapa1{height: 350px;}
	.allaus .mapa2{background-size: 50% auto; background-position: center top;}
	.allaus .mapa2 .tabla1{top:120px; left:40px;}
	.allaus .mapa2 .tabla2{top:230px; left:40px;}
	.allaus .mapa2 .tabla3{top:340px; left:40px;}
 }

 
 @media (max-width: 479px) {
 	.allaus .mapa1{height: 300px;}
 }

 
 /* Side notes for calling out things
-------------------------------------------------- */
 


 /* Popup
-------------------------------------------------- */


/* Styles for dialog window */
#popupbanner {
	background: white;
	padding: 30px;
	text-align: left;
	max-width: 100%;
	width: 650px;
	margin: 40px auto;
	position: relative;
}
#popupbanner  img{
	max-width: 100%;
}


/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

 .temps-nohome .alcada {
        margin: -1px 0 0 0;
        padding: 0;
        font-size: 0.8em;
        color: #8697a4;
        min-height: 12px;
        text-align: center;
        display: block;
        clear:both;
    }

 .lb-image {
    max-width: 90%;
}


@media print {
    .panel {
        border: 0px;
    }

    #bt_print, .footer {
        display: none;
    }
}



.botometeoestat {
    border: 1px solid #eee;
    padding: 15px;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 21px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 21px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 21px -4px rgb(22, 74, 122);
    -webkit-box-shadow: 0px 0px 21px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 21px -9px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 21px -9px rgba(0,0,0,0.75);
    position: relative;
    border: 1px solid #686868;
    padding: 20px;
    border-radius: 10px;
    background: #005695;
    color: #fff;
}

.botometeoestatclick {
    border-radius: 10px;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    text-align: center;
    line-height: 120px;
    color: #fff;
    font-size: 20px;
}

.botometeoestat:hover .botometeoestatclick {
    opacity: 1;
}

.fletxa-animada {
    transform: translate(0,-350px);
    -webkit-transform: translate(0,-350px);
    -o-transform: translate(0,-350px);
    -moz-transform: translate(0,-350px);
}






.fletxa-animada {font-size: 20px;
color: #005695;
display: unset;
}

.banner_aire {
    /*margin-top: 15px;*/
}
    .banner_aire a:hover img {
        opacity: 0.7;
    }

.aire {
    margin-top: 15px;
}

.aire h2 {
    background-color: #eee;
    margin-bottom: 10px;
}
    .aire p strong {
        font-weight:normal
    }
    .aire img {
        width:100%;
    }

    .textPicker_ca{
        display: inline-block;
    }
.textPicker_es {
    display: inline-block;
}
.textPicker_en {
    display: inline-block;
}
.textPicker_fr {
    display: inline-block;
}

.twitter-timeline {
    max-width: 100%;
    max-height: 1000px;
}

.twitter-timeline .fa {
    font-size: 25px;
    color: #FFFFFF;
}

.panel-title {
    font-size: 15px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
}

.panel-heading-noticies {
    background-color: #fff !important;
    color: #fff !important;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}


.panell_noticies .panel-heading-noticies {
    background-color: #d5e5ed !important;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: normal;
}

.contingut_panell_noticies {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 326px;
}

.btn-play {
    position:relative
}
.img-play {
    position: absolute;
    width: 20px;
    top: 25%;
    margin-top: -20px;
    left: 25%;
    margin-left: 10px;
    opacity: 0.5;
}

.btn-play:hover .img-play {
    opacity: 0.8;
}





/*#pestanyaWebcam1 {
    margin-bottom: 90px;
    color: #164a7a;
    border-left: 8px solid #ffca0b;
    border-bottom: none;
    border-right: none;
    border-top: none;
    background: none;
    padding-left: 10px;
    width: 500px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: normal;
    font-size: 36px;
}


#pestanyaWebcam2 {
    margin-bottom: 90px;
    color: #b9c8d7;
    border-left: 8px solid #ffe99D;
    border-bottom: none;
    border-right: none;
    border-top: none;
    background: none;
    padding-left: 10px;
    width: 500px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: normal;
    font-size: 36px;
}*/

.taps_webscams {
    margin-bottom:10px;
}

.pestanyaWebcam1, .pestanyaWebcam2 {
    background: rgba(0,0,0,0.03);
    color: #333;
    font-size: 18px;
    display: block;
    text-align: center;
    padding: 10px 20px;
    margin-bottom: 5px;
    min-height: 130px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
    .pestanyaWebcam1 svg {
        margin-bottom:10px
    }

    .pestanyaWebcam1:hover, .pestanyaWebcam2:hover {
        background: rgba(0,0,0,0.06);
        color: #333;
        text-decoration: none;
    }

.pestanyaWebcam1.actiu, .pestanyaWebcam2.actiu {
    background: rgba(0,0,0,0.1);
    color: #333;
    text-decoration: none;
}






#map {
    width: 100%;
    height: 400px;
}

@media (min-width:768px) {
    #map {
        height: 500px;
    }
}

@media (min-width:992px) {
    #map {
        height: 600px;
    }
}

.banner_colaboradors {
    background-color: #d5e5ed;
    padding:0px 20px 20px;
}
    .banner_colaboradors h2 {
        text-align: center;
        margin-bottom: 12px;
    }
    .banner_colaboradors img {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        filter: grayscale(100%);
        transition: all 0.2s ease;
        max-width: 120px
    }
    .banner_colaboradors a:hover img {
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        filter: grayscale(0);
        transition: all 0.5s ease;
    }