/*CSS RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    font-family: "Radikal", Georgia, serif;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

strong {
    font-family: "Radikal", Georgia, serif, sans-serif;
    font-weight: bold
}

input {
    width: 88%;
    padding-left: 2%;
    margin-bottom: 20px;
    height: 30px;
    border-radius: 15px;
    border: #CCCCCC thin solid
}

select {
    width: 90%;
    margin-bottom: 10px;
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #FFFFFF url('../img/flecha_gris.png') no-repeat;
    background-position: 7px 7px;
}

input[type="checkbox"] {
    width: 10%;
    float: left
}

.buscar {
    height: 30px
}

/* ---- ESTILOS BASE ---- */


/* ESTILO HEADER */
#header {
    height: 90px;
    width: 100%;
    background-color: #FFFFFF;
    position: fixed;
    z-index: 2;
    top: 0;
    float: left
}

    #header #logo {
        height: 70px;
        margin: 10px;
        float: left;
    }

    #header #buscador {
        width: 50%;
        right: 0;
        float: right;
        margin-right: 20px;
        position: fixed;
        top: 40px;
    }

    #header #login {
        padding-top: 10px;
        height: 20px;
        width: 180px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        background-color: #019FE3;
        position: fixed;
        top: 0;
        right: 0;
        margin-right: 20px;
        color: #FFFFFF;
        text-align: center;
        font-size: 12px;
    }

        #header #login a {
            color: #FFFFFF;
        }

    #header #buscador #telefono {
        height: 38px;
        width: 180px;
        float: right;
    }

    #header #buscador #search {
        height: 32px;
        width: 250px;
        float: right;
    }

        #header #buscador #search input[type="text"] {
            background: url(../img/search.png) no-repeat 10px 6px #d5d5d5;
            border: 0 none;
            font: 14px "Radikal",Georgia,Sans-serif;
            color: #777;
            width: 183px;
            padding: 0px 15px 0px 35px;
            margin-top: 5px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
            -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
            -webkit-transition: all 0.7s ease 0s;
            -moz-transition: all 0.7s ease 0s;
            -o-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
        }

.header-border {
    border-bottom: #CCCCCC thin solid;
}

#menu {
    width: 100%;
    height: 35px;
    top: 90px;
    background-color: #666666;
    position: fixed;
    z-index: 2;
    text-align: right;
    float: left
}

    #menu ul li {
        text-align: left
    }

#panel2 {
    display: none
}

#head-contenido {
    height: 400px;
    width: 100%;
    background-color: #EEEEEE;
}

#panel {
    width: 300px;
    height: auto;
    position: absolute;
    z-index: 1;
    margin-left: 7%;
    background-color: #EEEEEE;
    top: 125px;
    border: #EEEEEE solid thin
}

    #panel #pague {
        width: 290px;
        height: 25px;
        border-radius: 15px;
        margin-top: 5px;
        background-color: #81BA28;
        padding-top: 5px;
        text-align: center;
        float: left;
        margin-left: 5px;
    }

        #panel #pague #texto {
            width: 82%;
            margin-left: 7%;
            color: #FFFFFF;
            font-family: 'Radikal', sans-serif;
            padding-top: 5px;
            text-align: left;
            float: left
        }

            #panel #pague #texto a {
                text-decoration: none;
                color: #FFFFFF
            }

        #panel #pague #icono {
            width: 8%;
            float: left;
            margin-top: 3px;
        }

        #panel #pague:hover {
            background-color: #64C5E3;
            transition: ease-in-out 0.3s
        }

    #panel #bajadapanel {
        width: 290px;
        height: 50px;
        margin: 0px 5px 0px 5px;
        float: left
    }

        #panel #bajadapanel p {
            font-size: 11px;
            color: #666666;
            line-height: 1.2
        }

    #panel #error {
        height: auto;
        margin: 0px 0px 5px 5px;
        float: left;
        font-size: 11px;
        color: #E56617;
        line-height: 1.2
    }

    #panel #registro {
        width: calc(50% - 2px);
        height: 21px;
        background-color: #666666;
        border: #EEEEEE thin solid;
        color: #FFFFFF;
        font-size: 11px;
        font-family: 'Radikal', sans-serif;
        padding-top: 12px;
        text-align: center;
        float: left;
    }

        #panel #registro a {
            text-decoration: none;
            color: #FFFFFF
        }

            #panel #registro a:hover {
                text-decoration: underline;
            }

        #panel #registro:hover {
            background-color: #64C5E3;
            transition: ease-in-out 0.3s
        }

    #panel #ingreso {
        margin: 10px;
        width: 280px;
        height: 130px;
        float: left;
        padding-bottom: 20px;
    }

        #panel #ingreso p {
            color: #666666;
            margin-top: 20px;
            margin-bottom: 10px;
            font-size: 13px;
            font-weight: bold;
        }

        #panel #ingreso .boton {
            height: 28px;
            width: 100px;
            border-radius: 15px;
            color: #FFFFFF;
            font-size: 12px;
            text-align: center;
            padding-top: 8px;
            margin-left: 180px;
            font-family: 'Radikal', sans-serif;
            font-weight: 300;
            margin-top: 10px
        }

.boton-atras {
    border-radius: 15px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    text-align: center;
    padding: 10px;
}

#panel #ingreso #login {
    width: 260px;
    padding: 10px;
    height: 50px;
    background-color: #CCCCCC;
    border-radius: 10px;
}

    #panel #ingreso #login input {
        width: 100%;
        height: 24px;
        background-color: #CCCCCC;
        border: none;
        float: left;
        margin: 0;
        font-size: 13px;
        color: #333333
    }

#head-contenido #carrusel {
    height: 400px;
    width: 100%;
}

#head_foto {
    width: 100%;
    height: 300px;
    background: url(../img/fondo-seccion.jpg) center center;
    margin-top: 125px;
    display: block;
}

#head_foto2 {
    width: 100%;
    height: 300px;
    background: url(../img/fondo-seccion2.jpg) center center;
    margin-top: 125px;
    display: block;
}

#head_foto3 {
    width: 100%;
    height: 300px;
    background: url(../img/fondo-seccion3.jpg) center center;
    margin-top: 125px;
    display: block;
}

#segunda-seccion {
    height: auto;
    width: 100%;
    margin-top: 115px;
    float: left
}

    #segunda-seccion #caja1 {
        height: 200px;
        width: 15%;
        background-color: #64c5e3;
        float: left
    }

    #segunda-seccion #icono {
        height: 76px;
        width: 70px;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 30px
    }

    #segunda-seccion #boton {
        height: 40px;
        width: 140px;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 30px
    }

    #segunda-seccion #boton_portada1 {
        height: 20px;
        width: 100%;
        border: #FFFFFF solid 2px;
        border-radius: 20px;
        color: #FFFFFF;
        font-size: 11px;
        text-align: center;
        padding-top: 10px;
    }

        #segunda-seccion #boton_portada1:hover {
            background-color: #FFFFFF;
            color: #64C5E3;
        }

#tercera-seccion #boton {
    height: 40px;
    width: 140px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 10px;
}

#tercera-seccion #boton_portada1 {
    height: 20px;
    width: 100%;
    border: #FFFFFF solid 2px;
    border-radius: 20px;
    color: #FFFFFF;
    font-size: 11px;
    text-align: center;
    padding-top: 10px;
}

    #tercera-seccion #boton_portada1:hover {
        background-color: #FFFFFF;
        color: #64C5E3;
    }

#segunda-seccion #boton_portada2 {
    height: 20px;
    width: 100%;
    border: #FFFFFF solid 2px;
    border-radius: 20px;
    color: #FFFFFF;
    font-size: 11px;
    text-align: center;
    padding-top: 10px;
}

    #segunda-seccion #boton_portada2:hover {
        background-color: #FFFFFF;
        color: #80BA27;
    }

