/* 

Sentra Template

https://templatemo.com/tm-518-sentra

*/

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 7px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #6d56a0;
}


#body {
    font-family: 'Poppins', sans-serif;
    /*font-family: 'Arciform';*/
    background-size: cover;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1em;
    color: #424242;
    line-height: 24px;
}

.page-content {
    width: 77.5%;
    float: right;
}
.page-content1 {
    width: 77.5%;
    float: right;
}

.publicidad {
    width: 100%;
    float: right;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    height: 40vh;
}

    .publicidad img {
        width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        height: 40vh;
    }

.content-section {
    padding-top: 35px;
    position: relative;
    width: 100%;
    display: inline-block;
    height: auto;
    left: 50%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.section-heading {
    text-align: left;
    position: relative;
    margin-bottom: 40px;
}

    .section-heading h1 {
        font-family: Poppins;
        margin-top: 0px;
        font-size: 32px;
        color: #232323;
        display: inline-block;
        margin-right: 50px;
        padding:0 1em;
    }

    .section-heading em {
        font-style: normal;
        font-weight: 700;
        color: #482778;
    }

    .section-heading p {
        font-family: Poppins;
        display: inline-block;
        font-size: 1.2em;
        line-height: 26px;
        color: #343434;
        position: absolute;
        top: 12.5px;
    }



.section-content p{
    font-family: Poppins;
    text-align: justify;
    /*padding:0 2em;*/
}


/*estilos para los titulos de la pagina pricipal*/

.section-heading-agenda {
    text-align: left;
    /*position: relative;*/
    margin-bottom: 40px;
    margin-left: 60px;
}

    .section-heading-agenda h1 {
        font-family:Poppins;
        margin-top: 0px;
        font-size: 32px;
        color: #232323;
        display: inline-block;
        margin-right: 50px;
    }

    .section-heading-agenda em {
        font-style: normal;
        font-weight: 700;
        color: #482778;
    }

    .section-heading-agenda p {
        font-family: Poppins;
        display: inline-block;
        font-size: 15px;
        line-height: 26px;
        color: #343434;
        position: absolute;
        top: 12.5px;
    }



    .section-heading-sesion {
    text-align: left;
    /*position: relative;*/
    margin-bottom: 40px;
    margin-left: 20px;
}

    .section-heading-sesion h1 {
        font-family:Poppins;
        margin-top: 0px;
        font-size: 32px;
        color: #232323;
        display: inline-block;
        margin-right: 50px;
    }

    .section-heading-sesios em {
        font-style: normal;
        font-weight: 700;
        color: #482778;
    }

    .section-heading-sesion p {
        font-family: Poppins;
        display: inline-block;
        font-size: 15px;
        line-height: 26px;
        color: #343434;
        position: absolute;
        top: 12.5px;
    }

.convococatoria {
        text-align: left;
    position: relative;
    margin-right: 10em;
    margin-left: 10em;
}

/*estilos para los titulos de las noticias*/

.section-heading1 {
    text-align: center;
    position: relative;
    margin-bottom: 10px;
    /*border-left: 8px solid #4ac1e0;*/
}

    .section-heading1 h1 {

        font-family: Poppins;
        margin-top: 30px;
        font-size: 32px;
        color: #232323;
        display: inline-block;
        margin-right: 50px;
    }

    .section-heading1 em {
        font-style: normal;
        font-weight: 700;
        color: #45489a;
    }

    .section-heading1 p {
        font-family: Poppins;
        display: inline-block;
        font-size: 15px;
        line-height: 26px;
        color: #343434;
        position: absolute;
        top: 12.5px;
    }






.white-button a {
    font-size: 13px;
    font-weight: 600;
    color: #482778;
    /*text-transform: capitalize;*/
    background-color: #fff;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    padding: 0px 25px;
    letter-spacing: 0.25px;
    text-decoration: none;
    transition: all 0.3s;
}

    .white-button a:hover {
        background-color: #482778;
        color: #fff;
    }

.accent-button a {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    /*text-transform: capitalize;*/
    background-color: #482778;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    padding: 0px 25px;
    letter-spacing: 0.25px;
    text-decoration: none;
    transition: all 0.3s;
}

    .accent-button a:hover {
        background-color: #fff;
        color: #45489a;
    }

header {
    position: absolute;
    top: 0;
    transition: top 0.3s ease-in-out;
    width: 100%;
}

.nav-up {
    /*top: -75px;*/
}

/* Responsive Navigation */

.responsive-nav {
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 90px;
    background-color: rgba(0,172,216,0.9);
    box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
}

.navbar-toggle {
    position: absolute ;
    /*margin-top:30px;*/
    padding-left:300px;
    top: 40%;
    left: 50%;
    display: inline-block;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.navbar-nav {
    margin: 0;
    border: none;
}

#main-nav ul {
    text-align: center;
    background-color: rgba(0,0,0,0.9);
    /*margin-top: 59px;*/
    width: 100%;
}

    #main-nav ul li {
        margin: 10px 0px;
    }

        #main-nav ul li:hover {
            background-color: transparent;
        }

        #main-nav ul li a {
            font-family: 'Arciform';
            font-size: 1.2em;
            text-transform: capitalize;
            color: #fff;
            box-shadow: none;
            border: none;
        }

            #main-nav ul li a:hover {
                opacity: 0.5;
                background-color: transparent;
            }

.navbar-toggle span {
    background-color: #fff;
}


/* Sidebar Style */

.sidebar-navigation {
    width: 22.5%;
    float: left;
    height: 100%;
    position: fixed;
    background-color: rgba(12,12,12,0.5);
    /* background-color: rgba(174,24,87,0.9);*/
    z-index: 10;
}

    .sidebar-navigation .logo {
        position: absolute;
        width: 100%;
        height: 10em;
        line-height: 100px;
        /*background-color: rgba(72,39,120,0.9);*/
        /*background-color: rgba(74,193,224,0.9);*/
        padding: 0px;
        /*text-align: center;
        box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1), 0 0 0 1px, 0.3em 0.3em 1em rgba(0,0,0,0.3);*/
    }



        /*.sidebar-navigation .logo a {
            text-decoration: none;
            color: #fff;
            font-size: 24px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            height: 100px;
            width: 100%;
            display: inline-block;
            border: 2px solid rgba(250,250,250,0.5);
        }*/

        .sidebar-navigation .logo img {
            width: 100%;
            display: block;
            margin: 0;
            padding-left: 40px;
            padding-right: 40px;
            border: 2px solid rgba(250,250,250,0.5);
            /*width: 70%;*/
            /*background-color: rgba(74,193,224,0.9);*/
            background-color: rgba(255,255,255,0.9);

        }

        .sidebar-navigation .logo em {
            font-style: normal;
            font-weight: 300;
        }

    .sidebar-navigation nav {
        position: relative;
        top: 60%;
        left: 60%;
        -webkit-transform: translateX(-60%) translateY(-60%);
        -moz-transform: translateX(-60%) translateY(-60%);
        -ms-transform: translateX(-60%) translateY(-60%);
        -o-transform: translateX(-60%) translateY(-60%);
        transform: translateX(-60%) translateY(-60%);
    }

    .sidebar-navigation ul {
        /*margin-top: 140px;*/
        margin-left: 45px;
        list-style: none;
        padding: 0;
    }

    .sidebar-navigation li {
        padding: 0.4em 0;
    }

    .sidebar-navigation span {
        display: inline-block;
        position: relative;
    }

    .sidebar-navigation nav a {
        font-family: 'Poppins';
        /*font-family: 'Poppins', sans-serif;*/
        display: inline-block;
        color: #fff;
        margin-top: 5px;
        text-decoration: none!important;
        font-size: 1.2em;
        letter-spacing: 0.5px;
        text-transform: capitalize;
    }

.circle {
    margin-right: 5px;
    height: 10px;
    width: 10px;
    left: 0px;
    top: -1px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #fff;
    transition: all 0.3s;
}

.rect {
    height: 1px;
    width: 0px;
    left: 0;
    bottom: 5.5px;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.1s, width 0.6s;
    -moz-transition: -webkit-transform 0.1s, width 0.6s;
    transition: transform 0.1s, width 0.6s;
}

.sidebar-navigation nav a:focus {
    color: #fff;
}

.sidebar-navigation nav a:hover, nav .active-section {
    color: #fff;
}

    .sidebar-navigation nav a:hover span, nav .active-section span {
        background-color: #ddd;
    }

