/* overthrow layout enhancements */
/* Enable overflow: auto on elements with overthrow class when html element has overthrow class too */
/*.overthrow-enabled .overthrow {
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrcomentario-xeralolling: touch;
z-index: 1;

}*/

.page-loader {

    animation: 1.1s linear 0s normal none infinite pulsecircle;
    -webkit-animation: pulsecircle 1.1s linear infinite;
    background-image: url("https://servizos.meteogalicia.gal/widget/html/images/meteoros/32x32/103.svg");
    background-position: center center;
    background-repeat: no-repeat;
    border: 3px solid #fff;
    border-radius: 999px;
    display: none;


    height: 32px;
    left: 47%;
    margin: -5px 0 0 -15px;
    padding: 23px;
    display: none;
    position: relative;
    top: 40%;
    width: 32px;
    z-index: 9999;
}

.content-image-loader {
    background-color: #000;
    max-height: 352px;
    max-width: 355px;
    position: absolute;
    z-index: 9999;
    height: 352px;
    display: none;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.content-image-loader-sat {
    background-color: #000;
    position: absolute;
    z-index: 9999;
    height: 352px;
    display: none;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.image-loader {

    animation: 1.1s linear 0s normal none infinite pulsecircle;
    -webkit-animation: pulsecircle 1.1s linear infinite;
    background-image: url("https://servizos.meteogalicia.gal/widget/html/images/meteoros/32x32/103.svg");
    background-position: center center;
    background-repeat: no-repeat;
    border: 3px solid #fff;
    border-radius: 999px;
    height: 32px;
    margin: 29% auto 0;
    padding: 23px;
    width: 32px;

}

.page-loader-text {
    width: fit-content;
    color: white;
    display: none;
    font-size: 15px;
    font-weight: bold;
    left: 44%;
    padding: 15px 0;
    position: relative;
    top: 39%;
    z-index: 9999;
    animation: 1.1s linear 0s normal none infinite animationFrames;
    ;
    -webkit-animation: animationFrames 1.1s linear infinite;
}

@keyframes animationFrames {
    0% {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    100% {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }
}



@-webkit-keyframes animationFrames {
    0% {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    100% {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    }
}




@media screen and (max-width: 767px) {
    .page-loader {

        animation: 1.1s linear 0s normal none infinite pulsecircle;
        -webkit-animation: pulsecircle 1.1s linear infinite;
        background-image: url("https://servizos.meteogalicia.gal/widget/html/images/meteoros/32x32/103.svg");
        background-position: center center;
        background-repeat: no-repeat;
        border: 3px solid #fff;
        border-radius: 999px;
        display: none;
        height: 32px;
        left: auto;
        margin: 0 auto;
        padding: 23px;
        position: relative;
        top: 45%;
        width: 32px;
        z-index: 9999;
    }

    .page-loader-text {
        color: white;
        display: none;
        font-size: 15px;
        font-weight: bold;
        left: auto;
        margin: 0 auto;
        padding: 15px 0;
        position: relative;
        top: 45%;
        /*width: 60px;*/
        text-align: center;
        z-index: 9999;
        animation: 1.1s linear 0s normal none infinite animationFrames;
        ;
        -webkit-animation: animationFrames 1.1s linear infinite;
    }

}

.page-bg {
    background-color: #29272C;
    height: 300px;
    width: 100%;
    z-index: 990;
    display: none;
}

@-webkit-keyframes pulsecircle {
    0% {
        -webkit-transform: scale(0.4, .4);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0
    }
}

@keyframes pulsecircle {
    0% {
        transform: scale(0.1, .1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2, 1.2);
        opacity: 0
    }
}


.img-thumbnail.img-maritima {
    background-color: transparent;
    border-right: 1px dotted #b8cfd8;
    border-left: 0px dotted #b8cfd8;
    border-top: 0px dotted #b8cfd8;
    border-bottom: 0px dotted #b8cfd8;
    display: inline-block;
    height: auto;
    line-height: 1.42857;
    max-width: 100%;
    padding: 4px;
    border-radius: 0px;
}

/****** PANTALLAS DE ERRO ***********/
.error-screen {
    display: none;
    height: 100%;
    margin-top: 15%;
    position: relative;
}

.wrap-error {
    /*background-color: #FFFFFF;
    margin: 15px;
    -moz-box-shadow: 0px 5px 5px #000000;
    -webkit-box-shadow: 0px 5px 5px #000000;
    box-shadow: 0px 5px 5px #000000;
    filter: progid:DXImageTransform.Microsoft.Shadow(strength = 5, direction = 180, color = '#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 180, Color = '#000000')";
    */

}

.text-error {
    color: #999999;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 20px;
}

.content-img-error img {
    max-width: 400px;
    padding: 0 40px;
    width: 100%;
}


/* PREDICCION GENERAL */
.descricion-meteoro {
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
}

.meteoro-list {
    margin-top: 4px;
    height: 32px;
}

.item-horario {
    font-size: 13px;
    font-weight: bold;
    padding: 0 15px;
    list-style: none outside none;
    color: #067fb4;
    /*border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;*/
}

.item-mana {
    /*#9ACCF4;
    background-color: rgba(154,204,244,0.4);
    background-color: rgba(255,255,255,0.2);*/
    margin-top: 5px;
}

.item-tarde {
    background-color: #7296B3;
    color: white;
}

.item-noite {
    background-color: #4D667A;
    color: white;
}

#list-group-predicion-concellos .list-group-item,
#list-group-predicion-praia .list-group-item,
#list-group-predicion-maritima .list-group-item {
    /*background-color: #FFFFFF;
    border: 1px solid #DDDDDD;*/
    display: block;
    margin-bottom: -1px;
    padding: 0 5px;
    position: relative;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    border-left: 0px solid #FFF;
    border-right: 0px solid #FFF;
    border-top: 0px solid #FFF;
    border-bottom: 1px solid #FFF;

}

#list-group-predicion-praia .list-group-item {
    display: block;
    margin-bottom: -1px;
    padding: 3px 15px;
    position: relative;
}

#list-group-predicion-concellos-medio-prazo {
    display: none;
}

#list-group-predicion-concellos-medio-prazo .list-group-item,
#list-group-predicion-praia-medio-prazo .list-group-item,
#list-group-predicion-maritima-medio-prazo .list-group-item {
    /*background-color: #FFFFFF;
    border: 1px solid #DDDDDD;*/
    display: block;
    margin-bottom: -1px;
    padding: 3px 5px;
    position: relative;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    border-left: 0px solid #FFF;
    border-right: 0px solid #FFF;
    border-top: 0px solid #FFF;
    border-bottom: 1px solid #FFF;

}