#segunda-seccion #caja2 {
    height: 200px;
    width: 15%;
    background-color: #80ba27;
    float: left
}

#segunda-seccion #caja3 {
    height: 180px;
    width: 35%;
    background-color: #009fe3;
    float: left
}

#segunda-seccion #caja3guion {
    height: 20px;
    width: 100%;
    background: url(../img/guion.png) center center no-repeat;
    float: left
}

#segunda-seccion #consejos {
    height: 97%;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 5px;
    color: #FFFFFF
}

    #segunda-seccion #consejos h1 {
        font-weight: bold;
        margin-bottom: 10px
    }

    #segunda-seccion #consejos #barra {
        height: 20px;
        width: 100%;
        text-align: right;
        font-weight: bold;
        font-size: 14px;
        color: #FFFFFF
    }

    #segunda-seccion #consejos #barra2 {
        margin-top: 5px;
        height: 20px;
        width: 100%;
        text-align: right;
        font-weight: bold;
        font-size: 14px;
        color: #FFFFFF
    }

        #segunda-seccion #consejos #barra2 a {
            color: #FFFFFF
        }

    #segunda-seccion #consejos #contenido {
        margin-top: 10px;
        height: 120px;
        width: 100%;
        overflow: hidden;
    }

        #segunda-seccion #consejos #contenido p {
            font-size: 13px;
            color: #FFFFFF;
            line-height: 1.3
        }

#segunda-seccion #caja4 {
    height: 200px;
    width: 35%;
    background-color: #666666;
    float: left
}

    #segunda-seccion #caja4 #fotonoticia {
        height: 130px;
        min-width: 140px;
        width: 40%;
        margin-right: 10px;
        float: left;
        overflow: hidden
    }

        #segunda-seccion #caja4 #fotonoticia img {
            overflow: hidden;
            text-align: center;
            width: 100%
        }

    #segunda-seccion #caja4 #cont_noticia {
        height: 120px;
        width: 50%;
        float: left;
        margin: 5px
    }

        #segunda-seccion #caja4 #cont_noticia #barra {
            height: 20px;
            width: 100%;
            text-align: right;
            font-weight: bold;
            font-size: 14px;
            color: #FFFFFF
        }

        #segunda-seccion #caja4 #cont_noticia #noticia {
            height: 70px;
            width: 100%;
            margin-top: 10px;
            color: #FFFFFF
        }

            #segunda-seccion #caja4 #cont_noticia #noticia h1 {
                margin: 0;
                font-size: 16px;
                font-weight: bold;
                color: #FFFFFF
            }

            #segunda-seccion #caja4 #cont_noticia #noticia h2 {
                font-size: 11px;
                font-weight: normal;
                color: #81BA28;
                margin-top: 5px;
                margin-bottom: 5px;
            }

        #segunda-seccion #caja4 #cont_noticia #barra2 {
            height: 20px;
            width: 100%;
            text-align: right;
            font-weight: bold;
            font-size: 14px;
            color: #FFFFFF
        }

            #segunda-seccion #caja4 #cont_noticia #barra2 a {
                color: #FFFFFF
            }

#twitter {
    height: 65px;
    padding-top: 5px;
    width: 100%;
    float: left;
    background-color: #80ba27;
}

#twitter2 {
    height: 65px;
    padding-top: 5px;
    width: 100%;
    float: left;
    background-color: #80ba27;
    display: none
}

#segunda-seccion #guion {
    height: 20px;
    width: 60px;
    margin-left: 50%;
    float: left;
    background-image: url(../img/guion.png)
}

#tercera-seccion {
    width: 100%;
    float: left
}

    #tercera-seccion #banners {
        width: 25%;
        float: left
    }

        #tercera-seccion #banners img {
            width: 100%
        }

#base {
    width: 100%;
}

#columnas {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

#contenedor_secciones {
    width: 25%;
    color: #FFFFFF;
    background: #666666;
    float: left;
    margin-bottom: 100px;
}

    #contenedor_secciones #titulo {
        width: 96%;
        margin: 1%;
        padding-left: 2%;
        padding-top: 10px;
        padding-bottom: 5px;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase
    }

    #contenedor_secciones #categorias {
        width: 97%;
        height: auto;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 3%;
        font-size: 14px;
        border-top: #999999 thin solid;
    }

        #contenedor_secciones #categorias:hover {
            width: 97%;
            padding-top: 10px;
            padding-left: 3%;
            font-size: 14px;
            background: #80BB27
        }

    #contenedor_secciones #categorias_activo {
        width: 97%;
        height: auto;
        padding-top: 10px;
        padding-left: 3%;
        font-size: 14px;
        background: #80BB27;
        padding-bottom: 7px;
    }

    #contenedor_secciones #subcategorias {
        width: 90%;
        height: auto;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 10%;
        font-size: 14px;
        border-top: #999999 thin solid;
    }

        #contenedor_secciones #subcategorias:hover {
            width: 90%;
            padding-top: 10px;
            padding-left: 10%;
            font-size: 14px;
            background: #999999
        }

    #contenedor_secciones #subcategorias_activo {
        width: 90%;
        height: auto;
        padding-top: 10px;
        padding-left: 10%;
        font-size: 14px;
        background: #80BB27;
        padding-bottom: 7px;
    }

    #contenedor_secciones #subsubcategorias {
        width: 85%;
        height: auto;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 15%;
        font-size: 14px;
        border-top: #999999 thin solid;
    }

        #contenedor_secciones #subsubcategorias:hover {
            width: 85%;
            padding-top: 10px;
            padding-left: 15%;
            font-size: 14px;
            background: #999999
        }

    #contenedor_secciones #subsubcategorias_activo {
        width: 85%;
        height: auto;
        padding-top: 10px;
        padding-left: 15%;
        font-size: 14px;
        background: #82AA29;
        padding-bottom: 7px;
    }

    #contenedor_secciones a {
        color: #FFFFFF
    }