.sidebar-navigation nav .active-section .rect {
    width: 30px;
}

.sidebar-navigation nav .active-section .circle {
    background-color: #fff;
}

.sidebar-navigation .social-icons {
    position: absolute;
    width: 100%;
    bottom: 10px;
    padding: 0;
    margin: 0;
    text-align: center;
}

    .sidebar-navigation .social-icons li {
        display: inline-block;
        margin-right: 15px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .sidebar-navigation .social-icons li:last-child {
            margin-right: 0px;
        }

        .sidebar-navigation .social-icons li a {
            font-size: 18px;
            color: #fff;
            transition: all 0.5s;
        }

            .sidebar-navigation .social-icons li a:hover {
                color: #45489a;
            }


/* Slider Style */

.slider .content-section {
    padding-top: 0px;
    min-width: 100%;
    min-height: 100vh;
    width: 100%;
    height: 100vh;
    text-align: center;
}

.slider h1 {
    background-color: rgba(60,60,60,0.3);
}

.slider p a {
    color: #FFF;
}

    .slider p a:hover {
        color: #FF0;
        text-decoration: none;
    }

.Modern-Slider .info {
    text-align: right;
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 60px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
}

    .Modern-Slider .info h1 {
        font-family: Poppins;
        margin-top: 0px;
        margin-bottom: 15px;
        font-size: 4em;
        color: #fff;
        font-weight: 700;
    }

    .Modern-Slider .info p {
        font-size: 15px;
        color: #fff;
    }

    .Modern-Slider .info .white-button {
        margin-top: 30px;
    }

        .Modern-Slider .info .white-button a:focus {
            outline: none;
        }

.Modern-Slider .slick-dots {
    opacity: 0;
}

.Modern-Slider .NextArrow {
    outline: none;
    display: none;
    position: absolute;
    top: 60px;
    right: 60px;
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,.50);
    border: 0 none;
    margin-top: -22.5px;
    text-align: center;
    font: 32px/50px FontAwesome;
    color: #FFF;
    z-index: 5;
}

    .Modern-Slider .NextArrow:before {
        content: '\f105';
    }

.Modern-Slider .PrevArrow {
    outline: none;
    position: absolute;
    top: 60px;
    right: 120px;
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,.50);
    border: 0 none;
    margin-top: -22.5px;
    text-align: center;
    font: 32px/50px FontAwesome;
    color: #FFF;
    z-index: 5;
}

.Modern-Slider .item .image {
    width: 100%;
    height: 100vh;
    background-position: center center;
    background-size: cover;
    display: block;
}

.Modern-Slider .item-1 .image {
    background-image: url(../img/portada/00.jpg);
}

.Modern-Slider .item-2 .image {
    background-image: url(../img/portada/01.jpg);
}

.Modern-Slider .item-3 .image {
    background-image: url(../img/portada/02.jpg);
}

.Modern-Slider .item-4 .image {
    background-image: url(../img/portada/03.jpg);
}

.Modern-Slider .item-5 .image {
    background-image: url(../img/portada/04.jpg);
}
.Modern-Slider .item-6 .image {
    background-image: url(../img/portada/05.jpg);
}


.Modern-Slider .PrevArrow:before {
    content: '\f104';
}

.Modern-Slider .item .image {
    animation: zoomin 12s ease-in-out infinite alternate;
    -webkit-animation: zoomin 12s ease-in-out infinite alternate;
}

@keyframes zoomin {
    0% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.1);
    }
}

.Modern-Slider {
    background: transparent;
}

/* ==== Slick Slider Css Ruls === */
.slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: hand;
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left /* If RTL Make This Right */;
    height: 100%;
    min-height: 1px;
}

    .slick-slide.dragging img {
        pointer-events: none;
    }

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}




/* SliderNoticias Style */

.sliderNoticias .content-section {
    font-family: Poppins;
    padding-top: 0px;
    min-width: 100%;
    min-height: 60vh;
    width: 100%;
    height: 60vh;
    text-align: center;
}

.sliderNoticias p a {
    color: #FFF;
}

    .sliderNoticias p a:hover {
        color: #FF0;
        text-decoration: none;
    }


















/* Concejales Style */

#Concejales {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 80px;
    border-bottom: 1px solid #eee;
}

    #Concejales .section-heading {
        margin-right: 20%;
    }

    #Concejales .content-section {
        display: inline-block;
        position: relative;
    }

    #Concejales .owl-dots {
        margin-top: 40px;
    }

        #Concejales .owl-dots .owl-dot span {
            width: 12px;
            height: 12px;
            background-color: #cdcdcd!important;
            display: inline-block;
            border-radius: 50%;
            margin: 0 3px;
        }

        #Concejales .owl-dots .active span {
            background-color: #45489a!important;
        }

    /*#featured .owl-dots button {
            outline: none;
        }*/

    #Concejales .owl-nav {
        position: absolute;
        display: none;
        top: -110px;
        right: 0;
    }

    /*#featured .owl-nav button:focus {
            outline: none;
        }

        #featured .owl-nav .owl-prev span {
            margin-right: 10px;
        }*/

    /*#featured .owl-nav .owl-next span, #featured .owl-nav .owl-prev span {
            outline: none;
            width: 50px;
            height: 50px;
            display: inline-block;
            text-align: center;
            line-height: 42px;
            background-color: #eee;
            color: #232323;
            font-size: 42px;
            transition: all 0.5s;
        }*/

    /*#featured .owl-nav span:hover {
            background-color: #45489a;
            color: #fff;
        }*/

    #Concejales .item {
        text-align: left;
        position: relative;
        z-index: 10;
    }

        #Concejales .item .image {
            position: relative;
        }

            #Concejales .item .image img {
                width: 100%;
                overflow: hidden;
            }

            #Concejales .item .image .Concejales-button a {
                font-size: 13px;
                font-weight: 600;
                color: #fff;
                text-align: center;
                text-transform: capitalize;
                background-color: rgba(69,72,154, 0.9);
                display: inline-block;
                height: 44px;
                line-height: 44px;
                width: 100%;
                letter-spacing: 0.25px;
                text-decoration: none;
                transition: all 0.5s;
                position: absolute;
                z-index: 9;
                bottom: -44px;
                opacity: 0;
            }

        #Concejales .item:hover .Concejales-button a {
            bottom: 0;
            opacity: 1;
        }

        #Concejales .item .text-content {
            padding-top: 20px;
            background-color: #fff;
            position: relative;
            z-index: 10;
        }

            #Concejales .item .text-content h4 {
                margin-top: 0px;
                margin-bottom: 5px;
                font-size: 21px;
                font-weight: 600;
                color: #232323;
                letter-spacing: 0.5px;
            }

            #Concejales .item .text-content span {
                display: inline-block;
                font-size: 15px;
                font-weight: 600;
                color: #7a7a7a;
                letter-spacing: 0.5px;
                margin-bottom: 12.5px;
            }
#Concejales .social-icons {
    position: absolute;
    width: 100%;
    bottom: 10px;
    padding-top: 1em;
    margin: 0;
    text-align: center;
}

    #Concejales .social-icons li {
        display: inline-block;
        margin-right: 25px;
        margin-top: 10px;
        margin-bottom: 0px;
    }

        #Concejales .social-icons li:last-child {
            margin-right: 0px;
        }

        #Concejales .social-icons li a {
            font-size: 18px;
            color: #482778;
            transition: all 0.5s;
            padding-top: 1em;
        }

            #Concejales .social-icons li a:hover {
                color: #45489a;
            }

#Concejales .redesConcejales{
    padding-top: 1em;
    /*padding-right: 2em;*/

}

/*estilos para la Historia*/
#historia {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 80px;
    border-bottom: 1px solid #eee;
}

    #historia .section-heading {
        margin-right: 20%;
    }

    #historia .content-section {
        display: inline-block;
        position: relative;
    }

    #historia p {
        text-align: justify;
        display: inline-block;
        position: relative;
    }




    /* Estilos de parrafo de historia */
.section-content-form {
    border-radius: 10px;
    border: 1px;
    padding-left: 60px;
    padding-right: 60px;
    padding: .5em;
    width: auto;
    text-align: center;
    background-color: rgba(60,60,60,0.1);
    /*box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1), 0 0 0 2px rgb(255,255,255), 0.3em 0.3em 1em rgba(0,0,0,0.3);*/
}