#list-group-predicion-concellos-medio-prazo .list-group-item.list-group-item.cabeMedioPrazo,
#list-group-predicion-praia-medio-prazo .list-group-item.list-group-item.cabeMedioPrazo,
#list-group-predicion-maritima-medio-prazo .list-group-item.list-group-item.cabeMedioPrazo {
    background-color: #055377;
    border: 0 solid #ffffff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: white;
    margin-top: 20px;
    padding: 5px 15px;
    z-index: 2;
}

#list-group-predicion-concellos .list-group-item.list-group-item.cabeDia,
#list-group-predicion-praia .list-group-item.list-group-item.cabeDia,
#list-group-predicion-maritima .list-group-item.list-group-item.cabeDia,
#list-group-predicion-concellos-medio-prazo .list-group-item.list-group-item.cabeDia {
    border: 0 solid #FFFFFF;
    color: #FFFFFF;
    z-index: 2;
    color: #333;
    padding: 5px 15px;
    /*margin-top:20px;*/
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}


#list-group-predicion-concellos .list-group-item.list-group-item.cabeTemp,
#list-group-predicion-praia .list-group-item.list-group-item.cabeTemp,
#list-group-predicion-maritima .list-group-item.list-group-item.cabeTemp {
    display: flex;
}

#list-group-predicion-concellos .list-group-item.list-group-item.cabeTemp>p {
    width: 25%;
    padding: 12px 0 0;
    font-size: 12px;
    font-weight: 700;
    color: #A0A09E;
}

#list-group-mareas .list-group-item.list-group-item.cabePorto,
#info-raios {
    background-color: #f3f4f9;
    border: 0 solid #ffffff;
    color: #333;
    margin-top: 0;
    padding: 10px 15px 5px;
    z-index: 2;
}

#list-group-mareas .list-group-item.list-group-item.cabeMarea {
    background-color: #FFFFFF;

    border: 0 solid #FFFFFF;
    color: #6E6E6E;
    z-index: 2;
    padding: 5px 15px 0px 15px;
    margin-top: 0px;
    font-weight: bold;
}

#list-group-mareas .par.list-group-item {
    background-color: transparent;
    border: 0 solid #ddd;
    display: block;
    margin-bottom: 0;
    margin-top: -1px;
    padding: 5px 15px;
    position: relative;
    color: #0780B7;
}

#list-group-predicion-maritima .cabeTemp .col-xs-3.col-sm-3.col-md-3.col-lg-3,
#list-group-predicion-praia .cabeTemp .col-xs-3.col-sm-3.col-md-3.col-lg-3 {
    padding-left: 0;
    padding-right: 0;
}

#list-group-predicion-praia .list-groub-item-praia .col-xs-2.col-sm-2.col-md-2.col-lg-2 {
    width: 18%;
}

#list-group-predicion-concellos .list-group-item:not(.active),
#list-group-predicion-praia .list-group-item:not(.active),
#list-group-predicion-maritima .list-group-item:not(.active),
#list-group-predicion-concellos-medio-prazo .list-group-item:not(.active) {
    /*margin: 0 10px;*/
    border: 0px;
    margin: 0;
}