#desarrollo_secciones {
    width: 74%;
    margin-left: 1%;
    color: #666666;
    background: #ffffff;
    padding-bottom: 100px;
    margin-bottom: 40px;
    float: left
}

    #desarrollo_secciones a {
        color: #2DA3FF;
        text-decoration: none
    }

    #desarrollo_secciones .portal {
        width: 98%;
        margin-left: 1%;
    }

    #desarrollo_secciones table {
        border: #FFFFFF 2px solid
    }

    #desarrollo_secciones th {
        color: #FFFFFF;
        background: #63C6E9;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-bottom: 20px;
        font-size: 12px;
        font-weight: bold;
        margin-top: 2px;
    }

    #desarrollo_secciones p {
        padding-top: 10px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    #desarrollo_secciones td {
        border: #999999 solid thin;
        text-align: center;
        font-size: 12px;
        line-height: 2;
    }

        #desarrollo_secciones td img {
            padding-top: 15px;
        }

        #desarrollo_secciones td a {
            color: #80BB27;
        }

    #desarrollo_secciones tr:hover {
        background: #EEEEEE;
    }

    #desarrollo_secciones #titulo {
        width: 97%;
        padding-left: 3%;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase !important;
    }

    #desarrollo_secciones #titulo2 {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase !important;
        float: left
    }

    #desarrollo_secciones #bajada {
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
        padding-top: 5px;
        padding-bottom: 15px;
        font-size: 14px;
        float: left;
    }

        #desarrollo_secciones #bajada p {
            line-height: 1.3;
        }

        #desarrollo_secciones #bajada a {
            color: #006EB8;
            text-decoration: none
        }

            #desarrollo_secciones #bajada a:hover {
                text-decoration: underline
            }

    #desarrollo_secciones #bajada2 {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 15px;
        font-size: 14px;
        float: left;
    }

        #desarrollo_secciones #bajada2 p {
            font-size: 14px;
            line-height: 1.3;
        }

        #desarrollo_secciones #bajada2 a {
            color: #009FE3;
            text-decoration: none
        }

            #desarrollo_secciones #bajada2 a:hover {
                text-decoration: underline
            }

    #desarrollo_secciones #usuario {
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 14px;
        float: left;
        text-align: left
    }

        #desarrollo_secciones #usuario a {
            color: #666666;
            text-decoration: none
        }

            #desarrollo_secciones #usuario a:hover {
                color: #80BB27;
                text-decoration: underline
            }

    #desarrollo_secciones #separador {
        width: 100%;
        padding-top: 8px;
        padding-bottom: 5px;
        font-size: 14px;
        background-color: #63C6E9;
        color: #FFFFFF;
        float: left;
        font-weight: bold
    }

        #desarrollo_secciones #separador #columna1 {
            width: 63%;
            margin-left: 3%;
            float: left;
        }

        #desarrollo_secciones #separador #columna2 {
            width: 27%;
            margin-left: 3%;
            float: left;
            text-align: center
        }

        #desarrollo_secciones #separador #columna3 {
            width: 20.8%;
            float: left;
            text-align: center
        }

        #desarrollo_secciones #separador #columna4 {
            width: 37.6%;
            float: left;
            text-align: center
        }

    #desarrollo_secciones #licitaciones {
        width: 100%;
        color: #666666;
        float: left;
        font-weight: bold;
        margin-bottom: 10px;
        border-bottom: #666666 thin solid;
        display: flex;
        padding-bottom: 5px;
        font-size: 12px
    }

        #desarrollo_secciones #licitaciones #columna1 {
            width: 63%;
            margin-left: 3%;
            float: left;
            border-right: #666666 thin solid;
        }

        #desarrollo_secciones #licitaciones #columna2 {
            width: 28%;
            margin-left: 3%;
            float: left;
            text-align: center
        }

        #desarrollo_secciones #licitaciones #columna3 {
            width: 22%;
            float: left;
            border-right: #666666 thin solid;
            text-align: center
        }

        #desarrollo_secciones #licitaciones #columna4 {
            width: 36%;
            margin-left: 3%;
            float: left;
            margin-bottom: 5px;
            text-align: left
        }

        #desarrollo_secciones #licitaciones #descarga {
            width: 20%;
            float: left;
            text-align: center;
            height: auto;
            margin-bottom: 8px
        }

        #desarrollo_secciones #licitaciones p {
            font-size: 14px;
            font-weight: 400;
            line-height: 1.3;
            padding-right: 10px
        }

    #desarrollo_secciones #ficha {
        width: 94%;
        padding-top: 10px;
        padding-bottom: 4px;
        margin-left: 3%;
        margin-right: 3%;
        float: left;
        border-bottom: #666666 thin solid;
        display: flex;
    }

        #desarrollo_secciones #ficha #texto {
            width: 65%;
            padding-right: 5%;
            float: left;
            border-right: #666666 thin solid;
            font-size: 14px;
        }

        #desarrollo_secciones #ficha #separador {
            width: 1px;
            height: 100%;
            border-right: #666666 thin solid;
            align-items: stretch;
        }

        #desarrollo_secciones #ficha #iconos {
            width: 29%;
            float: left;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            margin-bottom: 8px;
            padding-top: 3px
        }

    #desarrollo_secciones #login_cont {
        width: 100%;
        float: left;
    }

    #desarrollo_secciones #login {
        width: 250px;
        height: 200px;
        margin-left: auto;
        margin-right: auto;
        background-color: #EEEEEE;
        color: #FFFFFF
    }

    #desarrollo_secciones #columnas_cont {
        width: 100%;
        float: left;
        margin-top: 20px
    }

    #desarrollo_secciones #columnas {
        width: 23%;
        margin: auto;
        margin-left: 2%;
        margin-right: 2%;
        background: #80BB27;
        border-right: #D0D0D0 thin solid;
        color: #FFFFFF;
        text-align: center;
        padding: 3%;
        float: left;
        min-height: 100px
    }

        #desarrollo_secciones #columnas h1 {
            color: #FFFFFF;
            font-size: 18px;
            margin-bottom: 20px;
            font-weight: bold;
        }

        #desarrollo_secciones #columnas p {
            color: #FFFFFF;
            font-size: 16px;
        }

    #desarrollo_secciones #columnas_medio {
        width: 300px;
        min-height: 50px;
        background: #80BB27;
        color: #FFFFFF;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 50px;
    }

    #desarrollo_secciones #columnas_cont .botones {
        width: 640px;
        margin-left: auto;
        margin-right: auto;
    }

    #desarrollo_secciones #columnas_medio #icono {
        width: 50px;
        height: 30px;
        float: left;
        margin-top: 9px;
    }

    #desarrollo_secciones #columnas_medio h1 {
        color: #FFFFFF;
        font-size: 14px;
        margin: 10px;
        font-weight: bold
    }

    #desarrollo_secciones #columnas_medio p {
        color: #FFFFFF;
        font-size: 16px;
        margin-bottom: 20px;
    }

    #desarrollo_secciones #columnas_cuarto {
        width: 20.5%;
        margin: auto;
        height: auto;
        height: 45px;
        background: #80BB27;
        border-right: #D0D0D0 thin solid;
        color: #FFFFFF;
        text-align: center;
        padding: 2%;
        float: left
    }

        #desarrollo_secciones #columnas_cuarto a {
            color: #FFFFFF;
        }

        #desarrollo_secciones #columnas_cuarto:hover {
            background: #63C6E9;
        }

        #desarrollo_secciones #columnas_cuarto h1 {
            color: #FFFFFF;
            font-size: 18px;
        }

        #desarrollo_secciones #columnas_cuarto p {
            color: #FFFFFF;
            font-size: 16px;
        }

    #desarrollo_secciones #formulario_cont {
        width: 100%;
        float: left;
        margin-top: 3%
    }

        #desarrollo_secciones #formulario_cont p {
            margin-left: 10px;
            margin-right: 10px;
        }

    #desarrollo_secciones #formulario_col {
        width: 50%;
        float: left;
    }

        #desarrollo_secciones #formulario_col select {
            padding-left: 25px;
            font-size: 11px;
            line-height: 1;
            border: #CCCCCC thin solid;
            border-radius: 20px;
            height: 34px;
            -webkit-appearance: none; /*Removes default chrome and safari style*/
            -moz-appearance: none; /*Removes default style Firefox*/
            background: #FFFFFF url('../img/flecha_gris.png') no-repeat;
            background-position: 7px 9px;
        }

        #desarrollo_secciones #formulario_col p {
            margin-bottom: 20px;
            font-size: 14px
        }

        #desarrollo_secciones #formulario_col a {
            color: #80BB27;
        }

.logo_patpass {
    text-align: center;
    margin: auto;
    padding-top: 10px;
    font-size: 14px;
}

.oficina_columna_1 {
    width: 100%;
}

.logo_patpass_estilo {
    width: 10%;
}

#footer {
    width: 100%;
    background: #EEEEEE;
    padding-top: 50px;
    float: left;
    padding-bottom: 50px;
}

    #footer a {
        color: #000000
    }

#footer1 {
    width: 15%;
    margin-left: 10%;
    float: left;
    line-height: 1.8;
    font-size: 12px
}

#footer2 {
    width: 15%;
    margin-right: 10%;
    float: right;
    line-height: 1.8;
    font-size: 12px;
    text-align: right
}

