﻿
.p_2017 {
    background-color: #ffaa45;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 17px;
    color: #fff;
    -webkit-box-shadow: 5px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 1px 5px 0px rgba(0,0,0,0.75);
    text-transform: uppercase;
    letter-spacing: 0.009em;
    font-weight: bold;
    font-size: 16px;
}

.p_2017_novedad {
    width: 33%;
    background-color: #ffaa45;
    padding: 13px;
    color: #fff;
    float: left;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.p_2017_text {
    color: #496814;
    padding: 10px;
    text-align: center;
    font-size: 15px;
}

.novedad {
    background-color: #0033cc;
    text-align: center;
    margin-bottom: 20px;
    padding: 17px;
    color: #fff;
    position: absolute;
    width: 98.2%;
    left: 0px;
    font-size: 20px;
    line-height: 28px;
}

/**formulario*/
.checkbox input {
    text-align: left !important;
    width: 20px !important;
    margin-top: 20px !important;
}

.modal {
    color: red;
    border-radius: 5px;
    margin: 0 auto;
    display: none;
    position: absolute;
    background: #fff;
    padding: 30px;
    top: 40%;
    left: 35%;
    width: 400px;
    text-align: left;
    font-size: 14px;
}

.modalbg {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    -moz-opacity: .60;
    filter: alpha(opacity=60);
    opacity: .60;
    display: none;
    z-index: 0;
}



g.buscador-areaprivada {
    margin-left: 17px;
}

.buscador-areaprivada .buscador {
    background-image: url(/images/bkg-buscador-header.png);
    width: 213px;
    height: 34px;
}

    .buscador-areaprivada .buscador input[type=text] {
        font-family: Helvetica;
        font-size: 14px;
        color: #999999;
        background-color: transparent;
        border: none;
        margin-left: 10px;
        float: left;
        margin-top: 10px;
        width: 166px;
        margin-left: 10px;
        text-shadow: 0px 2px 0px #fdfdfd;
        /*filter: dropshadow(color=#fdfdfd, offx=0, offy=2);*/
    }

    .buscador-areaprivada .buscador input[type=image] {
        float: left;
        margin-top: 7px;
        margin-left: 5px;
    }

.buscador-areaprivada .areaprivada {
    /* background-image: url(/images/area-miembros.png);*/
    width: 213px;
    height: 41px;
}

.busdocumentos {
    clear: both;
    width: 350px;
    float: right;
    padding-bottom: 5px;
}

    .busdocumentos .round-content-gray {
        clear: both;
        background-color: #e4e4e4;
        padding-left: 10px;
        padding-right: 10px;
        float: right;
        width: 225px;
    }

    .busdocumentos .round-top-gray {
        height: 5px;
        width: 245px;
        float: right;
        clear: both;
        background-image: url(/images/left-box-round-top-gray.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .busdocumentos .round-bottom-gray {
        height: 5px;
        width: 245px;
        float: right;
        clear: both;
        background-image: url(/images/left-box-round-bottom-gray.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .busdocumentos .btnbuscadordoc {
        clear: both;
        /*background-image: url(/images/lupa-header.png);*/
        height: 28px;
        width: 27px;
        background-color: transparent;
        background-repeat: no-repeat;
        border: none;
        cursor: pointer;
        vertical-align: middle;
        padding-left: 10px;
    }

.imglupa {
    padding-top: 6px;
    padding-left: 6px;
}

.head .miga {
    float: right;
    font-family: Helvetica;
    text-align: left;
    font-size: 12px;
    color: #fff;
    clear: both;
    margin-top: -20px;
    margin-right: 20px;
}

    .head .miga a {
        color: #acde7a;
        padding-right: 5px;
    }

        .head .miga a:after {
            content: " > ";
        }

/*Cajas de columna central*/



.main-box.mundo .round-content {
    /*	width:990px !important;*/
}

.main-box {
    width: 765px;
    float: left;
    clear: both;
    margin-top: -5px;
    display: table;
}

    .main-box .round-top {
        height: 8px;
        width: 765px;
        float: left;
        clear: both;
        background-image: url(/images/main-box-round-top.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .main-box .round-bottom {
        height: 24px;
        width: 765px;
        float: left;
        clear: both;
        background-image: url(/images/main-box-round-bottom.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .main-box.redes-main .round-top {
        height: 8px;
        width: 765px;
        float: left;
        clear: both;
        background-image: url(/images/main-box-round-top-gray.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .main-box.redes-main .round-bottom {
        height: 24px;
        width: 765px;
        float: left;
        clear: both;
        background-image: url(/images/main-box-round-bottom-gray.png);
        background-position: left top;
        background-repeat: no-repeat;
    }


    .main-box .round-content {
        padding-left: 17px;
        padding-right: 17px;
        background-color: #fff;
        width: 731px;
        float: left;
        /* text-align:justify;*/
    }

    .main-box .wrap-box-content {
        width: 731px;
        display: table;
        /*-webkit-box-shadow: -1px -1px 10px 5px rgba(0,0,0,0.45);
-moz-box-shadow: -1px -1px 10px 5px rgba(0,0,0,0.45);
box-shadow: -1px -1px 10px 5px rgba(0,0,0,0.45);
    border-radius: 10px;*/
        margin-bottom: 20px;
    }


/*Cajas de columna central*/
.main-box2 {
    width: 765px;
    float: left;
    clear: both;
    margin-top: -5px;
    display: table;
}

    .main-box2 .round-top {
        height: 9px;
        width: 765px;
        float: left;
        clear: both;
        background-image: url(/images/main-box-round-top.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .main-box2 .round-bottom {
        height: 24px;
        width: 765px;
        float: left;
        clear: both;
        background-image: url(/images/main-box-round-bottom.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .main-box2 .round-content {
        padding-left: 17px;
        padding-right: 17px;
        background-color: #fff;
        width: 731px;
        float: left;
        text-align: justify;
    }

    .main-box2 .wrap-box-content {
        padding-top: 20px;
        width: 731px;
        display: table;
    }


/*Cajas de la columna izquierda*/
.left-box {
    width: 245px;
    float: left;
    clear: both;
    margin-top: -5px;
}

    .left-box .round-top {
        height: 12px;
        width: 245px;
        float: left;
        clear: both;
        background-image: url(/images/left-box-round-top.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .left-box .round-bottom {
        height: 23px;
        width: 245px;
        float: left;
        clear: both;
        background-image: url(/images/left-box-round-bottom.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .left-box .round-content {
        padding-left: 17px;
        padding-right: 17px;
        background-color: #fff;
        float: left;
        width: 211px;
    }

    .left-box .round-content-gray {
        background-color: #e4e4e4;
        padding-left: 17px;
        padding-right: 17px;
        float: left;
        width: 211px;
        font-size: 13px;
    }

    .left-box .round-top-gray {
        height: 9px;
        width: 245px;
        float: left;
        clear: both;
        background-image: url(/images/left-box-round-top-gray.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .left-box .round-bottom-gray {
        height: 19px;
        width: 245px;
        float: left;
        clear: both;
        background-image: url(/images/left-box-round-bottom-gray.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .left-box.gray.green-light .round-content-gray {
        background-color: #e4e4e4;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
        width: 245px;
        font-size: 13px;
    }

.redes-main .wrap-box-content {
    box-shadow: 0px 0px 0px 0px !important;
}

.redes-main .round-content {
    background-color: #e4e4e4;
}

    .redes-main .round-content .image {
        border-right: 1px solid #AEAEAE;
    }

        .redes-main .round-content .image.last {
            border-right: 0px solid #AEAEAE;
        }

.left-box.gray.green-light .centered-box {
    display: table;
    margin-left: 15px;
}

    .left-box.gray.green-light .centered-box label {
        width: 95px;
        float: left;
        margin-top: 4px;
    }

.left-box .round-content-green-light {
    background-color: #6da510;
    padding-left: 17px;
    color: #fff !important;
    padding-right: 17px;
    float: left;
    width: 211px;
    font-size: 13px;
}


.left-box .round-top-green-light {
    height: 10px;
    width: 245px;
    float: left;
    clear: both;
    background-image: url(/images/left-box-round-top-green.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.left-box .round-bottom-green-light {
    height: 19px;
    width: 245px;
    float: left;
    clear: both;
    background-image: url(/images/left-box-round-bottom-green.png);
    background-position: left top;
    background-repeat: no-repeat;
}




.box-granja .main-box-title {
    clear: both;
    font-size: 17px !important;
    padding-left: 28px;
    font-family: Helvetica;
    color: #fff;
    margin-bottom: 8px;
    padding-bottom: 3px;
    background-repeat: no-repeat;
    background-position: left top;
    text-transform: uppercase;
    text-align: left;
}

.box-granja .round-content {
    margin-top: 10px;
    padding: 17px;
    padding-left: 22px;
    color: #fff !important;
    padding-right: 17px;
    float: left;
    width: 211px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #fff;
    background-color: #4295bf;
    border-radius: 10px;
}




/*Cajas de la columna izquierda*/
.inside-box {
    width: 350px;
    float: left;
    clear: both;
}

    .inside-box .round-top {
        height: 12px;
        width: 350px;
        float: left;
        clear: both;
        background-image: url(/images/inside-box-round-top.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .inside-box .round-bottom {
        height: 23px;
        width: 350px;
        float: left;
        clear: both;
        background-image: url(/images/inside-box-round-bottom.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .inside-box .round-content {
        padding-left: 17px;
        padding-right: 17px;
        background-color: #fff;
        float: left;
        width: 320px;
    }

    .inside-box .round-content-gray {
        background-color: #e4e4e4;
        padding-left: 17px;
        padding-right: 17px;
        float: left;
        width: 316px;
    }

    .inside-box .round-top-gray {
        height: 10px;
        width: 350px;
        float: left;
        clear: both;
        background-image: url(/images/inside-box-round-top-gray.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .inside-box .round-bottom-gray {
        height: 19px;
        width: 350px;
        float: left;
        clear: both;
        background-image: url(/images/inside-box-round-bottom-gray.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

/*Comunes a las cajas*/
/*
.en-linea .main-box-title, .left-box .main-box-title, .main-box .main-box-title, .root-box-title
{
    padding-left: 28px;
    font-family: Helvetica;
    font-size: 20px;
    color: #fff;
    margin-bottom: 8px;
    padding-bottom:3px;
       margin-top: 5px;
    background-repeat: no-repeat;
    background-position: left center;
    text-transform: uppercase;
    text-align: left;
}*/

.en-linea .main-box-title, .left-box .main-box-title, .main-box .main-box-title, .root-box-title {
    padding-left: 28px;
    font-family: Helvetica;
    font-size: 20px;
    color: #fff;
    margin-bottom: 0px;
    padding-bottom: 10px;
    margin-top: 5px;
    background-repeat: no-repeat;
    background-position: left center;
    text-transform: uppercase;
    text-align: left;
}

.left-box .main-box-title {
    font-size: 17px !important;
    padding-top: 6px;
}

.inside-box .main-box-title {
    color: #006699;
    text-transform: none;
    font-size: 16px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.main-box .document-item {
    background-image: url(/images/pdf.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 15px;
    border-bottom: 1px dotted #aeaeae;
    float: left;
    font-family: Helvetica;
    color: #333333;
    font-size: 12px;
    width: 342px;
    padding-bottom: 9px;
    margin-top: 6px;
    margin-left: 4px;
    margin-right: 4px;
}

.docshome {
    height: 93px;
    margin-bottom: 2px;
}

    .docshome .document-item {
        padding-bottom: 8px;
        margin-top: 8px;
    }

.document-item2 {
    clear: both;
    background-image: url(/images/pdf.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 15px;
    border-bottom: 1px dotted #aeaeae;
    float: left;
    font-family: Helvetica;
    color: #333333;
    font-size: 13px;
    width: 700px;
    padding-bottom: 5px;
    margin-top: 6px;
    margin-left: 4px;
    margin-right: 4px;
}

    .document-item2.zip {
        background-image: url(/images/zip_icon.gif);
    }

.main-box .document-item2 {
    clear: both;
    background-image: url(/images/pdf.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 15px;
    border-bottom: 1px dotted #aeaeae;
    float: left;
    font-family: Helvetica;
    color: #333333;
    font-size: 13px;
    width: 700px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-left: 4px;
    margin-right: 4px;
}

    .main-box .document-item a, .main-box .document-item2 a {
        color: #333333;
    }

        .main-box .document-item2 a span {
            float: right;
        }

    .main-box .document-item.no-border, .main-box .document-item2.no-border {
        border-bottom: 0px;
        padding-bottom: 0px;
    }

.main-box.mundo img {
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
    width: 137px;
}

.main-box.mundo .round-content {
    padding-top: 0px;
    padding-bottom: 0px;
}

.mundo .flecha {
    margin-top: 3px;
}

.left-box.informacion {
    text-align: center;
}

.en-linea {
    float: left;
    clear: both;
    width: 250px;
}

    .en-linea .image {
        float: left;
    }

.main-box .mapa {
    clear: both;
    padding-left: 10px;
    border-bottom: 1px dotted #aeaeae;
    float: left;
    font-family: Helvetica;
    color: #333333;
    font-size: 13px;
    width: 675px;
    padding-bottom: 5px;
    margin-top: 6px;
    margin-left: 4px;
    margin-right: 4px;
}

    .main-box .mapa a {
        text-decoration: none;
        color: #333333;
    }
/*CARRUSEL*/

.list-plugin {
    width: 289px;
    height: 282px;
    float: left;
    margin-top: 6px;
    margin-bottom: 6px;
}

    .list-plugin .list {
        width: 248px;
        height: 282px;
        float: left;
        background-color: #99cc66;
        overflow: hidden;
        position: relative;
    }

    .list-plugin .scroll {
        width: 33px;
        height: 282px;
        float: left;
        margin-left: 8px;
        background-color: #99cc66;
    }

        .list-plugin .scroll #down, .list-plugin .scroll #up {
            width: 24px;
            height: 26px;
            background-image: url(/images/flecha-arriba.png);
            margin-left: 4px;
            margin-top: 5px;
            cursor: pointer;
        }

        .list-plugin .scroll #down {
            background-image: url(/images/flecha-abajo.png);
            margin-top: 220px;
        }

    .list-plugin .list ul {
        margin: 0px;
        padding: 0px;
        position: relative;
    }

        .list-plugin .list ul li {
            list-style-type: none;
        }

    .list-plugin .list .item {
        height: 60px;
        padding-top: 6px;
        padding-bottom: 6px;
        width: 248px;
        color: #336600;
        font-size: 12px;
        text-align: left;
    }

        .list-plugin .list .item.active {
            background-color: #e4e4e4;
            color: #333333;
        }

    .list-plugin .list .date {
        font-size: 12px;
        color: #333333;
        float: left;
        margin-left: 10px;
    }

    .list-plugin .list .text {
        font-size: 12px;
        color: #336600;
        float: left;
        width: 58%;
        margin-left: 10px;
        line-height: 12px;
    }

    .list-plugin .list .item.active .text {
        color: #333;
    }

    .list-plugin .list .img {
        width: 64px;
        height: 49px;
        float: left;
        margin-left: 10px;
        padding-left: 5px;
    }

        .list-plugin .list .img img {
            border: 2px solid #fff;
            width: 64px;
            height: 49px;
        }

    .list-plugin .list .item.active .img {
        background-image: url(/images/flecha-verde-list.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

        .list-plugin .list .item.active .img img {
            border: 2px solid #669900;
        }

.gallery-plugin {
    width: 426px;
    height: 240px;
    float: left;
    margin-right: 16px;
    margin-top: 6px;
    margin-bottom: 6px;
}

    .gallery-plugin .content {
        width: 426px;
        height: 280px;
        overflow: hidden;
        position: relative;
        float: left;
    }

        .gallery-plugin .content .item img, .list-plugin .gallery .content .item {
            width: 426px;
            height: 280px;
        }

        .gallery-plugin .content .item img {
            float: left;
        }

        .gallery-plugin .content .item .label {
            width: 410px;
            height: 55px;
            background-color: #000;
            font-size: 18px;
            color: #fff;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 5px;
            padding-top: 5px;
            float: left;
            margin-top: -65px;
            line-height: 18px;
        }

            .gallery-plugin .content .item .label .date {
                color: #999;
            }

            .gallery-plugin .content .item .label a {
                color: #fff;
            }

    .gallery-plugin .controller {
        width: 426px;
        height: 35px;
        background-color: #99cc66;
        border-bottom: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        float: left;
        margin-top: 7px;
    }

        .gallery-plugin .controller .play, .gallery-plugin .controller .pause {
            width: 24px;
            height: 26px;
            background-image: url(/images/pause.png);
            float: right;
            margin-right: 10px;
            cursor: pointer;
            margin-top: 5px;
        }

        .gallery-plugin .controller .play {
            background-image: url(/images/play.png);
            margin-right: 50px;
            display: none;
        }


    .gallery-plugin .play, .gallery-plugin .pause {
        position: absolute;
        width: 25px;
        height: 26px;
        background-image: url(/images/pause.png);
        float: right;
        right: 6px;
        cursor: pointer;
        top: 245px;
    }

    .gallery-plugin .play {
        background-image: url(/images/play.png);
        margin-right: 2px;
        display: none;
    }

/*Twitter*/
twitter {
    clear: both;
}

.main-title {
    font-family: Helvetica;
    font-size: 20px;
    color: white;
    margin-bottom: 5px;
    text-transform: uppercase;
    text-align: left;
}

    .main-title img {
        margin-right: 3px;
        vertical-align: middle;
    }

.cajat {
    background-image: url(/images/fondotwitter.png);
    background-repeat: no-repeat;
    clear: both;
    padding-top: 15px;
    padding-left: 15px;
    height: 385px;
    margin-bottom: 5px;
}

.twtr-hd, .twtr-ft {
    display: none;
}

.twtr-widget .twtr-tweet {
    border: none !important;
    text-align: left;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
}

#twtr-widget .twtr-doc, #twtr-widget .twtr-hd a, #twtr-widget h3, #twtr-widget h4 {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}


.twitter-foot, .twitter-head {
    background-color: #86bbe2;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
    width: 205px;
}

    .twitter-foot a, .twitter-head a {
        color: #fff !important;
    }

    .twitter-foot span {
        font-size: 14px;
        font-weight: lighter;
        letter-spacing: -1px;
        margin-left: 20px;
    }

/*------------------------------------NOTICIA-------------------------------*/
.noticia {
    font-size: 14px;
    color: #333333;
    font-family: Helvetica;
    text-align: justify;
}

    .noticia .col {
        /*width: 350px;*/
        width: 730px;
        float: left;
        margin: 5px 16px 5px 16px;
        line-height: 16px;
        font-size: 13px;
        font-family: Helvetica;
    }

        .noticia .col p {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            margin-bottom: 12px;
        }


    .noticia .lightbox .player {
        width: 709px;
        height: 475px;
        background-color: #fff;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid #FFFFFF;
        position: absolute;
        z-index: 999999;
        -webkit-box-shadow: 0px 0px 20px 0px #000000;
        box-shadow: 0px 0px 20px 0px #000000;
    }



.lightbox .audio {
    width: 709px;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #FFFFFF;
    position: absolute;
    z-index: 99999;
    -webkit-box-shadow: 0px 0px 20px 0px #000000;
    box-shadow: 0px 0px 20px 0px #000000;
}

    .lightbox .images .playerContent, .lightbox .audio .playerContent, .lightbox .player .playerContent {
        margin: 15px;
        z-index: 999999;
        font-size: 13px;
        font-family: Helvetica;
    }

.lightbox .images .playerContent {
    width: 674px;
    height: 478px;
    z-index: 999999;
}

.lightbox .audio .playerContent {
    height: 45px;
    overflow: hidden;
    position: relative;
}

    .lightbox .audio .playerContent .playercontentFlow {
        position: absolute;
        bottom: 0px;
        z-index: 999999;
    }

.lightbox .images .playerContent .imagescontentFlow {
    float: left;
    clear: both;
    width: 674px;
    min-height: 449px;
    z-index: 999999;
}

.lightbox .images .playerContent .controller {
    clear: both;
    height: 30px;
    padding-top: 5px;
}

    .lightbox .images .playerContent .controller .info {
        float: left;
        font-size: 14px;
        color: #333;
        width: 100px;
        margin-top: 3px;
    }

    .lightbox .images .playerContent .controller .prev {
        float: left;
        background-image: url(/images/box-icon-prev.png);
        background-repeat: no-repeat;
        height: 23px;
        width: 23px;
        position: absolute;
    }

    .lightbox .images .playerContent .controller .next {
        float: left;
        background-image: url(/images/box-icon-next.png);
        background-repeat: no-repeat;
        height: 23px;
        width: 23px;
        position: absolute;
    }

    .lightbox .images .playerContent .controller .close {
        float: right;
        background-image: url(/images/box-icon-close.png);
        background-repeat: no-repeat;
        height: 23px;
        width: 23px;
    }

.main-box.noticia .round-content {
    padding: 0px 0px 0px 0px;
    width: 765px;
}

.noticia .col .print {
    /*width: 350px;     float: left;*/
    width: 700px;
    float: right;
    text-align: right;
    margin-top: 0px;
}

    .noticia .col .print a img {
        margin-left: 5px;
    }

.inside-box.links {
    line-height: 19px;
}



.left-box.attached-files .content-type {
    width: 213px;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    clear: both;
    display: table;
}

    .left-box.attached-files .content-type .title {
        height: 20px;
        background-color: #86bbe2;
        color: #fff;
        font-size: 16px;
        padding-left: 10px;
        border-bottom: 1px solid #9fa1a2;
        border-top: 1px solid #9fa1a2;
        margin-bottom: 14px;
        font-weight: bold;
    }

        .left-box.attached-files .content-type .title .line {
            height: 1px;
            background-color: #fff;
            width: 110%;
            float: left;
            clear: both;
            margin-left: -10px;
        }

    .left-box.attached-files .content-type .items .document-item {
        background-image: url(/images/pdf.png);
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 18px;
        border-bottom: 1px dotted #aeaeae;
        float: left;
        font-family: Helvetica;
        color: #333333;
        font-size: 12px;
        width: 190px;
        padding-bottom: 9px;
        margin-top: 6px;
        margin-left: 4px;
        margin-right: 4px;
        line-height: 12px;
        letter-spacing: 0px;
    }

        .left-box.attached-files .content-type .items .document-item a {
            color: #333333;
        }

        .left-box.attached-files .content-type .items .document-item.no-border {
            border-bottom: 0px;
            padding-bottom: 0px;
        }

    .left-box.attached-files .content-type .items .video {
        height: 40px;
        margin-bottom: 10px;
    }

        .left-box.attached-files .content-type .items .video .image {
            height: 40px;
            width: 71px;
            float: left;
            margin-right: 9px;
        }

            .left-box.attached-files .content-type .items .video .image img {
                height: 40px;
                width: 71px;
                float: left;
            }

            .left-box.attached-files .content-type .items .video .image .play {
                height: 40px;
                width: 71px;
                float: left;
                position: absolute;
                background-image: url(/images/box-icon-play.png);
                background-position: center center;
                background-repeat: no-repeat;
            }

        .left-box.attached-files .content-type .items .video .text {
            height: 40px;
            width: 133px;
            float: left;
            font-size: 12px;
            line-height: 14px;
        }

            .left-box.attached-files .content-type .items .video .text span {
                color: #006699;
            }

    .left-box.attached-files .content-type .items .audio {
        margin-bottom: 5px;
        float: left;
        clear: both;
        width: 100%;
    }

        .left-box.attached-files .content-type .items .audio .text {
            padding-left: 30px;
            background-image: url(/images/box-icon-audio.png);
            background-position: left center;
            background-repeat: no-repeat;
            float: left;
            font-size: 12px;
            line-height: 14px;
        }

            .left-box.attached-files .content-type .items .audio .text span {
                color: #006699;
            }

    .left-box.attached-files .content-type .items.imagen img {
        margin-right: 2px;
        margin-left: 2px;
        margin-bottom: 4px;
        float: left;
        width: 67px;
        height: 41px;
    }

/*root-box*/
.root-box {
    width: 1026px;
    float: left;
    clear: both;
    display: table;
}

.info-clasificada {
    width: 248px;
    height: 354px;
    float: left;
}

    .info-clasificada .top {
        background-image: url(/images/topinfo.png);
        background-repeat: no-repeat;
        height: 20px;
        width: 251px;
    }

    .info-clasificada .middle {
        background-image: url(/images/middleinfo.png);
        background-repeat: repeat-y;
        overflow: hidden;
        padding-bottom: 20px;
        margin-top: -10px;
    }

    .info-clasificada .bottom {
        background-image: url(/images/bottominfo.png);
        background-repeat: no-repeat;
        height: 30px;
        width: 251px;
    }

    .info-clasificada.complejos {
        width: 251px;
        height: 252px;
        float: left;
        background-image: url(/images/cajaverdecomplejo.png);
        background-repeat: no-repeat;
    }

    .info-clasificada .tipo {
        width: 251px;
        height: 354px;
        float: left;
        background-position: right center;
        background-repeat: no-repeat;
        padding-top: 10px;
        color: #767676;
        font-size: 15px;
        height: 35px;
        width: 225px;
        margin-left: 15px;
        margin-top: 5px;
        text-shadow: 0px 2px 0px #fdfdfd;
        filter: dropshadow(color=#fdfdfd, offx=0, offy=2);
    }

        .info-clasificada .tipo.torre {
            margin-top: 0px !important;
            background-image: url(/images/iconotorre.png);
        }

        .info-clasificada .tipo.rueda {
            background-image: url(/images/icorueda.png);
        }

        .info-clasificada .tipo.mapa {
            background-image: url(/images/icomapa.png);
        }

        .info-clasificada .tipo.complejo {
            background-image: url(/images/iconcomplejo.png);
        }


    .info-clasificada .title {
        color: #669900;
        text-shadow: 0px 2px 0px #fdfdfd;
        filter: dropshadow(color=#fdfdfd, offx=0, offy=2);
        font-size: 26px;
        margin-left: 15px;
        line-height: 26px;
        margin-bottom: 10px;
        float: left;
        clear: both;
    }

    .info-clasificada .text {
        margin-left: 15px;
        font-size: 13px;
        color: #333333;
        width: 215px;
        text-align: left;
        clear: both;
    }

.main-box.filtro.residuos, .main-box.filtro {
    float: left;
    clear: none;
    margin-left: 10px;
    margin-top: -15px;
}

.legend-title {
    color: #669900;
    font-size: 20px;
    padding-top: 10px;
}

.main-box.filtro.residuos .legend, .main-box.filtro .legend, .cuadro.filtro .legend {
    color: #669900;
    font-size: 17px;
    padding-top: 10px;
}

.textolibre {
    margin-left: 20px;
    padding: 3px;
    padding-top: 4px;
    margin-top: 4px;
    height: 25px;
    border: 4px solid #E4E4E4;
    font-size: 14px;
    font-family: Helvetica;
    font-style: italic;
}

.main-box.filtro.residuos .legend .helpbtn, .main-box.filtro .legend-title .helpbtn, .legend-title .helpbtn {
    position: absolute;
    margin-left: 630px;
    margin-top: -38px;
}

.main-box.filtro.residuos .filtros, .main-box.filtro .filtros {
    background-image: url(/images/lineasverdesfiltro.png);
    background-repeat: no-repeat;
    width: 736px;
    height: 263px;
    margin-top: 26px;
    position: relative;
    float: left;
    z-index: 999;
}

.cuadro.filtro .filtros {
    width: 736px;
    margin-top: 16px;
    position: relative;
    float: left;
    z-index: 999;
}

.main-box.filtro.complejos .filtros, .main-box.filtro .filtros {
    margin-top: 16px;
}

.main-box.filtro.complejos .filtros {
    height: 173px;
}

.main-box.filtro.residuos .filtros {
    background-image: url(/images/lineasverdesfiltroresiduos.png);
}

.main-box.filtro.complejos .filtros {
    background-image: url(/images/lineasverdescomplejos.png);
}

.main-box.filtro.residuos .aniocomhidro, .main-box.filtro .filtros .aniocomhidro {
    float: left;
    clear: both;
    position: absolute;
    z-index: 999;
}

.cuadro {
    width: 765px;
    float: left;
    clear: none;
    margin-left: 10px;
    margin-top: 0px;
}

    .cuadro .boxtop {
        height: 8px;
        width: 765px;
        float: left;
        clear: both;
        background-image: url(/images/main-box-round-top.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .cuadro .boxmiddle {
        padding-left: 17px;
        padding-right: 17px;
        background-color: white;
        width: 731px;
        float: left;
        text-align: justify;
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .cuadro .boxbottom {
        height: 24px;
        width: 765px;
        float: left;
        clear: both;
        background-image: url(/images/main-box-round-bottom.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

.filtros .top {
    background-image: url(/images/marcotop.png);
    height: 15px;
    background-repeat: no-repeat;
    padding-top: 10px;
}

.filtros .middle {
    background-image: url(/images/marcomiddle.png);
    background-repeat: repeat-y;
    margin-top: -7px;
    padding-top: 15px;
    padding-bottom: 20px;
}

.filtros .bottom {
    background-image: url(/images/marcobottom.png);
    height: 50px;
    background-repeat: no-repeat;
}

.minitop {
    clear: both;
    margin-left: 15px;
    background-image: url(/images/minimarcotop.png);
    height: 15px;
    background-repeat: no-repeat;
}

.minimiddle {
    clear: both;
    margin-left: 15px;
    background-image: url(/images/minimarcomiddle.png);
    padding-bottom: 9px;
    background-repeat: repeat-y;
    padding-left: 20px;
    overflow: hidden;
}

.minitop2 {
    clear: both;
    margin-left: 15px;
    margin-right: 15px;
    background-image: url(/images/minimarcotop2.png);
    height: 15px;
    background-repeat: no-repeat;
}

.minitop3 {
    clear: both;
    margin-left: 12px;
    margin-top: 15px;
    background-image: url(/images/minimarcotopmapa.png);
    height: 10px;
    background-repeat: no-repeat;
}

.minimiddle3 {
    /*clear:both;
    margin-left:15px;
    background-image: url(/images/minimarcomiddlemapa.png);
    padding-bottom: 9px;
    background-repeat: repeat-y;
    overflow:hidden;*/
    border-left: 1px solid #99cc33;
    border-right: 1px solid #99cc33;
    height: 310px;
    margin-left: 12px;
    padding-right: 3px;
}

.minimiddle2 {
    clear: both;
    margin-left: 15px;
    margin-right: 15px;
    background-image: url(/images/minimarcomiddle2.png);
    padding-bottom: 9px;
    background-repeat: repeat-y;
    padding-left: 20px;
    overflow: hidden;
}

    .minimiddle .legend,
    .minimiddle2 .legend {
        padding-top: 0px !important;
        margin-top: 0px;
        padding-bottom: 5px;
    }

.minibottom3 {
    margin-left: 12px;
    background-image: url(/images/minimarcobottommapa.png);
    background-position: left bottom;
    height: 10px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.minibottom {
    margin-left: 15px;
    background-image: url(/images/minimarcobottom.png);
    background-position: left bottom;
    height: 10px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.minibottom2 {
    margin-left: 15px;
    margin-right: 15px;
    background-image: url(/images/minimarcobottom2.png);
    background-position: left bottom;
    height: 10px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.main-box.filtro.residuos .aniocomhidro {
    float: left;
    clear: both;
    position: absolute;
}

.main-box.filtro .filtros .comboline {
    float: left;
    clear: both;
    position: absolute;
    z-index: 999;
    width: 705px;
}

    .main-box.filtro .filtros .comboline.line1 {
        margin-top: 60px;
        z-index: 998;
    }

    .main-box.filtro .filtros .comboline.line2 {
        margin-top: 140px;
        z-index: 997;
    }

.main-box.filtro.complejos .filtros .comboline.line1 {
    margin-top: 50px;
    z-index: 998;
}

.main-box.filtro.complejos .filtros .comboline.line2 {
    margin-top: 140px;
    z-index: 997;
}

.main-box.filtro .filtros .comboline .label {
    font-size: 14px;
    color: #666666;
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
}

.main-box.filtro .filtros .comboline.line2 .prtr-combo-medium {
    float: left;
    margin-left: 15px;
}

    .main-box.filtro .filtros .comboline.line2 .prtr-combo-medium.eliminacion {
        float: right;
        margin-right: 5px;
    }

.main-box.filtro .filtros .prtr-combo-small.residuo {
    float: right;
}

.main-box.filtro .filtros .prtr-combo-small {
    float: left;
    margin-left: 16px;
    margin-right: 5px;
    margin-top: 19px;
}

.main-box.filtro.complejos .filtros .prtr-combo-small {
    float: left;
    margin-left: 16px;
    margin-right: 5px;
    margin-top: 10px;
}

.main-box.filtro .filtros .sustancias {
    float: left;
    clear: both;
    width: 701px;
    margin-left: 33px;
    margin-top: 22px;
    position: absolute;
    margin-top: 80px;
    z-index: 998;
}

    .main-box.filtro .filtros .sustancias .legend {
        font-size: 20px;
        color: #669900;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

        .main-box.filtro .filtros .sustancias .legend .helpbtn {
            position: absolute;
            margin-left: 565px;
            margin-top: -20px;
            float: right;
        }

    .main-box.filtro .filtros .sustancias .prtr-combo-medium {
        float: left;
        margin-right: 15px;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

.main-box.filtro .filtros .buttons {
    float: left;
    clear: both;
    width: 731px;
    margin-left: 33px;
    margin-top: 22px;
    position: absolute;
    margin-top: 219px;
    z-index: 997;
    margin-left: 0px;
}

.main-box.filtro.complejos .filtros .buttons {
    float: left;
    clear: both;
    width: 731px;
    margin-left: 33px;
    margin-top: 22px;
    position: absolute;
    margin-top: 119px;
    z-index: 997;
    margin-left: 0px;
    z-index: 996;
}

.filtro .filtros .buttons .search-buttons {
    float: left;
}

    .filtro .filtros .buttons .search-buttons .graybtn {
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }

.btngray {
    position: absolute;
    background-color: #E4E4E4;
    background-image: url("/images/lupa-header.png");
    background-position: 5px center;
    width: 35px;
    height: 30px;
    padding-left: 10px;
    left: -42px;
    top: 6px;
    background-repeat: no-repeat;
    border: 0px;
    position: relative;
}

.btngray2 {
    position: absolute;
    background-color: #E4E4E4;
    background-image: url("/images/lupa-header.png");
    background-position: 5px center;
    width: 35px;
    height: 30px;
    left: 318px;
    top: 3px;
    background-repeat: no-repeat;
    border: 0px;
}

.filtro .filtros .buttons .export-buttons {
    float: left;
    margin-left: 40px;
    margin-top: 14px;
}

    .filtro .filtros .buttons .export-buttons .greenbtn {
        float: left;
        margin-left: 15px;
        margin-right: 10px;
    }

/*Combos PRTR small*/
.prtr-combo-small {
    position: relative;
}

.combo-top {
    height: 5px;
    width: 214px;
    float: left;
    clear: both;
    background-image: url(/images/combotop.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.combo-bottom {
    height: 13px;
    width: 218px;
    float: left;
    clear: both;
    background-image: url(/images/combobottom.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.prtr-combo-small {
    width: 214px;
}

    .prtr-combo-small .combo-content {
        background-color: #e4e4e4;
        float: left;
        clear: both;
        width: 214px;
    }

    .prtr-combo-small .combo-content-data {
        width: 185px;
        background-color: #fff;
        margin-left: 5px;
        font-size: 13.88px;
        color: #666666;
        float: left;
    }

.combo-items-linked .cbname {
    font-size: 13.88px;
    color: #333;
    float: left;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: -1px;
    width: 100%;
}

.prtr-combo-medium .cb-linked-root {
    height: 300px;
    overflow-y: scroll;
    width: 308px;
}

.cb-linked-root {
    height: 300px;
    overflow-y: scroll;
    width: 201px;
}

.prtr-combo-small .combo-content-arrow {
    background-image: url("/images/comboflecha.png");
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 30px;
    width: 24px;
    cursor: pointer;
}

.prtr-combo-small .combo-title {
    font-size: 13.88px;
    color: #666666;
    height: 15px;
    padding-top: 5px;
    padding-bottom: 8px;
    float: left;
    clear: both;
    width: 100%;
    margin-left: 6px;
}

.prtr-combo-small .combo-items {
    width: 171px;
    background-color: #fff;
    font-size: 13.88px;
    color: #666666;
    float: left;
    clear: both;
    border-top: solid 1px #c7c5c5;
    margin-left: 6px;
    display: none;
}

    .prtr-combo-small .combo-items .combo-item {
        margin-top: 8px;
    }

        .prtr-combo-small .combo-items .combo-item.selected {
            color: #669900;
        }

        .prtr-combo-small .combo-items .combo-item input {
            float: left;
            border: solid 1 px #666;
            clear: both;
            margin-top: -1px;
        }

/*----------------------------combo prtr grande-------------------------*/

.prtr-combo-medium {
    position: relative;
    width: 321px;
}

    .prtr-combo-medium .combo-top {
        height: 5px;
        width: 321px;
        float: left;
        clear: both;
        background-image: url(/images/combomediumtop.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .prtr-combo-medium .combo-bottom {
        height: 13px;
        width: 321px;
        float: left;
        clear: both;
        background-image: url(/images/combomediumbottom.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .prtr-combo-medium .combo-content {
        background-color: #e4e4e4;
        float: left;
        clear: both;
        width: 321px;
    }

    .prtr-combo-medium .combo-content-data {
        width: 291px;
        background-color: #fff;
        margin-left: 5px;
        font-size: 13.88px;
        color: #666666;
        float: left;
    }

    .prtr-combo-medium .combo-content-arrow {
        background-image: url("/images/comboflecha.png");
        background-position: center center;
        background-repeat: no-repeat;
        float: left;
        height: 30px;
        width: 24px;
        cursor: pointer;
    }

    .prtr-combo-medium .combo-title {
        font-size: 13.88px;
        color: #666666;
        height: 15px;
        padding-top: 5px;
        padding-bottom: 8px;
        float: left;
        clear: both;
        width: 100%;
        margin-left: 6px;
    }

    .prtr-combo-medium .combo-items {
        width: 171px;
        background-color: #fff;
        font-size: 13.88px;
        color: #666666;
        float: left;
        clear: both;
        border-top: solid 1px #c7c5c5;
        margin-left: 6px;
        display: none;
    }

.combo-items .combo-item {
    margin-top: 8px;
    padding-bottom: 5px;
    padding-top: 5px;
}

    .combo-items .combo-item.selected {
        color: #669900;
        background-color: #d6ebad;
    }

    .combo-items .combo-item:hover {
        margin-top: 8px;
        padding-bottom: 5px;
        padding-top: 5px;
        background-color: #d6ebad;
    }

    .combo-items .combo-item input {
        float: left;
        border: solid 1 px #666;
        clear: both;
        margin-top: -1px;
    }

/*--------------------caja todo el ancho----------------------*/

/*Cajas de columna central*/
.percent100 {
    width: 1025px;
    float: left;
    clear: both;
    margin-top: -5px;
    display: table;
}

    .percent100 .round-top {
        height: 9px;
        width: 1025px;
        float: left;
        clear: both;
        background-image: url(/images/percent100top.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .percent100 .round-bottom {
        height: 24px;
        width: 1025px;
        float: left;
        clear: both;
        background-image: url(/images/percent100bottom.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .percent100 .round-content {
        padding-left: 17px;
        padding-right: 17px;
        background-color: #fff;
        width: 990px;
        float: left;
    }

    .percent100 .wrap-box-content {
        width: 1025px;
        display: table;
    }

.percent70 {
    width: 700px;
    float: left;
    clear: none;
    margin-top: -5px;
    display: block;
    font-size: 12px;
    text-align: justify;
}

.percent50 {
    width: 505px;
    float: left;
    clear: none;
    margin-top: -5px;
    display: block;
    font-size: 13px;
    text-align: justify;
}

    .percent50 .title {
        background-color: #99cc66;
        color: #fff;
        font-size: 14px;
        padding-left: 10px;
        border-bottom: 1px solid #afafaf;
        border-top: 1px solid #afafaf;
        margin-bottom: 14px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 10px;
        margin-top: 5px;
    }

        .percent50 .title .line {
            background-color: #cce6b3;
            height: 1px;
            float: left;
            clear: both;
            width: 100%;
            margin-left: -10px;
            width: 470px;
            margin-top: -5px;
        }

.percent70 .title {
    clear: both;
    background-color: #99cc66;
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
    border-bottom: 1px solid #afafaf;
    border-top: 1px solid #afafaf;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .percent70 .title .line {
        background-color: #cce6b3;
        height: 1px;
        float: left;
        clear: both;
        width: 100%;
        margin-left: -10px;
        margin-top: -5px;
    }

.descargas.title {
    clear: both;
    background-color: #99cc66;
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
    border-bottom: 1px solid #afafaf;
    border-top: 1px solid #afafaf;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .descargas.title a {
        color: #fff;
    }

.percent50 .round-top {
    height: 9px;
    width: 505px;
    float: left;
    clear: both;
    background-image: url(/images/subhomeboxtop.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.percent50 .round-bottom {
    height: 24px;
    width: 505px;
    float: left;
    clear: both;
    background-position: left top;
    background-repeat: no-repeat;
}

.percent50 .round-content {
    padding-left: 17px;
    padding-right: 17px;
    background-color: #fff;
    width: 470px;
    float: left;
}

.percent50 .wrap-box-content {
    width: 440px;
    display: table;
}



.col1, .col2 {
    width: 227px;
    float: left;
}

.col1 {
    margin-right: 15px;
}

/**/

.links-informes {
    width: 443px;
    float: left;
    clear: both;
    margin-top: -5px;
    display: table;
    border: 1px solid #a5d24c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

    .links-informes .round-top {
        height: 9px;
        width: 443px;
        float: left;
        clear: both;
        background-image: url(/images/links-informes-top.png);
        background-position: left top;
        background-repeat: no-repeat;
    }

    .links-informes .round-bottom {
        height: 24px;
        width: 443px;
        float: left;
        clear: both;
        background-image: url(/images/links-informes-bottom.png);
        background-position: left top;
        background-repeat: no-repeat;
        margin-bottom: 0px !important;
    }

    .links-informes .round-content {
        padding-left: 3px;
        padding-right: 0px;
        background-color: #e4e4e4;
        width: 439px;
        float: left;
    }

    .links-informes.enlaces .round-content {
        width: 420px !important;
    }

    .links-informes.enlaces .wrap-box-content {
        width: 420px !important;
    }

    .links-informes.sustancias .round-content {
        width: 620px !important;
    }

    .links-informes.sustancias .wrap-box-content {
        width: 620px !important;
    }

    .links-informes.sustancias .round-top {
        width: 643px;
        background-image: url(/images/sustancias-top.png);
    }

    .links-informes.sustancias .round-bottom {
        width: 643px;
        background-image: url(/images/sustancias-bottom.png);
    }

    .links-informes.sustancias .btns .btn {
        padding-left: 29px !important;
        width: 43%;
        height: 32;
        padding-top: 6px;
    }

links-informes .wrap-box-content {
    width: 443px;
    display: table;
}

.links-informes .btns .btn {
    color: #669900;
    font-size: 14px;
    text-shadow: 0px 2px 0px #fdfdfd;
    filter: dropshadow(color=#fdfdfd, offx=0, offy=2);
    width: 40%;
    float: left;
    padding-left: 39px;
    padding-top: 15px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #949494;
    text-align: left;
}

    .links-informes .btns .btn.right {
        border-right: 1px solid #949494;
    }

    .links-informes .btns .btn.left {
        border-left: 1px solid #fff;
    }

    .links-informes .btns .btn.last {
        border-bottom: 0px solid #fff;
    }

    .links-informes .btns .btn.first {
        border-top: 0px solid #fff;
    }

.tabla {
    width: 993px;
    float: left;
    clear: both;
    display: table;
    margin-top: 8px;
}

    .tabla .top {
        background-image: url(/images/tablatop.png);
        background-repeat: no-repeat;
        height: 37px;
        width: 993px;
        font-size: 16px;
        color: #669900;
    }

        .tabla .top .results {
            float: left;
            margin-top: 10px;
            margin-left: 30px;
        }

            .tabla .top .results span {
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                background-color: #fff;
                color: #666666;
                padding: 5px;
                padding-top: 2px;
                padding-bottom: 2px;
            }

    .tabla .content {
        background-color: #fff;
        border-left: 2px solid #99cc33;
        border-right: 2px solid #99cc33;
        width: 989px;
        float: left;
    }

        .tabla .content .col-left, .tabla .content .col-right {
            width: 481px;
            margin-left: 15px;
            float: left;
            border-right: 1px solid #669900;
            margin-top: 10px;
        }

        .tabla .content .col-right {
            border: none;
            border-left: 1px solid #690;
            margin-left: -1px;
        }

            .tabla .content .col-left .data, .tabla .content .col-right .data {
                float: left;
                font-size: 14px;
                color: #333333;
                width: 200px;
                text-align: right;
                line-height: 17px;
            }

            .tabla .content .col-left .value, .tabla .content .col-right .value {
                float: left;
                font-size: 14px;
                color: #333333;
                width: 270px;
                text-align: left;
                margin-left: 5px;
                line-height: 17px;
            }

    .tabla .bottom {
        background-image: url(/images/tablabottom.png);
        background-repeat: no-repeat;
        height: 13px;
        width: 993px;
        float: left;
    }

.tablamapa {
    width: 730px;
    float: left;
    clear: both;
    display: table;
    margin-top: 8px;
}

    .tablamapa .top {
        background-image: url(/images/tablatopmapa.png);
        background-repeat: no-repeat;
        height: 37px;
        width: 730px;
        font-size: 16px;
        color: #669900;
    }

        .tablamapa .top .results {
            float: left;
            margin-top: 10px;
            margin-left: 30px;
        }

            .tablamapa .top .results span {
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                background-color: #fff;
                color: #666666;
                padding: 5px;
                padding-top: 2px;
                padding-bottom: 2px;
            }

    .tablamapa .content {
        background-color: #fff;
        border-left: 2px solid #99cc33;
        border-right: 2px solid #99cc33;
        width: 726px;
        float: left;
    }

        .tablamapa .content .col-left, .tablamapa .content .col-right {
            width: 156px;
            margin-left: 15px;
            float: left;
            border-right: 1px solid #669900;
            margin-top: 10px;
        }

        .tablamapa .content .col-right {
            border-right: none;
            margin-left: 0px;
        }

            .tablamapa .content .col-left .data, .tablamapa .content .col-right .data {
                float: left;
                font-size: 14px;
                color: #333333;
                /*width: 170px;*/
                text-align: right;
                line-height: 17px;
            }

            .tablamapa .content .col-left .value, .tablamapa .content .col-right .value {
                float: left;
                font-size: 14px;
                color: #333333;
                /*width: 300px;*/
                text-align: left;
                margin-left: 5px;
                line-height: 17px;
            }

    .tablamapa .bottom {
        background-image: url(/images/tablabottommapa.png);
        background-repeat: no-repeat;
        height: 13px;
        width: 730px;
        float: left;
    }

/*----menu parte publica---------------*/
.menu-publica {
    float: left;
    clear: both;
    margin-top: 1px;
    background-image: url(/images/sombramenupublica.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 684px;
    height: 53px;
    margin-left: 150px;
    margin-top: 20px;
}

    .menu-publica ul {
        margin: 0px;
        padding: 0px;
    }

        .menu-publica ul li {
            display: inline;
            float: left;
            background-color: #e4e4e4;
            color: #717171;
            font-size: 16px;
            font-family: Helvetica;
            border-right: 1px solid #999;
            border-left: 1px solid #eff5e2;
            padding-left: 32px;
            padding-right: 32px;
            padding-bottom: 10px;
            padding-top: 11px;
            color: #666666;
            text-shadow: 0px 1px 0px #fff;
            filter: dropshadow(color=#fff, offx=0, offy=1);
            cursor: pointer;
        }

            .menu-publica ul li img {
                margin-left: 12px;
                float: right;
                margin-top: 5px;
            }

            .menu-publica ul li.over, .menu-publica ul li:hover {
                color: #000 !important;
                background-color: #f6ad6e;
                text-shadow: 0px 1px 0px #666666;
                filter: dropshadow(color=#666666, offx=0, offy=1);
            }

            .menu-publica ul li.active {
                color: #fff;
                background-color: #f6ad6e;
                text-shadow: 0px 1px 0px #666666;
                filter: dropshadow(color=#666666, offx=0, offy=1);
            }

            .menu-publica ul li.round-left {
                background-image: url(/images/menu-left-round-publica.png);
                background-repeat: no-repeat;
                background-position: left top;
                border-left: 0px solid #eff5e2;
            }

                .menu-publica ul li.round-left:hover {
                    background-image: url(/images/menu-left-round-over-publica.png);
                }

                .menu-publica ul li.round-left.active {
                    background-image: url(/images/menu-left-round-over-publica.png);
                }

            .menu-publica ul li.round-right {
                background-image: url(/images/menu-right-round-publica.png);
                background-repeat: no-repeat;
                background-position: right top;
                border-right: 0px solid #eff5e2;
            }

                .menu-publica ul li.round-right:hover {
                    background-image: url(/images/menu-right-round-over-publica.png);
                }

                .menu-publica ul li.round-right.active {
                    background-image: url(/images/menu-right-round-over-publica.png);
                }

.resultados {
    float: left;
    clear: both;
    width: 993px;
    margin-top: 5px;
}

    .resultados .header-gris {
        font-size: 16px;
        color: #666666;
        background-color: #e4e4e4;
        border-bottom: 1px solid #a0a29e;
        border-top: 1px solid #a0a29e;
        padding-left: 10px;
        float: left;
        clear: both;
        margin-top: 20px;
        margin-bottom: 10px;
        width: 98%;
    }

    .resultados .header {
        font-size: 16px;
        color: #fff;
        background-color: #99cc66;
        border-bottom: 1px solid #a0a29e;
        border-top: 1px solid #a0a29e;
        padding-left: 10px;
        float: left;
        clear: both;
        margin-top: 20px;
        margin-bottom: 10px;
    }

        .resultados .header .line {
            height: 1px;
            background-color: #fff;
            width: 993px;
            float: left;
            clear: both;
            margin-left: -10px;
        }

.menu-publica-tabs {
    width: 993px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.resultados .resumen {
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    margin-top: 10px;
    float: left;
    width: 100%;
    clear: both;
}

.resultados ul {
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.resultados li {
    float: left;
    width: 100%;
    clear: both;
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.resultados .resumen.residuos .col, .resultados .resumen .col {
    width: 480px;
    float: left;
    margin-top: 5px;
    line-height: 17px;
}

    .resultados .resumen .col.left {
        color: #333;
        font-size: 14px;
        text-align: right;
        margin-right: 8px;
        clear: both;
    }

    .resultados .resumen .col.right {
        color: #333;
        font-size: 14px;
        text-align: left;
        margin-left: 8px;
    }

    .resultados .resumen.residuos .col.left {
        color: #333;
        font-size: 14px;
        text-align: right;
        margin-right: 8px;
        width: 430px;
        clear: left;
        font-weight: bold;
    }

    .resultados .resumen.residuos .col.right {
        color: #333;
        font-size: 14px;
        text-align: left;
        margin-left: 8px;
    }

.resultados .resumen.complejos .col.left {
    color: #333;
    font-size: 14px;
    text-align: right;
    margin-right: 8px;
    /*width: 350px;*/
    width: 220px;
    clear: left;
    font-weight: bold;
}

.resultados .resumen.complejos .col.right {
    color: #333;
    font-size: 14px;
    text-align: left;
    margin-left: 8px;
    /*width: 625px;*/
    width: 400px;
}

.resultados .resumen.complejos .col.leftaai {
    color: #333;
    font-size: 14px;
    text-align: right;
    margin-right: 8px;
    width: 350px;
    clear: left;
    font-weight: bold;
}

.resultados .resumen.complejos .col.rightaai {
    color: #333;
    font-size: 14px;
    text-align: left;
    margin-left: 8px;
    width: 625px;
}

.extra-info {
    font-size: 12px;
    color: #333;
    padding-top: 10px;
    margin-top: 15px;
    float: left;
    clear: both;
    margin-bottom: 20px;
    font-style: italic;
}

.extra-info-activ {
    font-size: 12px;
    color: #333;
    /*padding-top: 10px*/;
    margin-top: 5px;
    float: left;
    clear: both;
    margin-bottom: 5px;
    font-style: italic;
}

    .extra-info-activ.first {
        font-size: 12px;
        color: #333;
        padding-top: 30px;
        margin-top: 5px;
        float: left;
        clear: both;
        margin-bottom: 5px;
        font-style: italic;
    }

.extra-info-activ-paisvasco {
    font-size: 14px;
    color: #ff0000;
    margin-top: 5px;
    float: left;
    clear: both;
    margin-bottom: 5px;
    font-style: italic;
    padding-left: 10px;
}

.nota {
    font-size: 12px;
    color: #333;
    padding-top: 10px;
    margin-top: 15px;
    float: left;
    clear: both;
    margin-bottom: 20px;
    font-style: italic;
}

.nota2 {
    clear: both;
    font-size: 12px;
    color: #333;
    float: left;
    font-style: italic;
    border: 2px solid #aed65d;
    margin: 50px 10px 0px 10px;
    padding: 10px;
}

.resultados .actividades {
    float: left;
    width: 100%;
    clear: both;
}

    .resultados .actividades .menu-actividades {
        width: 685px;
        margin-left: 150px;
        margin-bottom: 20px;
        float: left;
    }

        .resultados .actividades .menu-actividades .content {
            width: 685px;
            float: left;
            clear: both;
        }

            .resultados .actividades .menu-actividades .content .actividades-items {
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

                .resultados .actividades .menu-actividades .content .actividades-items li {
                    color: #666666;
                    font-size: 16px;
                    text-shadow: 0px 1px 0px #fff;
                    filter: dropshadow(color=#fff, offx=0, offy=1);
                    list-style: none;
                    padding: 0px 0px 0px 0px;
                    margin: 0px 0px 0px 0px;
                    width: 685px;
                    cursor: pointer;
                }

                    .resultados .actividades .menu-actividades .content .actividades-items li .space {
                        width: 22px;
                        background-color: #e4e4e4;
                        float: left;
                        height: 41px;
                    }

                    .resultados .actividades .menu-actividades .content .actividades-items li .title {
                        float: left;
                        padding-left: 15px;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        border-bottom: 1px solid #a1a1a1;
                        border-top: 1px solid #fff;
                        width: 648px;
                        background-color: #c7c5c5;
                    }

                    .resultados .actividades .menu-actividades .content .actividades-items li.active .title, .resultados .actividades .menu-actividades .content .actividades-items li:hover .title {
                        background-color: #f6ad6e;
                    }

                    .resultados .actividades .menu-actividades .content .actividades-items li.last .space, .resultados .actividades .menu-actividades .content .actividades-items li.first .space {
                        width: 22px;
                        background-color: #e4e4e4;
                        float: left;
                        height: 36px;
                    }

                    .resultados .actividades .menu-actividades .content .actividades-items li.first {
                        background-image: url(/images/topmenuact.png);
                        background-repeat: no-repeat;
                        padding-top: 7px;
                    }

                        .resultados .actividades .menu-actividades .content .actividades-items li.first:hover, .resultados .actividades .menu-actividades .content .actividades-items li.first.active {
                            background-image: url(/images/topmenuact-active.png);
                        }

                    .resultados .actividades .menu-actividades .content .actividades-items li:hover, .resultados .actividades .menu-actividades .content .actividades-items li.active {
                        color: #fff;
                        text-shadow: 0px 1px 0px #333;
                        filter: dropshadow(color=#333, offx=0, offy=1);
                    }

                    .resultados .actividades .menu-actividades .content .actividades-items li.last {
                        width: 685px;
                        background-image: url(/images/bottommenuact.png);
                        background-repeat: no-repeat;
                        background-position: left bottom;
                        padding-bottom: 24px;
                        float: left;
                        clear: both;
                    }

                        .resultados .actividades .menu-actividades .content .actividades-items li.last:hover, .resultados .actividades .menu-actividades .content .actividades-items li.last.active {
                            background-image: url(/images/bottommenuact-active.png);
                        }

                    .resultados .actividades .menu-actividades .content .actividades-items li.first .title {
                        padding-top: 5px;
                        background-position: left top;
                    }

                    .resultados .actividades .menu-actividades .content .actividades-items li.last .title {
                        padding-bottom: 5px;
                    }

                    .resultados .actividades .menu-actividades .content .actividades-items li:hover .space {
                        background-image: url(/images/submenu-flecha.png);
                        background-repeat: no-repeat;
                        background-position: center center;
                    }

                    .resultados .actividades .menu-actividades .content .actividades-items li.first .title {
                        border-top: 1px solid transparent;
                    }

                    .resultados .actividades .menu-actividades .content .actividades-items li.last .title {
                        border-bottom: 1px solid transparent;
                    }

.actividad-tablas {
    margin-top: 20px;
    float: left;
}

    .actividad-tablas .header {
        margin-bottom: 15px;
        float: left;
        clear: both;
    }

ul.cantidad-actividad {
    margin-top: 15px;
}

.row {
    float: left;
    font-size: 13px;
    color: #333;
    width: 993px;
    position: relative;
}

    .row:hover, .row.alter:hover, .cantidad-actividad .row.alter:hover {
        background-color: #f6ad6e;
        cursor: pointer;
    }

    .row.alter {
        /*background-color: #d6ebad;*/
        background-image: url(/images/fondoverde.png);
        background-repeat: repeat-y;
        overflow: hidden;
    }

    .row.year {
        width: 98.9% !important;
        background-color: #9C6;
        color: #fff;
        height: 25px;
        font-size: 18px !important;
        font-weight: bold;
        padding-top: 4px;
        padding-left: 10px;
    }

    .row .field {
        min-height: 20px;
        /*border-right: 1px solid #99cc33;*/
        float: left;
        padding-top: 10px;
        padding-bottom: 4px;
        /*JAVI 14112014*/
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

    .row .field2 {
        min-height: 20px;
        border-right: 1px solid #99cc33;
        float: left;
        padding-top: 10px;
        padding-bottom: 4px;
    }

.cantidad-actividad .row .cod {
    width: 52px;
    padding-left: 10px;
}

.cantidad-actividad .row .desc {
    width: 537px;
    padding-left: 10px;
}

.cantidad-actividad .row .at {
    width: 150px;
    padding-right: 10px;
    text-align: right;
}

.cantidad-actividad .row .agua {
    width: 150px;
    padding-right: 10px;
    text-align: right;
}

.cantidad-actividad .row .suelo {
    width: 48px;
    padding-right: 10px;
    text-align: right;
}

.cantidad-actividad .row .op {
    width: 669px;
    padding-left: 10px;
    text-align: left;
}

.cantidad-actividad .row .nodanger, .cantidad-actividad .row .danger {
    width: 114px;
    padding-right: 10px;
    text-align: right;
}

.row.filter {
    color: #669900;
    text-align: center;
    padding: 0px 0px 0px 0px;
    background-color: #e4e4e4;
}

    .row.filter .field {
        padding: 0px 0px 0px 0px;
        height: 21px;
        padding-bottom: 7px;
        padding-top: 10px;
    }

    .row.filter .cod {
        text-align: center;
        width: 62px;
        background-image: url(/images/miniarrow.png);
        background-position: 45px center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

        .row.filter .cod.alter {
            text-align: center;
            width: 62px;
            background-image: url(/images/miniarrowup.png);
            background-position: 45px center;
            background-repeat: no-repeat;
        }

    .row.filter .desc {
        text-align: center;
        width: 547px;
    }

    .row.filter .at {
        text-align: center;
        width: 160px;
    }

    .row.filter .agua {
        text-align: center;
        width: 160px;
    }

    .row.filter .suelo {
        text-align: center;
        width: 58px;
    }

    .row.filter .op {
        text-align: center;
        width: 679px;
    }

    .row.filter .danger, .row.filter .nodanger {
        text-align: center;
        width: 124px;
    }

.lineaverde {
    width: 790px;
    height: 10px;
    border-bottom: 1px solid #aed65d;
    clear: both;
    margin-bottom: 10px;
}

.rmenu {
    margin-left: 200px;
}

.rmenu2 {
    margin-left: 350px;
}

.grid2colum {
    width: 100%;
    float: left;
    margin-top: 20px;
}

    .grid2colum .field {
        float: left;
        font-size: 13px;
        color: #333;
        text-align: left;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .grid2colum .field1 {
        width: 80%;
        border-right: 1px solid #aed65d;
    }

    .grid2colum .field2 {
        text-align: right;
        width: 15%;
    }

    .grid2colum .h {
        color: #669900;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #e4e4e4;
    }

    .grid2colum .field2.h {
        text-align: center;
        background-image: url(/images/miniarrow.png);
        background-position: 90% center;
        background-repeat: no-repeat;
        cursor: pointer;
        background-color: #cccccc;
        padding-right: 4.5%;
    }

    .grid2colum .field2.alter.h {
        text-align: center;
        background-image: url(/images/miniarrowup.png);
        background-position: 90% center;
        background-repeat: no-repeat;
    }

    .grid2colum .item {
        float: left;
        clear: both;
        width: 100%;
    }

        .grid2colum .item.alter {
            float: left;
            clear: both;
            width: 100%;
            background-color: #d6ebad;
        }

.grid-complejos, .listado-complejos {
    float: left;
    clear: both;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.grid-complejos {
    width: 780px;
    border: 1px solid #99cc33;
    margin-left: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    clear: both;
}

    .grid-complejos .row {
        width: 780px;
        font-size: 12px;
        letter-spacing: 0px;
    }

        .grid-complejos .row .codprtr {
            width: 57px;
            padding-left: 4px;
            text-align: center;
        }

        .grid-complejos .row .nombre {
            width: 269px;
            padding-left: 4px;
        }

        .grid-complejos .row .direccion {
            width: 374px;
            padding-left: 4px;
        }

        .grid-complejos .row .cp {
            width: 54px;
            text-align: center;
            padding-left: 4px;
        }

        .grid-complejos .row .provincia {
            width: 92px;
            padding-left: 4px;
        }

        .grid-complejos .row .comunidad {
            width: 103px;
            padding-left: 4px;
        }

.row.filter.ficha {
    background-color: #fff;
}

.row .codigo {
    width: 57px;
    padding-left: 4px;
    text-align: center;
    border: 0px none;
}

.row.filter.ficha .codigo {
    width: 61px;
    background-color: #fff;
    color: #333;
    font-weight: bold;
}

.row .descact {
    /*width: 812px;*/
    width: 470px;
    padding-left: 4px;
    text-align: center;
    border-left: 1px solid #99cc33;
    /*border-right: 1px solid #99cc33;*/
    text-align: left;
}

.row.filter.ficha .descact {
    /* width: 812px; */
    width: 470px;
    border: 0px none;
    border-left: 1px solid #99cc33;
    /* border-right: 1px solid #99cc33; */
    padding-left: 4px;
    background-color: #fff;
    color: #333;
    font-weight: bold;
}

.row .mainact {
    width: 108px;
    /*padding-left: 4px;*/
    text-align: center;
    border: 0px none;
    border-left: 1px solid #99cc33;
}

/*.row.filter.ficha .mainact
{
    width: 100px;
    border: 0px none;
    background-color: #fff;
    color: #333;
    font-weight: bold;

}*/
.row.filter.ficha .mainact {
    /*width: 100px;*/
    width: 108px;
    border: 0px none;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    border-left: 1px solid #99cc33;
    /*JAVI14112014 --Comentada linea*/
    /* vertical-align: bottom;*/
    height: 40px;
}

.field.last,
.field2.last {
    border: 0px;
}

.paginacion div {
    float: left;
}

.paginacion {
    float: left;
    clear: both;
    font-size: 12px;
    color: #333;
    text-align: center;
    margin-left: 150px;
}

    .paginacion #prevpages, .paginacion #nextpages {
        float: left;
        cursor: pointer;
        padding: 1px;
        margin-left: 5px;
        margin-right: 5px;
    }

        .paginacion #prevpages:hover, .paginacion #nextpages:hover {
            float: left;
            cursor: pointer;
            padding: 1px;
            background-color: #99cc33;
            color: #fff;
        }

    .paginacion .page-content-flow {
        width: 550px;
        overflow: hidden;
        height: 15px;
    }

    .paginacion #page-content {
        height: 15px;
        position: relative;
    }

    .paginacion a {
        padding: 1px;
        float: left;
        width: 15px;
        height: 15px;
        text-align: center;
        margin-left: 1px;
        margin-right: 1px;
        cursor: pointer;
    }

        .paginacion a:hover, .paginacion a.active {
            padding: 1px;
            background-color: #99cc33;
            color: #fff;
        }

.ficha-menu {
    margin-left: 9%;
}

.rmenu.ficha {
    margin-left: 0;
}

    .rmenu.ficha li {
        padding-left: 35px;
        padding-right: 35px;
    }

.tabs-ficha-complejo li, .tabs-ficha-complejo {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.complejo-title {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #d6ebad;
    border: 1px solid #b3da68;
    font-size: 16px;
    color: #669900;
    padding: 10px;
    margin-top: 10px;
}

.combo-category {
    margin-left: 37px !important;
}

/*telerik */

.mycombo {
    float: left;
    margin-left: 16px;
    margin-right: 5px;
}

.mycombo2 {
    float: left;
    margin-right: 16px;
}

.combo-discr {
    position: relative;
    float: left;
}

.combovisible {
    position: relative;
    float: left;
    left: 15px;
}

/*buscador*/

.flechaazul {
    background-image: url(/images/flechaazul.png);
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    width: 10px;
    height: 15px;
    margin: 0 5px 0 5px;
}

.formulario {
    font-size: 14px;
    margin-left: 120px;
    margin-top: 20px;
}

.item-form {
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .item-form .label {
        width: 180px;
        float: left;
    }

    .item-form textarea,
    .item-form input {
        border: 3px solid #E4E4E4;
        width: 240px;
        padding: 2px;
        font-size: 14px;
        font-family: Helvetica;
    }

.formulario .buttons {
    clear: both;
    margin-left: 33px;
    margin-top: 22px;
    margin-left: 120px;
}

.formulario .graybtn {
    float: left;
}

.noticia table {
    font-family: Helvetica !important;
    font-size: 13px !important;
}

.volver {
    float: right;
    margin-right: 50px;
    margin-bottom: 20px;
    margin-top: 10px;
}

#ayuda {
    float: right;
    position: absolute;
}

#helptext {
    font-size: 13px;
}

.texto {
    font-size: 13px;
    margin-left: 100px;
}

#exporttext .greenbtn {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
    margin-top: 15px;
}

.imgrafico {
    vertical-align: middle;
    width: 25px;
    padding-left: 3px;
}


/* ===== Scrollbar CSS ===== */
/* Firefox */
.text,
.rmpView {
    scrollbar-width: auto;
    scrollbar-color: #99cc66 #d6ebad;
}

    /* Chrome, Edge, and Safari */
    .text::-webkit-scrollbar,
    .rmpView::-webkit-scrollbar {
        width: 8px;
    }
    .text::-webkit-scrollbar-track:vertical,
    .rmpView::-webkit-scrollbar-track:vertical {
        background: transparent;
    }
    .text::-webkit-scrollbar-thumb:vertical,
    .rmpView::-webkit-scrollbar-thumb:vertical {
        background-color: #99cc66;
        border-radius: 10px;
        border: 1px solid #438447;
    }


/*++SERIES+++*/
.radchart {
    padding: 20px 0px 20px 10px;
    margin: 20px 0px 20px 10px;
}

.tituloChart {
    font-size: 20px;
    text-align: center;
    width: 500px;
    color: #690;
}

.grid-series {
    float: left;
    clear: both;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.grid-series {
    width: 360px;
    border: 1px solid #99cc33;
    margin-top: 10px;
    margin-bottom: 10px;
    position: absolute;
    right: 0px;
    /*X top:140px;.grid-serie*/
    clear: both;
}

    .grid-series .row {
        width: 360px;
        font-size: 12px;
        letter-spacing: 0px;
    }



.yeartable {
    width: 26.5%;
    float: left;
    padding: 5px;
    border-right: 1px solid #9C3;
    border-left: 1px solid #9C3;
    text-align: center;
}

    .yeartable div {
        clear: both;
        padding-bottom: 3px;
    }

.totaltable {
    width: 26%;
    float: left;
    padding: 5px;
    text-align: center;
}

    .totaltable div {
        padding-bottom: 3px;
        clear: both;
    }

.chartinfo {
    color: #333;
    padding-top: 10px;
    margin-top: 15px;
    float: left;
    clear: both;
    margin-bottom: 20px;
    text-align: center;
    width: 500px;
    padding-bottom: 20px;
    font-style: italic;
}

#tooltip {
    background-color: #9C6;
    font-size: 13px;
    width: 260px;
}

.formInfo img {
    width: 25px;
    vertical-align: middle;
    margin-right: 5px;
}

.cantidad {
    color: Black;
    background-color: #EEF5D6;
    font-size: 12px;
    text-align: right;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 15px;
}

.titulo {
    float: left;
    margin-right: 30px;
    padding-left: 5px;
    top: -10px;
    position: relative;
}

    .titulo img {
        vertical-align: middle;
        position: relative;
        top: -10px;
        padding-left: 10px;
        padding-right: 4px;
    }

h3 {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
}

#NT_copy {
    color: #fff;
    left: -10px;
    top: -10px;
    ;
    position: absolute;
    text-align: center;
    z-index: 20;
}

/*--tablas--*/
.col-resumen-left {
    float: left;
    width: 60%;
    display: table;
    height: 500px;
}

.col-resumen-right {
    float: right;
    width: 40%;
    display: contents;
    height: 500px;
}

.fix-table {
    width: 100%;
    clear: both;
    display: table;
}

.resumen-autoridad-box {
    padding: 10px;
    display: table-cell;
    bottom: 10px;
    left: 600px;
}

.fix-table .col.right {
    width: auto !important;
    clear: right;
    max-width: 330px;
}

.resumen-box {
    background-color: #F6F6F6;
    margin-top: -10px;
}

.resumen-data-box {
    display: table;
    width: 100%;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 40px;
    margin-bottom: 20px;
    -webkit-box-shadow: 3px 0px 8px 0px rgba(50, 50, 50, 0.24);
    -moz-box-shadow: 3px 0px 8px 0px rgba(50, 50, 50, 0.24);
    box-shadow: 3px 0px 8px 0px rgba(50, 50, 50, 0.24);
}

#subplantas table td:first-child {
    width: 200px;
    text-align: left !important;
    position: relative;
    top: 7PX
}

    #subplantas table td:first-child input {
        float: left;
        padding-top: 10px;
        margin-top: 2px;
    }

    #subplantas table td:first-child label {
        display: flex;
    }

.planta {
    padding: 10px;
}

    .planta:last-of-type {
        border: none;
    }


.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.k-chart-tooltip {
    font-size: 16px !important;
}



#ultimahora {
    display: block;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 40px;
    width: 100%;
    min-height: 40px;
    background: #0033cc;
    color: #fff;
    z-index: 99999;
    padding: 20px;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
}

.grid-series-planta {
    width: 360px;
    float: left;
    border-right: 1px solid #669900;
    border-left: 1px solid #669900;
    border-top: 1px solid #669900;
    margin-left: 30px;
    margin-top: 50px;
}
.lcppollutant {
    width: 40.5%;
    padding: 20px;
    border-right: 1px solid #669900;
}

.lcpyear {
    width: 22.4%;
    text-align: center;
    border-right: 1px solid #669900;
}
    .lcpyear ul {
        padding-top: 5px;
    }

    .lcpyear ul li {
        padding-top: 4px;
    }

.lcpcantidad {
    width: 28%;
    text-align: center;
}
    .lcpcantidad ul {
        padding-top: 5px;
    }

        .lcpcantidad ul li {
            padding-top: 4px;
        }

.box-docs {
    min-width:100% !important;
}
.items.box-doc div {
    width: -webkit-fill-available;
}
.document-item2.box-doc {
    width: -webkit-fill-available;
}