#list-group-predicion-concellos .list-group-item:not(.active) .row,
#list-group-predicion-praia .list-group-item:not(.active) .row,
#list-group-predicion-maritima .list-group-item:not(.active) .row {
    padding: 3px 10px;
}

#list-group-predicion-concellos-medio-prazo .list-group-item:not(.active) .row,
#list-group-predicion-praia-medio-prazo .list-group-item:not(.active) .row,
#list-group-predicion-maritima-medio-prazo .list-group-item:not(.active) .row {
    padding: 0 10px;
}

ul#list-group-predicion-concellos-medio-prazo>li.list-group-item {
    padding-bottom: 3px;
    padding-top: 3px;
}

#list-group-predicion-concellos li.border-list,
#list-group-predicion-praia li.border-list,
#list-group-predicion-maritima li.border-list,
#list-group-predicion-concellos-medio-prazo li.border-list,
#list-group-predicion-praia-medio-prazo li.border-list,
#list-group-predicion-maritima-medio-prazo li.border-list,
.border-list {
    background: #000 url("https://servizos.meteogalicia.gal/widget/html/images/list-border.png") repeat scroll 0 0;
    height: 2px;
    list-style: none outside none;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#list-group-predicion-concellos-medio-prazo .itemTemps {
    padding-left: 5px;
}

#list-group-predicion-concellos-medio-prazo .col-xs-2 {
    padding: 0;
}

.itemTemps {
    padding: 0;
}

.list-group-item .item-prediccion {
    text-align: center;
}


.item-icon-sobre {
    height: 25px;
}

.item-icon-sobre img {
    height: 23px;
}

.item-text-sobre {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
}

.padding-7-0 {
    padding: 7px 0;
}

.padding-5-0 {
    padding: 5px 0;
}

/********** POSRTOS *****************/
.custom-list .list-group-item.cabePorto {
    padding: 10px;
    background-color: #067fb6;
    color: white;
}

.custom-list .list-group-item.cabeMarea {
    padding: 5px;
    background-color: #1992c6;
    color: white;
}

.custom-list .list-group-item.item-marea {}

/******** CONCELLOS ****************************/


#list-group-predicion-concellos .list-group-item {
    /*background-color: #FFFFFF;
    border: 1px solid #DDDDDD;*/
    display: block;
    margin-bottom: -1px;
    padding: 0px 15px;
    position: relative;
}

#list-group-predicion-concellos-medio-prazo .list-group-item {
    /*background-color: #FFFFFF;
    border: 1px solid #DDDDDD;*/
    display: block;
    margin-bottom: -1px;
    padding: 0px 15px;
    position: relative;
}

#list-group-predicion-concellos .list-group-item.active {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 5px 15px;
}


.dataPred-mini {
    font-size: 13px;
    margin-top: 0;
    text-align: left;
}

.dataPred-mini p:first-of-type {
    color: black;
    font-size: 24px;
    line-height: 1.1;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 16px;
}

.dataPred-mini p:nth-of-type(2) {
    color: #585856;
    font-size: 16px;
    font-weight: 400;
}

.content-temp-principal {
    padding: 4px 0;
}

.temp-principal {
    color: #fff;
    font-size: 30px;
    padding: 0px;
    position: relative;
    top: -3px;
}

.temp-principal.max-principal {
    color: #fff;
    top: 0px;
}

.temp-principal.min-principal {
    color: #fff;
    top: 0px;
}

.descricion-meteoro {
    font-size: 20px;
    padding: 0;
    color: #B4BCC1;
}

.maxTempMaritimaAr {
    background-color: #C8FF6F;
}

.tempAuga {
    background-color: #2E9AFE;
    color: #ffffff;
}

.maxUltra {
    background-color: #FF3300;
}

.tempBig {
    width: 80px;
    height: 80px;
    text-align: center;
    padding-top: 1px;
}

.temp-xs {
    text-align: center;
}

.content-img-principal {
    /*background-color: rgba(255, 255, 255, 0.6);
    height: 160px;
    margin: 0 auto;
    width: 160px;
    -moz-border-radius: 120px;
    -webkit-border-radius: 120px;
    border-radius: 120px;*/
    background-image: url("https://servizos.meteogalicia.gal/widget/html/images/halo.png");
    background-size: 132px auto;
    height: 80px;
    margin: 0 0 0 10px;
    width: 160px;
}

.axuda-content .content-img-principal {
    margin: 5px auto 10px auto;
    background-image: url("https://servizos.meteogalicia.gal/widget/html/images/halo.png");
    background-repeat: no-repeat;
    background-size: 120px auto;
    height: 120px;

    width: 120px;
}