#marcador {
    width: 98%;
    margin: 1%;
    padding-top: 120px;
    float: left;
    font-size: 12px;
    color: #999999
}

    #marcador a {
        font-size: 12px;
        color: #999999
    }

        #marcador a:hover {
            text-decoration: underline;
            color: #80BB27
        }

    #marcador .activo {
        color: #80BB27
    }

#marcador2 {
    width: 98%;
    margin: 1%;
    padding-top: 10px;
    float: left;
    font-size: 12px;
    color: #999999
}

    #marcador2 a {
        font-size: 12px;
        color: #999999
    }

        #marcador2 a:hover {
            text-decoration: underline;
            color: #80BB27
        }

    #marcador2 .activo {
        color: #80BB27
    }

#paginador {
    color: #607888;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    margin-right: 20px;
    margin-top: 10px;
    float: right;
    width: 100%
}

    #paginador a {
        color: #666666;
        text-decoration: none
    }

    #paginador .activo {
        color: #ffffff;
        background-color: #80BB27;
        padding-top: 3px;
        padding-bottom: 2px;
        padding-left: 5px;
        padding-right: 5px;
    }

#portal_contenedor {
    width: 98%;
    margin: 1%;
    float: left;
}

    #portal_contenedor select {
        padding-left: 25px;
        font-size: 11px;
        line-height: 1;
        border: #CCCCCC thin solid;
        border-radius: 20px;
        height: 34px;
        -webkit-appearance: none; /*Removes default chrome and safari style*/
        -moz-appearance: none; /*Removes default style Firefox*/
        background: #FFFFFF url('../img/flecha_gris.png') no-repeat;
        background-position: 7px 9px;
    }

    #portal_contenedor h1 {
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 20px
    }

    #portal_contenedor p {
        margin-bottom: 20px
    }

#portal_columna1 {
    width: 49%;
    border-right: #666 thin solid;
    float: left;
    font-size: 12px
}

#portal_columna11 {
    width: 49%;
    float: left;
    font-size: 12px
}

#portal_titulo {
    width: 100%;
    border-bottom: #666666 solid thin;
    margin-bottom: 20px
}

#portal_columna2 {
    width: 49%;
    margin-left: 1%;
    float: left;
    font-size: 12px
}

#portal_columna1b {
    width: 49%;
    float: left;
}

#portal_columna2b {
    width: 43%;
    margin-left: 6%;
    float: left
}

#tabs {
    float: left;
    width: 100%
}

    #tabs a {
        color: #666666
    }

#tab_requerimiento {
    width: 98%;
    background-color: #63C6E9;
    color: #FFFFFF;
    padding-top: 10px;
    padding-right: 1%;
    padding-left: 1%;
    padding-bottom: 0%;
    text-align: center;
    float: left;
    margin-top: 30px;
    height: 35px;
    font-size: 14px;
}

    #tab_requerimiento input {
        width: 100px;
        height: 15px;
    }

    #tab_requerimiento select {
        width: 100%;
        height: 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 15px;
        border: none;
        padding-left: 20px;
        background: #FFFFFF url('../img/flecha_gris.png') no-repeat;
        background-position: 3px 3px;
    }

    #tab_requerimiento .seleccion {
        width: 100px;
        background: #FFFFFF;
        border: 0;
        border-radius: 0;
        height: 15px
    }

#portadilla {
    width: 100%;
    float: left
}

    #portadilla #contacto {
        width: 100%;
        height: 250px;
        background: url(../img/contacto1.jpg) center center
    }

    #portadilla #primeranota {
        width: 100%;
        height: 250px;
        background: url(../img/rse1.jpg) center center
    }

        #portadilla #primeranota #titular {
            text-align: right;
            margin-right: 30px;
            color: #FFFFFF;
            padding-top: 50px;
            float: right;
            max-width: 320px
        }

            #portadilla #primeranota #titular h1 {
                font-size: 32px;
                font-weight: bold;
                margin-bottom: 10px;
                text-shadow: 2px 2px 4px #000000;
            }

            #portadilla #primeranota #titular h2 {
                font-size: 24px;
                text-shadow: 2px 2px 4px #000000;
            }

            #portadilla #primeranota #titular a {
                color: #FFFFFF;
                text-decoration: none
            }

                #portadilla #primeranota #titular a:hover {
                    text-decoration: underline
                }

#columnanoticia1 {
    width: 70%;
    float: left
}

#columnanoticia2 {
    width: 30%;
    float: left
}

#destacados {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 10px;
    float: left
}

#botondestacados {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 10px;
    height: auto;
    background-color: #63C6E9;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 10px;
    float: left;
    border-radius: 30px;
    font-size: 14px;
}

    #botondestacados:hover {
        background-color: #80BB27;
    }

    #botondestacados a {
        color: #FFFFFF;
        text-decoration: none
    }

#noticia {
    width: 98%;
    float: left;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border-top: #666666 solid 1px;
}

    #noticia h1 {
        font-size: 20px;
        margin-bottom: 10px;
        margin-top: 15px;
        color: #666666
    }

    #noticia h2 {
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: bold;
        margin-top: 10px;
        color: #666666
    }

    #noticia h3 {
        font-size: 12px;
        margin-bottom: 10px;
        margin-top: 10px;
        color: #006EB8
    }

    #noticia p {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.3
    }

    #noticia a {
        font-size: 14px;
        margin-right: 10px;
        color: #80BB27;
        text-align: right;
        font-weight: bold
    }

#noticia2 {
    width: 80%;
    float: left;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

    #noticia2 h1 {
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 10px;
        color: #666666
    }

    #noticia2 h2 {
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: bold;
        margin-top: 10px;
        color: #666666
    }

    #noticia2 h3 {
        font-size: 12px;
        margin-bottom: 10px;
        margin-top: 10px;
        color: #006EB8
    }

    #noticia2 p {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.3
    }

    #noticia2 a {
        font-size: 14px;
        margin-right: 10px;
        color: #80BB27;
        text-align: right;
        font-weight: bold
    }

#noticia_prime {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 20px;
    margin-top: 10px;
    border-top: #666666 solid thin;
    padding-bottom: 20px;
    padding-top: 20px
}

    #noticia_prime h1 {
        font-size: 22px;
        margin-bottom: 10px;
        margin-top: 10px;
        color: #666666
    }

    #noticia_prime h2 {
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: bold;
        margin-top: 10px;
        color: #666666
    }

    #noticia_prime h3 {
        font-size: 12px;
        margin-bottom: 10px;
        margin-top: 10px;
        color: #006EB8
    }

    #noticia_prime p {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.3
    }

    #noticia_prime a {
        font-size: 14px;
        margin-right: 10px;
        color: #80BB27;
        text-align: right;
        font-weight: bold
    }

#noticia #fecha {
    width: 100%;
}

#noticia_desp {
    width: 70%;
    float: left;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

    #noticia_desp h1 {
        font-size: 22px;
        margin-bottom: 10px;
        margin-top: 10px;
        color: #666666
    }

    #noticia_desp h2 {
        font-size: 16px;
        margin-bottom: 10px;
        font-weight: bold;
        margin-top: 10px;
        color: #666666
    }

    #noticia_desp h3 {
        font-size: 12px;
        margin-bottom: 10px;
        margin-top: 10px;
        color: #006EB8
    }

    #noticia_desp h4 {
        font-size: 16px;
        margin-bottom: 10px;
        margin-top: 10px;
        color: #666666;
        line-height: 1.3
    }

    #noticia_desp p {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.3
    }

    #noticia_desp a {
        font-size: 14px;
        margin-right: 10px;
        color: #0066B4;
        text-align: right;
        font-weight: bold
    }

#noticia_foto {
    width: 150px;
    float: left;
    height: 150px;
    margin-right: 20px;
}

#noticia_foto_galeria {
    width: 23%;
    float: left;
    height: auto;
    margin-right: 2%;
    margin-bottom: 10px;
    margin-top: 10px;
}

    #noticia_foto_galeria img {
        width: 100%;
    }