/*estilos para el Modal con Scroll*/

.ModalScroll {
    max-height: 360px;
    padding:1em;
    overflow:auto;

}
.ModalScroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #eee;
}

.ModalScroll::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.ModalScroll::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: rgba(0,0,0,.1);
}







/*estilos para las Disposiciones*/
#Disposiciones {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    border-bottom: 1px solid #eee;
}

    #Disposiciones .section-heading {
        padding-bottom: 0px;
        margin-top: 40px;
        margin-right: 20%;
    }

    #Disposiciones .content-section {
        display: inline-block;
        position: relative;
    }

    #Disposiciones p {
        font-family:Poppins;
        padding-top:1em;
        font-size: 1em;
        width: 90%;
        text-align: justify;
        display: inline-block;
        position: relative;
    }

    #Disposiciones {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 80px;
}

    #Disposiciones .tabs {
        list-style: none;
        margin: 0px;
        padding: 0px;
        height: 50px;
        width: 100%;
        background-color: #eee;
        /*border-bottom: 10px solid #482778;*/
    }

        #Disposiciones .tabs li {
            display: inline-block;
            text-align: center;
            width: 50%;
            float: left;
            margin: 0;
            padding: 0;
        }

        #Disposiciones .tabs a {
            font-family:Poppins;
            display: block;
            text-align: center;
            text-decoration: none;
            text-transform: capitalize;
            letter-spacing: 0.5px;
            color: #232323;
            font-size: 19px;
            line-height: 50px;
            font-weight: 600;
            transition: 0.5s;
        }

            #Disposiciones .tabs a:hover {
                color: #482778;
            }
             #Disposiciones img:hover {
                /*float: left;*/
                /*margin-right: 30px;*/
                max-width: 100%;
                overflow: hidden;
                -webkit-transform: scale(1.1);
                transition: transform .9s ease;
                transform: scale(1.1);
            }

        #Disposiciones .tabs .active:hover {
            color: #fff;
        }

        #Disposiciones .tabs .active {
            background-color: #482778;
            color: #fff;
        }
        #Disposiciones .table{
            border-collapse:collapse }

        #Disposiciones .tabu td, th {
   border:none;
}

.tabgroup {
    background-color: #f4f4f4;
    padding: 20px 30px;
}

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

#Disposiciones .tabgroup ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    #Disposiciones .tabgroup ul li {
        display: inline-block;
        text-align: left;
        margin-bottom: 10px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
    }

        #Disposiciones .tabgroup ul li:last-child {
            border-bottom: none;
            margin-bottom: 0px;
            padding-bottom: 10px;
        }

        #Disposiciones .tabgroup ul li img {
            float: left;
            margin-right: 30px;
            max-width: 100%;
            overflow: hidden;
        }

            #Disposiciones .tabgroup ul li img:hover {
                float: left;
                margin-right: 30px;
                max-width: 100%;
                overflow: hidden;
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
            }

        #Disposiciones .tabgroup ul li .text-content {
            display: inline;
        }

#Disposiciones .item .text-content h4 {
    padding-top: 7.5px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 21px;
    font-weight: 600;
    color: #232323;
    letter-spacing: 0.5px;
}

#Disposiciones .item .text-content span {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #7a7a7a;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

#Disposiciones .item .text-content .accent-button {
    margin-top: 25px;
}
/*aqui termina disposiciones*/























/*estilos para video sesion*/
#Sesion {
    padding-left: 60px;
    padding-right: 60px;
    border-bottom: 1px solid #eee;
}

#Sesion .section-heading {
    padding-bottom: 20px;
    margin-top: 10px;
    margin-right: 20%;
}

#Sesion .content-section {
    display: inline-block;
    position: relative;
}

#Sesion p {
    width: 90%;
    text-align: justify;
    display: inline-block;
    position: relative;
}


/*estilos para el tramite*/
/*#tramite {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 80px;
    border-bottom: 1px solid #eee;
}

    #tramite .section-heading {
        margin-right: 20%;
    }

    #tramite .content-section {
        display: inline-block;
        position: relative;
    }

    #tramite p {
        text-align: justify;
        display: inline-block;
        position: relative;
    }*/



#tramite .section-heading {
    margin-left: 60px;
    padding-bottom: 100px;
}

#tramite {
    padding-top: 60px;
    padding-bottom: 100px;
}

    #tramite .row {
        padding-top: 0px;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 20px;
    }

    #tramite .fondo p {
        font-size: 1.5em;
        color: white;
    }

    #tramite .fondo span {
        font-size: 0.9em;
        color: white;
    }


/* RedesSociales Style */

#RedesSociales {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 80px;
    border-bottom: 1px solid #eee;
}

    #RedesSociales .section-heading {
        margin-right: 20%;
    }

    #RedesSociales .content-section {
        display: inline-block;
        position: relative;
    }

    #RedesSociales .owl-dots {
        margin-top: 40px;
    }

        #RedesSociales .owl-dots .owl-dot span {
            width: 12px;
            height: 12px;
            background-color: #cdcdcd!important;
            display: inline-block;
            border-radius: 50%;
            margin: 0 3px;
        }

        #RedesSociales .owl-dots .active span {
            background-color: #3d056b!important;
        }

        #RedesSociales .owl-dots button {
            outline: none;
        }

    #RedesSociales .owl-nav {
        position: absolute;
        display: inline-block;
        top: -110px;
        right: 0;
    }

        #RedesSociales .owl-nav button:focus {
            outline: none;
        }

        #RedesSociales .owl-nav .owl-prev span {
            margin-right: 10px;
        }

        #RedesSociales .owl-nav .owl-next span, #featured1 .owl-nav .owl-prev span {
            outline: none;
            width: 50px;
            height: 50px;
            display: inline-block;
            text-align: center;
            line-height: 42px;
            background-color: #eee;
            color: #232323;
            font-size: 42px;
            transition: all 0.5s;
        }

        #RedesSociales .owl-nav span:hover {
            background-color: #740d94;
            color: #fff;
        }

    #RedesSociales .item {
        text-align: left;
        position: relative;
        z-index: 10;
    }

        #RedesSociales .item .image {
            position: relative;
        }

            #RedesSociales .item .image img {
                width: 100%;
                overflow: hidden;
            }

            #RedesSociales .item .image .RedesSociales-button a {
                font-size: 13px;
                font-weight: 600;
                color: #fff;
                text-align: center;
                text-transform: capitalize;
                background-color: rgba(69, 10, 136, 0.9);
                display: inline-block;
                height: 44px;
                line-height: 44px;
                width: 100%;
                letter-spacing: 0.25px;
                text-decoration: none;
                transition: all 0.5s;
                position: absolute;
                z-index: 9;
                bottom: -44px;
                opacity: 0;
            }

        #RedesSociales .item:hover .RedesSociales-button a {
            bottom: 0;
            opacity: 1;
        }

        #RedesSociales .item .text-content {
            padding-top: 20px;
            background-color: #fff;
            position: relative;
            z-index: 10;
        }

            #RedesSociales .item .text-content h4 {
                margin-top: 0px;
                margin-bottom: 5px;
                font-size: 21px;
                font-weight: 600;
                color: #232323;
                letter-spacing: 0.5px;
            }

            #RedesSociales .item .text-content span {
                display: inline-block;
                font-size: 15px;
                font-weight: 600;
                color: #7a7a7a;
                letter-spacing: 0.5px;
                margin-bottom: 12.5px;
            }







/* Projects Style */

#projectsNoticias {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 30px;
}

    #projectsNoticias .masonry {
        position: relative;
        width: 100%;
    }

        #projectsNoticias .masonry .item img {
            transition: all 1s;
            width: 100%;
            overflow: hidden;
            margin-bottom: 30px;
        }

            #projectsNoticias .masonry .item img:hover {
                opacity: 0.5;
            }

    #projectsNoticias .section-heading {
        text-align: left;
        position: relative;
        margin-bottom: 0px;
    }

{
    opacity: 0.5;
}

#projectsNoticias .noticia {
    text-align: center;
    position: relative;
    margin-bottom: 0px;
    padding-top: 3em;
}


#projectsNoticias img {
    text-align: center;
    height: 25vh;
    width: 320px;
    position: relative;
    margin-bottom: 0px;
}