.axuda-content .content-img-principal .imxClimaBig {
    padding: 16px;
    position: relative;
    width: 120px;
    z-index: 1;
}

#nome-zona {
    font-weight: bold;
    position: relative;
    z-index: 10;
}

.imxClimaBigConcellos {
    /*position:relative;
    z-index: 1;
    padding: 16px;*/
    /*padding: 23px 16px 16px;*/
    position: relative;
    width: 80px;
    z-index: 1;

    top: 7px;
}

.imxClimaBig {
    /*position:relative;
    z-index: 1;
    padding: 16px;*/
    /*padding: 23px 16px 16px;*/
    position: relative;
    width: 80px;
    z-index: 1;

    top: -6px;
}

#pnlPresentaPredicciónConcello {
    margin-bottom: 50px;
}

.imx-meteoro {
    float: left;
    margin-right: 15px;
    width: 45px;
    height: 45px;
}

.alerta0 {
    background-color: #EEF0D2;
}

.mini-parte-dia {
    color: #A0A09E;
    font-size: 12px;
    font-weight: 700;
    padding: 12px 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mini-predicion {
    padding-top: 6px;
}

.mini-vento {
    /*padding-top: 10px;*/
}

.mini-perc-choiva {
    background-image: url("https://servizos.meteogalicia.gal/widget/html/images/meteoros/32x32/117.svg");

    background-position: center 5px;
    background-repeat: no-repeat;
    padding-bottom: 12px !important;
    padding-top: 8px !important;
    padding-left: 0;
    padding-right: 0;

}

.mini-perc-choiva.no-svg {
    background-image: url("https://servizos.meteogalicia.gal/widget/html/images/meteoros/32x32/117.png");

}

.mini-perc-choiva.no-data {
    background-image: url("https://servizos.meteogalicia.gal/widget/html/images/meteoros/32x32/117_disabled.svg");
}

.mini-perc-choiva.no-svg.no-data {
    background-image: url("https://servizos.meteogalicia.gal/widget/html/images/meteoros/32x32/117_disabled.png");
}

.mini-perc-choiva strong {
    padding-left: 20px;
}

.cabeMedioPrazo {
    background-color: #424FCA;
    border-color: #424FCA;
    color: #FFFFFF;
    z-index: 2;

}

.col-2-5 {
    width: 20%;
    padding: 0;
}

.divAlertas {
    width: 80px;
    text-align: center;
}

.alertaLaranxa {
    background-color: #FFFF00;
}


h2 span.notaH2 {
    font-size: 0.4em;
    font-style: italic;
    margin-left: 10px;
}

#pnlPresentaPrediccionConcello {
    height: 160px;
}

#pnlPresentaPrediccionMaritima {
    /*height: 250px;*/
}

.divImxMaritima {
    float: left;
    width: 45px;
    /*height:100px;*/
    margin-right: 15px;
    text-align: center;
    font-size: 0.8em;
}

/*****************FAVORITOS*********************/
.panel-default .accordion-toggle .panel-heading h4:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    /* essential for enabling glyphicon */
    content: "\e114";
    /* adjust as needed, taken from bootstrap.css */
    float: right;
    /* adjust as needed */
    color: #FFFFFF;
    /* adjust as needed */
}

.panel-default .accordion-toggle.collapsed .panel-heading h4:after {
    /* symbol for "collapsed" panels */
    content: "\e080";
    /* adjust as needed, taken from bootstrap.css */
}