#noticia_foto_destacada {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 10px
}

    #noticia_foto_destacada img {
        width: 100%;
    }

#programa_nota {
    padding-top: 20px;
    width: 55%;
    float: left;
    height: auto;
    margin-bottom: 20px
}

    #programa_nota h1 {
        font-size: 20px;
        margin-bottom: 10px;
        margin-top: 15px;
        color: #666666
    }

#programa_foto {
    width: 150px;
    float: left;
    height: auto;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 20px
}

    #programa_foto img {
        width: 100%;
    }

#noticia_foto_despliegue {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 10px;
}

    #noticia_foto_despliegue img {
        width: 100%;
    }

#video {
    width: 46%;
    float: left;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 1%;
    border-top: #666666 solid 1px;
}

    #video img {
        width: 150px;
        float: left;
        height: 150px;
        margin-right: 20px;
    }

    #video h1 {
        font-size: 28px;
        margin-bottom: 10px;
        margin-top: 10px;
        color: #0064B3
    }

    #video h2 {
        font-size: 12px;
        margin-bottom: 5px;
        margin-top: 5px;
        color: #0064B3
    }

    #video p {
        margin-top: 10px;
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.3
    }

    #video a {
        font-size: 14px;
        margin-right: 10px;
        color: #80BB27;
        text-align: right;
        font-weight: bold
    }

#video_foto {
    width: 150px;
    float: left;
    height: 150px;
    margin-right: 20px;
}

#leermas {
    width: 100%;
    height: 20px;
    float: left;
    text-align: right;
    color: #80BB27
}

    #leermas a {
        color: #80BB27;
        text-decoration: none
    }

        #leermas a:hover {
            text-decoration: underline
        }

#contacto_col {
    width: 48%;
    margin: 1%;
    float: left;
    line-height: 1.3
}

    #contacto_col h1 {
        color: #63C6E9;
        font-size: 32px
    }

    #contacto_col h2 {
        color: #80BB27;
        font-size: 22px
    }

    #contacto_col a {
        color: #63C6E9;
        text-decoration: none
    }

    #contacto_col img {
        width: 100%;
        height: auto
    }

#columna_base {
    width: 70%;
    float: left
}

    #columna_base h1 {
        font-size: 16px;
        color: #666666;
        font-weight: bold;
        margin-bottom: 10px;
    }

    #columna_base p {
        line-height: 1.3
    }

#thumbs {
    width: 21%;
    height: auto;
    margin: 2%;
    float: left;
}

#thumbs_foto {
    width: 100%;
    height: auto;
    float: left;
    border: #FFFFFF solid thin
}

    #thumbs_foto:hover {
        border: #05B6F0 solid thin
    }

    #thumbs_foto img {
        width: 100%;
        height: auto;
    }

#oficina {
    width: 100%;
    float: left
}

#oficina_columna {
    width: 49%;
    margin-right: 1%;
    float: left
}

    #oficina_columna.completa {
        width: 100%;
        margin-right: 1%;
        float: left
    }

    #oficina_columna #desarrollo {
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
        padding-top: 5px;
        padding-bottom: 15px;
        font-size: 14px;
        border-bottom: #666666 thin solid;
        float: left;
    }

        #oficina_columna #desarrollo #columna_oficina {
            width: 100%;
            margin-right: 2%;
            margin-top: 20px;
            float: left
        }

        #oficina_columna #desarrollo #columna_oficina_t {
            width: 100%;
            margin-top: 20px;
            float: left
        }

        #oficina_columna #desarrollo #columna_oficina table {
            width: 100%;
        }

        #oficina_columna #desarrollo #columna_oficina td {
            text-align: left;
            border: 0;
            padding-top: 5px;
            padding-right: 0;
            padding-left: 0;
            padding-bottom: 5px;
        }

#oficina #boton {
    width: 100%;
    text-align: center;
    float: left
}

    #oficina #boton .boton {
        width: 240px;
        text-align: center;
        border-radius: 15px;
        padding: 0;
        margin: 10px
    }

    #oficina #boton .boton2 {
        width: 240px;
        text-align: center;
        border-radius: 15px;
        padding: 0;
        margin: 10px;
        color: #FFFFFF
    }

#usuario {
    padding-left: 31%;
    padding-top: 15px;
    width: 69%;
    height: auto;
    background-color: #DADADA;
    float: left;
    margin-bottom: 5px;
    color: #666666;
}

.editar {
    position: relative;
    text-align: right;
    margin-right: 15px;
}

#contenido_interno1 {
    background-color: #FFFFFF;
    color: #666666;
    float: left;
    width: 380px;
    height: 350px;
    margin: 15px;
    font-size: 14px;
}

#contenido_interno2 {
    background-color: #FFFFFF;
    color: #666666;
    float: left;
    width: 380px;
    height: 350px;
    margin: 15px;
    font-size: 14px;
}

#contenido_interno3 {
    background-color: #FFFFFF;
    color: #666666;
    float: left;
    width: 380px;
    height: 420px;
    margin: 15px;
    font-size: 13px;
}

#contenido_interno4 {
    background-color: #FFFFFF;
    color: #666666;
    float: left;
    width: 380px;
    height: 520px;
    margin: 15px;
    font-size: 13px;
    line-height: 1.2
}

    #contenido_interno4 a {
        color: #63C6E9;
    }

#respuesta1 {
    background-color: #FFFFFF;
    color: #666666;
    float: left;
    width: 380px;
    height: 360px;
    margin: 15px;
    font-size: 13px;
}

    #respuesta1 h2 {
        color: #63C6E9;
        font-size: 16px;
        margin-bottom: 10px;
    }

#respuesta2 {
    background-color: #FFFFFF;
    color: #666666;
    float: left;
    width: 380px;
    height: 360px;
    margin: 15px;
    font-size: 13px;
}

    #respuesta2 h2 {
        color: #63C6E9;
        font-size: 16px;
        margin-bottom: 10px;
    }

#respuesta3 {
    background-color: #FFFFFF;
    color: #666666;
    float: left;
    width: 380px;
    height: 360px;
    margin: 15px;
    font-size: 13px;
}

    #respuesta3 h2 {
        color: #63C6E9;
        font-size: 16px;
        margin-bottom: 10px;
    }

#respuesta4 {
    background-color: #FFFFFF;
    color: #666666;
    float: left;
    width: 380px;
    height: 360px;
    margin: 15px;
    font-size: 13px;
}

    #respuesta4 h2 {
        color: #63C6E9;
        font-size: 16px;
        margin-bottom: 10px;
    }

#respuesta5 {
    background-color: #FFFFFF;
    color: #666666;
    float: left;
    width: 380px;
    height: 360px;
    margin: 15px;
    font-size: 13px;
}

    #respuesta5 h2 {
        color: #63C6E9;
        font-size: 16px;
        margin-bottom: 10px;
    }

#formulario_interno1 {
    background-color: #FFFFFF;
    color: #666666;
    float: left;
    width: 740px;
    margin: 15px;
    font-size: 14px;
    overflow: hidden
}


#formulario_interno2 {
    background-color: #FFFFFF;
    color: #666666;
    float: left;
    width: 740px;
    margin: 15px;
    font-size: 14px;
}

#formulario_interno3 {
    background-color: #FFFFFF;
    color: #666666;
    float: left;
    width: 740px;
    margin: 15px;
    font-size: 14px;
}


#formulario_interno4 {
    background-color: #FFFFFF;
    color: #666666;
    float: left;
    width: 740px;
    margin: 15px;
    font-size: 14px;
}

#formulario_interno5 {
    background-color: #FFFFFF;
    color: #666666;
    float: left;
    width: 740px;
    margin: 15px;
    font-size: 14px;
}