#projectsNoticias p {
    font-family: Poppins;
    font-size: 1.2em;
    text-align: initial;
    position: relative;
    margin-bottom: 0px;
}

#projectsNoticias a {
    text-decoration: none;
}

#projectsNoticias span {
    margin-right: 50%;
    text-align: left;
    font-size: 0.9em;
}
/*para reducir 
/*para reducir texto*/

.module {
    width: 100%;
    margin: 0 0 0 0;
    overflow: hidden;
}

    .module p {
        margin-right: 0.7em;
        margin-left: 0.7em;
    }

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}






/* Comunicados Style */
#Comunicados {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 50px;
}

    #Comunicados .masonry {
        position: relative;
        width: 100%;
    }

        #Comunicados .masonry .item img {
            transition: all 1s;
            width: 100%;
            overflow: hidden;
            margin-bottom: 30px;
        }

            #Comunicados .masonry .item img:hover {
                opacity: 0.5;
            }

/*Estilos para el slim*/
#slim {
    width:100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 80px;
    border-bottom: 1px solid #eee;
}

    #slim .section-heading {
        margin-right: 20%;
    }

    #slim .content-section {
        display: inline-block;
        position: relative;
    }

    #slim p {
        text-align: justify;
        display: inline-block;
        position: relative;
    }
#slim .fondoSlimCabeza {
    display:block;
    /*background-size: cover;
    background-image: url('../img/icon/slim/fondoDefaultCabeza.jpg'); 
    width: 100%;
    height: auto;*/ 
    
}
#slim .fondoSlimPie {
    background-size: cover;
    background-image: url('../img/icon/slim/fondoDefaultPie.jpg'); 
    width: 100%;
    height: auto; 
    
}
#slim .iconosSlim {
width:50%;
}

#slim .iconosSlim img {
width:70%;
/*padding-top:0.4em;*/
}
 #slim .iconosSlim img:hover {
                /*float: left;*/
                /*margin-right: 30px;*/
                max-width: 100%;
                overflow: hidden;
                -webkit-transform: scale(1.1);
                transition: transform .9s ease;
                transform: scale(1.1);
            }
    #slim .botonSlim {
   
 padding-top:-12em;
    }





/* Video Presentation Style */

#Presentacion {
    text-align: center;
    background-color: #f4f4f4;
    padding: 100px 60px;
}

    #Presentacion .section-heading {
        margin-bottom: 20px;
        
    }

        #Presentacion .section-heading h1 {
            font-family: Poppins;
            display: block;
            margin: 0px;

        }

        #Presentacion .section-heading p {
            font-family: 'Poppins';
            position: relative;
            margin: 0px;
            text-align: justify;
        }

    #Presentacion .accent-button {
        margin-top: 30px;
    }

.box-video {
    width: 100%;
    position: relative;
    margin-top: 30px;
    cursor: pointer;
    overflow: hidden;
}

    .box-video .bg-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 2;
    }

    .box-video .video-container {
        position: relative;
        margin: 0;
        z-index: 1;
    }

    .box-video .bt-play {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -30px 0 0 -30px;
        display: inline-block;
        width: 60px;
        height: 60px;
        background: #fff;
        border-radius: 50%;
        text-indent: -999em;
        cursor: pointer;
        z-index: 2;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

        .box-video .bt-play:after {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            height: 0;
            width: 0;
            margin: -12px 0 0 -6px;
            border: solid transparent;
            border-left-color: #000;
            border-width: 12px 20px;
            -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
        }

    .box-video:hover .bt-play {
        transform: scale(1.1);
    }

    .box-video.open .bg-video {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .6s .8s;
        transition: all .6s .8s;
    }

    .box-video.open .video-container {
        opacity: 1;
        -webkit-transition: all .6s .8s;
        transition: all .6s .8s;
    }




/*-------------------------------------------------------------------------------    esilo para movil-----*/


@media (max-width: 767px) {
    .content-section {
        padding-top: 25px;
        position: relative;
        width: 100%;
        display: inline-block;
        height: auto;
        left: 50%;
        text-align: center;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .section-heading {
        text-align: left;
        position: relative;
        margin-bottom: 0px;
    }

    .section-heading1 h1 {
        font-family: Poppins;
        margin-top: 50px;
        font-size: 32px;
        color: #232323;
        display: inline-block;
        margin-right: 50px;
    }

    #Presentacion {
        text-align: justify;
        background-color: #f4f4f4;
        padding: 0px;
    }


    #historia {
        padding-left: 60px;
        padding-right: 0px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
    }

    .convococatoria {
        text-align: justify;
        position: relative;
        margin-right: 2em;
        margin-left: 2em;
    }

    .section-heading-agenda {
        text-align: left;
        position: relative;
        margin-bottom: 20px;
        margin-left: 30px;
        width: 100%;
        padding-top: 0em;
    }

    #Disposiciones {
        padding: 0px;
        border-bottom: 1px solid #eee;
    }

    #Transparencia {
        padding: 0px;
    }

        #Transparencia .tabs a {
            display: block;
            text-align: center;
            text-decoration: none;
            text-transform: capitalize;
            letter-spacing: 0.5px;
            color: #232323;
            font-size: 12px;
            line-height: 70px;
            font-weight: 600;
            transition: 0.5s;
        }

    #Sesion {
        padding-left: 0px;
        padding-right: 0px;
        border-bottom: 1px solid #eee;
    }

    #Comunicados {
        padding: 0px;
    }

    #RedesSociales {
        padding-top: 60px;
        padding-left: 0px;
        padding-right: 0px;
        border-bottom: 1px solid #eee;
    }

        #RedesSociales .section-heading {
            margin-left: 30px;
        }

        /*para el responsive de slim*/
    #slim .fondoSlimPie {
    background-image: url('../img/icon/slim/fondoDefault1.jpg'); 
    width: 100%;
    height: 80vh; 
}

 #slim .iconosSlim img {
width:100%;
padding-top:4em;
}
 #slim .botonSlim {

 padding-top:53vh;
    }
    #slim .fondoSlimCabeza {
        display: none;
    }



}

   
/* Noticias Style */

#Noticias {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 80px;
}

    #Noticias .tabs {
        list-style: none;
        margin: 0px;
        padding: 0px;
        height: 90px;
        width: 100%;
        background-color: #eee;
        border-bottom: 10px solid #482778;
    }

        #Noticias .tabs li {
            display: inline-block;
            text-align: center;
            width: 25%;
            float: left;
            margin: 0;
            padding: 0;
        }

        #Noticias .tabs a {
            display: block;
            text-align: center;
            text-decoration: none;
            text-transform: capitalize;
            letter-spacing: 0.5px;
            color: #232323;
            font-size: 19px;
            line-height: 80px;
            font-weight: 600;
            transition: 0.5s;
        }

            #Noticias .tabs a:hover {
                color: #482778;
            }


        #Noticias .tabs .active:hover {
            color: #fff;
        }

        #Noticias .tabs .active {
            background-color: #482778;
            color: #fff;
        }

.tabgroup {
    background-color: #109ff1;
    padding: 20px 30px;
}

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

#Noticias .tabgroup ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    #Noticias .tabgroup ul li {
        display: inline-block;
        text-align: left;
        margin-bottom: 10px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
    }

        #Noticias .tabgroup ul li:last-child {
            border-bottom: none;
            margin-bottom: 0px;
            padding-bottom: 10px;
        }

        #Noticias .tabgroup ul li img {
            float: left;
            margin-right: 30px;
            max-width: 100%;
            overflow: hidden;
        }

        #Noticias .tabgroup ul li .text-content {
            display: inline;
        }

#Noticias .item .text-content h4 {
    padding-top: 7.5px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 21px;
    font-weight: 600;
    color: #232323;
    letter-spacing: 0.5px;
}

#Noticias .item .text-content span {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #7a7a7a;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

#Noticias .item .text-content .accent-button {
    margin-top: 25px;
}

@media (max-width: 767px) {

#Noticias {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 80px;

}
#Noticias .tabs a {
            display: block;
            text-align: center;
            text-decoration: none;
            text-transform: capitalize;
            letter-spacing: 0.5px;
            color: #232323;
            font-size: 12px;
            line-height: 80px;
            font-weight: 600;
            transition: 0.5s;
        }


}

/* TransparenciaStyle */