.accordion-favoritos .panel {
    border: 0 none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.accordion-favoritos .panel-default a .panel-heading {
    background-color: #428BCA;
    border-color: #428BCA;
    color: #FFFFFF;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.accordion-favoritos .panel .panel-body {
    padding: 0;
}

.accordion-favoritos .panel .panel-body .list-group {
    margin: 0;
}

.accordion-favoritos .panel .panel-body .list-group .list-group-item {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
}


.info-concello {
    background: url("https://servizos.meteogalicia.gal/widget/html/images/bg-concellos/bg-concellos-01.jpg") no-repeat scroll center center;
    min-height: 156px;
}

.info-concello.fondo-101,
.info-concello.fondo-102,
.info-concello.fondo-201,
.info-concello.fondo-202 {
    /*background: url("https://servizos.meteogalicia.gal/widget/html/images/bg-playas.png") no-repeat scroll center center rgba(0, 0, 0, 0);*/
    background: url("https://servizos.meteogalicia.gal/widget/html/images/bg-concellos/bg-concellos-01.jpg") no-repeat scroll center center;
}

.info-concello.fondo-103,
.info-concello.fondo-203 {
    /*background: url("https://servizos.meteogalicia.gal/widget/html/images/bg-playas.png") no-repeat scroll center center rgba(0, 0, 0, 0);*/
    background: url("https://servizos.meteogalicia.gal/widget/html/images/bg-concellos/bg-concellos-02.jpg") no-repeat scroll center center;

}

.info-concello.fondo-104,
.info-concello.fondo-105,
.info-concello.fondo-116,
.info-concello.fondo-204,
.info-concello.fondo-205,
.info-concello.fondo-216 {
    /*background: url("https://servizos.meteogalicia.gal/widget/html/images/bg-playas.png") no-repeat scroll center center rgba(0, 0, 0, 0);*/
    background: url("https://servizos.meteogalicia.gal/widget/html/images/bg-concellos/bg-concellos-03.jpg") no-repeat scroll center center;

}

.info-concello.fondo-107,
.info-concello.fondo-113,
.info-concello.fondo-118,
.info-concello.fondo-119,
.info-concello.fondo-121,
.info-concello.fondo-207,
.info-concello.fondo-213,
.info-concello.fondo-218,
.info-concello.fondo-219,
.info-concello.fondo-221 {
    /*background: url("https://servizos.meteogalicia.gal/widget/html/images/bg-playas.png") no-repeat scroll center center rgba(0, 0, 0, 0);*/
    background: url("https://servizos.meteogalicia.gal/widget/html/images/bg-concellos/bg-concellos-04.jpg") no-repeat scroll center center;

}

.info-concello.fondo-110,
.info-concello.fondo-117,
.info-concello.fondo-111,
.info-concello.fondo-108,
.info-concello.fondo-210,
.info-concello.fondo-217,
.info-concello.fondo-211,
.info-concello.fondo-208 {
    /*background: url("https://servizos.meteogalicia.gal/widget/html/images/bg-playas.png") no-repeat scroll center center rgba(0, 0, 0, 0);*/
    background: url("https://servizos.meteogalicia.gal/widget/html/images/bg-concellos/bg-concellos-05.jpg") no-repeat scroll center center;

}

.info-concello.fondo-106,
.info-concello.fondo-114,
.info-concello.fondo-115,
.info-concello.fondo-206,
.info-concello.fondo-214,
.info-concello.fondo-215 {
    /*background: url("https://servizos.meteogalicia.gal/widget/html/images/bg-playas.png") no-repeat scroll center center rgba(0, 0, 0, 0);*/
    background: url("https://servizos.meteogalicia.gal/widget/html/images/bg-concellos/bg-concellos-06.jpg") no-repeat scroll center center;

}

.info-concello.fondo-120,
.info-concello.fondo-112,
.info-concello.fondo-109,
.info-concello.fondo-220,
.info-concello.fondo-212,
.info-concello.fondo-209 {
    /*background: url("https://servizos.meteogalicia.gal/widget/html/images/bg-playas.png") no-repeat scroll center center rgba(0, 0, 0, 0);*/
    background: url("https://servizos.meteogalicia.gal/widget/html/images/bg-concellos/bg-concellos-07.jpg") no-repeat scroll center center;

}


.nav-pills>li>a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0px;
}

#pnlPresentaPrediccionPraia {
    margin-bottom: 10px;
}

.panel-default>a,
.panel-default>a:hover {
    text-decoration: none;
}

.panel-default a .panel-heading {
    background-color: #F5F5F5;
    border-color: #DDDDDD;
    color: #333333;
}

#map-canvas {
    width: 100%;
    height: 100%;
}

.content-selection {
    background-color: #5189ba;
    /*rgba(81, 137, 186, 0.7);*/
    bottom: 0;
    /*padding: 5px;*/
    position: fixed;
    /*text-align: right;*/
    width: 100%;
    z-index: 3;
    right: 0;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/*#list-group-predicion-praia .list-group-item {

    display: block;
    margin-bottom: -1px;
    padding: 0px 15px;
    position: relative;
}
#list-group-predicion-praia .list-group-item.active{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 5px 15px;
}*/

.list-options {
    display: none;
}

.infowindow-container {
    max-width: 320px;
    min-height: 90px;
    overflow: hidden;
}

.infowindow-container h3,
.infowindow-container div {
    margin-top: 0px;
    white-space: nowrap;
    margin-bottom: 5px;
}

#container-map-search {
    /*background-color: rgba(0, 0, 0, 0.5);*/
    bottom: 90px;
    padding: 0 15%;
    position: absolute;
    text-align: center;
    width: 100%;
}

.info-map-search {
    /*background: url("https://servizos.meteogalicia.gal/widget/html/images/ic_warning_mini.png") no-repeat scroll center center #FF4052;*/
    background: url("https://servizos.meteogalicia.gal/widget/html/images/ic_warning_mini.png") no-repeat scroll center center #F8BD00;
    height: 38px;
    width: 38px;
    margin: 5px;
}

.toggle-list-map {
    background-color: #428BCA;
    color: #FFFFFF;
    float: right;
    font-weight: bold;
    padding: 14px 15px;
    text-align: center;
}