.localidades {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

    .localidades .columnas {
        width: 33.3%;
        float: left;
    }

        .localidades .columnas .etiquetas {
            width: 100%;
            float: left;
            background: #63C6E9;
            height: 26px;
            padding-top: 14px;
            color: #FFFFFF
        }

            .localidades .columnas .etiquetas h1 {
                font-size: 14px;
                padding: 0;
                margin-left: 5%;
                font-weight: bold
            }

        .localidades .columnas .texto {
            width: calc(100% - 2px);
            float: left;
            background: #FFFFFF;
            height: 150px;
            color: #333333;
            border: #63C6E9 solid 1px;
        }

            .localidades .columnas .texto .listado {
                width: 100%;
                height: 140px;
                padding-bottom: 10px;
                overflow: auto
            }

                .localidades .columnas .texto .listado li {
                    padding-left: 5%;
                    padding-right: 5%;
                    font-size: 14px;
                    padding-bottom: 5px;
                    padding-top: 5px;
                    appearance: none;
                    list-style-type: none;
                    background-color: #FFFFFF
                }

                    .localidades .columnas .texto .listado li:hover {
                        background-color: #EEEEEE
                    }

        .localidades .columnas .botones {
            width: 100%;
            float: left;
            background: #FFFFFF;
            margin-top: 40px;
            text-align: center
        }

.lsmall a {
    font-size: 5px;
    color: #2DA3FF;
    text-decoration: inherit;
}

    .lsmall a:hover {
        color: #000;
    }

/*SLIDER*/
#slider-wrapper {
    width: 100%;
    height: 400px;
    margin: auto;
    position: relative;
    top: 115px;
    margin-bottom: 0px;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
}

#s1 {
    padding: 6px;
    background: #80ba27;
    position: absolute;
    left: 50%;
    bottom: 25px;
    margin-left: -36px;
    border-radius: 20px;
    opacity: 0.3;
    cursor: pointer;
    z-index: 1;
}

#s2 {
    padding: 6px;
    background: #80ba27;
    position: absolute;
    left: 50%;
    bottom: 25px;
    margin-left: -12px;
    border-radius: 20px;
    opacity: 0.3;
    cursor: pointer;
    z-index: 1;
}

#s3 {
    padding: 6px;
    background: #80ba27;
    position: absolute;
    left: 50%;
    bottom: 25px;
    margin-left: 12px;
    border-radius: 20px;
    opacity: 0.3;
    cursor: pointer;
    z-index: 1;
}

#s4 {
    padding: 6px;
    background: #80ba27;
    position: absolute;
    left: 50%;
    bottom: 25px;
    margin-left: 36px;
    border-radius: 20px;
    opacity: 0.3;
    cursor: pointer;
    z-index: 1;
}

    #s1:hover, #s2:hover, #s3:hover, #s4:hover {
        opacity: 1;
    }

.inner-wrapper {
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0px;
    overflow: hidden;
}

.control {
    display: none;
}

#Slide1:checked ~ .overflow-wrapper {
    margin-left: 0%;
}

#Slide2:checked ~ .overflow-wrapper {
    margin-left: -100%;
}

#Slide3:checked ~ .overflow-wrapper {
    margin-left: -200%;
}

#Slide4:checked ~ .overflow-wrapper {
    margin-left: -300%;
}

#Slide1:checked + #s1 {
    opacity: 1;
}

#Slide2:checked + #s2 {
    opacity: 1;
}

#Slide3:checked + #s3 {
    opacity: 1;
}

#Slide4:checked + #s4 {
    opacity: 1;
}

.overflow-wrapper {
    width: 400%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slide img {
    width: 25%;
    float: left;
}


/*MENU*/
nav ul ul {
    display: none;
    background: #666666;
    border-radius: 0px;
    padding: 0;
    position: absolute;
    top: 100%;
}

nav ul li:hover > ul {
    display: block;
}

nav ul {
    padding: 0 0;
    list-style: none;
    position: relative;
    display: inline-table;
}

    nav ul:after {
        content: "";
        clear: both;
        display: block;
    }

    nav ul li {
        float: left;
    }

        nav ul li:hover {
            background: #333333;
            border-top: #81BA28 3px solid
        }

            nav ul li:hover a {
                color: #fff;
            }

        nav ul li a {
            display: block;
            padding: 10px 40px;
            color: #ffffff;
            text-decoration: none;
            font-size: 12px;
            border-left: #333333 thin solid
        }

    nav ul ul li {
        float: none;
        border-top: 1px solid #666666;
        border-bottom: 1px solid #666666;
        position: relative;
    }

        nav ul ul li a {
            padding: 15px 20px;
            color: #fff;
        }

            nav ul ul li a:hover {
                background: #333333;
            }

    nav ul ul ul {
        position: absolute;
        left: 100%;
        top: 0;
    }

.active {
    background: #333333;
    border-top: #81BA28 2px solid
}




/*TWITTER*/
.user, .tweet, .timePosted {
    float: left;
}

.user {
    width: 20%;
    height: 40px;
    clear: left;
    margin-top: 5px;
}

.tweet {
    color: #ffffff;
    font-size: 12px;
    height: 40px;
    margin-top: 10px;
    overflow: hidden;
    width: 70%;
}

    .tweet a {
        color: #333333
    }

.timePosted {
    width: 15%;
}

.user a {
    color: #EEEEEE;
}

.user span span {
    display: block;
    font-size: 14px;
}

.user img {
    float: right;
    width: 45px;
    margin-right: 30%;
}

.interact {
    float: right;
    width: 80%;
    margin-top: -10px;
    margin-right: 10px;
}

    .interact a {
        margin-right: 15px;
        float: right;
        color: #0073B6;
        font-size: 11px;
        line-height: 1.2;
        width: 15px;
        height: 15px;
    }

        .interact a img {
            width: 19px;
            height: 15px;
            margin-top: 5px;
        }

.user a > span {
    margin-left: 5px;
    font-size: 10px;
    display: none;
}

.media img {
    max-width: 250px;
    max-height: 250px;
}

#linkage {
    position: fixed;
    top: 0px;
    right: 0px;
    background-color: #3d3d3d;
    color: #ffffff;
    text-decoration: none;
    padding: 5px;
    width: 10%;
}



/*LOGIN*/

.login-block {
    width: 280px;
    padding: 20px;
    background: #EEEEEE;
    border-radius: 5px;
    border-top: 5px solid #80BB27;
    margin: 0 auto;
}

    .login-block h1 {
        text-align: center;
        color: #000;
        font-size: 18px;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .login-block p {
        color: #666;
    }

    .login-block a {
        color: #666;
    }

    .login-block input {
        width: 100%;
        height: 42px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        margin-bottom: 20px;
        font-size: 14px;
        padding: 0 20px 0 50px;
        outline: none;
        border-radius: 25px;
    }

        .login-block input#username {
            background: #fff url('../images/user.png') 20px top no-repeat;
            background-size: 16px 80px;
        }

            .login-block input#username:focus {
                background: #fff url('../images/user.png') 20px bottom no-repeat;
                background-size: 16px 80px;
            }

        .login-block input#password {
            background: #fff url('../images/pass.png') 20px top no-repeat;
            background-size: 16px 80px;
        }

            .login-block input#password:focus {
                background: #fff url('../images/pass.png') 20px bottom no-repeat;
                background-size: 16px 80px;
            }

        .login-block input#log {
            background: #fff url('../images/log.png') 20px top no-repeat;
            background-size: 16px 80px;
        }

            .login-block input#log:focus {
                background: #fff url('../images/log.png') 20px bottom no-repeat;
                background-size: 16px 80px;
            }

        .login-block input:active, .login-block input:focus {
            border: 1px solid #80BB27;
        }

    .login-block button {
        width: 100%;
        height: 40px;
        background: #63C6E9;
        box-sizing: border-box;
        border: 1px solid #13ACE7;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px;
        outline: none;
        cursor: pointer;
        border-radius: 25px
    }

        .login-block button:hover {
            background: #13ACE7;
        }