#Transparencia {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 80px;
}

    #Transparencia .tabs {
        list-style: none;
        margin: 0px;
        padding: 0px;
        height: 90px;
        width: 100%;
        background-color: #eee;
        border-bottom: 10px solid #482778;
    }

        #Transparencia .tabs li {
            display: inline-block;
            text-align: center;
            width: 25%;
            float: left;
            margin: 0;
            padding: 0;
        }

        #Transparencia .tabs a {
            display: block;
            text-align: center;
            text-decoration: none;
            text-transform: capitalize;
            letter-spacing: 0.5px;
            color: #232323;
            font-size: 19px;
            line-height: 80px;
            font-weight: 600;
            transition: 0.5s;
        }

            #Transparencia .tabs a:hover {
                color: #482778;
            }


        #Transparencia .tabs .active:hover {
            color: #fff;
        }

        #Transparencia .tabs .active {
            background-color: #482778;
            color: #fff;
        }

.tabgroup {
    background-color: #f4f4f4;
    padding: 20px 30px;
}

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

#Transparencia .tabgroup ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    #Transparencia .tabgroup ul li {
        display: inline-block;
        text-align: left;
        margin-bottom: 10px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
    }

        #Transparencia .tabgroup ul li:last-child {
            border-bottom: none;
            margin-bottom: 0px;
            padding-bottom: 10px;
        }

        #Transparencia .tabgroup ul li img {
            flex-align:baseline;
            margin-right: 30px;
            max-width: 60%;
            overflow: hidden;
        }

            #Transparencia .tabgroup ul li img:hover {
                max-width: 60%;
                overflow: hidden;
                -webkit-transform: scale(1.1);
                transition: transform .9s ease;
                transform: scale(1.1);
            }

        #Transparencia .tabgroup ul li .text-content {
            display: inline;
        }

#Transparencia .item .text-content h4 {
    padding-top: 7.5px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 21px;
    font-weight: 600;
    color: #232323;
    letter-spacing: 0.5px;
}

#Transparencia .item .text-content span {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #7a7a7a;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

#Transparencia .item .text-content .accent-button {
    margin-top: 25px;
}

@media (max-width: 767px) {

#Transparencia {
    padding: 0px;
}
#Transparencia p {
    padding: 15px;
}
 #Transparencia .tabs a {
            display: block;
            text-align: center;
            text-decoration: none;
            text-transform: capitalize;
            letter-spacing: 0.5px;
            color: #232323;
            font-size: 15px;
            line-height: 70px;
            font-weight: 600;
            transition: 0.5s;
        }


}


/* Contact Style */

#contact {
    padding-top: 0;
}

#contact-content {
    padding-top: 2em;
    padding-bottom: 5em;
}

#contact input {
    border-radius: 0px;
    padding-left: 15px;
    font-size: 13px;
    color: #aaa;
    background-color: #f4f4f4;
    border: 1px solid #eee;
    outline: none;
    box-shadow: none;
    line-height: 35px;
    height: 40px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: .5em;
}

#contact textarea {
    border-radius: 0px;
    padding-left: 15px;
    padding-top: 10px;
    font-size: 13px;
    color: #aaa;
    background-color: #f4f4f4;
    border: 1px solid #eee;
    outline: none;
    box-shadow: none;
    height: 200px;
    max-height: 250px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
}

#contact button {
    font-size: 13px;
    border-radius: 0px;
    font-weight: 600;
    color: #fff;
    /*text-transform: capitalize;*/
    background-color: #45489a;
    display: inline-block;
    height: 44px;
    line-height: 24px;
    outline: none;
    box-shadow: none;
    width: 100%;
    letter-spacing: 0.25px;
    text-decoration: none;
    transition: all 0.3s;
}

#contact rowContactos {
    padding-bottom: 5em;
}

#contact button:hover {
    color: #232323;
    background-color: #f4f4f4;
}







/*estilos para tramite nuevo*/

#tramiteNuevo {
    padding-top: 0;
}

#tramiteNuevo-content {
    padding-top: 2em;
    padding-bottom: 5em;
}

#tramiteNuevo input {
    border-radius: 0px;
    padding-left: 15px;
    font-size: 13px;
    color: #aaa;
    background-color: #f4f4f4;
    border: 1px solid #eee;
    outline: none;
    box-shadow: none;
    line-height: 35px;
    height: 40px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: .5em;
}

#tramiteNuevo textarea {
    border-radius: 0px;
    padding-left: 15px;
    padding-top: 10px;
    font-size: 13px;
    color: #aaa;
    background-color: #f4f4f4;
    border: 1px solid #eee;
    outline: none;
    box-shadow: none;
    height: 200px;
    max-height: 250px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
}

#tramiteNuevo btn {
    font-size: 13px;
    border-radius: 0px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    background-color: #45489a;
    display: inline-block;
    height: 44px;
    line-height: 24px;
    outline: none;
    box-shadow: none;
    width: 100%;
    letter-spacing: 0.25px;
    text-decoration: none;
    transition: all 0.3s;
}
#tramiteNuevo .btn_registar {
        font-size: 13px;
    border-radius: 0px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    background-color: #45489a;
    display: inline-block;
    height: 44px;
    line-height: 24px;
    outline: none;
    box-shadow: none;
    width: 100%;
    letter-spacing: 0.25px;
    text-decoration: none;
    transition: all 0.3s;
}

#tramiteNuevo rowContactos {
    padding-bottom: 5em;
}

#tramiteNuevo btn:hover {
    color: #232323;
    background-color: #f4f4f4;
}
/*#tramiteNuevo input {
background-color: #45489a;
}*/



/*ESTILOS PARA EL ACORDION DE PREGUNTAS FRECUENTES en pagina separada*/


.accordion-content1 {
    display: none;
    padding: 20px;
    overflow: auto;
    /*background: linear-gradient(#C7EEFE, #C9EDF0)*/
}
.accordion .card-body{
    display: none;
float: left;
    /*background: linear-gradient(#C7EEFE, #C9EDF0)*/
}
    .accordion-content1 p {
        margin: 0;
    }

    .accordion-content1 img {
        display: block;
        float: left;
        margin: 0 15px 10px 0;
        width: 50%;
        height: auto;
    }

.accordion-container1 {
    width: 80%;
    margin: 0 0 20px;
    clear: both;
}

.accordion-titulo1 {
    text-align: left;
    position: relative;
    display: block;
    padding: 15px;
    font-size: 1.2em;
    font-weight: 300;
    background: rgba(72,39,120,0.1);
    color: #000;
    text-decoration: none;
}

    .accordion-titulo1.open {
        background: #0075a6;
        color: #000;
    }



    .accordion-titulo1:hover {
        background: #232323;
        cursor: pointer;
        text-decoration:none;
        background: rgba(109,86,160,0.3);
    }

    .accordion-titulo1 span.toggle-icon:before {
        content: "+";
    }

    .accordion-titulo1.open span.toggle-icon:before {
        content: "-";
    }

    .accordion-titulo1 span.toggle-icon {
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 38px;
        font-weight: bold;
    }

/*ESTILOS PARA EL ACORDION DE PREGUNTAS FRECUENTES*/


.accordion-content {
    display: none;
    padding: 20px;
    overflow: auto;
    /*background: linear-gradient(#C7EEFE, #C9EDF0)*/
}

    .accordion-content p {
        margin: 0;
        float: left;
    }

    .accordion-content img {
        display: block;
        float: left;
        margin: 0 15px 10px 0;
        width: 50%;
        height: auto;
    }

    
.accordion-container {
    width: 100%;
    margin: 0 0 20px;
    clear: both;
}

.accordion-titulo {
    font-family: Poppins;
    position: relative;
    display: block;
    padding: 15px;
    font-size: 1.2em;
    font-weight: 300;
    background: rgba(72,39,120,0.9);
    color: #fff;
    text-decoration: none;
}

    .accordion-titulo.open {
        background: #fff;
        color: #fff;
    }



    .accordion-titulo:hover {
        background: #232323;
        cursor: pointer;
        text-decoration:none;
        background: rgba(109,86,160,0.3);
    }

    .accordion-titulo span.toggle-icon:before {
        content: "+";
    }

    .accordion-titulo.open span.toggle-icon:before {
        content: "-";
    }

    .accordion-titulo span.toggle-icon {
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 38px;
        font-weight: bold;
    }