.toggle-list-map:hover {
    background-color: #3276B1;
}

#btn-search-in-map {
    background-color: #5CB85C;
    color: #FFFFFF;
    margin: 0 auto;
    padding: 14px 15px;
    text-align: center;
    width: 70%;
}

#btn-search-in-map:hover {
    background-color: #47A447;

}

.search-map-content {
    background-color: #000;
    /*rgba(0, 0, 0, 0.5);*/
    padding: 10px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

#search-in-map-text {
    color: #FFFFFF;
    line-height: 23px;
}

/* Highlight Effect */
.glow {
    animation: glow 1200ms linear 200ms 2 alternate;
    -moz-animation: glow 1200ms linear 200ms 2 alternate;
    -webkit-animation: glow 1200ms linear 200ms 2 alternate;
}

@keyframes glow {
    0% {
        background-color: #F49601;
    }

    20%,
    100% {
        /*background-color: #5189BA;*/
        background-color: #067FB6;
    }
}

/* Firefox */
@-moz-keyframes glow {
    0% {
        background-color: #F49601;
    }

    20%,
    100% {
        /*background-color: #5189BA;*/
        background-color: #067FB6;
    }
}

/* Safari and Chrome */
@-webkit-keyframes glow {
    0% {
        background-color: #F49601;
    }

    20%,
    100% {
        background-color: #5189BA;
    }
}


@media(max-width:767px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%;

    }
}

@media(min-width:768px) {}

@media(min-width:992px) {}

@media(min-width:1200px) {}

/************ ESTILOS COLORES*************/
.tA11 {
    background-color: #642EFE;
    color: #FFFFFF;
}

.tA12 {
    background-color: #2E2EFE;
    color: #FFFFFF;
}

.tA13 {
    background-color: #2E64FE;
    color: #FFFFFF;
}

.tA14 {
    background-color: #2E9AFE;
    color: black;
}

.tA15 {
    background-color: #2ECCFA;
    color: black;
}

.tA16 {
    background-color: #2EFEF7;
    color: black;
}

.tA17 {
    background-color: #2EFEC8;
    color: black;
}

.tA18 {
    background-color: #2EFE9A;
    color: black;
}

.tA19 {
    background-color: #2EFE64;
    color: black;
}

.tA20 {
    background-color: #2EFE2E;
    color: black;
}

.tA21 {
    background-color: #64FE2E;
    color: black;
}

.tA22 {
    background-color: #9AFE2E;
    color: black;
}

.tA23 {
    background-color: #CCFC2F;
    color: black;
}

.tA24 {
    background-color: #F2FC2F;
    color: black;
}

.tA25 {
    background-color: #FCE12F;
    color: black;
}

.tA26 {
    background-color: #FCA72F;
    color: black;
}

/***** ULTRAVIOLETA *******/
.uv1 {
    background-color: #4EB400;
}

.uv2 {
    background-color: #A0CE00;
}

.uv3 {
    background-color: #F7E400;
}

.uv4 {
    background-color: #F8B600;
}

.uv5 {
    background-color: #F88700
}

.uv6 {
    background-color: #F85900;
    color: #FFFFFF;
}

.uv7 {
    background-color: #FF3300;
    color: #FFFFFF;
}

.uv8 {
    background-color: #D8001D;
    color: #FFFFFF;
}

.uv9 {
    background-color: #FF0099;
    color: #FFFFFF;
}

.uv10 {
    background-color: #B54DFF;
    color: #FFFFFF;
}

.uv11 {
    background-color: #998CFF;
}

/******TEMPERATURA DO AIRE***********/
/*NEGATIVAS:*/
.m12 {
    background: #0010DE;
    color: #FFFFFF;
}

.m11 {
    background: #0D1FFF;
    color: #FFFFFF;
}

.m10 {
    background: #2F40FF;
    color: #FFFFFF;
}

.m9 {
    background: #2F53FF;
    color: #FFFFFF;
}

.m8 {
    background: #2F67FF;
    color: #FFFFFF;
}

.m7 {
    background: #2F7BFF;
    color: #FFFFFF;
}

.m6 {
    background: #2F8EFF;
    color: #FFFFFF;
}

.m5 {
    background: #2FA2FF;
    color: #FFFFFF;
}

.m4 {
    background: #2FB5FF;
    color: #000000;
}

.m3 {
    background: #2FC9FF;
    color: #000000;
}

.m2 {
    background: #2FDCFF;
    color: #000000;
}

.m1 {
    background: #2FF0FF;
    color: #000000;
}

/*POSITIVAS:*/

.t0 {
    background: #2FFFFB;
    color: #000000;
}

t1 {
    background: #2FFFE7;
    color: #000000;
}

.t2 {
    background: #2FFFD4;
    color: #000000;
}

.t3 {
    background: #2FFFC0;
    color: #000000;
}

