/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

    /* HTML element (SMACSS base) rules */

    @import "normalize.css";
    /* Layout rules */

    @import "layouts/responsive.css";
    /* Component (SMACSS module) rules */

    @import "components/misc.css";
    /* Optionally, add your own components here. */

    @import "print.css";
    /* Font Awesome & Font Dat - Livestream SVG */

    @import "../font-awesome/css/font-awesome.css";
    @import "font-dat/font-dat.css";
    /* SMACSS theme rules */

    /* @import "theme-A.css"; */

    /* @import "theme-B.css"; */

    /*@import url(https://use.fontawesome.com/a412dfafbb.css);*/

    @import 'https://fonts.googleapis.com/css?family=Exo+2:400,500,700|Roboto:400,700';
    .block {
        margin-bottom: 0;
    }

    img {
        width: 100%;
    }

    #main {
        padding-top: 0px;
    }

    /*------------------------
    Video-Container
--------------------------*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    /********************
    Header - Menú - Buscador
**********************/

    /*Position Fixed Menu */

    .header {
        position: fixed;
        width: 100%;
        z-index: 999;
    }

    /*.headers {
        padding-top: 109px;
    }*/

    /* Sección menú */

    #block-bean-header-home {
        position: relative;
        overflow: hidden;
        height: auto;
        background: #dde9f1;
    }

    #block-bean-header-home img {
        border: 0;
        -ms-interpolation-mode: bicubic;
        vertical-align: bottom;
        max-width: 100%;
        min-height: 430px;
        width: auto;
    }

    .fondo-cabecera-home {
        background-image: url('../images/landing.jpg');
        background-size: cover;
        background-position: center;
        height: 476px;
    }

    .fondo-cabecera-ciudad {
        background-image: url('../images/300817_GDL_BANNER_POSTLINK_OBLATOS_PINTA_BIEN_st-01.png');
        background-size: cover;
        background-position: center;
        height: 476px;
    }

    .fondo-cabecera-gobierno {
        background-image: url('../images/Encabezado_1920x476_-02.png');
        background-size: cover;
        background-position: center;
        height: 476px;
    }

    .header-box {
        position: relative;
        z-index: 10;
        padding-bottom: 33px;
    }

    .barrita-colores-header {
        width: 70%;
        display: block;
        margin: 0px auto;
        margin-bottom: 7%;
    }

    .barrita-colores-header div[class*="fondo-"],
    .barrita-colores-header-title div[class*="fondo-"] {
        float: left;
        display: inline-block;
        width: 19%;
        height: 10px;
    }

    .barrita-colores-header-title {
        width: 100%;
        height: 5px;
        margin: 12px 0;
        overflow: hidden;
    }

    .header-titulo {
        font-size: 50px;
        color: #ffffff;
        font-family: 'Exo 2';
        font-weight: 500;
        margin-top: 66px;
        line-height: 100%;
        text-shadow: 0 4px 4px #000;
    }

    .header-box p {
        color: #ffffff;
        font-size: 18px;
        text-shadow: 0px 1px 3px #000;
    }

    .header-box a {
            padding: 10px 30px;
        background: #FF7A00;
        color: #ffffff;
        /*border-radius: 25px;*/
        font-size: 18px;
        width: 190px;
        text-align: center;
    }

    .header-box a:hover {
        color: #ffffff;
    }

    .raya-naranja {
        background: #FF7A00;
        width: 200px;
        height: 10px;
        display: block;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        margin-bottom: 10px;
    }

    .raya-blanca {
        background: #FFF;
        width: 200px;
        height: 10px;
        display: block;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        margin: 95px 0 10px;
    }

    .header #block-search-form {
        background: #e9e9ea;
        height: 35px;
        overflow: hidden;
    }

    .header #block-search-form form {
        width: 350px;
        margin: 0 auto;
        padding-top: 3px;
    }

    .header #block-search-form form input {
        border: 0;
        background: transparent;
        border-bottom: 1px solid #000;
        padding: 5px;
        height: auto;
        width: 100%;
        margin: 0 auto;
    }

    .header .form-item-search-block-form,
    .header .form-wrapper {
        float: left;
    }

    .header .form-wrapper {
        width: 20px;
        margin: 5px 10px;
    }

    .header .form-item {
        margin: 0;
    }

    .header #block-search-form .form-submit {
        border-bottom: 0;
        padding: 0;
    }

    .dropMenu {
        position: absolute;
        z-index: 11;
        background: #ffffff;
        width: 100%;
        display: none;
        height: 710px;
    }

    .barrita-colores-header .fondo-turquesa {
        background-color: rgba(81, 190, 231, 0.5);
    }

    .barrita-colores-header .fondo-naranja {
        background-color: rgba(246, 146, 31, 0.5);
    }

    .barrita-colores-header .fondo-rosa {
        background-color: rgba(236, 65, 128, 0.5);
    }

    .barrita-colores-header .fondo-verde {
        background-color: rgba(138, 198, 65, 0.5);
    }

    .barrita-colores-header .fondo-azul {
        background-color: rgba(81, 190, 231, 0.5);
    }

    .barrita-colores-header-title .fondo-turquesa {
        background-color: rgba(81, 190, 231, 1);
    }

    .barrita-colores-header-title .fondo-naranja {
        background-color: rgba(246, 146, 31, 1);
    }

    .barrita-colores-header-title .fondo-rosa {
        background-color: rgba(236, 65, 128, 1);
    }

    .barrita-colores-header-title .fondo-verde {
        background-color: rgba(138, 198, 65, 1);
    }

    .barrita-colores-header-title .fondo-azul {
        background-color: rgba(81, 190, 231, 1);
    }

    .btns {
        float: left;
    }

    .btns a {
        background: #2796e0;
        /*float: left;*/
        padding: 10px 20px;
        border-radius: 25px;
        color: #fff;
        font-size: 20px;
        margin-left: 10px;
    }

    .btns-2 a {
        background: #586771;
        /*float: left;*/
        padding: 10px 20px;
        border-radius: 25px;
        color: #fff;
        font-size: 20px;
        /* margin-left: 10px;*/
    }

    /* GENERAL */

    h1 {
        color: #5A6771 !important;
        font-size: 40px !important;
        text-align: center;
        display: block;
        font-weight: bold;
        margin: 50px 0px;
        font-family: 'Exo 2', sans-serif;
    }

    h2 {
        color: #5A6771 !important;
        text-align: center;
        font-size: 36px !important;
        margin: 50px 0px;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
        line-height: normal;
    }

    .exo-2 {
        font-family: 'Exo 2', sans-serif
    }

    h3 {
        font-size: 20px !important;
        color: #525657;
        font-weight: bold;
        font-family: 'Roboto', sans-serif !important;
    }

    h4 {
        font-size: 18px !important;
        color: #5A6771;
        font-weight: bold;
        font-family: 'Roboto', sans-serif !important;
    }

    h5 {
        font-size: 12px !important;
        color: #5A6771;
        font-family: 'Roboto', sans-serif;
    }

    h6 {
        font-size: 10px !important;
        color: #5A6771;
        font-family: 'Roboto', sans-serif;
    }

    p,
    ul,
    ol {
        font-size: 14px !important;
        font-family: 'Roboto', sans-serif !important;
        color: #808080;
    }

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

    header h4 {
        margin: 0;
    }

    header h3 {
        margin: 0;
    }

    .mt0 {
        margin-top: 0px
    }

    .mt20 {
        margin-top: 20px;
    }

    .mt30 {
        margin-top: 30px;
    }

    .mt40 {
        margin-top: 40px;
    }

    .mt50 {
        margin-top: 50px;
    }

    .mt60 {
        margin-top: 60px;
    }

    .mt80 {
        margin-top: 80px;
    }

    .mb0 {
        margin-bottom: 0px
    }

    .mb20 {
        margin-bottom: 20px;
    }

    .mb30 {
        margin-bottom: 30px;
    }

    .mb40 {
        margin-bottom: 40px;
    }

    .mb50 {
        margin-bottom: 50px;
    }

    .mb60 {
        margin-bottom: 60px;
    }

    .mb80 {
        margin-bottom: 80px;
    }

    .btn {
        color: #FFF;
        width: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .fondo-gris-oscuro {
        background-color: #5A6771;
    }

    .fondo-gris-claro {
        background-color: #E6E6E8;
    }

    .fondo-azul {
        background-color: #51BEE7;
    }

    .fondo-verde {
        background-color: #8AC541;
    }

    .fondo-naranja {
        background-color: #F6921F;
    }

    .fondo-turquesa {
        background-color: #68C3A3;
    }

    .fondo-rosa {
        background-color: #EC4180;
    }

    .fonto-card {
        background-color: #40BFE5;
    }

    .fonto-blanco {
        background-color: #FFF;
    }

    .color-gris-oscuro {
        color: #5A6771;
    }

    .color-gris-claro {
        color: #E6E6E8;
    }

    .color-azul {
        color: #51BEE7;
    }

    .color-verde {
        color: #8AC541;
    }

    .color-naranja {
        color: #F6921F;
    }

    .color-rosa {
        color: #EC4180;
    }

    .color-negro {
        color: #333333;
    }

    .color-blanco {
        color: #fff !important;
    }

    .fond-sec-gris {
        background-color: #727C83;
    }

    .fond-sec-turquesa-claro {
        background-color: #14CAC4;
    }

    .fond-sec-morado {
        background-color: #885BC6;
    }

    .fond-sec-azul-oscuro {
        background-color: #232c65;
    }

    .fond-sec-naranja {
        background-color: #F69321;
    }

    .fond-sec-turquesa {
        background-color: #51BEE7;
    }

    .fond-sec-morado-opaco {
        background-color: #9364CC;
    }

    .fond-sec-rosa {
        background-color: #EC4180;
    }

    .fond-sec-verde {
        background-color: #8AC541;
    }

    .fond-sec-morado-bajo {
        background-color: #C9AFD3;
    }

    .fond-sec-rojo-marron {
        background-color: #AB1F2D;
    }

    .fond-sec-morado {
        background-color: #A43994;
    }

    .w100 {
        width: 100%;
    }

    .btn.fondo-naranja.color-blanco:hover {
        color: #FFF;
        background-color: #F6921F;
    }

    .bt-ver-mas {
        display: block;
        width: 150px;
        margin-left: auto;
        margin-right: auto;
        background-color: #F38A00;
        color: #FFF;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 20px;
        border: 1px solid #F38A00;
        border-radius: 5px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .bt-ver-mas:hover {
        background-color: #FFF;
        color: #F38A00 !important;
        font-size: 20px;
    }

    .bt-ver-mas-2 {
        display: block;
        width: 100%;
        background-color: #F38A00;
        color: #FFF;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 20px;
        border: 1px solid #F38A00;
        border-radius: 5px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .bt-ver-mas-2:hover {
        background-color: #FFF;
        color: #F38A00;
        font-size: 20px;
    }

    .separador {
        border: 1px solid #E6E6E8;
    }

    .aviso-confidencialidad:hover {
        font-weight: 700;
    }

    .min-height-350 {
        min-height: 350px;
    }

    .min-height-390 {
        min-height: 390px;
    }

    table {
        max-width: 1104px !important;
    }

    /* Icono Livestream */

    .livestream {
        line-height: 33px !important;
        text-align: left !important;
        padding-left: 5px;
    }

    .livestream-block h5,
    .livestream-block h3 {
        margin: 0;
    }

    .livestream-block h3 {
        padding: 0;
        line-height: 100%;
    }

    /* Newsletter FORM */

    #mc_embed_signup form {
        padding: 0;
    }

    #mc_embed_signup .mc-field-group {
        padding-bottom: 0;
        min-height: auto;
    }

    /* Seccion del Header */

    .menu-movil,
    .ciudapp-movil {
        display: none;
    }

    .menu-escritorio {
        /*position: absolute;*/
        width: 100%;
        z-index: 15;
    }

    .menu-escritorio-superior {
        position: relative;
        width: 100%;
        z-index: 20;
    }

    .menu-escritorio .container-fluid {
        background-color: #FFF;
        display: block;
        width: 100%;
    }

    .bt-cerrar-menu {
        cursor: pointer;
    }

    .menu-escritorio .col-20 {
        display: inline-block;
        float: left;
        width: 20%;
        height: 5px;
    }

    header .barra-verde-gris {
        background-color: #586771;
        height: 20px;
    }

    header .barra-gris {
        background-color: #E6E6E7;
        border-bottom: 1px solid #FFF;
    }

    header .fondo-logo {
        background-color: #586771;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    header .enlace {
        text-decoration: none;
        display: inline-block;
        width: 100%;
        float: left;
        text-align: center;
        height: 50px;
        line-height: 50px;
        color: #586771;
        font-size: 20px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }

    header .enlace-logo {
        position: relative;
    }

    header .enlace-logo .fondo-logo {
        position: absolute;
        width: 100%;
        z-index: 99;
        padding: 4px 7px 7px 7px;
    }

    header .enlace .fa {
        display: inline-block;
        width: 30%;
        color: transparent;
        font-size: 15px;
        text-align: right;
    }

    header .enlace:hover .fa {
        color: #586771;
    }

    header .enlace span {
        display: block;
        width: 100%;
        text-align: center;
    }

    header a {
        text-decoration: none;
        display: block;
        width: 100%;
    }

    header .redes a .fa {
        display: inline-block;
        width: 33px;
        height: 33px;
        line-height: 33px;
        text-align: center;
        border-radius: 100px;
        background-color: transparent;
        color: #5A6771;
        float: left;
        margin-top: 7px;
        font-size: 17px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        border: 1px solid transparent;
    }

    header .redes {
        padding-left: 50px;
    }

    .redes .fab:hover,
    .dato .fa:hover {
        background: #F6921F;
        color: #fff;
    }

    header .redes a .fa:hover {
        color: #FFF;
        background-color: #5A6771;
        border: 1px solid #5A6771;
    }

    header .bt-menu-principal {
        font-size: 40px;
        color: #586771;
        cursor: pointer;
    }

    header .bt-menu-principal.fa-bars {
        display: none;
    }

    header .rayida-hover {
        border-right: 1px solid #FFF;
        padding: 0px;
        border-bottom: 3px solid transparent;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    header .rayida-hover:hover {
        border-bottom: 3px solid #F69321;
    }

    /* Seccion del Header */

    /* Sección menú */

    .dirtel .boxs {
        border: solid 1px #333;
        border-radius: 5px;
        padding: 3%;
        margin-bottom: 20px;
    }

    .card {
        background-color: #40BFE5;
        color: #FFF !important;
        padding: 20px;
        min-height: 290px;
    }

    .a-card {
        color: #FFF;
    }

    .a-card:hover {
        color: #FFF !important;
    }

    /** REVISAR */

    .contenido {
        display: none;
        width: 100%;
        margin-top: 10px;
    }

    ul {
        list-style: none;
        width: 100%;
        margin: 0;
    }

    .blocks {
        width: 100%;
        padding: 0;
    }

    .item {
        margin: 0;
        width: 16%;
        display: inline-block;
        float: left;
        text-align: left;
    }

    .item-img {
        margin: 0;
        width: 52%;
        height: 300px;
        overflow: hidden;
        display: inline-block;
        float: left;
        text-align: center;
    }

    .item-img img {
        margin: 0px auto;
    }

    .item-below {
        margin: 0;
        width: 100%;
        display: inline-block;
        float: left;
        text-align: left;
    }

    .item-below a.color-blanco {
        color: #FFF;
        padding: 6px 0px;
    }

    .item-below a.color-blanco:hover {
        background-color: #FFF;
        color: #F6921F;
        border: 1px solid;
    }

    .title-menu {
        border-bottom: 1px solid rgb(220, 220, 220);
        font-family: "Roboto", sans-serif;
        margin-bottom: 15px;
        font-size: 16px;
        color: #5B6871;
        font-weight: bolder;
        padding-bottom: 10px;
        margin-top: 20px
    }

    .option {
        margin-bottom: 4px;
        font-size: 13px;
        padding: 5px;
    }

    .option a {
        color: #7D868C;
        font-family: "Roboto";
    }

    .container-reportes {
        margin-top: 30px;
    }

    .links-container {
        margin-top: 19px;
        color: #7D868C;
    }

    .links-container a {
        color: inherit;
        text-decoration: none;
    }

    .link-download {
        width: 80px;
        text-align: center;
        border: 2px solid #7D868C;
        padding: 2px 15px;
    }

    /*.block-1 {
    height: 280px;
}*/

    .block-2 {
        height: 305px;
    }

    .block-3 {
        height: 70px;
        background-color: grey;
    }

    .search-bar {
        background-color: #E6E6E7;
        text-align: center;
        height: 30px;
        margin-top: 13px;
    }

    /* Sección menú */

    .logo-itei {
        border-radius: inherit;
        height: 131px;
        width: 220px;
    }

    #block-views-noticias-block-3 .view-content,
    #block-views-noticias-block-1 .view-content,
    #block-views-sitios-de-interes-block .view-content {
        overflow: hidden;
    }

    /* Sección de CONSULTA DE CHEQUES A PROVEEDORES */

    form input[type="text"] {
        border: 2px solid #95989a;
        height: 40px;
        padding-left: 13px;
        display: block;
        width: 300px;
        margin: 13px auto;
        font-size: 14px;
        color: #808080;
        font-family: 'Roboto', sans-serif;
    }

    form input[type="submit"] {
        font-family: 'Roboto', sans-serif;
        background-color: #FF9402;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        width: 200px;
        margin: 0px auto;
        display: block;
        border: 1px solid transparent;
        border-radius: 5px;
        padding: 5px 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    form input[type="submit"]:hover {
        color: #FF9402;
        background-color: #FFF;
        border: 1px solid #FF9402;
    }

    form input[type="email"] {
        border: 2px solid #95989a;
        height: 40px;
        padding-left: 13px;
        display: block;
        width: 300px;
        margin: 13px auto;
        font-size: 14px;
        color: #808080;
        font-family: 'Roboto', sans-serif;
    }

    form select {
        border: 2px solid #95989a;
        height: 40px;
        padding-left: 13px;
        display: block;
        width: 100px;
        margin: 13px auto;
        font-size: 14px;
        color: #808080;
        font-family: 'Roboto', sans-serif;
    }

    .caja-desplegable {
        border-radius: 5px;
        border: 1px solid #ADB0B1;
        padding: 7px 20px;
    }

    .caja-desplegable .bt-desplegable-consulta-cheques {
        cursor: pointer;
    }

    .titulo-caja-resplegable {
        color: rgb(149, 152, 154);
        font-weight: 100;
        width: 90%;
        display: inline-block;
        margin: 7px 0px;
        text-align: left;
    }

    .fa-minus,
    .fa-plus {
        color: #ADB0B1;
        font-size: 25px;
        width: 10%;
        display: inline-block;
        text-align: center;
        margin: 13px 0px;
    }

    .fa-minus {
        color: red;
    }

    .caja-interna-desplegable {
        display: none;
    }

    .caja-interna-desplegable a {
        color: #808080;
        font-size: 18px;
        display: block;
        width: 100%;
        margin: 13px 0px;
    }

    /* Sección de CONSULTA DE CHEQUES A PROVEEDORES */

    /* Sección de NOTICIAS */

    h3 a {
        color: #525657;
        text-decoration: none;
    }

    h3:hover a {
        color: #333;
        text-decoration: none;
    }

    .caja-de-noticia {
        height: auto;
        margin: 30px 0px;
        min-height: 270px;
    }

    .section-comunicacion-institucional .caja-de-noticia {
        height: auto;
        margin: 30px 0px;
        min-height: 560px !important;
    }

    .caja-imagen {
        width: 100%;
        height: auto;
        /*height: 120px;*/
        /*overflow: hidden;*/
    }

    .caja-landing {
        display: block;
        position: relative;
        width: 100%;
        height: 300px;
        overflow: hidden;
        background-size: cover;
        background-repeat: no-repeat;
        margin: 60px 0px;
    }

    .caja-landing a {
        display: block;
        width: 150px;
        margin: 20% auto 0px auto;
        background-color: #FF9E03;
        color: #FFF;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-color: transparent;
        font-size: 20px;
        font-family: 'Roboto', sans-serif;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .caja-landing a:hover {
        color: #FF9E03;
        background-color: #FFF;
        border-color: #FF9E03;
    }

    .col-xs-12.height-noticias {
        height: 195px;
        overflow: hidden;
    }

    .height-noticias .tags {
        float: left;
        margin-left: 15px;
    }

    .height-noticias h3 {
        margin-bottom: 10px;
    }

    .height-noticias h5 {
        margin: 10px 0;
    }

    .news-section {
        float: right;
        margin-right: 15px;
        line-height: 39px;
        color: #979ea2;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
    }

    .news-section i {
        margin-right: 10px;
    }

    .shared-left {
        float: left;
    }

    .description {
        display: none;
    }

    input#edit-submit-noticias {
        margin-top: 39px;
    }

    /* Sección de NOTICIAS */

    /* Tramites en Home */

    #block-views-accesos-block p {
        height: 60px;
    }

    #block-views-accesos-block-1 p {
        height: 40px;
    }

    /* PAGINADOR */

    .pager {
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0px auto;
    }

    .pager li {
        list-style-type: none;
        display: inline;
        margin: 30px 7px;
    }

    .pager a {
        color: #FFF;
        text-decoration: none;
    }

    .pager .pager-ellipsis {
        display: none;
    }

    .pager .pager-first,
    .pager .pager-previous,
    .pager .pager-next,
    .pager .pager-last {
        display: inline-block;
        /*width: 70px;*/
        height: 70px;
        line-height: 20px;
    }

    .pager .pager-first a,
    .pager .pager-next a,
    .pager .pager-previous a,
    .pager .pager-last a {
        background-color: transparent;
        color: #B4BABE;
        font-size: 15px;
        text-align: center;
        display: block;
        padding: 0px 14px
    }

    .pager .pager-current {
        background-color: #5A6771;
        line-height: 40px;
        font-size: 15px;
        width: 40px;
        height: 40px;
    }

    .pager .pager-current,
    .pager .pager-item {
        text-align: center;
        color: #FFF;
        border-radius: 70px;
        display: inline-block;
    }

    .pager .pager-item a {
        display: block;
        width: 40px;
        height: 40px;
        background-color: #B4BABE;
        color: #FFF;
        border-radius: 100px;
        font-size: 15px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        padding: 9px 14px;
    }

    .pager .pager-item a:hover {
        background-color: #5A6771;
    }

    /* PAGINADOR */

    /* Interior de HISTORIS Y ESCUDO */

    .circle-img {
        /* border-radius: 50%; */
        display: block;
        max-width: 100%;
        height: auto;
        border-radius: 1000px;
        height: 70px;
        width: 80px;
        /* margin: 15px auto; */
    }

    /* field-label*/

    .field .field-label {
        font-weight: bold;
        font-size: 18px;
        margin: 10px 0;
        color: #333333;
    }

    /* Interior de HISTORIS Y ESCUDO */

    /* Banners de INTERIORES */

    div[class*="banner-interiores-"] {
        border: 1px solid #949DA3;
        border-radius: 5px;
        margin: 30px 0px;
        padding: 7px 15px;
    }

    div[class*="banner-interiores-"] .header {
        border-bottom: 1px solid #949DA3;
        margin: 15px 0px;
    }

    div[class*="col-md-"]:hover .raya-blanca,
    div[class*="col-md-"]:hover .raya-naranja {
        width: 100%;
    }

    a.leer-more {
        color: #525657;
        font-size: 20px;
        text-align: center;
        display: block;
        width: 150px;
        border: 1px solid #5A6771;
        border-radius: 5px;
        float: right;
        margin: 15px 0px;
    }

    div[class*="banner-interiores-"] .cuerpo ul li {
        display: block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    div[class*="banner-interiores-"] .cuerpo ul li:before {
        content: "\f0da";
        font-size: 17px;
    }

    div[class*="banner-interiores-"] .cuerpo ul li a {
        display: inline-block;
        color: #7F7F7F;
        font-size: 20px;
        margin: 15px 0px;
        padding-left: 13px;
    }

    /* Banners de INTERIORES */

    /* Bloque Organigrama 2 y 3 */

    .organigrama-box {
        height: 325px;
    }

    .img-organigrama {
        display: block;
        max-width: 100%;
        height: auto;
        border-radius: 1000px;
        height: 130px;
        width: 130px;
        margin: 15px auto;
    }

    .barrita {
        display: block;
        width: 50px;
        border: 1px solid #AAAFB3;
        text-align: center;
        margin: 15px auto;
    }

    .redes .fab,
    .dato .fa,
    .dato .fab {
        display: inline-block;
        height: 30px;
        width: 30px;
        border-radius: 100px;
        color: #F6921F;
        line-height: 30px;
        margin: 0px 7px;
        border: 1px solid #F6921F;
    }

    .redes .fab:hover,
    .dato .fa:hover {
        background: #F6921F;
        color: #fff;
    }

    .dato .fa,
    .dato .fab {
        display: inline-block;
        float: left;
        border-radius: 100px;
        text-align: center;
        width: 30px;
        height: 30px;
        line-height: 30px;
        color: #5A6771;
        border: 1px solid #5A6771;
        margin-right: 13px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .dato .fa:hover {
        background: #5A6771;
        color: #fff;
    }

    div[class*="bloque-organigram-"] div[class*="col-sm-"] {
        min-height: 550px;
    }

    .bloque-organigram-1-3 div[class*="col-sm-offset-"] {
        margin-right: 10px;
    }

    /* Bloque Organigrama 2 y 3 */

    .tramites-icon:hover a {
        text-decoration: none;
    }

    .tramites-icon:hover p {
        transition: all 0.3s;
        color: #5a6771;
        font-size: 14px !important;
        font-weight: 800;
    }

    /* Bloque de Contenido Informativo */

    .bloques-contenidos-informativos .container {
        border-bottom: 3px solid #ACACAC;
        padding-bottom: 30px;
    }

    /* Bloque de Contenido Informativo */

    /* Bloque de Noticias como Video */

    .bloque-noticias-videos .container {
        margin: 60px auto;
        border-bottom: 3px solid #ACACAC;
        padding-bottom: 30px;
    }

    .bloque-noticias-videos img {
        display: inline-block;
        width: 50%;
        float: left;
    }

    .bloque-noticias-videos .texto {
        display: inline-block;
        width: 50%;
        float: left;
        padding: 0px 15px;
    }

    .bloque-noticias-videos div[class*="col-sm-"] {
        height: 220px;
        border-bottom: 1px solid #ACACAC;
        margin: 20px 0px;
        height: 270px;
    }

    .bloque-noticias-videos div[class*="col-sm-"]:nth-child(1) {
        border-bottom: 1px solid transparent;
        min-height: 733px;
    }

    .bloque-noticias-videos div[class*="col-sm-"]:nth-child(1) img {
        width: 100%;
        display: block;
    }

    .bloque-noticias-videos div[class*="col-sm-"]:nth-child(1) .texto {
        width: 100%;
        display: block;
        padding: 0;
    }

    /* Bloque de Noticias como Video */

    /* Directorio Telefonico */
    .views-exposed-form-directorio-telef-nico-page-1 .views-exposed-widgets{padding: 0px 15px;}
    .views-exposed-form-directorio-telef-nico-page-1 .views-exposed-widgets .views-submit-button{margin-top: 20px;}
    .border-directorio-telefonico {
        border: 2px solid #E6E6E8;
        padding: 5px 15px 5px 15px;
        min-height: 440px;
        height: 100%;
    }

    #block-webform-client-block-2437 h2 {
        display: none;
    }

    #edit-submit-directorio-telef-nico {
        margin-top: 15px;
    }

    /* Gerencia */
    .views-exposed-widgets label {
    	display: none !important;
    }

    .geren-posi { position: relative; }
    .geren-posi p { position: absolute; top: 20px; right: 0; }

    /* Bloque de Trámites Especiales */

    .bloque-tramites-especiales .container {
        margin: 60px auto;
        border-bottom: 3px solid #ACACAC;
        padding-bottom: 30px;
    }

    img.tramite-especial {
        display: block;
        width: 100px;
        height: 100px;
        margin: 0px auto;
        border-radius: 1000px;
    }

    .border-especial {
        border: 1px solid transparent;
        border-radius: 5px;
        padding: 20px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .barrita-especial {
        background-color: #EAEAEA;
        width: 100px;
        margin: 0px auto;
        height: 3px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .cuerpo-especial {
        font-size: 20px;
        margin: 15px 0px;
        text-align: justify;
        overflow: hidden;
        height: 0px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .border-especial:hover {
        border: 1px solid #DADADA;
    }

    .border-especial:hover .barrita-especial {
        width: 50px;
    }

    .border-especial:hover .cuerpo-especial {
        height: 150px;
        overflow: inherit;
        margin: 20px 0px;
    }

    a[class*="bt-color-"] {
        display: block;
        color: #FFF;
        font-size: 20px;
        padding: 7px 13px;
        margin: 15px auto;
    }

    .bt-color-verde {
        background-color: #83C355;
        width: 150px;
    }

    .bt-color-naranja {
        background-color: #EF8A20;
        width: 100px;
    }

    /* Bloque de Trámites Especiales */

    /* Pagina Tramites */

    .view-id-tramites h3 {
        clear: both;
    }

    .view-id-tramites h3 {
        clear: both;
        border-bottom: 1px solid #e6e6e7;
        font-size: 36px !important;
        padding-top: 20px;
    }

    .view-tramites.view-id-tramites .fond-sec-turquesa-claro h3 {
        padding-top: 20px;
        font-size: 20px !important;
        border: none;
    }

    .btn-ts {
        position: absolute;
        top: 236px;
    }

    .view-tramites.view-id-tramites .fond-sec-turquesa-claro {
        min-height: 280px;
    }

    select#edit-term-node-tid-depth {
        padding: 5px;
        border: 1px solid #E6E6E8;
        border-radius: 5px;
        color: #808080;
    }

    .views-exposed-form .views-exposed-widget .form-submit {
        margin-top: 13%;
        border-radius: 5px;
    }

    /* Bloque de Directorio de Dependencias */

    .bloque-directorio-dependencia .container {
        margin: 60px auto;
        border-bottom: 3px solid #ACACAC;
        padding-bottom: 30px;
    }

    form.dependencias {
        width: 60%;
        margin: 0px auto;
        padding: 70px 0px;
        color: #808080;
        font-size: 20px;
    }

    form.dependencias select {
        border: 2px solid #ABAEAF;
        border-radius: 5px;
        width: 60%;
        height: 40px;
        display: inline-block;
        float: left;
        margin: 0px 3%;
        font-size: 20px;
        padding-left: 15px;
    }

    form.dependencias input {
        color: #FFF;
        background-color: #FF9402;
        border: 1px solid transparent;
        width: 28%;
        font-size: 20px;
        display: inline-block;
        float: left;
        margin: 0px 3%;
        height: 40px;
    }

    .border-dependencia {
        border: 1px solid #CED0D1;
        padding: 30px 15px 50px 15px;
        margin: 15px 0px;
    }

    .dato-dependencia .fa:hover {
        background: #F6921F;
        color: #fff;
    }

    .tramites-depend {
        min-height: 250px;
        border: 1px solid #ACACAC;
        margin-bottom: 10px;
        padding: 0 20px;
    }

    .tramites-depend p {
        text-align: left;
        padding: 0 10px;
    }

    .depen-btn {
        margin-bottom: 40px;
    }

    .img-coordinacion {
        margin: 0.25%;
        width: 50%;
        height: 82px;
    }

    .coord-height {
        height: 80px;
    }

    .depend-height {
        height: 55px;
    }

    /* Bloque de Directorio de Dependencias */

    /* Bloque de Filtros de Trámites y Servicios de Dependencias */

    .filtro-tramiter-servicios .container {
        margin: 60px auto;
        border-bottom: 3px solid #ACACAC;
        padding-bottom: 30px;
    }

    form.tramite {
        width: 60%;
        margin: 0px auto;
        padding: 70px 0px;
    }

    form.tramite select {
        border: 2px solid #ABAEAF;
        border-radius: 5px;
        width: 60%;
        height: 40px;
        display: inline-block;
        float: left;
        margin: 0px 3%;
        font-size: 20px;
        padding-left: 15px;
    }

    form.tramite input {
        color: #FFF;
        background-color: #FF9402;
        border: 1px solid transparent;
        width: 28%;
        font-size: 20px;
        display: inline-block;
        float: left;
        margin: 0px 3%;
        height: 40px;
    }

    .title-interior-azul {
        font-size: 40px;
        color: #51BEE7;
        font-family: 'Exo 2';
        font-weight: 500;
    }

    .text-tramite {
        background-color: #40BFE5;
        color: #FFF;
        padding: 7px 13px 0px 13px;
        /*margin-top: 13px;*/
    }

    .a-tramite {
        display: block;
        color: #FFF;
        margin-top: 13px;
    }

    .a-tramite:hover {
        color: #FFF;
    }

    /* Bloque de Filtros de Trámites y Servicios de Dependencias */

    /*. Dependencias Page .*/

    .link-website {
        letter-spacing: 10px;
        margin: 30px 0 10px;
        text-align: center;
        text-transform: uppercase;
        font-size: 30px;
    }

    .view-opd .text-tramite {
        min-height: 250px;
    }

    /* Bloque de Cabecera de Secciones*/

    .cabecera-de-secciones .container {
        margin: 60px auto;
        border-bottom: 3px solid #ACACAC;
        padding-bottom: 30px;
    }

    .a-seccion {
        float: left;
    }

    /* Bloque de Cabecera de Secciones*/

    /* Bloque Formulario de Denuncias */

    .bloque-formulario-denuncia .container {
        margin: 60px auto;
        border-bottom: 3px solid #ACACAC;
        padding-bottom: 30px;
    }

    .webform-client-form,
    form.denuncia {
        width: 400px;
        display: block;
        margin: 30px auto;
    }

    .webform-client-form input[type="text"],
    .webform-client-form input[type="email"],
    .webform-client-form textarea,
    .denuncia input[type="text"],
    .denuncia textarea {
        border: 2px solid #95999B;
        border-radius: 5px;
        color: #95999B;
        padding-left: 13px;
        margin: 7px 0px;
        width: 100%;
        font-size: 16px;
        color: #808080;
    }

    .denuncia input[type="text"] {
        height: 35px;
    }

    .banner-seccion {
        display: block;
        width: 100%;
        height: 300px;
        overflow: hidden;
    }

    .banner-seccion img {
        width: 100%;
    }

    /* Bloque Formulario de Denuncias */

    /* Bolsa de trabajo */

    .bolsa-trabajo {
        border: 1px solid #95989A;
        padding: 10px 20px;
        min-height: 350px;
        border-radius: 5px;
    }

    .empleador {
        font-size: 16px;
    }

    .box-empleador {
        border: 1px solid #cccccc;
        padding: 10px;
        border-radius: 15px;
        margin-bottom: 30px;
        height: 300px;
    }

    .emple-date {}

    .emple-title {
        font-size: 24px;
        margin: 20px 0;
    }

    .emple-scolarship,
    .emple-age,
    .emple-gender,
    .emple-experience {
        margin-bottom: 10px;
    }

    /* Prensa de Gobierno */

    .view-display-id-block_8 h5 {
        margin: 0px auto;
    }

    #block-views-noticias-block-8 h5 {
        margin: 0px auto;
    }

    #block-views-noticias-block-8 .caja-boletin {
        min-height: 333px;
    }

    /*Regidores*/

    .img-app.parti2-pan img {
        border: 3px solid #014AA6;
        padding: 5px;
    }

    .img-app.parti2-pri img {
        border: 3px solid #D23026;
        padding: 5px;
    }

    .img-app.parti2-morena img {
        border: 3px solid #992137;
        padding: 5px;
    }

    .img-app.parti2-mc img {
        border: 3px solid #F6921F;
        padding: 5px;
    }

    .img-app.parti2-pv img {
        border: 3px solid #54B948;
        padding: 5px;
    }

    .reg_height {
        height: 40px;
    }

    /* Bloque de enlaces a Aplicaciones */

    .bloque-iconos-apps .container {
        margin: 60px auto;
        border-bottom: 3px solid #ACACAC;
        padding-bottom: 30px;
    }

    .img-app img {
        border-radius: 100px;
        width: 150px;
        height: 150px;
        margin: 0px auto;
    }

    /* Bloque de enlaces a Aplicaciones */

    /* Bloque eventos */

    .contenido-eventos {
        border: 1px solid #e9e9ea;
        padding: 0px 20px;
        height: 300px;
    }

    .evento-fecha {
        text-transform: capitalize;
    }

    .bloque-eventos .container {
        margin: 0px auto;
        padding-bottom: 30px;
    }

    .bloque-eventos .dato {
        overflow: hidden;
    }

    /* Bloque eventos */

    /* Bloque de Sessiones para Videos */

    .bloque-sessione-video .container {
        margin: 60px auto;
        border-bottom: 3px solid #ACACAC;
        padding-bottom: 30px;
    }

    /* Bloque de Sessiones para Videos */

    .noticia-list {
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 1px solid #cccccc;
    }

    #block-views-video-block-3 h5 {
        margin: 10px 0;
        line-height: normal;
    }

    #block-views-video-block-3 h3 {
        margin: 0;
        line-height: normal;
    }

    /* Bloque de Noticias relacionadas */

    .bloque-noticias-relacionadas .container {
        margin: 60px auto;
        border-bottom: 3px solid #ACACAC;
        padding-bottom: 30px;
    }

    .separador-noticias {
        border-bottom: 1px solid #cecece;
    }

    .list-noticias h3 {
        font-size: 28px !important;
    }

    .list-noticias p {
        font-size: 22px !important;
        line-height: 1.8em !important;
    }

    .img-list-noticias {
        /*width: 45%;
    float: left;
    margin-right: 30px;*/
    }

    .texto-noticia-lit h5 {
        margin: 5px 0px;
        line-height: normal;
    }

    .texto-noticia-lit h3 {
        margin: 5px 0px;
        line-height: normal;
    }

    .separador-noticias-list {
        border-bottom: 2px solid #efefef;
        margin: 30px 0 15px 0;
    }

    .separador-noticia {
        border-bottom: 1px solid #95989A;
        margin: 10px 0;
    }

    /* Bloque de Noticias relacionadas */

    /* Bloque de Caja para Icono, Titulo y cuerpo */

    .bloque-cajas-ico-titulo-cuerpo .container {
        margin: 60px auto;
        border-bottom: 3px solid #ACACAC;
        padding-bottom: 30px;
    }

    .border-comisiones {
        border: 1px solid #CED0D1;
        padding: 30px 15px 50px 15px;
        border-radius: 5px;
    }

    .img-comisiones img {
        display: block;
        border-radius: 100px;
        width: 100px;
        height: 100px;
        margin: 0px auto;
    }

    /* Bloque de Caja para Icono, Titulo y cuerpo */

    /*  ##############################################
    ####               Cruz Verde             ####
    ############################################## */

    .bg-verde-titulo {
        background: #6bbb74;
        color: #fff;
        padding: 3%;
    }

    .bg-gris-cv {
        background: #e6e6e8;
        padding: 5%;
        bottom: 30px;
        position: relative;
        color: #5b6871;
        min-height: 810px;
    }

    /* Termina Cruz Verde */

    /*  ##############################################
    ####        SoundCloud Comunicados        ####
    ############################################## */

    .media-soundcloud-player {
        width: 100%;
        height: 150px;
    }

    .flickr_height {
        height: 100px;
        overflow: hidden;
    }

    /* Bloque de 116 caracteres */

    .bloque-116-caracteres .container {
        margin: 60px auto;
        border-bottom: 3px solid #ACACAC;
        padding-bottom: 30px;
    }

    img.radius {
        width: 100%;
        height: auto;
        border-radius: 5px;
    }

    .name-gdl p {
        text-align: center;
        border: 1px solid #95989a;
        border-radius: 5px;
        padding: 5px;
    }

    .bloque-116-caracteres h2 {
        margin: 0;
    }

    .bloque-116-caracteres li {
        list-style: square;
    }

    .bloque-116-caracteres ol li {
        list-style: decimal;
    }

    .soundcloud iframe {
        height: 140px;
    }

    .content-news img {
        width: auto !important;
    }

    /* Bloque de 116 caracteres */

    /* Bloque conoce al presidente municipal */

    .bloque-conoce-alfaro {
        margin: 0px auto;
        /*border-bottom: 3px solid #ACACAC;
    padding-bottom: 30px;*/
    }

    .bloque-conoce-alfaro .container {
        margin: 0px auto;
        border-bottom: 3px solid #ACACAC;
        padding-bottom: 30px;
    }

    .bloque-conoce-alfaro h3.title-alfaro {
        text-align: left;
        font-size: 50px !important;
    }

    .bloque-conoce-alfaro h3.title {
        text-align: left;
        font-size: 30px !important;
        margin: 0px;
    }

    .bloque-conoce-alfaro .presidencialogo {
        width: 250px;
        height: 130px;
        display: block;
        /*margin: 0px auto;*/
    }

    .bloque-conoce-alfaro iframe #calendarTitle {
        display: none;
    }

    }

    /* Bloque conoce al presidente municipal */

    .back-color {
        background: #E6E6E8;
    }

    .testing-this {
        background: #E6E6E8;
    }

    input[type="text"].input-alfaro {
        width: 100%;
        border: 1px solid #95989a;
        border-radius: 5px;
        padding: 10px;
    }

    input[placeholder].input-alfaro {
        color: #95989a;
    }

    /* Bloque de atención Ciudadana */

    .bloque-atencion-ciudadana .container {
        margin: 60px auto;
        border-bottom: 3px solid #ACACAC;
        padding-bottom: 30px;
    }

    /* Bloque de atención Ciudadana */

    .title-interior-azul {
        font-size: 40px;
        color: #51BEE7;
        font-family: 'Exo 2';
        font-weight: 500;
    }

    /* Bloque Obras en Proceso */

    .border-obras.borde-azul {
        border: 2px solid #51BEE7;
    }

    .border-obras {
        border: 2px solid #E6E6E8;
        padding: 5px 15px 5px 15px;
        min-height: 470px;
        height: 100%;
    }

    .border-aviso {
        border: 2px solid #F6921F;
        padding: 5px 15px 5px 15px;
    }

    .color-turquesa {
        color: #51BEE7;
    }

    /* Bloque obras en proceso */

    /* Vista de Unidades Admisnitrativas */

    .view-unidades-administrativas .card {
        min-height: 300px;
    }

    /* Vista de Unidades Admisnitrativas */

    /* Node - Noticias */

    .node-sidebar-title {
        margin: 0 auto 10px;
    }

    /*Transparencia */

    .h2-transparencia {
        margin: 20px auto;
    }

    .trans-height {
        height: 50px;
    }

    .submenu-evaluacion {
        display: none;
    }

    .submenu-evaluacion li a {
        color: #586771;
        display: block
    }

    .submenu-evaluacion li a:hover {
        border-bottom: 3px solid #F08100;
        text-decoration: none;
    }

    .submenu-evaluacion li {
        background: #E6E6E7;
        border-bottom: 1px solid #ffffff;
        padding: 10px 20px;
    }

    /* Plataformas Digitales */

    .boxs {
        color: #fff;
        padding: 20px;
        border-radius: 5px;
        height: 355px;
    }

    .boxs:hover {
        text-decoration: none !important;
    }

    .rsfb {
        background: #3d5b97;
    }

    .rstw {
        background: #5fb8d3;
    }

    .rsyt {
        background: #e34543;
    }

    .rsin {
        background: url("/sites/all/themes/gdl/images/bgsocials.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .rspr {
        background: #3697b0;
    }

    .rslv {
        background: #d21331;
    }

    .rzlogo {
        width: 40px;
        float: left;
        font-size: 100px;
    }

    .rzlogo2 h2,
    .rzec h3,
    .rztit h2,
    .rztxt p {
        color: #fff !important;
    }

    .rzlogo2 h2:hover,
    .rzec h3:hover,
    .rztit h2:hover,
    .rztxt p:hover {
        text-decoration: none !important;
    }

    .rzec {
        margin-top: -25px;
    }

    .rztit h2 {
        font-size: 31px !important;
        margin-top: -20px;
        margin-bottom: 5px;
    }

    .rspr .rzlogo img {
        width: 160px !important;
        height: 160px !important;
        margin-left: -40px;
        margin-top: -50px;
        max-width: none;
    }

    .rslv .rzlogo img {
        width: 160px !important;
        height: 160px !important;
        margin-left: -30px;
        margin-top: -50px;
        margin-right: 10px;
        max-width: none;
    }

    .rslv .rzlogo {
        width: 85px;
    }

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

    /* Plataformas Digitales */

    /* Seguridad y Comisarias */

    .card-bases {
        background-color: #001F60;
        color: #FFF !important;
        padding: 20px;
        height: 150px;
    }

    /* Seguridad y Comisarias */

    /* footer */

    .footer-container {
        border-top: 2px solid #E6E6E8;
        margin-top: 60px;
    }

    .footer-redes {
        display: inline-block;
        float: left;
        padding: 2px;
    }

    .colors-footer {
        text-align: center;
    }

    .colors {
        width: 10%;
        height: 15px;
        display: inline-block;
        margin-left: -2px;
        margin-right: -2px;
        margin-bottom: -6px;
    }

    .a-footer {
        text-decoration: none;
        color: #808080;
    }

    .a-footer {
        color: #808080 !important;
    }

    form.form-footer input[type="submit"] {
        font-family: 'Roboto', sans-serif;
        border: none;
        background-color: #FF9402;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        width: 200px;
        /* margin: 0px auto; */
        float: right;
        display: block;
        border-radius: 5px;
        border: 1px solid transparent;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    form.form-footer input[type="submit"]:hover {
        color: #FF9402;
        background-color: #fff;
        border: 1px solid #FF9402;
    }

    form.form-footer input[type="text"] {
        border: 2px solid #F6921F;
        height: 40px;
        padding-left: 13px;
        display: block;
        width: 100%;
        margin: 13px auto;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        color: #F6921F;
        border-radius: 5px;
    }

    form.form-footer input[placeholder] {
        color: #F6921F;
        font-family: 'Roboto', sans-serif;
    }

    form.form-footer::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: #F6921F;
        font-family: 'Roboto', sans-serif;
    }

    form.form-footer:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #F6921F;
        font-family: 'Roboto', sans-serif;
    }

    form.form-footer::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #F6921F;
        font-family: 'Roboto', sans-serif;
    }

    form.form-footer:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #F6921F;
        font-family: 'Roboto', sans-serif;
    }

    .addthis_inline_follow_toolbox_k2ov {
        float: left;
        margin-top: -15px;
        margin-left: 10px;
    }

    /* footer */

    /*************************/

    /*****
/*****  Search Page
/*****
/*************************/

    .search-results .search-snippet-info {
        padding-left: 0px;
    }

    .search-results .search-info {
        font-style: italic;
        font-size: 12px !important;
        color: #ccc;
    }

    .search-form .form-item label {
        text-align: center;
        display: block;
        font-size: 14px;
        color: #969696;
        font-weight: normal;
    }

    /*************************/

    /*****
/*****  404 Page
/*****
/*************************/

    #main-body {
        font-family: 'Exo 2';
        margin-top: 30px;
    }

    .logoSVG {
        width: 150px;
    }

    .colors-top .colors {
        width: 20%;
        height: 4px;
        display: inline-block;
        margin-left: -2px;
        margin-right: -2px;
        margin-bottom: 6px;
    }

    .error-titulo {
        font-size: 20px !important;
        color: #7D868C;
        line-height: 30px;
        font-weight: 600;
    }

    .error-404 {
        font-size: 150px;
        text-shadow: 0px 4px 1px rgba(186, 186, 186, 1);
        color: #7D868C;
    }

    .error-404 span {
        font-size: 62px;
        text-shadow: 0px 3px 1px rgba(186, 186, 186, 1);
    }

    .text-404 {
        text-align: center;
    }

    #main-body .color-blanco:hover {
        color: #fff;
        font-size: 16px;
    }

    /* Bootstrap */

    .nomargin {
        margin: 0;
    }

    .col-center {
        float: none;
        margin: 0 auto;
    }

    .col-left {
        float: left;
    }

    .col-right {
        float: right;
    }

    .center-block {
        float: none;
    }

    .sinpadding-container {
        padding: 0;
    }

    .sinpadding [class*="col-"] {
        padding: 0;
    }

    .flex-video {
        position: relative;
        height: 0;
        padding-bottom: 75%;
        margin-bottom: 1rem;
        overflow: hidden;
    }

    .flex-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .media-youtube-video {
        position: relative;
        height: 0;
        padding-bottom: 75%;
        margin-bottom: 1rem;
        overflow: hidden;
    }

    .media-youtube-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /**********
    ***pagina recaudadoras
    ********/
    .page-taxonomy-term-46 .main article.node-teaser{display:none;}
    .vw-recaudadoras{margin-top: 10%;}
    .vw-recaudadoras .views-row-1{background-color: #0B5878;}
    .vw-recaudadoras .views-row-2{background-color: #0B5E7B;}
    .vw-recaudadoras .views-row-3{background-color: #094E65;}
    .vw-recaudadoras .views-row-4{background-color: #0B5E7B;}
    .vw-recaudadoras .views-row-5{background-color: #0B6882;}
    .vw-recaudadoras .views-row-6{background-color: #08bdf0;}
    .vw-recaudadoras .views-row{padding: 2% 7% 3%;}
    .bkrecaudadora{
      width: 100%;
      margin: 10px 0px;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url(../images/transparencia/give-money.svg);
      background-size: auto 100%;
      display: block;
      height: 100px;
    }
    .bkrec-enlace{
      width: 100%;
      margin: 10px 0px;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url(../images/transparencia/external-link-symbol-1.svg);
      background-size: auto 100%;
      display: block;
      height: 100px;
    }
    .tr-blanco a, .tr-blanco a:hover{color:#fff;font-size: 18px;}
    .tmg4{margin-bottom: 4%;
      font-weight: 700;
      font-size: 25px !important;
      color: #333 !important;
      text-align: left;
      }
    .field-name-field-centro-de-servicio{width: 100%;float: left;margin-bottom: 4%;padding-left: 35px;}
    .field-name-field-centro-de-servicio .field-label{float: left;}
    .field-name-field-centro-de-servicio .field-items{margin: 10px 15px;float: left;}
    .field-name-field-centro-de-servicio .field-items a{font-weight: 700;font-size: 18px;color: #333;}
    .field-name-field-titular{margin-bottom: 4%;padding-left: 35px;}
    .field-name-field-direccion .field-label, .field-name-field-direccion.field-label{
      background-image: url(../images/transparencia/direccion.svg);
      background-repeat: no-repeat;
      background-size: 25px;
      padding-left: 35px;
      font-size: 20px;
    }
    .field-name-field-telefono .field-label{
      background-image: url(../images/transparencia/telefono.svg);
      background-repeat: no-repeat;
      background-size: 25px;
      padding-left: 35px;
    }
    .field-name-field-correo .field-label{
      background-image: url(../images/transparencia/.svg);
      background-repeat: no-repeat;
      background-size: 25px;
      padding-left: 35px;
    }
    .field-name-field-horarios-de-atencion .field-label, .field-name-field-horarios-de-atencion.field-label{
      background-image: url(../images/transparencia/horario.svg);
      background-repeat: no-repeat;
      background-size: 25px;
      padding-left: 35px;
      font-size: 20px;
    }
    .field-name-field-servicios .field-label{
      background-image: url(../images/transparencia/.svg);
      background-repeat: no-repeat;
      background-size: 25px;
      padding-left: 35px;
    }
    .field-name-field-direccion .field-items, .field-name-field-telefono .field-items, .field-name-field-correo .field-items,
    .field-name-field-horarios-de-atencion .field-items, .field-name-field-servicios .field-items{
      padding-left: 35px;
    }
    .titulartabla{padding-bottom: 4%;}
    .negritas{font-weight: 700;}
    .azult{color:#0B5E7B;}
    .bkgrist{background-color: #e6e6e7;}
    .bkgrist .tr{border-bottom: 5px solid #ffffff;}
    .bkgrist .tr .td{padding: 20px !important;}

    /*popup mesagge*/
    h1.popup-message-title{display:none !important;}

    @media screen and (max-width: 1783px) {
        .col-lg-center {
            float: none;
            margin: 0 auto;
        }

        .text-lg-left {
            text-align: left;
        }

        .text-lg-right {
            text-align: right;
        }

        .text-lg-center {
            text-align: center;
        }

        .text-lg-justify {
            text-align: justify;
        }
    }

    @media screen and (max-width: 1200px) {}

    @media screen and (max-width: 1199px) {
        .col-md-center {
            float: none;
            margin: 0 auto;
        }

        .text-md-left {
            text-align: left;
        }

        .text-md-right {
            text-align: right;
        }

        .text-md-center {
            text-align: center;
        }

        .text-md-justify {
            text-align: justify;
        }

        .filtro-tramiter-servicios .img {
            height: 150px;
        }

        .bloque-noticias-videos div[class*="col-sm-"] {
            height: auto;
        }

        .bloque-noticias-videos img,
        .bloque-noticias-videos .texto {
            width: 100%;
        }

        .bloque-noticias-videos div[class*="col-sm-"]:nth-child(1) {
            border-bottom: 1px solid #ACACAC;
            min-height: auto;
        }

        .bloques-contenidos-informativos div[class*="col-sm-"] {
            position: inherit;
        }

        .bloques-contenidos-informativos .cuerpo {
            position: inherit;
            bottom: inherit;
        }
    }

    @media (max-width: 1024px) {
        .cards .card {
            padding: 20px 20px 40px 20px;
        }

        .block-2 {
            height: 0;
        }

        .item.show {
            opacity: 1;
            max-height: 220px;
        }

        .item-below.show {
            opacity: 1;
            max-height: 300px;
        }

        .item {
            width: 100%;
            max-height: 41px;
            text-align: center;
            overflow: hidden;
            padding: 26px;
            transition: 0.4s;
        }

        .item .title:after {
            content: "\02795";
            font-size: 13px;
            color: #777;
            float: right;
            margin-left: 5px;
        }

        .item.show .title:after {
            content: "\2796";
        }

        .item-below {
            width: 100%;
            max-height: 30px;
            text-align: center;
            overflow: hidden;
            padding: 26px;
            transition: 0.4s;
        }

        .item-below .title:after {
            content: "\02795";
            font-size: 13px;
            color: #777;
            float: right;
            margin-left: 5px;
        }

        .item-below.show .title:after {
            content: "\2796";
        }
        /*.link-download {
        width: 60px;
        padding: 1px 9px;
    }*/
        .link-download a {
            font-size: 11px;
        }

        .block-1 {
            height: 40px;
        }
    }

    @media screen and (max-width: 992px) {
        /*.headers {
        padding-top: 160px;
    }*/
        .img-list-noticias {
            width: 34%;
        }

        .col-sm-center {
            float: none;
            margin: 0 auto;
        }

        .text-sm-left {
            text-align: left;
        }

        .text-sm-right {
            text-align: right;
        }

        .text-sm-center {
            text-align: center;
        }

        .text-sm-justify {
            text-align: justify;
        }
    }

    @media screen and (max-width: 768px) {
        /*.headers {
        padding-top: 146px;
    }*/
        header .enlace-logo .fondo-logo {
            width: 60%;
        }

        .menu-escritorio-superior {
            display: none;
        }

        .menu-escritorio {
            display: none;
        }
        /* MENÚ MOVIL */
        .menu-movil {
            display: block;
            background-color: #586872;
        }

        .ciudapp-movil {
            display: block;
            background: #fff;
            text-align: center;
        }

        .ciudapp-movil img {
            width: 60%;
        }

        .btn-iosand {
            margin-top: 15px;
        }

        .seccion .fa {
            display: inline-block;
            float: right;
            position: relative;
            top: 8px;
            color: #586872;
        }

        .menu-movil .redes {
            margin-top: 13px;
        }

        .menu-movil .redes a {
            text-decoration: none;
            display: block;
            width: 100%;
        }

        .menu-movil .redes .fab {
            display: block;
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            border-radius: 100px;
            margin: 7px auto;
            background-color: #586872;
            color: #FFF;
            font-size: 20px;
            font-weight: 700;
            border: none;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
        }

        .menu-movil .redes .fab:hover {
            background-color: #F69321;
            color: #FFF;
        }

        .menu-movil .sesccion-top {
            top: -33px;
            z-index: 113;
        }

        .menu-movil .bt-menu-movil-top {
            z-index: 200;
        }

        .menu-movil .fondo-logo {
            background-color: #95989A;
        }

        .menu-movil .bt-menu-movil {
            display: block;
            cursor: pointer;
            color: #FFF;
            font-size: 30px;
            cursor: pointer;
        }

        .menu-movil .sesccion {
            cursor: pointer;
            padding: 13px 0px;
        }

        .menu-movil .secciones {
            display: block;
            color: #FFF;
            position: absolute;
            background-color: #FFF;
            /*background-color: #525657;*/
            top: 0px;
            right: 0px;
            z-index: 100;
            border: 1px solid #FFF;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
        }

        .menu-movil .secciones.mostrar-seccionnes {
            width: 100%;
            height: auto;
            overflow: inherit;
            opacity: 1;
            min-height: 100vh;
        }

        .menu-movil .secciones.ocultar-seccionnes {
            width: 0%;
            height: 0px;
            overflow: hidden;
            opacity: 0;
        }

        .menu-movil .seccion.lv1 {
            font-size: 20px;
            font-weight: 700;
            color: #586872;
            border-bottom: 2px solid #CDCECF;
        }

        .menu-movil .seccion.lv2 {
            font-size: 18px;
            color: #7E858E;
            border-bottom: 2px solid #CDCECF;
        }

        .menu-movil .seccion.lv3 {
            font-size: 14px;
            color: #949AA2;
            border-bottom: 2px solid #CDCECF;
            padding-left: 20px;
        }

        .menu-movil div[class*="contenedor"] {
            padding-left: 10px;
        }

        .menu-movil .seccion {
            text-decoration: none;
            display: block;
            padding: 7px 0px;
            line-height: 40px;
            cursor: pointer;
        }

        .menu-movil .seccion:active {
            border: 1px solid #FFF;
            color: #525657;
            background-color: #FFF;
        }

        .menu-movil .contenedor {
            height: auto;
            overflow: inherit;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
        }

        .menu-movil .contenedor.mostrar-seccion {
            height: auto;
            overflow: inherit;
        }

        .menu-movil .contenedor.ocultar-seccion {
            height: 0;
            overflow: hidden;
        }
        /* MENÚ MOVIL */
        .img-list-noticias {
            width: 100%;
        }

        form {
            width: 100%;
        }
        /* Sección de NOTICIAS */
        .contenedor-noticias .caja-imagen {
            width: 100%;
            height: auto;
        }

        .contenedor-noticias .caja-de-noticia {
            height: auto;
        }

        .bloque-116-caracteres h2 {
            margin: 0px 0px 37px;
        }

        .content-news img {
            width: 100% !important;
        }
        /* Finaliza Sección de NOTICIAS */
        .filtro-tramiter-servicios .img {
            height: auto;
        }

        .bloque-noticias-relacionadas .img {
            height: auto;
        }

        form.form-footer input[type="submit"] {
            float: none;
        }
        /* Headers - Home-Gobierno-Ciudad */
        .header-titulo {
            margin-top: 27px;
        }

        .raya-blanca {
            margin: 15px 0 10px;
        }
        /* Atencion Ciudadana */
        .item-below {
            max-height: 60px;
            padding: 3px;
        }
        /* OPD */
        .view-opd .text-tramite {
            min-height: 300px;
        }
    }

    @media screen and (max-width: 600px) {
        .fondo-cabecera-home,
        .fondo-cabecera-ciudad,
        .fondo-cabecera-gobierno {
            height: auto;
        }

        /*Temporal*/
        .fondo-cabecera-home {
            height: 320px;
            background-position-x: 39%;
        }

        .fondo-cabecera-home h4 {
            margin-top: 0;
            margin-bottom: 26%;
        }

        @media screen and (max-width: 480px) {
            .headers {
                /*padding-top: 78px;*/
                padding-top: 0;
            }
            .header {
                position: static;
            }

            .fondo-cabecera-home h4 {
                margin-top: 0;
                margin-bottom: 54%;
            }

            header .enlace-logo .fondo-logo {
                width: 100%;
            }

            .ciudapp-movil img {
                width: 100%;
            }
            /**
    Search Input Header
     */
            .header .form-item-search-block-form {
                width: 210px;
                margin-left: 78px;
            }
            #edit-search-block-form--2 {
                padding: 2px !important;
            }
            /**
        Redes Sociales Footer
     */
            .footer-redes {
                display: block;
                float: none;
                padding: 2px;
                text-align: center;
            }
            .addthis_inline_follow_toolbox_k2ov {
                width: 148px;
                margin: auto;
                float: none;
            }
            /**
        Social Menu
     */
            .menu-movil .redes {
                margin: 13px auto;
                width: 146px;
                padding-left: 0;
            }
            .col-xs-center {
                float: none;
                margin: 0 auto;
            }
            .text-xs-left {
                text-align: left;
            }
            .text-xs-right {
                text-align: right;
            }
            .text-xs-center {
                text-align: center;
            }
            .text-xs-justify {
                text-align: justify;
            }
            .img-list-noticias {
                width: 100%;
            }
            .mt-m20 {
                margin-top: 20px
            }
            .barrita-colores-header {
                width: 100%;
            }
            .btns a {
                display: block;
                margin: 7px 0px;
            }
            #block-block-3 h3 {
                margin: 9px 0;
            }
            #block-block-3 h4 {
                margin: 0;
                margin-bottom: 20px;
            }
            #block-block-3 .links-container {
                margin: 19px 0 30px;
            }
            .caja-landing a {
                display: block;
                width: 150px;
                /* top: 50%; */
                margin: 55% auto 0px auto;
                background-color: #FF9E03;
                color: #FFF;
                height: 50px;
                line-height: 50px;
                text-align: center;
                border-color: transparent;
                font-size: 20px;
                font-family: 'Roboto', sans-serif;
                -webkit-transition: all 0.5s;
                -moz-transition: all 0.5s;
                -o-transition: all 0.5s;
                transition: all 0.5s;
            }
            /* Sección de CONSULTA DE CHEQUES A PROVEEDORES */
            form input[type="text"] {
                border: 2px solid #B1B1B1;
                height: 40px;
                padding-left: 13px;
                display: block;
                width: 300px;
                margin: 13px auto;
                font-size: 16px;
            }
            /* Sección de CONSULTA DE CHEQUES A PROVEEDORES */
            header .redes a {
                margin: 15px auto;
                width: 25%;
            }
            .contenido {
                margin-top: 0px;
            }
            .colors {
                width: 15%;
                height: 15px;
                display: inline-block;
                margin-left: -2px;
                margin-right: -2px;
                margin-bottom: -6px;
            }
            .link-website {
                letter-spacing: 6px;
                font-size: 15px;
            }
            .webform-client-form,
            form.denuncia {
                width: 100%;
            }
            /* Agenda cultural */
            .contenido-eventos {
                height: auto;
            }
            /* Headers - Home - Gobierno - Ciudad */
            .header-titulo {
                /*font-size: 45px;
        line-height: 50px;*/
                font-size: 34px;
                line-height: 34px;
            }
            /* Ciudad */
            .btns-2 {
                margin-top: 40px;
            }
            /* Error 404 */
            .error-404 {
                font-size: 100px;
                text-shadow: 0px 3px 1px rgba(186, 186, 186, 1);
                line-height: 50px;
            }
            .error-404 span {
                font-size: 40px;
                text-shadow: 0px 2px 1px rgba(186, 186, 186, 1);
            }
            /* Tramites y Servicios */
            select#edit-term-node-tid-depth {
                width: 100%;
            }
            /* Noticias */
            .bloque-116-caracteres h2 {
                margin: 0px 0px 37px;
            }
            /* Comunicacion Institucional */
            #edit-date-filter-value-datepicker-popup-0 {
                width: 150px;
            }
            input#edit-submit-noticias {
                width: 110px;
            }
        }
        /* Bootstrap */
        #tinymce {
            font-size: 2em;
        }