.accordion-content {
    display: none;
    padding: 20px;
    overflow: auto;
    /*background: linear-gradient(#C7EEFE, #C9EDF0)*/
}

    .accordion-content p {
        margin: 0;
        float: left;
    }

    .accordion-content img {
        display: block;
        float: left;
        margin: 0 15px 10px 0;
        width: 50%;
        height: auto;
    }








/* Agenda  Style */

#Agenda {
    padding-top: 0px;
}

#Agenda-content {
    padding: 80px 60px;
}




/* TRAMITE BANNER Style */
#Tramite {
    position: relative;
}

    #Tramite .image-wrap img {
        width: 100%;
        height: auto;
    }

    #Tramite .video-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

        #Tramite .video-icon h3 {
            font: 500 26px/115% 'Open Sans', sans-serif;
            color: #fff;
            margin: 0 0 30px;
        }

        #Tramite .video-icon i {
            font-size: 50px;
            color: #fff;
            transition: all 0.5s;
        }

            #Tramite .video-icon i:hover {
                color: #19af83;
                transition: all 0.5s;
            }

        #Tramite .video-icon p {
            font: 400 16px/115% 'Open Sans', sans-serif;
            color: #fff;
            margin: 0 0 25px;
        }



/* Footer Style */

.footer {
    
    background-color: rgba(12,12,12,0.9);
    height: 10em;
    /*line-height: 5px;*/
    display: inline-block;
    text-align: center;
    width: 100%;
}

    .footer p {
        padding-top:2em;
        margin-bottom: 0px;
        font-size: 13px;
        /*line-height: 80px;*/
        color: #fff;
        letter-spacing: 0.2px;
        font-weight: 300;
    }

        .footer p a {
            text-decoration: none;
            color: #fff;
            font-weight: 600;
        }


@media (max-width: 690px) {
.footer {
    
    background-color: rgba(12,12,12,0.9);
    height: 12em;
    /*line-height: 5px;*/
    display: inline-block;
    text-align: center;
    width: 100%;
}

    .footer p {
        padding-top:1em;
        margin-bottom: 25px;
        font-size: .8em;
        /*line-height: 80px;*/
        color: #fff;
        letter-spacing: 0.1px;
        line-height : 18px;
        font-weight: 300;
    }

        .footer p a {
            text-decoration: none;
            color: #fff;
            font-weight: 600;
        }

}



.chat {
    
    position: fixed;
    bottom: 30px; right: 30px; width:3em; z-index:1;
}
    .chat img {
position: fixed; 
bottom: 30px; 
right: 30px; 
width:15em; 
z-index:1;
    }

@media (max-width: 690px) {
.chat {
    
    position: fixed;
    bottom: 30px; right: 30px; width:3em; z-index:1;
}

    .chat img {
position: fixed; 
bottom: 30px; 
right: 30px; 
width:7em; 
z-index:1;
    }
}

/* Estilos de informes de Gestion */
/*.navDerecho {
    padding-top: 50px;
 background-color: rgba(74,193,224,0.1);
    box-shadow: 2px 2px 2px black;
}*/
/* Estilos de parrafo de historia */
.parrafoHistoria {
    margin: 2em;
    padding: 2em;
    width: auto;
    text-align: center;
    background-color: rgba(74,193,224,0.1);
    /*box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1), 0 0 0 1px rgb(255,255,255), 0.3em 0.3em 1em rgba(0,0,0,0.3);*/
}

/*estilos para los bonotenes laterales de los meses*/
.btn-group {
    padding: 0.5em;
    width: 100%;
}

    .btn-group .dropdown-menu {
        min-width: 100px;
    }









    /* Responsive Style para el titulo de las comisiones */

@media (max-width: 767px) {


.Modern-Slider .info {
    text-align: center;
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
}

    .Modern-Slider .info h1 {
        font-family:Poppins;
        margin-top: 0px;
        margin-bottom: 15px;
        font-size: 2em;
        color: #fff;
        font-weight: 700;
    }





}


    
/* Responsive Style */

@media (max-width: 992px) {

    .responsive-nav {
        display: none;
    }

    .sidebar-navigation .logo a {
        font-size: 18px;
    }

    .sidebar-navigation nav a {
        font-family: 'Poppins';
        font-size: 13px;
    }

    .sidebar-navigation nav ul {
        margin-left: 30px;
    }

    .sidebar-navigation .social-icons li a {
        font-size: 15px;
    }
}


@media (max-width: 767px) {

    .responsive-nav {
        display: block;
        height: 60px;
    }

    .page-content {
        width: 100%;
    }
    .page-content1 {
        width: 93.5%;
        float:left;
    }

    .Modern-Slider .info {
        text-align: center;
        right: 0px;
        padding: 0px 30px;
    }

    .Modern-Slider .NextArrow {
        outline: none;
        display: none;
        position: absolute;
        top: 120px;
        right: 50%;
        transform: translateX(50%);
        margin-right: -30px;
        width: 50px;
        height: 50px;
        background: rgba(0,0,0,.50);
        border: 0 none;
        text-align: center;
        font: 32px/50px FontAwesome;
        color: #FFF;
        z-index: 5;
    }

        .Modern-Slider .NextArrow:before {
            content: '\f105';
        }

    .Modern-Slider .PrevArrow {
        outline: none;
        position: absolute;
        top: 120px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: -30px;
        width: 50px;
        height: 50px;
        background: rgba(0,0,0,.50);
        border: 0 none;
        text-align: center;
        font: 32px/50px FontAwesome;
        color: #FFF;
        z-index: 5;
    }
}

@media (max-width: 690px) {

    .section-heading p {
        position: relative;
    }

    /*estilos de concejales*/
    #Concejales {
        padding-left: 15px;
        padding-right: 15px;
    }

        #Concejales .owl-nav {
            position: absolute;
            display: inline-block;
            top: -220px;
            right: 0;
        }

    #Concejales {
        padding-left: 15px;
        padding-right: 15px;
    }

    #video {
        padding-left: 15px;
        padding-right: 15px;
    }

    #blog {
        padding-left: 15px;
        padding-right: 15px;
    }

        #blog .tabs a {
            font-size: 13px;
        }

        #blog .tabgroup ul li img {
            float: none;
            width: 100%;
            margin-bottom: 15px;
        }

        #blog .tabgroup ul li .text-content {
            display: block;
        }
}



.piePagina li {
    display: block;

}





.modal-body img{
    width:100%;
   }
.modal-body p {
text-align:justify;
}















.row > .column {
    padding: 0 8px;
}

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

/* Create four equal columns that floats next to eachother */
.column {
    float: left;
    width: 25%;
}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 20px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    /*background-color: black;*/
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 100%;
    max-width: 1200px;
    opacity: 1;
}

/* The Close Button */
.close {
    color: black;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #999;
        text-decoration: none;
        cursor: pointer;
    }

/* Hide the slides by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover,
    .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* Caption text */
.caption-container {
    text-align: center;
    background-color: black;
    padding: 2px 16px;
    color: white;
}

img.demo {
    opacity: 0.6;
}

.active,
.demo:hover {
    opacity: 1;
}

img.hover-shadow {
    transition: 0.3s;
}

.hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/*estilos para compartir por redes sociales*/

.shared-panel {
    overflow: auto;
}

    .shared-panel span {
        margin: 10px 0;
        font-size: 16px;
        font-weight: 600;
    }

.shared {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 5px 0;
    padding: 0;
    /* Recurso incluido en la descarga del ejemplo */
    background: url("shared.png") no-repeat;
    float: left;
    margin-right: 5px;
    cursor: pointer;
    border-radius: 50%;
}

    .shared:hover {
        opacity: 0.7;
    }

    .shared.gp {
        background-position: 0px 0px;
        background-color: #E62B34;
    }

    .shared.tt {
        background-position: 0px -30px;
        background-color: #43BDF0;
    }

    .shared.ce {
        background-position: 0px -60px;
        background-color: #8A898D;
    }

    .shared.wa {
        background-position: 0px -90px;
        background-color: #0dc143;
    }

    .shared.fb {
        background-position: 0px -120px;
        background-color: #6081C4;
    }

.st2 {
    border-radius: 0;
}

.st3 {
    border-radius: 5px;
}

/*#fa fa-instagram{
    padding-left: 2em; 
    font-size: 3em; 
    padding-bottom: 2em;
}*/



