@charset "utf-8";


:root {
   --verde: #21802B;
   --amarillo: #F9D705;
   --azul: #3E697F;

   --txt: #303030;
}

@font-face {
    font-family: "Futu";
    src: url("FutuExtralite.ttf") format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: "Futu";
    src: url("FutuLite.ttf") format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: "Futu";
    src: url("FutuRegular.ttf") format('truetype');
    font-weight: normal;
}

@font-face {
  font-family: "Futu";
  src: url("FutuBold.ttf") format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: "Futu";
  src: url("FutuExtra.ttf") format("truetype");
  font-weight: 900;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Futu';
    font-weight: 300;
    color:#000;
}
body, td, th, input, select, textarea, span, p, li{
    font-size:18px;
    font-weight: 400;
    color:#000;
    font-family: 'Futu';
}
p,span {
    line-height: 1.5;
    text-align: justify;
}
a{
    color: #0360b0;
    font-weight: 500;
}
a:hover{
    color: var(--verde);
}
a:focus {
    outline: solid 3px #F77!important;
}

h1{color:#21802B; font-weight: bold;}
h2{color:#21802B; font-weight: bold;}
h3{color:#3E697F; font-weight: bold;}
h4{color:#000; font-weight: bold;}
h5{color:#303030; font-weight: bold;}
h6{color:#303030; font-weight: bold;}

/* Estilos para las zebras */
.zebra { margin-top:15px; margin-bottom:20px;}
.zebra td { border-bottom: 1px solid #f1f1f1;}
.zebra tr.alt td {		background: #f7f7f7;}
.zebra tr.over td {	background: #E2E2E2;}
.zebra tr.title td { background-color: #D6D6D6; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; }
/* Retoques al jQuery UI*/
.ui-state-default, .ui-widget-content .ui-state-default { background: #303030; color:#FFF; border:none; }
.ui-state-active, .ui-widget-content .ui-state-active { color:#FFF; border:none; background-color: #21802B; background-image:none; }
.ui-state-default, .ui-widget-content .ui-state-default * { color:#FFF; border:none; }
.ui-state-active, .ui-widget-content .ui-state-active * { color:#FFF; border:none; }
.ui-widget-header, .ui-widget-content { border:none; background:#FFF; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#FFF; }
.ui-tabs-nav { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #21802B; padding-bottom:5px; border:none; }
.ui-tabs .ui-tabs-nav li a{ padding:5px;}
.margin{margin: 5px;}
.clear{clear: both;}
#MenuVertical{padding: 0; margin: 0; width: 172px; float: left;  margin-right: 27px;}
#MenuVertical li { list-style-position: inside; list-style-type: none; padding: 0px; margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; list-style-image: url(vineta.gif); }
#MenuVertical li a { color: #303030; display: inline; list-style-position: inside; list-style-type: none; padding: 0px; font-size: 13px; font-weight: normal; text-decoration: none; margin: 0px; }
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover{
    background: #21802B!important;
}

.fecha-evento-enListado>b:nth-child(2n), .fecha-evento-enListado>b:last-child{
    display: none;
}
.btn-default {
    color: #fff;
    background-color: #21802B;
    border-color: #21802B;
    transition: all .3s ease;
}
.btn-default:hover{
    background-color: #3E697F;
    transition: all .3s ease;
    color: #fff;
}
#dashboardPG .dashboard-item .dashboard-item-container a:hover {
    background: linear-gradient(90deg, #fff, #21802B4d );
}
/* Paddings */

.p-x{padding-left: 0px!important; padding-right: 0px!important;}
.p-y{padding-top:0px!important; padding-bottom:0px!important;}
.p-0{padding: 0px}
.p-1{padding: 1em;}
.p-2{padding: 2em;}
.p-3{padding: 3em;}
.p{
    padding: 1em;
}

.d-flex{display: flex;}

a {
	transition: all 0.3s ease-in-out;
}

a:visited,a:active,a:focus{
	text-decoration: none !important;
}
*:active,
*:focus {
  outline: 0;
}
.no-js *:focus {
  outline: solid 3px red;
}

/*------------*/
.site-content{
    padding-top: 70px;
}
section.home-section {
    padding-top: 93px;
}
.site-content, .my-container{
	max-width: 1200px;
	margin: 0 auto;
}
/*------------*/

.imagen_ver_evento{
    display: none;
}
/* HEADER */
header.home {
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    background: #FCFCFD;
    box-shadow: 0 2px 4px #0003;
    transition: all .4s ease;
}

.header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
}
.nav-brand {
    max-width: 50px;
    transition: all .3s ease;
}
.nav-brand img{
	transition: all .3s ease;
    width: 100%;
}

/*para quitar los submenus en la vista responsive*/
.social-links, .main-nav-mobile {
    display: none;
}
/*para quitar los submenus en la vista de escritorio*/
#menu-main> li > ul {
	display: none;
}

a.toogle-menu, .toogle-search { /*boton del menu responsive*/
    color: var(--verde);
    font-size: 30px;
    padding: 0 5px;
    line-height: 1;
}
.mm-menu {
    background: linear-gradient(45deg, #0A7229, #56A62E);
    border-color: rgba(0,0,0,.1);
    color: #fff;
}
ul.mm-listview {display: block !important;}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
    color: #fff;
}
.mm-menu .mm-listview .mm-btn_next::after {
    border-color: #fff;
}
.mm-menu .mm-btn::after, .mm-menu .mm-btn::before {
    border-color: #fff;
}
.navbar-header{
    display: none;
}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
    color: #fff;
    font-weight: bold;
}
.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-page__blocker{
    opacity: .6!important;
}
.mm-menu .mm-listview a:not(.mm-btn_next){
    color: #fff!important;
    font-weight: 600;
}
.mm-navbars_bottom{
    height: 47px;
    background: #000000a6;
}
.bg-icon {font-size: 25px;}
.bg-icon > span {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	color: #fff;
}

#redes_laterales{
    display: none;
}
.contenedor--eventos{
    margin-top: 3em; 
}

 /* btn servicios */

.btn-servicios {
    display: flex;
    max-width: 234px;
    width: 100%;
    height: 53px;
    background: linear-gradient(111deg, #31A3C8 49%, #41687F);
    border-radius: 40px;
    padding: 0 15px;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all .3s ease;
}

.btn-servicios > h2 {
    margin: 0;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    text-shadow: 0px 2px 4px #41687f;
    line-height: 1em;
}
.btn-servicios > img {
    min-width: 42px;
    margin-right: 8px;
}
.btn-servicios:before {
    content: "";
    display: block;
    width: 46px;
    height: 46px;
    background: #0c2d43;
    min-width: 46px;
    border-radius: 40px;
    position: absolute;
    left: 6px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
    transition: all .3s ease;
}

/* MENU GOV */

.menu-gov {
    background: #3366CD;
    padding: 4px 1rem;
}
.cont-gov {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.anc-gov {
    display: block;
    width: 100%;
    max-width: 100px;
}

/*MENU DE ACCESIVILIDAD*/

.one {transform: rotate(140deg);}
.two {transform: rotate(-40deg);}
.fa-adjust{
    color: #000;
}
.menu-acce {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    padding: 0 10vw;
    display: flex;
    width: 100%;
    height: 37px;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90deg, #0A7229, #56A62E);
}

.menu-acce > div {
    display: flex;
    width: 33px;
    height: 26px;
    background: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 20px;
    color: var(--verde);
    cursor: pointer;
    transition: all .3s ease;
}

.menu-acce > a > span{
   font-size: 20px!important; 
}

.balloontext{display: none;}

/* Slider Home */
.slick-arrow {
	position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 50;
    color: #fff;
    font-size: 20px;
    padding-top: 0px;
    line-height: 0;
    cursor: pointer;
    transition: all .3s ease-in-out;
    background: #0000007a;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    margin: 0 25px;
}
span.arrow-right.slick-arrow {
    right: 0;
    left: auto;
}
.slick-arrow:hover{
	background: var(--amarillo);
	color: #fff;
}

/*dots slider*/

.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}
.slick-dots li {
    margin: 0 0.25rem;
}
.slick-dots button {
    display: block;
    width: 7px;
    height: 7px;
    padding: 0;
    border-radius: 100%;
    background-color: #c3c3c3;
    text-indent: -9999px;
    border: none;
}
.slick-dots li.slick-active button {
    background-color: var(--verde);
}

/*language*/

#language{margin:auto; width: 100%; max-width: 300px; zoom: .7; opacity: .6;}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-text-highlight {background-color: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
body {top:0 !important;}
#google_translate_element2 {display:none!important;}
a.flag {text-decoration:none;}
a.flag img {vertical-align:middle;padding:0;margin:0;border:0;display:inline;height:16px;opacity:0.8;}
a.flag:hover img {opacity:1;}
a.flag span {margin-right:5px;font-size:15px;vertical-align:middle;}

/*footer*/

.footer{
    background: #F9F9F9;
}
.footer-portal {
    display: inline-block;
    width: 100%;
    padding-bottom: 32px;
}
.poner, .footer-bottom{
    padding: 1em 0;
}

.poner {
    padding-top: 50px;
    position: relative;
    z-index: 1;
}
.footer-top{
    position: relative;
}
.footer-top:before {
    content: "";
    max-width: 248px;
    height: 173px;
    background-image: url(forma6.png);
    position: absolute;
    top: 0;
    right: 0;
    background-size: contain;
    background-position: top right;
    width: 26vw;
    background-repeat: no-repeat;
}
.footer-top:after {
    content: "";
    max-width: 164px;
    height: 247px;
    background-image: url(forma5.png);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20vw;
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
}


.foo-logo {
    max-width: 170px;
    margin: 0 auto;
    width: 100%;
}
.cont-img-foo {
    max-width: 220px;
    margin: 2rem auto;
}

.menu-1 > ul{
    padding: 0!important;
    list-style: none;
}
.menu-1 > ul > li > a{
    font-size: 18px;
    color: #666666;
    font-weight: 500;
    line-height: 1.2em;
}

h3.footer-tittle {
    font-size: 21px;
    text-align: center;
    color: #666666;
    margin: 0;
    padding: 15px;
    margin-bottom: 1rem;
    font-weight: bold;
    min-width: 132px;
}
h3.footer-tittle::after {
    content: "";
    display: block;
    width: 100%;
    max-width: 191px;
    height: 3px;
    background: linear-gradient(90deg, #41687F, #31A3C8);
    margin: 5px auto;
}

.page-footer > div > div > p {
    margin: 0 0 10px 0;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    color: #666666;
    line-height: 1.2em;
}

.menu-1 > ul > li{
    text-align: center;
    padding-bottom: 7px;
}
.page-footer div {
    padding: 0;
}
.footer-text{font-size: 13px;}
.footer-text > a{color: #B2B2B2}
.footer-bottom {
    border-top: 2px solid #DEDEDE;
}

/*searcher*/

.searcher {
    position: fixed;
    width: 100%;
    background: var(--azul);
    left: 0;
    top: 0;
    padding: 15px;
    z-index: 101;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    transform: translateY(-100%);
}
.search-content {
    width: 100%;
}
.search-content form {
    display: flex;
    border-bottom:1px solid #fff;
    transition: opacity .3s ease .4s;
    opacity: 0;
}
.search-content form input {
    background: none;
    border: none;
    color: #fff;
    font-size: 22px;
    font-weight: 200;
    outline: none;
    box-shadow: none !important;
}
.search-content form button {
    background: none;
    border: none;
    color: #fff;
    font-size: 22px;
}
.search-content-active {
    transform: translateY(0%);
}
.search-content-active .search-content form  {
    opacity: 1;
}
.close-searcher {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 14px;
    font-size: 30px;
    color: #fff !important;
}


/*titulos*/

h2.content-box-title, h2.mod-box-title {
    font-size: calc(1em + 2vw);
    width: fit-content;
    margin: 1em auto 1rem;
    padding: 1rem;

    text-align: center;
    font-weight: bold;
    color: #5D5D5D;
    position: relative;
    padding-left: 55px;
    line-height: 1.2em;
}

h2.content-box-title:before, h2.mod-box-title:before {
    content: "";
    display: block;
    width: 47px;
    height: 36px;
    background-image: url(titulos.png);
    position: absolute;
    left: 0;
    top: 0.4em;
}


/*colores*/

.inversed {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.gray {
  filter: grayscale(1);
}


/* banner */

.content-banner {
    position: relative;
}
.banner-container {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    background: linear-gradient(90deg, #0000 40%, #00000080);
}



/* SECTION ITEMS HOME ----------- */

.content-items {
    padding: 1.5rem 1rem 2rem;
    background: #EBF7FF;
    border-radius: 0 0 18px 18px;
    width: 100%;
    max-width: 1167px;
    margin: 0 auto;
}

.content-items .slick-dots{
    position: absolute;
    left: 0;
    right: 0;
}

.item {
    display: flex;
    width: 100%;
    max-width: 160px;
    height: 152px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border: 1px solid #9797971a;
    box-shadow: 0px 4px 13px #41687f40;
    border-radius: 9px;
    position: relative;
    background-image: linear-gradient(130deg, var(--color) 30%, #0000);
    overflow: hidden;
    transition: all .3s ease;
}
.item:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: var(--color);
    filter: brightness(0.7);
    z-index: -1;
}

.item > h2 {
    font-size: 20px;
    text-align: center;
    line-height: 1.1em;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 2px 4px #00000026;
    position: relative;
    z-index: 1;
}

.circle {
    display: flex;
    background: var(--color);
    height: 116px;
    width: 116px;
    position: absolute;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    bottom: -66px;
    right: -37px;
    transition: all .3s ease;
}
.circle-center {
    display: block;
    width: 41px;
    height: 41px;
    border-radius: 100%;
    background: var(--color);
    filter: brightness(0.7);
}

.item:hover .circle  {
    transform: scale(9);
    transition: all .5s ease;
}



/* SECTION EVENTOS ----------- */

.content-eventos {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    position: relative;
}

.content-eventos:before {
    content: "";
    display: block;
    width: 183px;
    height: 240px;
    background-image: url(forma1.png);
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.fondogris {
    position: relative;
    background: linear-gradient( #EEEEEE 90%, #fff);
}
.fondogris:before {
    content: "";
    display: block;
    width: 224px;
    height: 159px;
    background-image: url(forma2-1.png);
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}

.evento-ho {
    display: block;
    width: 100%;
    max-width: 454px;
    max-height: 398px;
    border-radius: 8px;
    border: 1px solid #c9d1db1a;
    box-shadow: 0px 44px 56px #7d8a9f21;
    background: #fff;
    margin: 0 auto;
    transition: all .3s ease;
}

.evento-ho > img {
    width: 100%;
    max-height: 252px;
    border-radius: 8px;
    height: 57vw;
    object-fit: cover;
}

.data-evento {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 108px;
    padding: 15px 25px;
}
.data-evento > h3 {
    margin: 0;
    font-size: calc(0.7em + 1vw);
    font-weight: 500;
    color: #476881;
    padding-bottom: 9px;
}
.data-evento > h2 {
    margin: auto 0;
    font-size: calc(0.8em + 1vw);
    color: #4D6882;
    font-weight: 600;
    width: calc(100% - 45px);
    line-height: 1.1em;
    word-break: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.flecha-evento {
    display: flex;
    width: 40px;
    height: 40px;
    background: #6FB225;
    position: absolute;
    right: 24px;
    bottom: 44px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    transition: all .3s ease;
}

.enlace-eventos {
    display: block;
    width: fit-content;
    margin: 1rem auto;
    font-size: 18px;
    color: #4BA3CB;
    font-weight: bold;
    text-decoration: revert;
}



/* SECTION TRAMITES ----------- */

.content-tramites {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
    margin: 3rem 0;
}
.content-tramites:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: var(--fondo);
    opacity: 78%;
    z-index: 0;
}

.data-tramite {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 1141px;
    margin: 0 auto;
}
.data-tramite > h2 {
    color: #fff;
    font-weight: 500;
    text-align: center;
    letter-spacing: -1.82px;
    line-height: 1.2em;
    font-size: calc(1.8em + 1vw);
}
.data-tramite > h3 {
    color: #fff;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.11px;
    line-height: 1.2em;
    font-size: calc(1.2em + 1vw);
}
.data-tramite > a {
    display: flex;
    width: 242px;
    height: 54px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 4px solid #fff;
    border-radius: 40px;
    font-size: 25px;
    color: #fff;
    font-weight: 500;
    margin-top: 2rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.data-tramite > a:before {
    content: "";
    display: block;
    height: 100%;
    width: 0%;
    background: var(--verde);
    position: absolute;
    z-index: -1;
    transition: all .3s ease;
    border-radius: 40px;
    left: 0;
}
.data-tramite > a:hover:before {
    width: 100%;
    transition: all .3s ease;
}



/* SECTION EMBEDS  */

.content-iframes {
    margin: 2rem 0;
    width: 100%;
    max-width: 1600px;
}
.videos {
    width: 100%;
    max-width: 351px;
    margin: 0 auto;
}
.videos > iframe {
    width: 100%;
    height: 49vw;
    max-width: 351px;
    max-height: 206px;
}
.tt-video {
    margin: 5px auto 15px;
    width: 100%;
    max-width: 351px;
    font-size: calc(0.8em + 1vw);
    color: #4D6882;
    font-weight: 600;
    line-height: 1.1em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

.podcats {
    width: 100%;
    max-width: 508px;
    margin: 1rem auto;
}

.face {
    width: 100%;
    max-width: 355px;
    margin: 0 auto;
}




/* SECTION NOTICIAS ---------- */

.color-gri {
    background: linear-gradient(#EEEEEE 66%, #fff);
    padding: 1rem 0 1rem;
}

.content-noticias {
    width: 100%;
    max-width: 1525px;
    margin: 0 auto;
    position: relative;
}
.content-noticias:before {
    content: "";
    display: block;
    max-width: 239px;
    max-height: 182px;
    background-image: url(forma4.png);
    background-position: bottom right;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 45vw;
    height: 32vw;
    background-size: contain;
    background-repeat: no-repeat;
}

.noticias-ho {
    display: flex;
    width: 100%;
    max-width: 483px;
    margin: 0 auto;
    flex-direction: column;
    
}
.noticias-ho:after {
    content: "";
    display: block;
    max-width: 261px;
    height: 10px;
    background: #6FB225;
    border-radius: 0 0 3px 3px;
    margin: 0 auto;
    width: 53%;
    transition: all .3s ease;
}

.noticias-ho > img {
    width: calc(100% - 30px);
    margin: 0 auto;
    border-radius: 5px;
    box-shadow: 0px 13px 111px 8px #0000000d;
    position: relative;
    z-index: 1;
    max-width: 454px;
    max-height: 268px;
    height: 48vw;
    object-fit: cover;
}

.data-noticia {
    width: 100%;
    height: 157px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 31px #0000001c;
    padding: 15px 33px;
    overflow: hidden;
    padding-top: 56px;
    margin-top: -56px;
    display: flex;
    flex-direction: column;
}
.data-noticia > h2 {
    color: #516784;
    font-size: calc(0.8em + 1vw);
    font-weight: bold;
    margin: 15px 0 5px;
    line-height: 1em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.data-noticia > h3 {
    font-size: calc(0.7em + 1vw);
    color: #828383;
    font-weight: 400;
    line-height: 1.1em;
    margin: auto 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.enlace-noticias {
    color: #666666;
}

.translate, .form-nav {
    display: none;
}
header.home.fixed {
    transform: translateY(-94px);
}




/* EFECTOS HOVERS ---------- */

.menu-acce > div:hover {
    transform: scale(1.1);
    transition: all .3s ease;
}
.btn-servicios:hover:before {
    width: calc(100% - 12px);
     transition: all .3s ease;
}
.item:hover {
    transform: scale(1.07);
    transition: all .3s ease;
}
.evento-ho:hover {
    transform: scale(1.03);
    filter: drop-shadow(0px 5px 6px #21802b);
    transition: all .3s ease;
}
.flecha-evento:hover {
    background: var(--azul);
    transition: all .3s ease;
}
.enlace-eventos:hover {
    color: var(--verde);
}
.noticias-ho:hover {
    transform: scale(1.03);
    transition: all .3s ease;
}
.noticias-ho:hover:after{
    background: var(--amarillo);
    width: 100%;
    max-width: initial;
}   
.menu-1 > ul > li > a:hover {
    color: var(--verde);
}







/* Media Queries */
@media (min-width: 500px) {

}

@media (min-width: 768px){


    .menu-acce {
        max-width: 293px;
        padding: 0 26px;
        border-radius: 40px;
        margin: 0 2rem;
        top: 42px;
        left: 0;
        right: 0;
        margin: auto;
        bottom: initial;
        border-radius: 5px;
    }
    .footer-portal{
        padding-bottom: 0;
    }

    h1{font-size: 28px;}
    h2{font-size: 28px;}
    h3{font-size: 28px;}
    h4{font-size: 28px;}
    h5{font-size: 28px;}
    h6{font-size: 28px;}

    p{
        font-size: 18px;
    }


    h2.content-box-title, h2.mod-box-title {
        font-size: 40px;
    }
    
    .data-evento > h3 {
        font-size: 18px;
    }
    .data-evento > h2 {
        font-size: 21px;
    }
    .data-tramite > h2 {
        font-size: 50px;
    }
    .data-tramite > h3 {
        font-size: 30px;
    }
    .tt-video {
        margin: 5px auto 2rem;
        font-size: 22px;
    }
    .data-noticia > h2 {
        font-size: 17px;
    }
    .data-noticia > h3 {
        font-size: 15px;
    }


}

@media (min-width: 992px){

    #redes_laterales{
        display: block;
        position: fixed;
        right: 0px;
        z-index: 999;
        background: rgba(0, 0, 0, 0.7);
        top: 54%;
        border-radius: 10px 0 0 10px;
    }
    #redes_laterales a{
        display: flex;
        position: relative;
        text-decoration: none;
        transition: all .3s ease;
        height: 40px;
        width: 40px;
        justify-content: center;
        align-items: center;
    }
    #redes_laterales a > i{
        color: #ffffff;
        font-size: 1.5em;
    }
    #redes_laterales a > span{
        position: absolute;
        top: 0px;
        width: 170px;
        height: 40px;
        color: #ffffff;
        left: 80px;
        transition: all 0.5s;
        background: rgba(0, 0, 0, 0.7);
        z-index: -1;
        display: flex;
        align-items: center;
        padding: 0 1em;
        border-radius: 20px 0 0 20px;
    }

    #redes_laterales a:hover .span{
        left: -130px;
    }
    
	.primero, .ultimo {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 271px;
    }
    .menu-1 > ul > li, 
    .page-footer > div > div > p,
    h3.footer-tittle{
        text-align: left;
    }
    h3.footer-tittle::after {
        margin: 5px auto 0 0;
    }

    .footer-top:after {
        width: 5vw;
    }


    .menu-acce {
        margin: 0 2rem;
        position: relative;
        top: initial;
    }

    /* barras top */

    .translate, .form-nav{
        display: block;
    }

    .anc-gov {
        display: block;
        width: 100%;
        max-width: 150px;
    }
    .menu-gov {
        padding: 12px 1rem;
        height: 50px;
    }
    .cont-menu-acc {
        background: linear-gradient(90deg, #0A7229, #56A62E);
    }

    .cont-me{
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
    }

    .menu-acce {
        margin: 0;
        position: relative;
        top: initial;
        background: #0000;
    }
    .translate {
        background: #fff;
        max-width: 150px;
        border-radius: 4px;
    }


    /*form header*/

    .form-nav {
        display: block;
        width: 100%;
        max-width: 222px;
        margin-left: 35px;
        position: relative;
    }
    .form-nav:before {
        content: "";
        display: block;
        width: 2px;
        height: 36px;
        background: #D8D8D8;
        position: absolute;
        left: -17px;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .form-nav > form {
        display: flex;
        background: #fff;
        max-width: 222px;
        width: 100%;
        height: 29px;
        overflow: hidden;
        border-radius: 40px;
        padding: 0 10px;
        box-shadow: 0px 0px 4px #0000000f;
    }
    .boton, .input {
        border: none;
        box-shadow: none;
        background: transparent;
        height: 100%;
        border-radius: 0;
        font-size: 15px;
        padding: 0 15px;
        color: #505050;
    }

    .boton {
        padding: 0;
        font-size: 18px;
        line-height: 0;
        color: #505050;
    }

    .form-control:focus{
        box-shadow: none!important;
    }

    
    
    /*MENU ESCRITORIO ****************+*/

    .nav-brand {
        max-width: 158px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-width: 158px;
        margin-right: 3rem;
    }
    .nav-brand > a.log {
        display: block;
        min-width: 65px;
        max-width: 78px;
        width: 100%;
    }
    .casa {
        display: flex;
        width: 58px;
        height: 63px;
        align-items: center;
        justify-content: flex-end;
        border-left: 2px solid #979797;
    }
    .casa > img {
        width: 35px;
        height: 35px;
    }


    .header-content {
        padding: 0 1rem;
        height: 90px;
    }

    .navbar-header{
        display: block;
        width: 100%;
    }

    .nav-mobile {
        display: none;
    }

    .content-info-header {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin-left: auto;
        align-items: center;
    }
    .ct-header {
        max-width: 1400px;
        margin: auto;
    }

    .icons-header {
        display: flex;
        align-items: center;
        width: 100%;
        margin-left: 1rem;
        max-width: 491px;
        min-width: 320px;
        margin-left: 2rem;
    }
  
    nav.main-nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    nav.main-nav > ul{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    nav.main-nav ul li a {
        display: block;
        font-size: 14px;
        padding: 7px 16px;
        font-weight: 500;
        color: #476881;
        min-width: 50px;
        margin-left: 5px;
        text-align: center;
        white-space: nowrap;
        transition: all .3s ease;
        height: 37px;
        line-height: 24px;
        border-radius: 30px;
    }

    #menu-main > li > a:hover,
    #menu-main > li > a:focus{
        background: #41687F;
        color: #fff!important;
    }

    ul.submenu {
        position: absolute;
        min-width: 150px;
        transform: translateX(-50%);
        padding-top: 26px!important;
        left: 50%;
        box-shadow: 0 0 0px black;
        display: none;
        transition: all .3s ease;
        width: 100%
    }
    ul.submenu li a {
        font-size: 14px !important;
        padding: 10px 15px !important;
        text-align: left!important;
        background: var(--azul);
        color: #fff!important;
        border-bottom: 1px solid;
        border-radius: 0!important;
        line-height: 1em!important;
        margin: 0!important;
    }

    nav.main-nav ul li {
        position: relative;
    }
    ul.subsubmenu {
        position: absolute;
        left: 100%;
        top: 0;
        min-width: 150px;
    }

    section.home-section {
        padding-top: 184px;
    }
    .site-content {
        padding-top: 175px;
    }


}

@media(min-width: 1200px){

    nav.main-nav ul li a {
        font-size: 18px;
        margin-left: 25px;
    }
    .enlace-eventos {
        margin: 1rem 0 1rem auto;
    }

}

@media (min-width: 1500px) {
    .footer-top:after {
        width: 14vw;
    }
}







/*  FOR GLOSSARY
*   Tooltip.js
*/
#tooltip
{
    text-align: center;
    color: #fff;
    background: #000;
    background: rgba(0,0,0,0.8);
    position: absolute;
    z-index: 100;
    padding: 15px;
    border-radius: 5px;
    box-sizing: border-box;
    white-space: pre-line;
}
@media only screen and (max-width: 800px){
    #tooltip:before{
        content: 'x';
        position: absolute;
        color: #fff;
        right: 8px;
        top: 3px;
        font-size: 12px;
    }
}
#tooltip:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0,0,0,0.8);
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}
#tooltip.top:after
{
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;                         
    bottom: auto;
}
#tooltip.left:after
{
    left: 10px;
    margin: 0;
}
#tooltip.right:after
{
    right: 10px;
    left: auto;
    margin: 0;
}

/*ESTILOS TABS INTERNAS*/

ul.nav-tabs>li {
    display: flex;
    justify-content: center;
    margin: 10px 7px;
    height: 36px;
    border-radius: 30px;
    position: relative;
    transition: all .6s ease;
    background: #b3b3b394;
}


ul.nav-tabs>li > a{
   height: 36px;
   padding: 3px 20px!important;
   display: flex;
   justify-content: center;
   white-space: normal;
   font-size: 18px;
   overflow: hidden;
   color: #535353;
   font-weight: bold;
   position: relative;
   z-index: 2;
   overflow: hidden;
}

ul.nav-tabs>li:hover{
    color: #fff;
}
ul.nav-tabs>li:hover{
    background: var(--amarillo);
}

ul.nav-tabs>li.active{
    background: var(--amarillo);
}
ul.nav-tabs>li.active > a {
    color: #000!important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav>li>a:hover, .nav-tabs>li.active>a:focus, .nav>li>a:focus{
    background-color: #fff0;
    border: 1px solid #ddd0;
}
















/* 
.cont-circle {
  width: 340px;
  margin: 120px auto 0;
}

.circle {
  background: #14b0e3;
  width: 120px;
  height: 120px;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  float: left;
  cursor: pointer;
  -webkit-border-radius: 120px;
  -moz-border-radius: 120px;
  border-radius: 120px;
}
.circle:before {
  content: "";
  background: #031f28;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  float: left;
  -webkit-border-radius: 120px;
  -moz-border-radius: 120px;
  border-radius: 120px;
  -webkit-transition: all 220ms linear;
  -moz-transition: all 220ms linear;
  transition: all 220ms linear;
}
.circle:hover:before {
  width: 120px;
  height: 120px;
  top: 0;
  left: 0;
} */