.t4 {
    background: #2FFFAD;
    color: #000000;
}

.t5 {
    background: #2FFF99;
    color: #000000;
}

.t6 {
    background: #6FFFAB;
    color: #000000;
}

.t7 {
    background: #6FFF9E;
    color: #000000;
}

.t8 {
    background: #6FFF90;
    color: #000000;
}

.t9 {
    background: #6FFF82;
    color: #000000;
}

.t10 {
    background: #6FFF75;
    color: #000000;
}

.t11 {
    background: #77FF6F;
    color: #000000;
}

.t12 {
    background: #84FF6F;
    color: #000000;
}

.t13 {
    background: #92FF6F;
    color: #000000;
}

.t14 {
    background: #9FFF6F;
    color: #000000;
}

.t15 {
    background: #ADFF6F;
    color: #000000;
}

.t16 {
    background: #BAFF6F;
    color: #000000;
}

.t17 {
    background: #C8FF6F;
    color: #000000;
}

.t18 {
    background: #D5FF6F;
    color: #000000;
}

.t19 {
    background: #E3FF6F;
    color: #000000;
}

.t20 {
    background: #EAFF2F;
    color: #000000;
}

.t21 {
    background: #FDFF2F;
    color: #000000;
}

.t22 {
    background: #FFED2F;
    color: #000000;
}

.t23 {
    background: #FFDA2F;
    color: #000000;
}

.t24 {
    background: #FFC62F;
    color: #000000;
}

.t25 {
    background: #FFB32F;
    color: #000000;
}

.t26 {
    background: #FF9F2F;
    color: #000000;
}

.t27 {
    background: #FF8C2F;
    color: #000000;
}

.t28 {
    background: #FF782F;
    color: #000000;
}

.t29 {
    background: #FF652F;
    color: #000000;
}

.t30 {
    background: #FF512F;
    color: #000000;
}

.t31 {
    background: #FF3E2F;
    color: #FFFFFF;
}

.t32 {
    background: #FF2F2F;
    color: #FFFFFF;
}

.t33 {
    background: #FF2F2F;
    color: #FFFFFF;
}

.t34 {
    background: #FF2F1F;
    color: #FFFFFF;
}

.t35 {
    background: #FF200F;
    color: #FFFFFF;
}

.t36 {
    background: #FF1200;
    color: #FFFFFF;
}

.t37 {
    background: #FF0F19;
    color: #FFFFFF;
}

.t38 {
    background: #FF000A;
    color: #FFFFFF;
}

.t39 {
    background: #FF0000;
    color: #FFFFFF;
}

.t40 {
    background: #FF0000;
    color: #FFFFFF;
}

.t41 {
    background: #FF0000;
    color: #FFFFFF;
}

.t42 {
    background: #FF0000;
    color: #FFFFFF;
}

.t43 {
    background: #FF0000;
    color: #FFFFFF;
}

.t44 {
    background: #FF0000;
    color: #FFFFFF;
}

.t45 {
    background: #FF0000;
    color: #FFFFFF;
}


.contenTaboaUV table {
    width: 98%;
    border-collapse: collapse;
    margin: auto;
}


.contenTaboaUV table td {
    border: 1px solid #cccccc;
    text-align: center;
    width: 50%;
    color: #000000;
    font-weight: bold;
    padding: 3px;

}

.contenTaboaUV table th {
    border: 1px solid #cccccc;
    text-align: center;
    width: 50%;
    color: #545351;
    font-size: 16px;
    font-weight: bold;
}

td.uv1,
td.uv2,
td.uv3,
td.uv4,
td.uv5,
td.uv6,
td.uv7,
td.uv8,
td.uv9,
td.uv10,
td.uv11 {
    width: 100px;
    text-align: center;
    font-weight: bold;
    margin: 2px;
    border: 1px solid #cccccc;

}

.tlist table {
    border-collapse: separate;
    margin: auto;
    width: 80%;
}

#axuda-gl .img-center,
#axuda-es .img-center {
    text-align: center;
}

#axuda-gl p img,
#axuda-es p img {
    border: 1px solid #AAAAAA;
    width: 80%;
    max-width: 250px;
}


.container-lenda hr {
    margin-top: 0px;
    margin-bottom: 20px;
}

.item-lenda-mini {
    float: left;
    height: 60px;
    padding-left: 5px;
    padding-right: 5px;
}

.logoMeteoAcerca {
    width: 100%;
    max-width: 320px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.logoXuntaAcerca {
    width: 100%;
    max-width: 200px;
    margin-right: 15px;
    margin-bottom: 20px;
}

.justify {
    text-align: justify;
}

.info-optimizacion {
    color: #666;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px 0;
}

.info-optimizacion .glyphicon {
    display: block;
    /*float: left;*/
    font-size: 22px;
    padding: 9px 0;
}

.info-optimizacion .text-optimizado {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
}

#axuda-es ul,
#axuda-gl ul {
    padding: 0 10px;
}