/*efecto de volteo con zom y redondeo*/
.imagen:hover {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 0px 0px 15px 15px #ec731e;
    -webkit-box-shadow: 0px 0px 15px 15px #ec731e;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}


/*efecto de zoom*/
.contenedor:hover .imagen {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}


.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.whatsapp-icon {
  margin-top:13px;
}

.ntp-social-square a .fa.fa-whatsapp {
    color: #01e675;
}
.ntp-social-square a .fa {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 21px;
    color: #000;
    border: 1px solid #DBDFDF;
    border-radius: 50px;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}






/*share row buttons*/
.share-buttons-row {
    height: 40px;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
}

    .share-buttons-row > div {
        width: 40px;
        height: 40px;
        cursor: pointer;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        text-align: center;
        float: left;
        margin-right: .3em;
        padding: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px 20px;
    }


.share-fb {
    background-color: #2d609b;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI2LjY2NyAwaC0yMS4zMzRjLTIuOTQ1IDAtNS4zMzMgMi4zODgtNS4zMzMgNS4zMzR2MjEuMzMyYzAgMi45NDYgMi4zODcgNS4zMzQgNS4zMzMgNS4zMzRoMTAuNjY3di0xNGgtNHYtNGg0di0zYzAtMi43NjEgMi4yMzktNSA1LTVoNXY0aC01Yy0wLjU1MiAwLTEgMC40NDgtMSAxdjNoNS41bC0xIDRoLTQuNXYxNGg2LjY2N2MyLjk0NSAwIDUuMzMzLTIuMzg4IDUuMzMzLTUuMzM0di0yMS4zMzJjMC0yLjk0Ni0yLjM4Ny01LjMzNC01LjMzMy01LjMzNHoiPjwvcGF0aD48L3N2Zz4=);
}

.share-twitter {
    background-color: #00c3f3;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMyIDYuMDc2Yy0xLjE3NyAwLjUyMi0yLjQ0MyAwLjg3NS0zLjc3MSAxLjAzNCAxLjM1NS0wLjgxMyAyLjM5Ni0yLjA5OSAyLjg4Ny0zLjYzMi0xLjI2OSAwLjc1Mi0yLjY3NCAxLjI5OS00LjE2OSAxLjU5My0xLjE5OC0xLjI3Ni0yLjkwNC0yLjA3My00Ljc5Mi0yLjA3My0zLjYyNiAwLTYuNTY1IDIuOTM5LTYuNTY1IDYuNTY1IDAgMC41MTUgMC4wNTggMS4wMTYgMC4xNyAxLjQ5Ni01LjQ1Ni0wLjI3NC0xMC4yOTQtMi44ODgtMTMuNTMyLTYuODYtMC41NjUgMC45Ny0wLjg4OSAyLjA5Ny0wLjg4OSAzLjMwMSAwIDIuMjc4IDEuMTU5IDQuMjg3IDIuOTIxIDUuNDY1LTEuMDc2LTAuMDM0LTIuMDg4LTAuMzI5LTIuOTc0LTAuODIxLTAuMDAxIDAuMDI3LTAuMDAxIDAuMDU1LTAuMDAxIDAuMDgzIDAgMy4xODEgMi4yNjMgNS44MzQgNS4yNjYgNi40MzctMC41NTEgMC4xNS0xLjEzMSAwLjIzLTEuNzMgMC4yMy0wLjQyMyAwLTAuODM0LTAuMDQxLTEuMjM1LTAuMTE4IDAuODM1IDIuNjA4IDMuMjYgNC41MDYgNi4xMzMgNC41NTktMi4yNDcgMS43NjEtNS4wNzggMi44MS04LjE1NCAyLjgxLTAuNTMgMC0xLjA1Mi0wLjAzMS0xLjU2Ni0wLjA5MiAyLjkwNSAxLjg2MyA2LjM1NiAyLjk1IDEwLjA2NCAyLjk1IDEyLjA3NiAwIDE4LjY3OS0xMC4wMDQgMTguNjc5LTE4LjY4IDAtMC4yODUtMC4wMDYtMC41NjgtMC4wMTktMC44NDkgMS4yODMtMC45MjYgMi4zOTYtMi4wODIgMy4yNzYtMy4zOTh6Ij48L3BhdGg+PC9zdmc+);
}

.share-google-plus {
    background-color: #eb4026;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE3LjQ3MSAyYzAgMC02LjI4IDAtOC4zNzMgMC0zLjc1NCAwLTcuMjg3IDIuODQ0LTcuMjg3IDYuMTM4IDAgMy4zNjYgMi41NTkgNi4wODMgNi4zNzggNi4wODMgMC4yNjYgMCAwLjUyNC0wLjAwNSAwLjc3Ni0wLjAyNC0wLjI0OCAwLjQ3NS0wLjQyNSAxLjAwOS0wLjQyNSAxLjU2NCAwIDAuOTM2IDAuNTAzIDEuNjk0IDEuMTQgMi4zMTMtMC40ODEgMC0wLjk0NSAwLjAxNC0xLjQ1MiAwLjAxNC00LjY0OS0wLTguMjI4IDIuOTYxLTguMjI4IDYuMDMyIDAgMy4wMjQgMy45MjMgNC45MTYgOC41NzMgNC45MTYgNS4zMDEgMCA4LjIyOC0zLjAwOCA4LjIyOC02LjAzMiAwLTIuNDI1LTAuNzE1LTMuODc3LTIuOTI4LTUuNDQyLTAuNzU3LTAuNTM2LTIuMjA0LTEuODM5LTIuMjA0LTIuNjA0IDAtMC44OTcgMC4yNTYtMS4zNCAxLjYwNy0yLjM5NSAxLjM4NS0xLjA4MiAyLjM2NS0yLjYwMyAyLjM2NS00LjM3MiAwLTIuMTA2LTAuOTM4LTQuMTU5LTIuNjk5LTQuODM3aDIuNjU1bDEuODc0LTEuMzU1ek0xNC41NDYgMjIuNDgzYzAuMDY2IDAuMjggMC4xMDMgMC41NjkgMC4xMDMgMC44NjMgMCAyLjQ0NC0xLjU3NSA0LjM1My02LjA5MyA0LjM1My0zLjIxNCAwLTUuNTM1LTIuMDM1LTUuNTM1LTQuNDc4IDAtMi4zOTUgMi44NzktNC4zODkgNi4wOTMtNC4zNTQgMC43NSAwLjAwOCAxLjQ0OSAwLjEyOSAyLjA4MyAwLjMzNCAxLjc0NSAxLjIxMyAyLjk5NiAxLjg5OSAzLjM0OSAzLjI4MXpNOS40MDEgMTMuMzY4Yy0yLjE1Ny0wLjA2NS00LjIwNy0yLjQxMy00LjU4LTUuMjQ2czEuMDc0LTUuMDAxIDMuMjMxLTQuOTM3YzIuMTU3IDAuMDY1IDQuMjA3IDIuMzM4IDQuNTggNS4xNzFzLTEuMDc1IDUuMDc3LTMuMjMxIDUuMDEyek0yNiA4di02aC0ydjZoLTZ2Mmg2djZoMnYtNmg2di0yeiI+PC9wYXRoPjwvc3ZnPg==);
}

.share-linkedin {
    background-color: #0074a1;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI2LjYyNSAwaC0yMS4yNWMtMi45NTYgMC01LjM3NSAyLjQxOS01LjM3NSA1LjM3NXYyMS4yNWMwIDIuOTU2IDIuNDE5IDUuMzc1IDUuMzc1IDUuMzc1aDIxLjI1YzIuOTU2IDAgNS4zNzUtMi40MTkgNS4zNzUtNS4zNzV2LTIxLjI1YzAtMi45NTYtMi40MTktNS4zNzUtNS4zNzUtNS4zNzV6TTEyIDI2aC00di0xNGg0djE0ek0xMCAxMGMtMS4xMDUgMC0yLTAuODk1LTItMnMwLjg5NS0yIDItMiAyIDAuODk1IDIgMi0wLjg5NSAyLTIgMnpNMjYgMjZoLTR2LThjMC0xLjEwNS0wLjg5NS0yLTItMnMtMiAwLjg5NS0yIDJ2OGgtNHYtMTRoNHYyLjQ4M2MwLjgyNS0xLjEzMyAyLjA4Ni0yLjQ4MyAzLjUtMi40ODMgMi40ODUgMCA0LjUgMi4yMzkgNC41IDV2OXoiPjwvcGF0aD48L3N2Zz4=);
}

.share-pinterest {
    background-color: #ca212a;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2IDBjLTguODM3IDAtMTYgNy4xNjMtMTYgMTYgMCA2Ljc3OCA0LjIxNyAxMi41NjggMTAuMTY5IDE0Ljg5OS0wLjE0LTEuMjY2LTAuMjY2LTMuMjA4IDAuMDU1LTQuNTkgMC4yOTEtMS4yNDkgMS44NzYtNy45NTMgMS44NzYtNy45NTNzLTAuNDc5LTAuOTU4LTAuNDc5LTIuMzc1YzAtMi4yMjUgMS4yOS0zLjg4NiAyLjg5NS0zLjg4NiAxLjM2NSAwIDIuMDI0IDEuMDI1IDIuMDI0IDIuMjU0IDAgMS4zNzMtMC44NzQgMy40MjUtMS4zMjUgNS4zMjctMC4zNzcgMS41OTMgMC43OTkgMi44OTIgMi4zNjkgMi44OTIgMi44NDQgMCA1LjAzMC0yLjk5OSA1LjAzMC03LjMyNyAwLTMuODMxLTIuNzUzLTYuNTA5LTYuNjgzLTYuNTA5LTQuNTUyIDAtNy4yMjUgMy40MTUtNy4yMjUgNi45NDMgMCAxLjM3NSAwLjUzIDIuODUgMS4xOTEgMy42NTEgMC4xMzEgMC4xNTggMC4xNSAwLjI5NyAwLjExMSAwLjQ1OS0wLjEyMSAwLjUwNi0wLjM5MSAxLjU5My0wLjQ0NCAxLjgxNS0wLjA3MCAwLjI5My0wLjIzMiAwLjM1NS0wLjUzNSAwLjIxNC0xLjk5OC0wLjkzLTMuMjQ4LTMuODUyLTMuMjQ4LTYuMTk4IDAtNS4wNDcgMy42NjctOS42ODIgMTAuNTcyLTkuNjgyIDUuNTUgMCA5Ljg2NCAzLjk1NSA5Ljg2NCA5LjI0MSAwIDUuNTE0LTMuNDc3IDkuOTUyLTguMzAyIDkuOTUyLTEuNjIxIDAtMy4xNDUtMC44NDItMy42NjctMS44MzcgMCAwLTAuODAyIDMuMDU1LTAuOTk3IDMuODAzLTAuMzYxIDEuMzktMS4zMzcgMy4xMzItMS45ODkgNC4xOTUgMS40OTcgMC40NjMgMy4wODggMC43MTMgNC43MzggMC43MTMgOC44MzYtMCAxNi03LjE2MyAxNi0xNnMtNy4xNjMtMTYtMTYtMTZ6Ij48L3BhdGg+PC9zdmc+);
}

.share-tumblr {
    background-color: #36465d;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI2LjY2OCAwaC0yMS4zMzRjLTIuOTM0IDAtNS4zMzQgMi40LTUuMzM0IDUuMzM0djIxLjMzMmMwIDIuOTM2IDIuNCA1LjMzNCA1LjMzNCA1LjMzNGgyMS4zMzRjMi45MzMgMCA1LjMzMi0yLjM5OCA1LjMzMi01LjMzNHYtMjEuMzMyYy0wLTIuOTMzLTIuMzk5LTUuMzM0LTUuMzMyLTUuMzM0ek0yMi44NjYgMjUuNzcxYy0wLjk0MiAwLjQ0My0xLjc5OCAwLjc1Ni0yLjU2MyAwLjkzNi0wLjc2NSAwLjE3OC0xLjU5MyAwLjI2Ny0yLjQ4MSAwLjI2Ny0xLjAxMCAwLTEuNjA1LTAuMTI3LTIuMzgxLTAuMzgxLTAuNzc1LTAuMjU2LTEuNDM4LTAuNjIxLTEuOTg0LTEuMDkwLTAuNTQ5LTAuNDczLTAuOTI4LTAuOTc1LTEuMTQtMS41MDZzLTAuMzE3LTEuMzAzLTAuMzE3LTIuMzEzdi03Ljc0NGgtM3YtMy4xMjdjMC44NjctMC4yODEgMS44NzMtMC42ODUgMi40OS0xLjIxMSAwLjYyLTAuNTI3IDEuMTE2LTEuMTU4IDEuNDktMS44OTYgMC4zNzUtMC43MzYgMC42MzMtMS42NzYgMC43NzQtMi44MTVoMy4xNDF2NS4xMDhoNS4xMDV2My45NDFoLTUuMTA2djUuNjYyYzAgMS4yODEtMC4wMTcgMi4wMjAgMC4xMTkgMi4zODMgMC4xMzUgMC4zNjEgMC40NzMgMC43MzYgMC44NDEgMC45NTMgMC40ODkgMC4yOTMgMS4wNDcgMC40MzkgMS42NzYgMC40MzkgMS4xMTggMCAyLjIzMS0wLjM2MyAzLjMzNi0xLjA5MHYzLjQ4MnoiPjwvcGF0aD48L3N2Zz4=);
}



.seguimiento {
padding-top: 5em;


}
.sectionSeguimiento {
    border-radius:5px;
background-color: #F1F1F1;


}

    .sectionSeguimiento .btn_consultar {
    height:100px;
    }









    /*Multimedia Style */

#multimedia {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 80px;
}

    #multimedia .tabs {
        list-style: none;
        margin: 0px;
        padding: 0px;
        height: 90px;
        width: 100%;
        background-color: #eee;
        border-bottom: 10px solid #482778;
    }

        #multimedia .tabs li {
            display: inline-block;
            text-align: center;
            width: 25%;
            float: left;
            margin: 0;
            padding: 0;
        }

        #multimedia .tabs a {
            display: block;
            text-align: center;
            text-decoration: none;
            text-transform: capitalize;
            letter-spacing: 0.5px;
            color: #232323;
            font-size: 19px;
            line-height: 80px;
            font-weight: 600;
            transition: 0.5s;
        }

            #multimedia .tabs a:hover {
                color: #482778;
            }


        #multimedia .tabs .active:hover {
            color: #fff;
        }

        #multimedia .tabs .active {
            background-color: #482778;
            color: #fff;
        }