.boton {
    background-color: #9dce2c;
    text-indent: 0;
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 8px;
    width: auto;
    text-decoration: none;
    text-align: center;
    border: #8cb82b thin solid;
    cursor: pointer;
    border-radius: 20px;
    margin-bottom: 10px;
}

    .boton:hover {
        background-color: #8cb82b;
    }

    .boton:active {
        position: relative;
        top: 1px;
    }

.boton2 {
    background-color: #c2c2c2;
    text-indent: 0;
    display: inline-block;
    color: #666666;
    font-size: 14px;
    font-style: normal;
    padding: 10px;
    width: auto;
    text-decoration: none;
    text-align: center;
    border: #999999 thin solid;
    cursor: pointer;
    border-radius: 15px;
}

    .boton2:hover {
        background-color: #999999;
    }

    .boton2:active {
        position: relative;
        top: 1px;
    }




/*TABLA RESPONSIVE*/
@media (max-width: 780px) {
    /* CSS Responsive table */
    table.responsive,
    table.responsive thead,
    table.responsive tbody,
    table.responsive th,
    table.responsive td,
    table.responsive tr {
        display: block;
        line-height: 1.3
    }

        table.responsive thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table.responsive tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
        }

        table.responsive td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
        }

            table.responsive td:before {
                position: absolute;
                top: 6px;
                left: 6px;
                width: 40%;
                padding-right: 10px;
                text-align: left;
                word-wrap: break-word;
                font-weight: bold;
                content: attr(data-content);
                height: 50px;
                margin-bottom: 10px
            }

        table.responsive tr:first-child {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table.responsive td.small-padding {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        table.responsive td.medium-padding {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        table.responsive td.large-padding {
            padding-top: 25px;
            padding-bottom: 25px;
        }

        table.responsive th {
            padding-bottom: 15px;
        }

    table.responsive1,
    table.responsive1 thead,
    table.responsive1 tbody,
    table.responsive1 th,
    table.responsive1 td,
    table.responsive1 tr {
        display: block;
        line-height: 1.3
    }

        table.responsive1 thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table.responsive1 tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
        }

        table.responsive1 td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
        }

            table.responsive1 td:before {
                position: absolute;
                top: 6px;
                left: 6px;
                width: 40%;
                padding-right: 10px;
                text-align: left;
                word-wrap: break-word;
                font-weight: bold;
                content: attr(data-content);
                height: 50px;
                margin-bottom: 10px;
            }

        table.responsive1 tr:first-child {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table.responsive1 td.small-padding {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        table.responsive1 td.medium-padding {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        table.responsive1 td.large-padding {
            padding-top: 25px;
            padding-bottom: 25px;
        }

        table.responsive1 th {
            padding-bottom: 15px;
        }
}

@media (max-width: 480px) {
    /* CSS Responsive table */
    table.responsive,
    table.responsive thead,
    table.responsive tbody,
    table.responsive th,
    table.responsive td,
    table.responsive tr {
        display: block;
        line-height: 1.3
    }

        table.responsive thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table.responsive tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
        }

        table.responsive td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
        }

            table.responsive td:before {
                position: absolute;
                top: 6px;
                left: 6px;
                width: 40%;
                padding-right: 10px;
                text-align: left;
                word-wrap: break-word;
                font-weight: bold;
                content: attr(data-content);
                height: 50px;
                margin-bottom: 10px
            }

        table.responsive tr:first-child {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table.responsive td.small-padding {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        table.responsive td.medium-padding {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        table.responsive td.large-padding {
            padding-top: 25px;
            padding-bottom: 25px;
        }

        table.responsive th {
            padding-bottom: 15px;
        }

    table.responsive1,
    table.responsive1 thead,
    table.responsive1 tbody,
    table.responsive1 th,
    table.responsive1 td,
    table.responsive1 tr {
        display: block;
        line-height: 1.3
    }

        table.responsive1 thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table.responsive1 tr {
            border: 1px solid #ccc;
            margin-bottom: 10px;
        }

        table.responsive1 td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
        }

            table.responsive1 td:before {
                position: absolute;
                top: 6px;
                left: 6px;
                width: 40%;
                padding-right: 10px;
                text-align: left;
                word-wrap: break-word;
                font-weight: bold
            }

        table.responsive1 tr:first-child {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table.responsive1 td.small-padding {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        table.responsive1 td.medium-padding {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        table.responsive1 td.large-padding {
            padding-top: 25px;
            padding-bottom: 25px;
        }

        table.responsive1 th {
            padding-bottom: 15px;
        }
}

a.tooltip {
    outline: none;
}

    a.tooltip strong {
        line-height: 30px;
    }

    a.tooltip:hover {
        text-decoration: none;
    }

    a.tooltip span {
        z-index: 10;
        display: none;
        padding: 14px 20px;
        margin-top: -30px;
        margin-left: 28px;
        width: 450px;
        line-height: 16px;
        border-radius: 4px;
        box-shadow: 5px 5px 8px #CCC;
    }

    a.tooltip:hover span {
        display: inline;
        position: absolute;
        color: #111;
        border: 1px solid #DCA;
        background: #fffAF0;
    }

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}




/*CSS3 extras*/
.seleccion select {
    background: #FFFFFF;
    width: 90%;
    padding: 8px;
    font-size: 12px;
    line-height: 1;
    border: #CCCCCC thin solid;
    height: 34px;
    -webkit-appearance: none;
    margin-bottom: 20px;
    border-radius: 20px
}

.usuario select {
    width: 50%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    font-size: 12px;
    line-height: 1;
    border: #CCCCCC thin solid;
    border-radius: 15px;
    height: 30px;
    margin-top: 10px;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /*Removes default style Firefox*/
    background: #FFFFFF url('../img/flecha_gris.png') no-repeat;
    background-position: 7px 7px;
}

input[type="radio"] {
    height: 20px;
    width: 20px;
}

#contacto_col select {
    padding-left: 25px;
    height: 35px;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /*Removes default style Firefox*/
    background: #FFFFFF url('../img/flecha_gris.png') no-repeat;
    background-position: 7px 7px;
}

#bajada select {
    padding-left: 25px;
    height: 35px;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /*Removes default style Firefox*/
    background: #FFFFFF url('../img/flecha_gris.png') no-repeat;
    background-position: 9px 9px;
}

#portal_columna2 select {
    padding-left: 25px;
    height: 35px;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /*Removes default style Firefox*/
    background: #FFFFFF url('../img/flecha_gris.png') no-repeat;
    background-position: 7px 7px;
}

#columna_oficina select {
    padding-left: 25px;
    height: 35px;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /*Removes default style Firefox*/
    background: #FFFFFF url('../img/flecha_gris.png') no-repeat;
    background-position: 7px 9px;
}

select::-ms-expand {
    display: none;
}

#banner-mobile {
    display: none
}



/*MENU MOBILE*/
.slicknav_menu {
    display: none;
}

#menu-responsive {
    display: none
}

#menu-mobile {
    display: none
}

#head_mobile {
    display: none;
}

input[type='submit'] {
    -webkit-appearance: none;
}

#ancla {
    position: fixed;
    bottom: 230px;
    right: 30px
}

td.gsc-search-button {
    display: none
}

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0em;
    width: auto;
}


/*SINC*/
.tabla_sinc {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.3;
    font-size: 12px;
}

.campo {
    width: auto;
    max-width: 47%;
    margin-right: 3%;
    height: auto;
    float: left
}

    .campo input {
        height: 15px;
        width: 15px;
        margin: 0;
    }