#infoMiniDate {
    color: #999;
    font-size: 14px;
    font-weight: bold;
}

.cuadroLeyenda {
    border: 1px solid #d7da93;
    height: 20px;
    width: 100%;
}

#color0 {
    background: #ed00ff none repeat scroll 0 0
}

#color1 {
    background: #9600fe none repeat scroll 0 0
}

#color2 {
    background: #0032fe none repeat scroll 0 0
}

#color3 {
    background: #0ff none repeat scroll 0 0
}

#color4 {
    background: #00bf2c none repeat scroll 0 0
}

#color5 {
    background: #9dff00 none repeat scroll 0 0
}

#color6 {
    background: #ffd700 none repeat scroll 0 0
}

#color7 {
    background: #feaf00 none repeat scroll 0 0
}

#color8 {
    background: #ff7200 none repeat scroll 0 0
}

#color9 {
    background: #bf5e00 none repeat scroll 0 0
}

#color10 {
    background: #900 none repeat scroll 0 0
}

#color11 {
    background: #f00 none repeat scroll 0 0
}

.texto {
    font-size: 10px;
    text-align: justify;
    margin-bottom: 13px
}



/* ESTACIONS */
.info-estacion h3 {
    margin-top: 10px;
    color: #000;

}

.info-estacion {
    background: #000 url("https://servizos.meteogalicia.gal/widget/html/images/bg-estacions/bg-estacions-01.jpg") no-repeat scroll 53% 30%;
    min-height: 156px;
}

/* PLATAFORMAS*/
.info-plataforma {
    /*background: url("https://servizos.meteogalicia.gal/widget/html/images/bg-concellos.png") no-repeat scroll center center rgba(0, 0, 0, 0);*/
    background: #000 url("https://servizos.meteogalicia.gal/widget/html/images/bg-concellos/bg-concellos-01.jpg") no-repeat scroll center center;
    min-height: 220px;
}

.info-plataforma h3 {
    margin-top: 10px;
    color: white;
}



#list-group-oceano-ondas .list-group-item,
#list-group-oceano .list-group-item,
#list-group-ondas .list-group-item {
    /*background-color: #FFFFFF;
    border: 1px solid #DDDDDD;*/
    display: block;
    margin-bottom: -1px;
    padding: 0 5px;
    position: relative;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    border-left: 0px solid #FFF;
    border-right: 0px solid #FFF;
    border-top: 0px solid #FFF;
    border-bottom: 1px solid #FFF;

}

#list-group-oceano-ondas .list-group-item.list-group-item.cabeDia,
#list-group-oceano .list-group-item.list-group-item.cabeDia,
#list-group-ondas .list-group-item.list-group-item.cabeDia {
    border: 0 solid #FFFFFF;
    color: #FFFFFF;
    z-index: 2;
    color: #333;
    padding: 5px 15px;
    /*margin-top:20px;*/
}

#list-group-oceano-ondas .list-group-item.list-group-item.cabeTemp,
#list-group-oceano .list-group-item.list-group-item.cabeTemp,
#list-group-ondas .list-group-item.list-group-item.cabeTemp {
    background-color: #FFFFFF;
    border: 0 solid #FFFFFF;
    color: #FFFFFF;
    z-index: 2;
    color: #333;
    padding: 0px 15px;
    margin-top: 0px;
}

#list-group-oceano-ondas .list-group-item:not(.active),
#list-group-oceano .list-group-item:not(.active),
#list-group-ondas .list-group-item:not(.active) {
    /*margin: 0 10px;*/
    border: 0px;
    margin: 0;
}

#list-group-oceano-ondas {
    margin: 0;
}




#dataActualizacion {
    margin-left: 5px;
}

.content-data-actualizacion {
    color: white;
    font-size: 13px;
    /*font-weight: bold;*/
}

.item-param-text {
    position: relative;
    top: 6px;
    color: #0780b7;
    min-height: 32px;
}

strong.item-param-text {
    color: #333333;
}

.item-nome-estacion-wraper {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}

.spin {
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    -webkit-transform-origin: 50% 55%;
    transform-origin: 50% 55%;
    -ms-transform-origin: 50% 55%;
    /* IE 9 */
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.fondo_ancho {
    float: left;
    position: absolute;
    top: 0;
    height: 250px;

}

.lista_ancho {
    height: 250px;
    padding: 0;
    float: left;
    position: absolute;
    top: 0;
    overflow-y: scroll;

}

.linkpieAncho {
    margin: 5px 0;
    text-align: center;
}

#list-group-predicion-concellos {
    font-size: 80%;
}

.especial-estado-ceo-6 {
    padding-right: 9px;
}

.especial-estado-ceo-3 {
    width: 96px;
}

.meteoro-baixo {
    height: 27px;
}