/*.tabgroup {
    background-color: #109ff1;
    padding: 20px 30px;
}*/

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

#multimedia .tabgroup ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    #multimedia .tabgroup ul li {
        display: inline-block;
        text-align: left;
        margin-bottom: 10px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
    }

        #multimedia .tabgroup ul li:last-child {
            border-bottom: none;
            margin-bottom: 0px;
            padding-bottom: 10px;
        }

        #multimedia .tabgroup ul li img {
            float: left;
            margin-right: 30px;
            max-width: 100%;
            overflow: hidden;
        }

        #multimedia .tabgroup ul li .text-content {
            display: inline;
        }

#multimedia .item .text-content h4 {
    padding-top: 7.5px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 21px;
    font-weight: 600;
    color: #232323;
    letter-spacing: 0.5px;
}

#multimedia .item .text-content span {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #7a7a7a;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

#multimedia .item .text-content .accent-button {
    margin-top: 25px;
}

@media (max-width: 767px) {

#multimedia {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 80px;

}
#multimedia .tabs a {
            display: block;
            text-align: center;
            text-decoration: none;
            text-transform: capitalize;
            letter-spacing: 0.5px;
            color: #232323;
            font-size: 12px;
            line-height: 80px;
            font-weight: 600;
            transition: 0.5s;
        }
}
#Fundacion  img:hover {
                max-width: 110%;
                overflow: hidden;
                -webkit-transform: scale(1.1);
                transition: transform .9s ease;
                transform: scale(1.1);
            }
#Fundacion1  img:hover {
                max-width: 100%;
                overflow: hidden;
                -webkit-transform: scale(1.1);
                transition: transform .7s ease;
                transform: scale(1.1);
            }
#Fundacion1 p {
                padding-top:7px;
            }
@media (max-width: 767px) {
    #Fundacion p {
        font-size: 0.9em;
        padding-left:2em;
    }
}

/* Nueva clase específica para centrado total */
.section-full-centered {
    min-height: 100vh;      /* 100% del alto de la pantalla */
    display: flex;          /* Activamos el modo flexible */
    align-items: center;    /* Centrado vertical */
    justify-content: center;/* Centrado horizontal */
    width: 100%;            /* Aseguramos que ocupe todo el ancho */
}