.campo_check {
    width: 100%;
    height: auto;
    float: left
}

    .campo_check input {
        height: 15px;
        width: 15px;
        margin: 0;
    }

.tercio_sinc {
    width: 33%;
    height: auto;
    float: left
}

.dostercio_sinc {
    width: 66%;
    height: auto;
    float: left
}

.cuarto_sinc {
    width: 25%;
    height: auto;
    float: left
}

.quinto_sinc {
    width: 20%;
    height: auto;
    float: left
}

.sexto_sinc {
    width: 16.5%;
    height: auto;
    float: left
}

/****************************/
#test table {
    border: #FFFFFF 0px solid
}

#test th {
    background: #FFFFFF;
    color: #000000;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: bold;
    margin-top: 2px;
}

#test td {
    border: #ffffff solid thin;
    text-align: center;
}

    #test td a {
        color: #000000;
    }

#test tr:hover {
    background: #FFFFFF;
}

#test input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

#test #izq {
    text-align: left;
}
/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

    /* Force table to not be like tables anymore */
    .table-sin-borde table, .table-sin-borde thead, .table-sin-borde tbody, .table-sin-borde th, .table-sin-borde td, .table-sin-borde tr {
        display: block;
    }


        /* Hide table headers (but not display: none;, for accessibility) */
        .table-sin-borde thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .table-sin-borde tr {
        border: 0px solid #ccc;
        margin-bottom: 15px;
    }

    .table-sin-borde td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 50%;
    }

        .table-sin-borde td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 3px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            font-weight: bold
        }

    .table-sin-borde input {
        width: 13px;
        height: 13px;
        padding: 0;
        margin: 0;
        vertical-align: middle;
        position: relative;
        top: -1px;
    }

    /* Force table to not be like tables anymore */
    .table-sin-borde2 table thead tbody th td tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .table-sin-borde2 thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-sin-borde2 tr {
        border: 0px solid #ccc;
        margin-bottom: 15px;
    }

    .table-sin-borde2 td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 50%;
    }

        .table-sin-borde2 td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 3px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            font-weight: bold
        }

    .table-sin-borde2 input {
        width: 13px;
        height: 13px;
        padding: 0;
        margin: 0;
        vertical-align: middle;
        position: relative;
        top: -1px;
    }

    /* Force table to not be like tables anymore */
    .table-sin-borde3 table thead tbody th td tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .table-sin-borde3 thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-sin-borde3 tr {
        border: 0px solid #ccc;
        margin-bottom: 15px;
    }

    .table-sin-borde3 td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 50%;
    }

        .table-sin-borde3 td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 3px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            font-weight: bold;
        }

    .table-sin-borde3 input {
        width: 13px;
        height: 13px;
        padding: 0;
        margin: 0;
        vertical-align: middle;
        position: relative;
        top: -1px;
    }
    /*
		Label the data        
		*/
    .table-sin-borde td:nth-of-type(1):before {
        content: "Tipo Proyecto";
        text-align: left;
    }

    .table-sin-borde td:nth-of-type(2):before {
        content: "Nº Viviendas / Deptos";
        text-align: left;
    }

    .table-sin-borde td:nth-of-type(3):before {
        content: "Nº Dormitorios";
        text-align: left;
    }

    .table-sin-borde td:nth-of-type(4):before {
        content: "Nº Baños";
        text-align: left;
    }

    .table-sin-borde td:nth-of-type(5):before {
        content: "Superficie M3";
        text-align: left;
    }
    /*
		Label the data        
		*/
    .table-sin-borde2 td:nth-of-type(1):before {
        content: "Establecimiento Educacional";
        text-align: left;
    }

    .table-sin-borde2 td:nth-of-type(2):before {
        content: "Nº Alumnos Externos";
        text-align: left;
    }

    .table-sin-borde2 td:nth-of-type(3):before {
        content: "Nº Alumnos Medio";
        text-align: left;
    }

    .table-sin-borde2 td:nth-of-type(4):before {
        content: "Nº Alumnos Internos";
        text-align: left;
    }

    .table-sin-borde2 td:nth-of-type(5):before {
        content: "Almuerzo";
        text-align: left;
    }
    /*
		Label the data        
		*/
    .table-sin-borde3 td:nth-of-type(1):before {
        content: "Otros";
        text-align: left;
    }

    .table-sin-borde3 td:nth-of-type(2):before {
        content: "Tipo indicar";
        text-align: left;
    }

    .table-sin-borde3 td:nth-of-type(3):before {
        content: "Nº Trabajadores";
        text-align: left;
    }

    .table-sin-borde3 td:nth-of-type(4):before {
        content: "Superficie M3";
        text-align: left;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .table-sin-borde table {
        padding: 0;
        margin: 0;
        width: 320px;
    }

    .table-sin-borde2 table {
        padding: 0;
        margin: 0;
        width: 320px;
    }

    .table-sin-borde3 table {
        padding: 0;
        margin: 0;
        width: 320px;
    }
}

/*texto alerta/error */
.label-error-message {
    color: #ff0000;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 10px;
    text-align: center;
}

/* Estilos para mensajes de error y centrado del contenido dentro del cuadro */
.error-message {
    background-color: #f8d7da; /* fondo rojo suave de advertencia */
    color: #842029; /* texto oscuro sobre fondo claro */
    border: 1px solid #f5c2c7; /* borde acorde al tono de advertencia */
    padding: 20px;
    margin-top: 10px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.4;

    /* Centrado del contenido */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Títulos y enlaces dentro del panel de error */
.error-message h3 {
    color: #721c24;
    margin: 0 0 10px 0;
}

.error-message p {
    margin: 8px 0;
}

/* Centrado del botón dentro del panel de error */
.error-message #botonVolver,
.error-message #boton {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

/* Ajuste para botones estilo .boton dentro del panel */
.error-message .boton {
    min-width: 160px;
    padding: 8px 16px;
}

/* Soporte para contenido ancho dentro del cuadro (máx ancho legible) */
.error-message > * {
    max-width: 680px;
    width: 100%;
}

#botonVolver {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-top: 12px;
}

/*panel exito*/
.success-message {
    background-color: rgba(128, 187, 39, 0.5); /* verde medio, 50% transparencia */
    color: #1B5E20; /* texto en verde oscuro */
    border: 1px solid rgba(27, 94, 32, 0.2); /* borde suave verde */
    padding: 20px;
    margin-top: 10px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.4;
    /* Centrado del contenido */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .success-message h3 {
        color: #11421a; /* título ligeramente más oscuro */
        margin: 0 0 10px 0;
    }


/* Panel neutral similar a .error-message pero con fondo gris muy claro */
.neutral-message {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    width: calc(100% - 40px);
    max-width: 720px;
    padding: 12px;
    box-sizing: border-box;
    /* Gris muy claro */
    background-color: #777;
    color: #333333;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

    .neutral-message h3 {
        color: #222222;
        margin: 0;
        padding: 0;
    }

    .neutral-message p,
    .neutral-message > * {
        margin: 0;
        padding: 0;
    }

    /* Centrar botón dentro del panel si existe */
    .neutral-message .boton {
        min-width: 160px;
        padding: 8px 14px;
        align-self: center;
    }

/* Responsive: evitar que el panel quede encima del header en móviles */
@media (max-width: 480px) {
    .neutral-message {
        top: 60px;
        transform: translateX(-50%);
        width: calc(100% - 20px);
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .table-sin-borde table {
        width: 495px;
    }

    .table-sin-borde2 table {
        width: 495px;
    }

    .table-sin-borde3 table {
        width: 495px;
    }
}

@media (max-width: 760px) {
    #test #izq {
        text-align: center;
    }
}