@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?wi68zi');
  src:  url('../fonts/icomoon.eot?wi68zi#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?wi68zi') format('truetype'),
    url('../fonts/icomoon.woff?wi68zi') format('woff'),
    url('../fonts/icomoon.svg?wi68zi#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
    font-size: 14px;
    min-height: 100%;
}
html, body.front {
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    background: #fff;
    min-height: 100%;
}
[class^="icono-"], [class*=" icono-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tabs_sections ul li a, .tabs_sections ul li a:hover {color:#fff !important;}
.logo-img-mobile{display:none !important;}
.icono-opp_arrow_down:before {
  content: "\e900";
}
.icono-opp_arrow_left:before {
  content: "\e901";
}
.icono-opp_arrow_left_small:before {
  content: "\e902";
}
.icono-opp_arrow_right:before {
  content: "\e903";
}
.icono-opp_arrow_right_small:before {
  content: "\e904";
}
.icono-opp_close:before {
  content: "\e905";
}
.front #slideshow-inner .block{
    padding:0px !important;
}

#loaderProyectosContainer {
    background-color: rgba(0,0,0,0.5);
    top:0;
    bottom:0;
    height: auto;
    width: 100%;
    position: fixed;
    z-index: 9999;
}
#loaderProyectosContainer .loaderfinanzas{
    top:50%;
}
.pauta input[type="text"],
.pauta input[type="email"]{
    border: none;
    border-bottom: 2px solid #fff;
    background: transparent;
    margin-bottom: 40px;
    color: #ffffff;
}
.pauta input[type="text"]::placeholder,
.pauta input[type="email"]::placeholder{
    color: #ffffff;
}
.pauta .copete {
    padding: 50px;
}

.pauta input[type="submit"]{
    font-size: 18px;
    width: 100%;
    font-weight: bold;
}
/*Notas
--------------------------------------------------------------------------------*/
#finanzasapp .finanzas-modal .finanzas_contenedor_scroll{height:calc(100% - 300px); max-width: 1200px; margin:auto; padding: 0 5%}
.nota-inner{background: #f8f8f8;padding: 40px;height:100%;overflow-y: auto;margin: auto;}
.nota-inner::-webkit-scrollbar { width: 6px;}
.nota-inner::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
.nota-inner::-webkit-scrollbar-thumb { height: 30px; border-radius: 2px; background-color: #a0a0a0; outline: 4px solid slategrey;}
#finanzasapp .finanzas-modal div div a.link-notas{font-size:14px }
#finanzasapp .finanzas-modal div div a.link-notas i{ margin-right: 3px}
#finanzasapp .finanzas-modal .nota-inner ul {margin-left:17px}
#finanzasapp .finanzas-modal .nota-inner ul li{margin-bottom: 15px}
#finanzasapp .finanzas-modal .nota-inner h4{margin-bottom: 25px}
#finanzasapp .finanzas-modal .nota-inner ul li h5{ color: #222}

/* ------------- Bibliotecta -------*/
.page-biblioteca h3 {
    display: flex;
    font-size: 1.4rem;
    margin: 0 0 8px;
    align-items: center;
    justify-content: space-between;
}
.page-biblioteca .consultarBiblioteca{cursor: pointer}
/* ------------ Content -----------*/
 #content-inner {padding-bottom:20px;}
.page-finanzas-presupuestos #content-inner, .page-finanzas-rendiciones #content-inner, .logged-in.page-finanzas-rendiciones #content-inner, .logged-in.page-finanzas-presupuestos #content-inner{background-color:#fff !important;}
.page-finanzas-presupuestos #content-inner .container, .page-finanzas-rendiciones #content-inner .container, .logged-in.page-finanzas-rendiciones #content-inner .container, .logged-in.page-finanzas-presupuestos #content-inner .container{width:100%;padding-left: 40px;padding-right: 40px;max-width:100%;}
.page-finanzas-departamentales #content-inner .container {padding-top: 70px;}
/* ----------- HEADER ------------- */
body #header-inner {
    z-index: 190 !important;
}
#header-inner {border-bottom: 0; background: #fff; background-size: contain}
.header-inner {text-align: left; padding-left: 0; padding-right: 0}
#header-inner:before, #activities-inner:before{width: 100%; height: 15px;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */

    position: absolute; content: ""; z-index: 100; bottom: 0; padding-left: 100%; padding-right: 100%; left: 0}
#header-inner .logo-img{padding: 0px 0; }


#header-inner.fixed-header .logo-img{padding-top: 0px!important}
#header-inner.fixed-header .logo-img a{text-align: left;  }
#header-inner.fixed-header img.logo-img{height: 70px}
#header-inner img.logo-img{max-width: 450px;}
.front #header-inner img.logo-img{height: 90px;margin-bottom: 0px;}
body.layout-wide .header-inner img.logo-img  {
  /*width: 60%;*/
  -webkit-transition: all .5s ease;
  -webkit-transition-delay: .5s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
/*#header-inner .logo-img{display:none;}*/
.resultado_consultas_fiscal{display:none}
.resultado_consultas_fiscal_visible{display:block !important}
.region-menu {float: right}
.region-menu .nav > li > a{padding: 20px; color: #666}
.region-menu .nav > li.active > a{padding: 20px !important;}
.region-menu .nav > li:last-child > a, body.layout-wide .fixed-header .region-menu .nav > li:last-child > a {padding-right: 0}
.region-menu .nav > li > a:hover {background: none; color: #265fa4}
.region-menu .nav > li > a:after, .region-menu .nav > li > a:before{display: none;background: none}
.region-menu .nav > li > a:hover, .region-menu .nav > li > a:focus{background: rgba(255,255,255,.4)!important}


body.layout-wide .fixed-header .region-menu .nav > li > a{padding: 10px 20px 15px }
.finanzas_bar{background: #00986f;overflow: hidden;z-index:999;min-height: 10px;}
.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive{pointer-events: auto;}
.page-filtros .finanzas_bar, .page-listados .finanzas_bar, .page-grafica .finanzas_bar, .page-grafica .finanzas_bar, .page-mapa .finanzas_bar {background:#0088c4;}
.page-biblioteca .finanzas_bar{background:#e55739;}
.page-perfiles .finanzas_bar{background:#74428b;}
.page-mirador .finanzas_bar{background:#ff9015;}
.page-mirador- .btn { background-color:#f69324;}
.page-mirador .filtros_aplicados .icono_abajo{float:right;height: 100%;cursor: pointer}
.page-mirador #proyectos-tabla_length select {max-width: 60px;}
.page-mirador- main{background-color: #f8f8f8}
.finanzas_bar ul {padding-left: 40px;}
.page-finanzas .finanzas_bar:before{width: 100%; height: 15px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 62%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 62%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 62%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */
    position: absolute; content: ""; z-index: 100; top: 0; padding-left: 100%; padding-right: 100%; left: 0; margin-top: -15px}
.finanzas_bar li{list-style: none; float: left; padding: 15px 0}
.finanzas_bar li a{display: block; font-size: 14px; color: rgba(255,255,255,.6); padding: 0 30px; border-right: 1px solid rgba(255,255,255,.4);   -webkit-transition: all .5s ease;
  -webkit-transition-delay: .5s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;}
.finanzas_bar li a:hover{ color: rgba(255,255,255,1); }
.finanzas_bar li:first-child a {padding-left: 0}
.finanzas_bar li:last-child a{border-right: none}
.finanzas_bar li a.active{font-weight: bold; color: #fff}

.opciones_grafico.mostrando_detalles{display:block;}
@media (min-width: 1200px){

   /*.page-finanzas .container {
     padding-left: 0px;
    padding-right: 0px;

   }*/

}
/* ----------- MODAL -------------- */
body.modal_open{overflow: hidden}
#finanzasapp .finanzas-modal div p {font-size: 16px;line-height: 24px;}
#finanzasapp .finanzas-modal div div {line-height:24px; font-size: 14px;}
#finanzasapp .finanzas-modal div div a{font-size: 11px;}
#finanzasapp .finanzas-modal .finanzas_modal_input_filtro a{font-size: 14px;}
#finanzasapp .finanzas-modal input{font-size: 14px;}
#finanzasapp .finanzas-modal > div { width: 90%; margin: 3% auto ;  border-radius: 8px; padding: 0; background: #fff; vertical-align: middle;  height: 90%;
    color: #222; font-size: 12px;  overflow-y:hidden;}
#finanzasapp .finanzas-modal > div *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#finanzasapp .finanzas-modal .finanzas_modal_ancho_total { clear: both; padding: 20px 5%;   margin: 0; border: none;  /* overflow: auto; */}
#intro-finanzas-modal{position: absolute; width: 100%; height: 100%;  background: #fff; margin: 0; border-radius: 8px; text-align: center; z-index: 100}
#intro-finanzas-modal .modal-wrap{padding: 50px }
#intro-finanzas-modal p{text-align: center; max-width: 800px; margin: 0 auto}
#intro-finanzas-modal ul{max-width: 800px; margin: 10vh auto}
#intro-finanzas-modal ul li{float: left; width: 28%; text-align: center; margin-right: 8%; list-style: none; font-size: 14px; position: relative}
#intro-finanzas-modal ul li:after{content: "\f105"; font-family: "FontAwesome"; color: #ccc; font-size: 4vw; position: absolute; top: 3vw; right: 0; margin-right: -3vw}
#intro-finanzas-modal ul li:last-child{margin-right: 0; }
#intro-finanzas-modal ul li:last-child:after{content:""}
#intro-finanzas-modal ul li i.fa{background: #305659; padding: 2vw; font-size: 3vw;   line-height: 4vw;  color: #fff; border-radius: 99%; width: 8vw; height: 8vw;margin-bottom:30px;}
#finanzasapp .finanzas-cerrar-boton{right: 20px; top: 20px; background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; z-index:999;}
#finanzasapp .finanzas-cerrar-boton i{font-weight: bold!important; font-size: 26px; color: #222}
#finanzasapp .finanzas-modal > div h2{margin-top: 0; text-align: center; font-size: 30px; font-weight: bold; color: #222 }
#finanzasapp .finanzas-modal > div h2 span{color: #305659 }
#finanzasapp .finanzas-modal > div h3{color:  #305659; font-size: 26px; font-weight: bold; }
#finanzasapp .finanzas-modal > div h4{color:  #305659; font-size: 20px; font-weight: bold; margin-bottom: 5px; margin-top: 0 }
#finanzasapp .finanzas-modal > div h5{color:  #305659; font-size: 16px; font-weight: bold; margin-bottom: 5px; margin-top: 0 }
#finanzasapp .finanzas-modal .btn{ border-radius: 4px; padding: 8px 18px; font-weight: bold; border: none}
#finanzasapp .finanzas-modal .btn.btn-success{background: #305659; color: #fff; border: none}
#finanzasapp .finanzas-modal .btn.btn-success:hover{background: #346468}
#finanzasapp .finanzas_contenedor_overflow {text-transform: none}
/*-- Breadcrumb --*/
#finanzasapp .finanzas-modal .breadcrumb-modal{background: #f7f7f7; padding: 30px 50px; text-align: center; }
#finanzasapp .finanzas-modal .breadcrumb-modal span{margin-left: 30px; font-size: 20px; color: #ccc; font-weight: bold}
#finanzasapp .finanzas-modal .breadcrumb-modal span.item_modal_active{color: #305659 }
#finanzasapp .finanzas-modal .breadcrumb-modal span i{color: #fff; background: #cccccc; border-radius: 99%; padding: 10px; width: 40px; height: 40px; margin-right: 5px}
#finanzasapp .finanzas-modal .breadcrumb-modal span.item_modal_active i{background: #305659  }
/*-- Radials --*/
#finanzasapp .finanzas-modal div div a.link-notas {font-size: 14px;}
#finanzasapp .finanzas-modal .territorios-radio-selector {text-align: left;position: absolute;bottom: 40px;left: 40px;}
#finanzasapp .finanzas-modal .territorios-radio-selector a{display: inline-block; position: relative; font-weight: normal; color: #73ae7f; }
.page-finanzas-rendiciones #finanzasapp .finanzas-modal .territorios-radio-selector a{display: inline-block; position: relative; font-weight: normal; color: #305659; }
/*#finanzasapp .finanzas-modal .territorios-radio-selector a{display: inline-block; position: relative; padding-left: 20px; font-weight: bold; color: #6b6b6b }*/
#finanzasapp .finanzas-modal .territorios-radio-selector p{font-size: 14px}
#finanzasapp .finanzas-modal .territorios-radio-selector a:first-child{margin-right: 40px}
#finanzasapp .finanzas-modal .territorios-radio-selector a:before{font-family: "FontAwesome"; position: absolute; margin-left: -20px; }
#finanzasapp .finanzas-modal .territorios-radio-selector a.active{color: #305659 }
.page-finanzas-presupuestos #finanzasapp .finanzas-modal .territorios-radio-selector a.active:before{}
.page-finanzas-presupuestos #finanzasapp .finanzas-modal .territorios-radio-selector a:before{}
.page-finanzas-presupuestos .finanzas_ano_total {width:230px !important;}
/*-- Herramientas de selección para el listado --*/
#finanzasapp .finanzas-modal .finanzas_modal_input_filtro{text-align: center; padding: 30px 0; font-size: 14px;margin-left:-6%;margin-left:-100px;}
#finanzasapp .finanzas-modal .finanzas_modal_input_filtro a{padding: 0 15px; border-left: 1px solid #ccc; color:#305659  }
#finanzasapp .finanzas-modal .finanzas_modal_input_filtro a:hover{text-decoration: underline}
#finanzasapp .finanzas-modal .finanzas_modal_input_filtro a:first-child{border-left: none}
#finanzasapp .finanzas-modal .finanzas_modal_input_filtro input{}
/*-- Listado Territorio --*/
#finanzasapp .finanzas_modal_territorio_individual{width: auto; float: none; display: block; font-size: 16px}
#finanzasapp .list_modal_territorio {max-width: 600px; margin: 0 auto; -webkit-columns: 3; -moz-columns: 3; columns: 3;}
#finanzasapp .finanzas-modal .finanzas_modal_boton_siguiente{position: absolute; bottom: 20px; right: 50px}
/*-- Listado Rubro --*/
#finanzasapp .list_modal_rubro{max-width: 1200px; margin: 0 auto;}
#finanzasapp .finanzas-modal > div .list_modal_rubro h4 span{font-size: 16px; color: #6b6b6b; font-weight: normal}
#finanzasapp .finanzas-modal > div .list_modal_rubro h5 span{font-size: 14px; color: #6b6b6b; font-weight: normal; margin-bottom: 0}
#finanzasapp .finanzas-modal > div .list_modal_rubro .list-items-rubro{-webkit-columns: 2; -moz-columns: 2; columns: 2;margin-bottom: 20px; column-gap: 40px;}
/*#finanzasapp .finanzas-modal > div .list_modal_rubro .list-items-rubro > div:last-child{display: none}*/
#finanzasapp .finanzas-modal .finanzas_modal_origen_individual{font-size: 14px;height:31px;line-height: 18px;position: relative; padding-left: 20px; margin-bottom: 5px; }
#finanzasapp .finanzas-modal .finanzas_modal_origen_individual input[type="checkbox"],
#finanzasapp .finanzas-modal .finanzas_modal_origen_individual input[type="checkbox"]:focus,
#finanzasapp .finanzas-modal .finanzas_modal_origen_individual input[type="checkbox"]:hover{min-height: 24px;position: absolute;margin-left: -18px;margin-top: -1px}

#finanzasapp .finanzas-modal .finanzas_modal_ancho_mitad{overflow: hidden}
/*-- Listado Años --*/
#finanzasapp .finanzas-modal .ngrs-range-slider{border: none; -webkit-box-shadow: none; box-shadow: none;}
#finanzasapp .finanzas-modal .ngrs-range-slider .ngrs-join{background: #3a6a6e!important}
#finanzasapp .finanzas-modal .ngrs-range-slider .ngrs-runner:before{content: ""; top: 5px; height: 8px; width: 100%; position: absolute; background: #ccc}
#finanzasapp .list_modal_ano{max-width: 800px; margin: 0 auto;}
#finanzasapp  #finanzas_anos_div{-webkit-columns: 4; -moz-columns: 4; columns: 4;margin: 0 auto; text-align: center; max-width: 600px}
#finanzasapp .finanzas_anos_div{float: none; width: auto}
/*-- PAGINA FINANZAS --*/
.resultado_consultas_fiscal_visible{margin-top:30px;}
.resp_buttons_level_1, .resp_buttons_level_2{float: left; margin-bottom: 5px}
.logged-in.page-finanzas #content-inner{background: #f2f2f2;padding-top: 50px;}
.logged-in.page-finanzas-departamentales #content-inner{background: #f2f2f2;padding-top: 50px;}
.not-logged-in.page-finanzas #content-inner, .not-logged-in.page-finanzas-departamentales #content-inner{background: #f2f2f2;}
.not-logged-in #activities-inner {position: fixed;z-index: 200;opacity: 0;}
.logged-in.page-finanzas #activities-inner, .logged-in.page-finanzas-departamentales #activities-inner {position: fixed;z-index: 200;top:133px}
.not-logged-in.page-finanzas #content-inner, .not-logged-in.page-finanzas-departamentales #content-inner{background: #f2f2f2;padding-top: 80px;}
.page-finanzas.principal-finanzas #content-inner{background:#f2f2f2 !important;}
.page-finanzas .btn, .page-finanzas-departamentales .btn{ border-radius: 4px; padding: 8px 18px; font-weight: bold; border: none}
.page-finanzas .btn.btn-success, .page-finanzas-departamentales .btn.btn-success{background: #305659; color: #fff; border: none}
.page-finanzas .btn.btn-success:hover, .page-finanzas-departamentales .btn.btn-success:hover{background: #346468}
.page-finanzas .btn.btn-link, .page-finanzas-departamentales .btn.btn-link{color: #305659; background: #f0f4f5;}
.page-finanzas .btn.btn-link:hover, .page-finanzas-departamentales .btn.btn-link:hover{text-decoration: none}
.page-finanzas .finanzas_constantes_corrientes, .page-finanzas-departamentales .finanzas_constantes_corrientes{float: right; background: #f8f8f8; border: 1px solid #ccc;color:#333333;}
.page-finanzas .filtros_aplicados, .page-finanzas-departamentales .filtros_aplicados{background: #f7f6dd; border-radius: 4px; margin: 30px 0 0px 0; padding: 6px 18px; font-size: 14px;clear: both;position:relative;}
.page-finanzas .filtros_aplicados h4, .page-finanzas-departamentales .filtros_aplicados h4{font-size: 16px; color: #305659; display: inline-block; font-weight: bold; line-height: 16px}
.page-finanzas .filtros_aplicados b, .page-finanzas-departamentales .filtros_aplicados b{color: #305659 }
a.link_dowload{color: #305659; font-size: 14px;text-align: right}
a.link_dowload:hover{text-decoration: underline}
.page-finanzas .filtros_aplicados .mostrar_filtros, .page-finanzas-departamentales .filtros_aplicados .mostrar_filtros{float: right; width: 30px; height: 30px;}
.page-finanzas .filtros_aplicados .mostrar_filtros:before, .page-finanzas-departamentales .filtros_aplicados .mostrar_filtros:before{content: "\f107"; font-family: "FontAwesome"; width: 30px; height: 30px; font-size: 24px; position: absolute; color: #305659; text-align: right}
.page-finanzas .filtros_aplicados .mostrar_filtros.mostrando_detalles:before, .page-finanzas-departamentales .filtros_aplicados .mostrar_filtros.mostrando_detalles:before{content: "\f106"; }
.detalle_filtros{ background: #efeed7; clear: both; -webkit-transition: all .5s ease;-moz-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.detalle_filtros.mostrar_detalles{max-height: 600px}
.detalle_filtros ul {display: block; padding: 20px; }
.detalle_filtros ul li{list-style: none; font-size: 14px; line-height: 18px; margin-bottom: 10px}
.detalle_filtros ul li a{color: rgba(0,0,0,.3)}
.detalle_filtros ul li a.editar_filtro{font-size: 18px; color: #305659 }
.descargas{padding: 40px; background: #fff}
.descargas .col-lg-4{width: 30%; margin-right: 5%}
.descargas .col-lg-4:last-child{margin-right: 0}
.descargas .col-lg-4 p{font-size: 14px; line-height: 20px}
.descargas h2{font-weight: bold; color: #222; font-size: 30px}
.descargas h4{font-weight: bold; color: #222; font-size: 20px}
.descargas ul li{display: flex}
.descargas li{list-style: none; padding: 10px 0; border-bottom: 1px solid #ccc; }
.descargas li i{margin-right: 10px; margin-top: 2px}
.descargas li:last-child{border-bottom: none; }
.descargas li a{font-size: 14px; color: #0790f0}
.descargas p.intro_descargas{color: #777; line-height: 22px; font-size: 16px; max-width: 70%}
.descargas .col-lg-3:last-child{background: rgba(0,0,0,.03);padding: 30px 50px;border-radius: 4px;margin-top: -30px;}
@media (max-width: 480px) {
    .descargas .col-lg-3:last-child{
        margin-top: 0px;
    }
    .pagination{
        display: flex;
    }
}
/*------ TABLA -----*/
/*#finanzasapp table {width: 100%}*/

#finanzasapp .finanzas.tabla{background: #ffffff}
#finanzasapp table tr td, #finanzasapp table tr td.toma_ancho{width: 150px !important;}
#finanzasapp table tr td.ancho_valor_categoria .cabezal{width: 150px !important;}
#finanzasapp table tr td.toma_ancho{width: 150px !important;min-width: 150px !important;}
#finanzasapp table thead{background: #fff}
#finanzasapp table thead th{border-bottom: 2px solid #305659;}
/*#finanzasapp table tr td.toma_ancho {max-width: 150px;min-width: 150px;}*/
#finanzasapp table thead th.ancho_depto{vertical-align: bottom}
#finanzasapp p.ancho_depto_inicial b{background: #305659; color: #fff; padding: 8px; border-radius: 4px 4px 0 0; display: block;margin-right: 2px;
    text-align: center; font-size: 14px}
#finanzasapp .cabezal.cabezal_ano{background:#305659; font-size: 16px; padding: 6px 10px; border-radius: 4px 4px 0 0}
#finanzasapp div.cabezal{color: #fff; font-size: 14px; font-weight: bold; padding: 6px 10px; }

#finanzasapp .resultado div.cabezal{background: #b6ae82}
#finanzasapp .resultado .origen div.cabezal{background: #e7e4d5;min-height: 65px;}
#finanzasapp .ingresos div.cabezal{background: #87a3bf;}
#finanzasapp .egresos div.cabezal{background: #87acaf}
#finanzasapp td.origen div.cabezal{color: #222; font-size: 14px; font-weight: bold; padding: 6px 15px}
#finanzasapp .egresos .origen div.cabezal{background: #d2e0e1; overflow: hidden;min-height: 65px;}
#finanzasapp .ingresos .origen div.cabezal{background: #d2dce7;min-height: 65px;}
.page-finanzas-presupuestos #finanzasapp .ingresos .origen div.cabezal, .page-finanzas-presupuestos #finanzasapp .egresos .origen div.cabezal{min-height: 99px;}
#finanzasapp .minimoalto{text-align: center!important; font-size: 12px!important; line-height: 14px; min-height: 60px; vertical-align: center}
#finanzasapp .ingresos {background: #d2dce7}
#finanzasapp .egresos {background: #d2e0e1}
#finanzasapp table tr td.toma_ancho{ padding-top: 6px !important; padding-bottom: 6px !important; font-size: 14px; text-align: center}
#finanzasapp table tr td.ancho_depto{ padding: 6px 15px!important; font-size: 14px;}
#finanzasapp table.tabla_valores{border-left: 1px solid #ccc!important; float: left;margin-left: 148px;}
#finanzasapp table.tabla_valores tr td{border-bottom: 1px solid #ccc!important; border-left: 1px solid #ccc!important; border-right: 1px solid #ccc!important}
#finanzasapp .area_tabla{background: red; }
#finanzasapp table.tabla_valores tr:nth-of-type(odd){background: #fff}

/*--------- GR�FICO --------*/
.leyendas_botones_ver_ocultar {display: block; text-align: center !important; font-size: 11px}
.titulo_grafico h2{margin-top: 0; text-align: center; font-size: 30px; font-weight: bold; color: #222; margin-bottom: 5px }
.titulo_grafico span{display: block; text-align: center; font-size: 14px }
.titulo_grafico {margin-bottom: 30px}
.page-finanzas-fiscal #content-inner .container,.page-finanzas-presupuestos #content-inner .container{width:100% !important;}
.area_grafico{margin-top: 100px;background: #f0f4f5;margin-left: -40px;margin-right: -40px;padding: 40px;position: relative;min-height: 680px;overflow: hidden;}
.area_grafico:before{content: ""; position: absolute; width: 100%; height: 10px; top: 0;
background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 62%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 62%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 62%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */; margin-left: -60px; z-index: 150}
.area_grafico:after{content: ""; position: absolute; width: 100%; height: 10px; bottom: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+38,000000+100&0+38,0.1+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 38%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 38%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 38%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */; margin-left: -60px; z-index: 150}

.opciones_grafico {width: 90%;height: auto;position: absolute;background-color: rgb(255,255,255);border-radius: 8px;top: 50px;z-index: 99999;left: 50%;min-height: 600px;max-height: 700px;margin-left: -45%;padding: 40px;-moz-box-shadow: 0px 0px 115px 40px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 0px 115px 40px rgba(0,0,0,0.3);box-shadow: 0px 0px 115px 40px rgba(0,0,0,0.3);}
span.grafico_leyenda{font-size: 0.8em;margin-bottom: 0px !important;}
p.grafico_categorias {margin-bottom: 10px;}
.opciones_grafico.ocultar_opciones_grafico{margin-left: -28%}
/*a.mostrar_opciones{position: absolute; top: 30px; right: 0; height: 30px; width: 30px; background: rgba(255,255,255,0.9); margin-right: -30px; border-radius: 0 4px 4px 0; color: #305659; text-align: center; line-height: 30px; -moz-box-shadow: 2px 0px 5px rgba(0,0,0,.3); -webkit-box-shadow: 2px 0px 5px rgba(0,0,0,.3);*/
.btn.mostrar_opciones{margin-bottom: 30px;box-shadow: 2px 0px 5px rgba(0,0,0,.3) }
#finanzasapp .opciones_grafico .territorios, #finanzasapp .opciones_grafico .Egresos, #finanzasapp .opciones_grafico .Ingresos, #finanzasapp .opciones_grafico .anos{float: left; width: 22%; margin-right: 4%;max-height: 300px;min-height: 300px;}
#finanzasapp .opciones_grafico .fiscal{float: left; width: 22%;max-height: 300px;}
#finanzasapp .opciones_grafico .anos{margin-right: 0}
.opciones_grafico h2{margin-top: 0; text-align: left; font-size: 30px; font-weight: bold; color: #305659 }
#finanzasapp .opciones_grafico .egresos, #finanzasapp .opciones_grafico .ingresos{background: transparent; }
#finanzasapp .opciones_grafico h4{margin-top: 0; text-align: left; font-size: 16px; font-weight: bold; color: #305659; margin: 0 0 10px 0}
#finanzasapp .opciones_grafico h4 i{display: inline-block; margin-right: 5px}
#finanzasapp .opciones_grafico .egresos h4:before{content:"\f08b"; font-family: "FontAwesome"; display: inline-block; margin-right: 5px }
#finanzasapp .opciones_grafico .ingresos h4:before{content:"\f090"; font-family: "FontAwesome"; display: inline-block; margin-right: 5px }
#finanzasapp .opciones_grafico h5{color: #222; font-size: 13px; font-weight: bold; margin: 0; margin: 5px 0}
#finanzasapp .opciones_grafico .btn{min-height: 20px}
#finanzasapp .opciones_grafico .scrollbox{max-height: 300px; overflow-y: auto; margin-bottom: 10px}
#finanzasapp .opciones_grafico .finanzas_grafico_opciones{margin-bottom: 10px}
#finanzasapp .opciones_grafico .boton-de-redibujo{text-align: center; display: block;  padding: 10px;position: absolute;top: 87%;left: 45%;}
#finanzasapp .opciones_grafico .contenedor_opciones_grafico{max-height: 600px;}
#finanzasapp .leyenda-grafico{padding: 0;font-size: 14px;line-height: 20px;background-color: transparent;}
#finanzasapp .leyenda-grafico ul li {position: relative; padding-left: 50px; margin-bottom: 5px}
#finanzasapp .leyenda-grafico ul {list-style-type: none;-webkit-columns: 4;-moz-columns: 4;columns: 4;}
#finanzasapp .leyenda-grafico ul li span{height: 15px;width: 15px;margin-right: 10px;display: block;position: absolute;top: 2px;margin-left: -20px;border: 1px solid #ccc;}
#finanzasapp .leyenda-grafico-contenedor{ min-height: 40px;background-color: transparent;height: 140px;border: none;font-size: inherit;font-weight: normal;padding: 30px 0;cursor: pointer;overflow: hidden;position: relative;padding-bottom: 30px;-webkit-transition: all 3s ease;-moz-transition: all 3s ease 0s;-o-transition: all 3s ease 0s;transition: all .5s ease 0s;pointer-events: none;background-image:url('../images/png_gris.png');background-repeat:repeat-x;}
/*#finanzasapp .leyenda-grafico-contenedor:before{content: "\f107"; font-family: "FontAwesome";width: 30px; height: 30px; font-size: 1em; position: absolute; color: #305659; left: 93%;cursor: pointer;}*/
#finanzasapp .leyenda-grafico-contenedor.exp:before{content: " ";font-family: "FontAwesome";width: 100%;height: 50px;font-size: 30px;position: absolute;color: #305659;padding-top: 15px;cursor: pointer;background: -moz-linear-gradient(top, rgba(240,244,245,0) 0%, rgba(240,244,245,1) 100%);background: -webkit-linear-gradient(top, rgba(240,244,245,0) 0%,rgba(240,244,245,1) 100%);background: linear-gradient(to bottom, rgba(240,244,245,0) 0%,rgba(240,244,245,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f4f5', endColorstr='#f0f4f5',GradientType=0 );text-align: center;bottom: 0;z-index: 100;pointer-events: all;}
#finanzasapp .opciones_grafico .grafico_control_seleccion {font-size: 0.7em;cursor: pointer;color: #305659;}
#finanzasapp div.tabla_valores {clear: both;}
#finanzasapp p.ancho_depto {padding: 6px;border: 1px solid #ccc;border-top:none;position: absolute;background-color: #fff;font-size: 14px;}
#finanzasapp p.ancho_depto_inicial {height: 215px;position: absolute;background-color: #fff;min-width: 151px;padding-top: 178px;}
.page-finanzas-presupuestos #finanzasapp p.ancho_depto_inicial {height: 215px;padding: 4px;position: absolute;background-color: #fff;min-width: 148px;padding-top:137px;}
#finanzasapp p.ancho_mun_inicial {padding-top: 112px !important;}
#finanzasapp p.ancho_mun {padding: 8.5px;border: 1px solid #ccc;border-top: none;position: absolute;background-color: #fff;font-size: 11px;min-width:150px;}
#finanzasapp .tabla_finanzas_cabezal {margin-left:148px;}
#finanzasapp .opciones_grafico .cerrar_opciones_grafico{position: absolute;right: 20px;top: 20px;font-size: 24px;font-weight: bold;color: #333;cursor:pointer;}


/************** INDICADORES ******************/
#chart-dos-license-text{opacity: 0 !important;}
#chart-dos-license-text a{cursor:default !important;}
#chart-1-license-text{opacity: 0 !important;}
#chart-1-license-text a{cursor:default !important;}
.finanzas_bloque_dos_final{margin-left: 20%;width: 100%;}
.finanzas_bloque_dos_final .finanzas_bloque_dos{width: 60% !important;}

.page-finanzas #content-inner.content-indicadores, .page-finanzas-departamentales #content-inner.content-indicadores{background: #f2f2f2; padding-top: 90px}

/* selector departamentos */

.selector_departamentos{text-align: center; margin-bottom: 30px;margin-top:30px;background: #938763;border-radius: 8px; padding: 15px 0;}
.selector_departamentos h4{display: inline-block; font-size: 18px; color: #fff; font-weight: 700; margin-right: 10px;}
.selector_departamentos select {padding: 6px 10px; border: none; background-color: #fff; min-width: 300px; border-radius: 4px; font-size: 18px;}

/* indicadores destacados */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.indicadores-destacados{background: #eae7e0; padding: 60px 60px 0; position: relative; width:100%; border-radius: 8px; margin-bottom: 40px}
.indicadores-destacados ul{display: block; max-width: 1600px}
.indicadores-destacados ul li{list-style: none; width: 48%; position: relative; margin-right: 4%; float: left; margin-bottom: 60px;}
.indicadores-destacados ul li:nth-of-type(2n){margin-right: 0}
.indicadores-destacados ul li:nth-of-type(2n+1){clear: left}
.indicadores-destacados ul li .icono-indicadores-destacado, .box_indicadores_text .icono-indicadores {display: block; width: 10vw; height: 10vw; max-width: 130px; max-height: 130px; border-radius: 100px; padding: 30px; float: left; margin-right: 30px;  text-align: center}
.indicadores-destacados ul li:nth-of-type(1) .icono-indicadores-destacado{background: #f36780}
.indicadores-destacados ul li:nth-of-type(2) .icono-indicadores-destacado{background: #f39c44}
.indicadores-destacados ul li:nth-of-type(3) .icono-indicadores-destacado{background: #53bab6}
.indicadores-destacados ul li:nth-of-type(4) .icono-indicadores-destacado{background: #409fdc}


.indicadores-destacados ul li .icono-indicadores-destacado img{width: 100%}
.indicadores-destacados ul li h4{font-size: 36px; color: #938763; font-weight: bold; line-height: 38px; margin-bottom: 0 }
.indicadores-destacados ul li h5{font-size: 24px; color: #938763; line-height: 28px; font-weight: bold; margin: 0 0 5px 0 }
.indicadores-destacados ul li p{font-size: 16px; line-height: 22px; }

/* ingresos/egresos */
#finanzas_indicadores_resultados i {margin-right: 10px;}
#finanzas_indicadores_ingresos, #finanzas_indicadores_egresos, #finanzas_indicadores_resultados{background: #fff; padding: 40px 40px; border-radius: 8px; -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.30); box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.30); margin-bottom: 30px}
#finanzas_indicadores_resultados{background: #eae8e5}
#finanzas_indicadores_ingresos h2, #finanzas_indicadores_egresos h2, #finanzas_indicadores_resultados h2 {color: #938763; font-size: 24px; font-weight: bold; margin-bottom: 30px; margin-top: 0}

.finanzas_bloque_iconos_treemap {margin: 40px 0 ; display: flex; justify-content:space-between}
.box_indicadores_text {width: 50%; padding-left: 40px}
.box_indicadores_text:last-child{padding-left: 60px}
#finanzas_indicadores_ingresos .box_indicadores_text h2, #finanzas_indicadores_egresos .box_indicadores_text h2, #finanzas_indicadores_resultados .resultados_bloque_izquierda h2{font-size: 20px; line-height: 24px; margin-bottom:0}
#finanzas_indicadores_ingresos .box_indicadores_text p, #finanzas_indicadores_egresos .box_indicadores_text p, .resultados_bloque_izquierda p{font-size: 30px; line-height: 30px; color: #938763; font-weight: bold; margin-bottom: 0 }
#finanzas_indicadores_resultados .resultados_bloque_izquierda{padding-top: 60px}
#finanzas_indicadores_resultados .resultados_bloque_izquierda h2, #finanzas_indicadores_resultados .resultados_bloque_izquierda p, #finanzas_indicadores_resultados .resultados_bloque_izquierda span{text-align: center; display: block; max-width: 300px; margin: 0 auto}
#finanzas_indicadores_resultados .resultados_bloque_izquierda h2{margin: 20px auto 10px auto;}
#finanzas_indicadores_resultados .resultados_bloque_izquierda p{margin: 0 auto}

/*iconos*/
.box_indicadores_text .icono-indicadores {display: block; width: 80px; height: 80px; border-radius: 100px; padding: 20px; float: left; margin-right: 30px;  text-align: center; background: #938763}
.resultados_bloque_izquierda .icono-indicadores{display: block; width: 100px; height: 100px; border-radius: 100px; padding: 20px; margin: 30px auto; text-align: center; background: #938763}
#chartjs-tooltip-cero p,#chartjs-tooltip-uno p,#chartjs-tooltip-dos p,#chartjs-tooltip-tres p,#chartjs-tooltip-cuatro p,#chartjs-tooltip-cinco p,#chartjs-tooltip-seis p{opacity:0;}
/*graficos*/
#finanzas_indicadores_ingresos .finanzas_bloque_dos, #finanzas_indicadores_egresos .finanzas_bloque_dos{width: 48%; float: left; margin-right: 4%; margin-bottom: 30px;}
#finanzas_indicadores_ingresos .finanzas_bloque_dos:nth-of-type(2n), #finanzas_indicadores_egresos .finanzas_bloque_dos:nth-of-type(2n){margin-right: 0}
#finanzas_indicadores_ingresos .finanzas_bloque_dos:nth-of-type(2n+1){clear: left}
#finanzas_indicadores_ingresos .finanzas_bloque_dos h2, #finanzas_indicadores_egresos .finanzas_bloque_dos h2, #finanzas_indicadores_resultados .resultados_titulo_derecha .caja-base{font-size: 16px; color: #333}
.page-finanzas-indicadores .indicador{height: auto;width: 100%;-webkit-transform-style: preserve-3d;-webkit-transition: all 0.5s;-moz-transform-style: preserve-3d;-moz-transition: all 0.5s;transform-style: preserve-3d;transition: all 0.5s;}
.page-finanzas-indicadores .darvuelta{position: absolute; right: 30px; bottom: 30px; color: #999999}
.page-finanzas-indicadores .finanzas_bloque_dos .indicador .caja-base{padding: 30px; height: 560px}
.page-finanzas-indicadores .finanzas_bloque_dos .indicador.cinco .caja-base{height: 560px}
.page-finanzas-indicadores .lado{height: 560px; background-color: #938763; padding: 30px; font-size: 16px}
.page-finanzas-indicadores .lado .darvuelta{color: #fff}

#finanzas_indicadores_resultados .resultados_titulo_derecha .caja-base {height: 500px; padding: 20px 60px 30px 60px; }
#finanzas_indicadores_resultados .resultados_titulo_derecha .caja-base h2{margin-bottom: 0; font-size: 16px; color: #333; font-weight: bold}
#finanzas_indicadores_resultados .resultados_titulo_derecha .caja-base canvas{height: auto;width: 100%;}
#finanzas_indicadores_resultados .siete .caja-base h2{margin-bottom:30px;}
/*leyenda graficos*/
.page-finanzas-indicadores ul.leyenda_dona{list-style-type:none; display: block}
.page-finanzas-indicadores li.leyenda_dona{list-style-type:none;font-size: 14px;padding:4px; float: left; margin-right: 20px}
.page-finanzas-indicadores li.leyenda_dona span{display: inline-block; height: 10px; width: 10px; margin-right: 8px;}


/*graficos de anillo*/
.page-finanzas-indicadores .anillo_contenedor .chart, .page-finanzas-indicadores .box_canvas_chart .chart{margin: 0 auto 20px auto; max-width: 250px; max-height: 250px;}
.page-finanzas-indicadores .siete .box_canvas_chart .chart{margin: 0 auto 20px auto; min-width: 250px; width: auto;max-width: 700px;max-height: 450px;}
.page-finanzas-indicadores .chart{margin-bottom: 20px}
.page-finanzas-indicadores .resultados_titulo_izquierda{width:32%;float:left;margin-right:2%;}
.page-finanzas-indicadores .resultados_titulo_derecha{width: 64%; float: left; margin-right: 0}


.page-finanzas-indicadores .box_indicadores_graphic{margin-bottom: 40px;width:100%;float:left;}
.page-finanzas-indicadores .box_indicadores_graphic.anillo{float:left;width:46%;margin-left:4%;}
.page-finanzas-indicadores .box_indicadores_graphic.anillo_dos{float:left;width:46%;margin-right:4%;}


.page-finanzas-indicadores .colapsable_ingresos{cursor:pointer;}
.page-finanzas-indicadores .colapsable_egresos{cursor:pointer;}
.page-finanzas-indicadores #finanzas_indicadores_ingresos.colapsado {overflow:hidden !important;height:100px !important;}
.page-finanzas-indicadores #finanzas_indicadores_egresos.colapsado {overflow:hidden !important;height:100px !important;}
.page-finanzas-indicadores .cuatro .caja-base, .page-finanzas-indicadores .cuatro .lado {min-height: 600px;}
/*responsive*/
@media (max-width: 1300px){
    .selector_departamentos h4{font-size: 24px}
    .indicadores-destacados ul li h4 {font-size: 30px; line-height: 30px;}
    .indicadores-destacados ul li p {font-size: 16px;line-height: 22px;}
}
@media (max-width: 1200px){
    .indicadores-destacados ul li{width: 100%}
  #finanzas_indicadores_ingresos .finanzas_bloque_dos, #finanzas_indicadores_egresos .finanzas_bloque_dos{width: 100%}
    .finanzas_bloque_iconos_treemap{display: block; padding-bottom: 0}
    .box_indicadores_text{width: 100%; clear: both; margin-bottom: 60px; padding-left: 0; margin-left: 0}
    .box_indicadores_text:last-child{padding-left: 0; margin-bottom: 0}
    .page-finanzas-indicadores .resultados_titulo_izquierda{width: 100%; margin-bottom: 60px}
    #finanzas_indicadores_resultados .resultados_bloque_izquierda h2, #finanzas_indicadores_resultados .resultados_bloque_izquierda p, #finanzas_indicadores_resultados .resultados_bloque_izquierda span{max-width: 400px}
    .page-finanzas-indicadores .resultados_titulo_derecha {width: 100%; float: none}
}
@media (max-width: 680px){
  #finanzasapp .finanzas-modal .finanzas_modal_origen_individual{height: 25px;}
  #finanzasapp .finanzas-modal div p{font-size:12px;line-height: 18px;}
  #finanzasapp .finanzas-modal .territorios-radio-selector{bottom:-2px;}
  #finanzasapp .finanzas-modal div div{font-size: 10px;}
.logo-img-mobile{display:block !important;}
.indicadores-destacados ul li .icono-indicadores-destacado, .box_indicadores_text .icono-indicadores{

      display: block;
    width: 150px;
    height: 150px;

    border-radius: 100px;
    padding: 30px;
    float: none;
    margin: 0 auto 30px auto;
    text-align: center;

    }
    .box_indicadores_text .icono-indicadores{width: 120px; height: 120px}

    .indicadores-destacados ul li h4 {
    font-size: 30px;
    line-height: 30px;
        text-align: center
}
    .indicadores-destacados ul li h5{text-align: center; }
    .indicadores-destacados ul li p,   .indicadores-destacados ul li span{text-align: center; display: block; float: none}

    .selector_departamentos h4{font-size: 18px}

    .selector_departamentos select {
    padding: 3px 8px;

    min-width: 0;

    font-size: 16px;
}

    #finanzas_indicadores_ingresos .box_indicadores_text h2, #finanzas_indicadores_egresos .box_indicadores_text h2, #finanzas_indicadores_resultados .resultados_bloque_izquierda h2,#finanzas_indicadores_ingresos .box_indicadores_text p, #finanzas_indicadores_egresos .box_indicadores_text p, .resultados_bloque_izquierda p,#finanzas_indicadores_ingresos .box_indicadores_text span, #finanzas_indicadores_egresos .box_indicadores_text span, .resultados_bloque_izquierda span{text-align: center; display: block}

}

@media (max-width: 480px){
    .page-biblioteca #edit-nomind-biblioteca.buscador-boton{
        top:-15px;
    }
    .page-perfiles div.select-container {
        flex-direction: column;
        height: auto;
    }

    .page-perfiles div.select-container .select2-container{
        width: 100% !important;
        margin-bottom: 10px;
    }
    .page-perfiles #map{
        width: 100% !important;
    }
    .page-perfiles .pdf{
        position: absolute;
        top: 73px !important;
        left: 60% !important;
    }
    .page-perfiles .twitter-share {
        position: absolute !important;
        top: 40px !important;
        left: 79% !important;
    }
    .page-perfiles .share-facebook {
        position: absolute !important;
        top: 38px !important;
        left: 89% !important;
    }
    .page-perfiles-canelones .perfil-descripcion-acotado, .page-perfiles-durazno .perfil-descripcion-acotado, .page-perfiles-flores .perfil-descripcion-acotado, .page-perfiles-paysandu .perfil-descripcion-acotado, .page-perfiles-rio-negro .perfil-descripcion-acotado, .page-perfiles-rocha .perfil-descripcion-acotado, .page-perfiles-salto .perfil-descripcion-acotado, .page-perfiles-soriano .perfil-descripcion-acotado, .page-perfiles-treinta-y-tres .perfil-descripcion-acotado, .page-perfiles .perfil-descripcion-extendido{
        width: 100%;
    }
    .page-perfiles .datos-centrales>* {
        flex: 1 1 160px;
    }
    .page-perfiles .datos-centrales{
        flex-wrap: wrap;
    }
    .page-perfiles a.botonleer {
        left: 30px;
    }
    .page-perfiles .primerdiv{
        width: 96%;
    }
    .page-perfiles .derecha {
        float:none !important;
    }
    .page-perfiles .doble-left{
        float: none !important;
    }
    .page-perfiles .doble{
        width: 97% !important;
    }
    .page-perfiles .doble .fa-share, .doble .fa-reply{
        right:10px !important;

    }
    .page-perfiles .valor-span-sanitario, .page-perfiles .valor-span-densidaddepoblacion, .page-perfiles .valor-span-desocupadas, .page-perfiles .valor-span-distribucion{
        top:24%;
    }
    .page-perfiles .valor-span-sanitario-total, .page-perfiles .valor-span-densidaddepoblacion-total, .page-perfiles .valor-span-desocupadas-total, .page-perfiles .valor-span-distribucion-total{
        top:59%;
    }
    .page-perfiles .cincuenta{
        width: 100% !important;
    }
    .page-perfiles .cincuenta svg {
        width: 80% !important;
    }
    .page-perfiles .dato-tasa-mortalidad-apertura, .page-perfiles .dato-tasa-natalidad-apertura{
        top:21%;
    }
    .page-perfiles .dato-tasa-mortalidad-total, .page-perfiles .dato-tasa-natalidad-total{
        top:55%;
    }
    .page-perfiles .sesentacentro{
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: 96% !important;
    }

    .filtros-bibiloteca input[type="submit"]{
        float: none !important;
    }
    .page-biblioteca .listado-documentos h3{
        font-size: 1em;
    }
.selector_departamentos {
    text-align: center;
    margin-bottom: 25px;
    background: #938763;
    border-radius: 8px;
    padding: 5px 0 20px 0;
}

    #finanzas_indicadores_ingresos, #finanzas_indicadores_egresos, #finanzas_indicadores_resultados{padding: 20px}
    .page-finanzas-indicadores .finanzas_bloque_dos .indicador .caja-base,  .page-finanzas-indicadores .finanzas_bloque_dos .indicador .lado{height: auto;}
    .box_indicadores_text .icono-indicadores{width: 80px; height: 80px; padding: 10px; margin-bottom: 5px}
    #finanzas_indicadores_resultados .resultados_bloque_izquierda{padding-top: 0}

    .indicadores-destacados{padding: 20px}
    .indicadores-destacados ul li .icono-indicadores-destacado, .box_indicadores_text .icono-indicadores{width: 100px; height: 100px; padding: 30px}
    #finanzas_indicadores_ingresos .box_indicadores_text h2, #finanzas_indicadores_egresos .box_indicadores_text h2, #finanzas_indicadores_resultados .resultados_bloque_izquierda h2{font-size: 18px}
    #finanzas_indicadores_ingresos .box_indicadores_text p, #finanzas_indicadores_egresos .box_indicadores_text p, .resultados_bloque_izquierda p{font-size: 28px}

}
/********************* FIN DE INDICADORES ***********************/
/* Modal presupuesto */
#finanzasapp .list_modal_territorio p{cursor:pointer;}
#finanzasapp #filtrodemunicipios {position: absolute;top: 45px;left: 50%;margin-left:130px;width: 180px;}
/* Modal presupuesto distinción territorios */
.territorios-selector-inicial {width:100%;height:400px; max-width: 800px; margin: 30px auto; text-align: center;}
#finanzasapp .territorios-selector-inicial p{margin-bottom: 60px}
#finanzasapp .territorios-selector-inicial button{margin: 0 15px}
.territorios-selector-inicial a {width: 50%;text-align: center;display: block;float: left;padding-top: 11%;height:400px;color:#305659;}
.territorios-selector-inicial a:hover{background-color:#305659;color:#fff;}
#finanzasapp .list_modal_municipios {max-width: 1000px; margin: 0 auto; -webkit-column-count: 5; -moz-column-count: 4; column-count: 4; -moz-column-fill: balance; column-fill: balance; }
 #finanzasapp .list_modal_municipios > div > p {font-weight: bold; padding: 2px 0;position:relative;}
 #finanzasapp .list_modal_municipios > div > p:hover{cursor: pointer}
 #finanzasapp .list_modal_municipios > div > div input{position: absolute; margin-left: -20px; min-height: auto; margin-top: 7px}
 #finanzasapp .list_modal_municipios > div > div {padding-left: 20px}
 #finanzasapp .list_modal_municipios > div > div.seleccion_todos_mun {padding-left: 0px;}
 .page-finanzas-rendiciones #finanzasapp .list_modal_municipios > div > div.seleccion_todos_mun {padding-left: 0px;}
 .page-finanzas-rendiciones #finanzasapp .list_modal_municipios > div > div.seleccion_todos_mun a {color:#305659;}
 #finanzasapp .list_modal_municipios > div > div.seleccion_todos_mun a{color:#73ae7f;}
 .page-finanzas-rendiciones #finanzasapp .finanzas-modal .finanzas_modal_ancho_total,
 .page-finanzas-presupuestos #finanzasapp .finanzas-modal .finanzas_modal_ancho_total{padding-bottom: 100px; min-height: 85%; position: relative}
 .page-finanzas-rendiciones #finanzasapp .finanzas-modal .finanzas_modal_ancho_total{padding-bottom: 0px;}
 #finanzasapp .list_modal_municipios > div > p:after{font-family: 'FontAwesome'; right: 30%; position: absolute; color: #73ae7f}
 .page-finanzas-rendiciones #finanzasapp .list_modal_municipios > div > p:after{font-family: 'FontAwesome'; right: 30%; position: absolute; color: #305659}
 #finanzasapp .list_modal_municipios > div > p.cerrado:after{content:'\f0fe'; }
 #finanzasapp .list_modal_municipios > div > p.abierto:after{content:'\f146'; }
 #finanzasapp .list_modal_municipios > div > p:hover{cursor: pointer}
.page-finanzas-presupuestos #finanzasapp .list_modal_rubro{max-width: 650px}
.page-finanzas-presupuestos #finanzasapp .finanzas-modal .finanzas_modal_ancho_mitad.depto {width: 35%; float: left}
#finanzasapp .finanzas-modal .finanzas_modal_ancho_mitad.municipios {width: 65%; float: none}
#finanzasapp .finanzas-modal .list_ancho_seis {max-width:650px !important;}
.page-finanzas-presupuestos #finanzasapp .finanzas-modal > div .list_modal_rubro .list-items-rubro{margin-bottom: 5px}
.page-finanzas-presupuestos #intro-finanzas-modal ul li i.fa, .page-finanzas-presupuestos #finanzasapp .finanzas-modal .breadcrumb-modal span.item_modal_active i, .page-finanzas-presupuestos #finanzasapp .finanzas-modal .btn.btn-success:hover, .page-finanzas-presupuestos #finanzasapp .finanzas-modal .btn.btn-success, .page-finanzas-presupuestos.page-finanzas .btn.btn-success, .page-finanzas-presupuestos.page-finanzas #finanzasapp .cabezal.cabezal_ano, .page-finanzas-presupuestos #finanzasapp p.ancho_depto_inicial b{background: #73ae7f}
.page-finanzas-presupuestos #finanzasapp .egresos div.cabezal{background: #83c190}
.page-finanzas-presupuestos #finanzasapp .egresos .origen div.cabezal{background: #b6e2bf}
.page-finanzas-presupuestos #finanzasapp .ingresos div.cabezal{background: #86bdac}
.page-finanzas-presupuestos #finanzasapp .ingresos .origen div.cabezal{background: #b4ded3}
.page-finanzas-presupuestos #finanzasapp .finanzas-modal > div h2 span, .page-finanzas-presupuestos #finanzasapp .finanzas-modal > div h3, .page-finanzas-presupuestos #finanzasapp .finanzas-modal .finanzas_modal_input_filtro a, .page-finanzas-presupuestos #finanzasapp .finanzas-modal > div h5, .page-finanzas-presupuestos #finanzasapp .finanzas-modal > div h4, .page-finanzas-presupuestos #finanzasapp .finanzas-modal .breadcrumb-modal span.item_modal_active, .page-finanzas-presupuestos.page-finanzas .btn.btn-link, .page-finanzas-presupuestos.page-finanzas .filtros_aplicados h4, .page-finanzas-presupuestos.page-finanzas .filtros_aplicados b, .page-finanzas-presupuestos .detalle_filtros ul li a.editar_filtro{color: #73ae7f}
.page-finanzas-presupuestos.page-finanzas .btn.btn-success:hover{background: #5d9368}
.page-finanzas-presupuestos .seleccion_todos_mun{font-size: 0.75em;text-align: left;padding-left: 0px !important}
.page-finanzas-presupuestos .seleccion_todos_mun a:hover{color:#73ae7f !important;}
/* Modal presupuesto años */
.div_todo_el_periodo{clear:both;text-align:center;}
/******************* RESPONSIVE *****************/

@media (min-width: 992px){
}

@media (max-width: 1200px){
    .tabs_sections li a {padding: 5px 2px;font-size: 16px;width: 130px}
    #finanzasapp .finanzas-modal > div h2{font-size: 24px}
    #finanzasapp .finanzas-modal > div h3{font-size: 20px}
    #finanzasapp .finanzas-modal > div h4{font-size: 18px}
    #finanzasapp .finanzas-modal > div h5{font-size: 16px}
    #intro-finanzas-modal p{font-size: 14px}
    #finanzasapp .finanzas_modal_territorio_individual, #finanzasapp .finanzas-modal > div .list_modal_rubro h4 span{font-size: 14px}
    input{min-height: 24px}
    #header-inner .logo-img img{height: 60px}
    .region-menu .nav{margin-bottom: 5px}
    .finanzas_bar li{padding: 10px 0}
    .page-finanzas .btn, .page-finanzas-departamentales .btn{font-size: 14px; padding: 8px 12px }
    .page-finanzas .filtros_aplicados h4, .page-finanzas-departamentales .filtros_aplicados h4{font-size: 14px; line-height: 14px; margin: 6px 0}
    body.layout-wide .fixed-header .region-menu .nav > li > a {padding: 15px 20px 15px;}
    .page-finanzas .filtros_aplicados .mostrar_filtros, .page-finanzas-departamentales .filtros_aplicados .mostrar_filtros{position: relative}
    .page-finanzas .filtros_aplicados .mostrar_filtros:before, .page-finanzas-departamentales .filtros_aplicados .mostrar_filtros:before{right: 0; text-align: right; top: -4px}
    .descargas h2 {font-size: 24px;}
    .descargas p.intro_descargas{font-size: 14px; line-height: 20px}
    .descargas h4{font-size: 14px}
    .opciones_grafico{width: 80%}
    .opciones_grafico.ocultar_opciones_grafico{margin-left: -79% }
    #finanzasapp .opciones_grafico .scrollbox {max-height: 400px;overflow-y: auto;margin-bottom: 10px;}
}

@media (max-width: 992px){
    #finanzasapp p.ancho_depto,#finanzasapp p.ancho_mun{min-width:150px;}
    #finanzasapp p.ancho_depto_inicial {padding-top:164px;}
    .logged-in.page-finanzas #content-inner, .logged-in.page-finanzas-departamentales #content-inner{background: #fff;padding-top: 50px;}
	.not-logged-in.page-finanzas #content-inner, .not-logged-in.page-finanzas-departamentales #content-inner{background: #fff;}
    .not-logged-in.page-finanzas #activities-inner, .not-logged-in.page-finanzas-departamentales #activities-inner {position: relative;z-index: 200;}
    .logged-in.page-finanzas #activities-inner, .logged-in.page-finanzas-departamentales #activities-inner {position: relative;z-index: 200;top:133px}
    .not-logged-in.page-finanzas #content-inner, .not-logged-in.page-finanzas-departamentales #content-inner{background: #fff;padding-top: 50px;}
    body.layout-wide #header-inner{ min-height:0px;}
    .tb-megamenu-nav,  .tabs_sections {display: none}
    .tabs_sections_mobile{display: block}

    .logo-img-mobile img{height: 50px; width: auto }
    .tabs_sections_mobile{width: 100%; padding: 10px}
    .tabs_sections_mobile select{width: 100%; font-size: 14px}
    .tabs_sections_mobile.finanzas{background: #00986f}
    .finanzas_bar .container{height: 40px; overflow-x: auto!important; overflow-y: hidden!important; width: auto;white-space: nowrap;  -webkit-overflow-scrolling: touch;  -ms-overflow-style: -ms-autohiding-scrollbar; position: relative}
    .finanzas_bar {padding-left: 0; padding-right: 0}
    .page-finanzas .finanzas_bar:before{position: absolute; content: ""; height: 40px; width: 80px; right: 0; top: 0;background: -moz-linear-gradient(left, rgba(0,152,111,0) 0%, rgba(0,152,111,0) 1%, rgba(0,152,111,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(0,152,111,0) 0%,rgba(0,152,111,0) 1%,rgba(0,152,111,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(0,152,111,0) 0%,rgba(0,152,111,0) 1%,rgba(0,152,111,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000986f', endColorstr='#00986f',GradientType=1 ); /* IE6-9 */ display: block; left: auto; margin-top: 0; padding-left: 0; padding-right: 0;}
    .finanzas_bar .container ul{width: 1400px; display: block; padding-left: 10px; }
    #header-inner:before{display: none}
    .finanzas_bar .container ul li{display: inline-block}
    .finanzas_bar .container ul li:last-child{padding-right: 40px}
    #content-inner{padding-top: 15px;}
    .descargas .col-lg-4{width: 100%; margin-bottom: 30px}
    .container { width:100%;}
    .resp_buttons_level_2{clear: left}
    .opciones_grafico.ocultar_opciones_grafico {margin-left: -76%;}
    .opciones_grafico {width: 80%;margin-left: 30px;}
}

@media (max-width: 680px){
   #finanzasapp #filtrodemunicipios {position: absolute;top: 95px;left: 50%;margin-left:-40%;width: 80%;}
  .area_grafico{min-height:200px;}
  .finanzas_bar:before{background: transparent;}
  #finanzasapp p.ancho_depto, #finanzasapp p.ancho_mun{min-width:150px;}
  #finanzasapp p.ancho_depto_inicial {padding-top:164px;}
  body.layout-wide #header-inner{ min-height:0px;}
  .logged-in.page-finanzas #content-inner, .logged-in.page-finanzas-departamentales #content-inner{background: #fff;padding-top: 50px;}
  .not-logged-in.page-finanzas #activities-inner, .not-logged-in.page-finanzas-departamentales #activities-inner {position: relative;z-index: 200;}
  .logged-in.page-finanzas #activities-inner, .logged-in.page-finanzas-departamentales #activities-inner {position: relative;z-index: 200;}
  .not-logged-in.page-finanzas #content-inner, .not-logged-in.page-finanzas-departamentales #content-inner{background: #fff;padding-top: 50px;}
  #finanzasapp .finanzas-modal > div{width: 95%}
  #finanzasapp .finanzas-cerrar-boton{right: 5px; top: 10px}
  #finanzasapp .finanzas-cerrar-boton i{font-size: 16px}
  #finanzasapp .finanzas-modal > div h2{font-size: 18px}
  #intro-finanzas-modal .modal-wrap{padding: 20px}
  #intro-finanzas-modal p{font-size: 12px; line-height: 16px}
  #intro-finanzas-modal ul{margin: 20px auto}
  #finanzasapp .finanzas-modal .btn[type="checkbox"]{padding: 0!important}
  #finanzasapp .finanzas-modal > div .list_modal_rubro h5 span, #finanzasapp .finanzas_modal_territorio_individual, #finanzasapp .finanzas-modal > div .list_modal_rubro h4 span{}
  #intro-finanzas-modal ul li {width: 100%; text-align: left }
  #finanzasapp  #finanzas_anos_div{margin-bottom: 20px}
  #intro-finanzas-modal ul li h2{display: block; }
  #intro-finanzas-modal ul li h3{display: block; padding-left: 50px; margin-top: 0; margin-bottom: 5px}
  #intro-finanzas-modal ul li p{display: block; padding-left: 50px; text-align: left; margin-bottom: 30px}
  #intro-finanzas-modal ul li:last-child p{margin-bottom: 0}
  #intro-finanzas-modal ul li i.fa {padding: 12px 0; font-size: 16px; line-height: 14px; color: #fff; border-radius: 99%; width: 40px; height: 40px;text-align: center;  position: absolute;}
  #intro-finanzas-modal ul li:after{display: none}
  #finanzasapp .finanzas-modal .breadcrumb-modal{padding: 10px; text-align: left }
  #finanzasapp .finanzas-modal .breadcrumb-modal span i {color: #ccc;background: none;border-radius: 99%;padding: 0;width: auto;height: auto;margin-right: 5px;}
  #finanzasapp .finanzas-modal .breadcrumb-modal span {margin-left: 10px;font-size: 12px;color: #ccc;font-weight: bold;}
  #finanzasapp .finanzas-modal .breadcrumb-modal span.item_modal_active {color: #305659;}
  #finanzasapp .finanzas-modal .breadcrumb-modal span.item_modal_active i{background: none;  color: #305659;}
  #finanzasapp .finanzas-modal > div{font-size: 13px}
  #finanzasapp .finanzas-modal .territorios-radio-selector a:first-child{margin-right: 15px}
  #finanzasapp .finanzas-modal .finanzas_modal_input_filtro {text-align: center; padding: 15px 0; font-size: 12px;margin-left:0;margin-bottom:30px;}
  #finanzasapp .finanzas-modal .finanzas_modal_input_filtro a{padding: 0 5px; white-space: nowrap;}
  #finanzasapp .finanzas-modal .finanzas_modal_input_filtro a:first-child{padding-left: 0}
  #finanzasapp .finanzas-modal .finanzas_modal_input_filtro input{display: block; width:80%; margin: 5px auto; padding: 4px}
  #finanzasapp .list_modal_territorio {-webkit-columns: 2; -moz-columns: 2; columns: 2;}
  /*tabla*/
  #finanzasapp .cabezal.cabezal_ano{font-size: 12px}
  #finanzasapp div.cabezal {font-size: 12px;padding: 4px 8px;}
  #finanzasapp td.origen div.cabezal {font-size: 12px; padding: 3px 8px;}
  /*#finanzasapp table tr td, #finanzasapp table tr td.toma_ancho, #finanzasapp .ancho_depto{ min-width: 120px}*/
  #finanzasapp table thead th.ancho_depto b{font-size: 12px}
  #finanzasapp .finanzas-modal .finanzas_modal_boton_siguiente {margin: 0 10px 10px 0;width: 100%;background: #fff;bottom: -10px;left: 0px;}
  #finanzasapp .finanzas-modal .btn{padding: 8px 12px}
  #finanzasapp .finanzas-modal .finanzas_modal_ancho_total{padding-bottom: 0; margin-bottom: 0}
  #finanzasapp .finanzas-modal .finanzas_modal_ancho_mitad:first-child{margin-bottom: 20px;}
  #finanzasapp .finanzas-modal .finanzas_modal_ancho_mitad{width: 100%;  padding-bottom: 20px; border-bottom: 1px solid #ccc}
  #finanzasapp .finanzas-modal .finanzas_modal_ancho_mitad:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: 0}
  #finanzasapp .finanzas-modal > div .list_modal_rubro .list-items-rubro {-webkit-columns: 1;-moz-columns: 1;columns: 1;margin-bottom: 20px;column-gap: 0;}
  #finanzasapp .list_modal_rubro{max-height:400px;overflow:auto;}
  .resp_buttons_level_1{display: flex;  justify-content: space-between; float: none}
  .resp_buttons_level_1 button{flex: 1}
  .resp_buttons_level_2 .btn i{display: none}
  .resp_buttons_level_2 .btn {padding: 0; background: none!important; margin: 10px 0; font-weight: normal}
  .resp_buttons_level_2 .btn:first-child{padding-right: 10px; border-right: 1px solid #ccc; margin-right: 0     }
  .logo-img-mobile img{height: 45px; width: auto }
  .page-finanzas .finanzas_constantes_corrientes, .page-finanzas-departamentales .finanzas_constantes_corrientes{width: 99%; margin-bottom: 5px}
  .filtros_aplicados > span{display: none}
  .detalle_filtros ul li {margin-bottom: 15px}
  .detalle_filtros ul li b{display: block}
  .descargas .col-lg-4{width: 100%; margin-bottom: 30px}
  .descargas p.intro_descargas{max-width: 100%}
  #finanzasapp h2 {font-size: 16px;}
  .titulo_grafico span{font-size: 12px}
  .area_grafico {margin-top: 40px; background: #f0f4f5; margin-left: -10px;margin-right: -10px;padding: 20px; position: relative;  max-height: 680px;}
  .area_grafico:before, .area_grafico:after{display: none}
  #finanzasapp .opciones_grafico .finanzas_grafico_opciones{width: 100%}
  .opciones_grafico {width: 90%;margin-left: 0;height: auto;left: 50%;margin-left: -40%;padding: 20px 10px;top: 20px;z-index: 1000;}
  #finanzasapp .opciones_grafico .territorios, #finanzasapp .opciones_grafico .Egresos, #finanzasapp .opciones_grafico .Ingresos, #finanzasapp .opciones_grafico .anos {float: none;width: 100%;margin-right: 4%;}
  #finanzasapp .leyenda-grafico ul {list-style-type: none;-webkit-columns: 1;-moz-columns: 1;columns: 1;}
  .descargas {padding: 20px 10px}
  .area_grafico {overflow-y: auto}
  #finanzasapp{min-height: auto}
  .opciones_grafico.ocultar_opciones_grafico{margin-left: -79%;}
}

/********************* TRANSFERENCIAS **********************/

.page-finanzas-transferencias #finanzasapp .nombredepto h2{font-size:40px;text-align:center;color:#114b5f !important;}
.page-finanzas-transferencias .nombredepto{width:100%;}
.page-finanzas-transferencias #finanzasapp{padding-bottom: 60px}

/* selector departamentos */
.page-finanzas-transferencias .selector_departamentos{text-align: center; margin-bottom: 30px; margin-top:30px;background: #114b5f; border-radius: 8px; padding: 15px 0}
.page-finanzas-transferencias .selector_departamentos h4{display: inline-block; font-size: 18px; color: #fff; font-weight: 700; margin-right: 10px}
.page-finanzas-transferencias .selector_departamentos select {padding: 6px 10px; border: none;  background-color: #fff; min-width: 300px; border-radius: 4px; font-size: 18px}

/* intro */
.page-finanzas-transferencias .intro_transferencias p{color: #333; font-size: 16px; line-height: 22px; text-align: center; max-width: 1024px; margin: 0 auto!important; padding-bottom: 30px!important}
.page-finanzas-transferencias .intro_transferencias p span{color: #666; font-size: 14px; line-height: 20px; max-width: 800px; display: inline-block}

/* header */
.page-finanzas-transferencias .ano {float: left;width:30%;}
.page-finanzas-transferencias .monto_total {float: right; font-size: 48px; line-height: 48px; color: #114b5f; text-align: right}
.page-finanzas-transferencias .ano b, .page-finanzas-transferencias .monto_total b{display: block; font-size: 16px; color: #333; line-height: 16px; margin-bottom: 5px}
.page-finanzas-transferencias .btn.btn-success:hover, .page-finanzas-transferencias .btn.btn-success, .page-finanzas-transferencias .btn.btn-success{background: #114b5f; }

/* rubros */
.page-finanzas-transferencias .item_transferencias{background: #e2e2e2; margin-bottom: 2px; padding: 20px; border-radius: 8px}
.page-finanzas-transferencias .item_transferencias p a i.fa{color: #114b5f; font-size: 20px; display: inline-block; margin-right: 5px}
.page-finanzas-transferencias .item_transferencias p{font-size: 18px; display: table; width: 100%}
.page-finanzas-transferencias .item_transferencias .content_bar_transferencias{width: 75%; display: table-cell; vertical-align: middle; position: relative; padding-right: 200px}
.page-finanzas-transferencias .item_transferencias .rubro_transferencias{display: table-cell; width: 20%; min-width: 300px; vertical-align: middle}
.page-finanzas-transferencias .item_transferencias .bar_transferencias{background: #e3bc50; height: 20px; border-radius: 4px; display: inline-block; vertical-align: middle; position: relative}
.page-finanzas-transferencias .item_transferencias .show_month_transferencias{width: 5%; max-width: 10px; font-size: 14px; color: #114b5f; text-align: center; line-height: 16px; display: table-cell; font-weight: bold}
.page-finanzas-transferencias .item_transferencias .show_month_transferencias i{font-size: 30px; line-height: 30px}
.page-finanzas-transferencias .item_transferencias .show_month_transferencias:hover{cursor: pointer}
.page-finanzas-transferencias .item_transferencias .monto_bar_transferencias{position: absolute; margin-left: calc(100% + 20px); background: #114b5f; padding: 4px 8px; color: #fff; font-size: 20px; border-radius: 4px; margin-top: -10px  }
.page-finanzas-transferencias .item_transferencias .monto_bar_transferencias:before{content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent;  border-right: 10px solid #114b5f; position: absolute; left: 0; margin-left: -10px; top: 10px; }

/* detalle meses*/

#finanzasapp .divmes {padding: 10px; background: rgba(0,0,0,.05); margin-left: -20px;margin-right: -20px; margin-bottom: -20px; border-radius: 0 0 8px 8px;  margin-top: 20px;padding-right:60px;}
#finanzasapp .divmes p{line-height: 18px; display: flex}
#finanzasapp .divmes p:before {content: "";  width: 20%; min-width: 300px; height: 10px; display: inline-block; }
#finanzasapp .divmes p > span{border-bottom: 1px solid #999; display: inline-block; padding: 10px 0 15px 0; width: 80%}
#finanzasapp .divmes p:last-child > span{border-bottom:1px dashed; }
#finanzasapp .divmes:last-child p:last-child > span{border-bottom:none !important;}
#finanzasapp .divmes p b{float: left; font-weight: normal}
#finanzasapp .divmes p .monto_mensual_transferencias{float: right}
#finanzasapp .divmes p span {}
/* modal */

.modal_info_transferencias {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;

    width: 100%;
    height: 100%;
display: none


}
.modal_info_transferencias > div{ display: table-cell;   vertical-align: middle; }

.window_info_transferencias i.fa{position: absolute; left: 0; top: 0; color: #114b5f; left: 60px; top: 60px; font-size: 36px }
.window_info_transferencias{
    position: relative;
    width: 40%;
    margin: 3% auto;
    border-radius: 8px;
    padding: 0;
    background: #fff;
  text-align: center;
    height: auto;
    color: #222;
    font-size: 16px;
    overflow-y: auto;
    padding: 40px 60px;




}
.window_info_transferencias h2, .window_info_transferencias p{text-align: left; padding-left: 60px}
.window_info_transferencias .btn {display: inline-block; margin-top: 20px}
.window_info_transferencias p span{font-size: 14px; color: #666}

/* responsive */

@media (max-width: 1200px){
    .abrir_modal_info{position: absolute; margin-left: -25px;}
    .page-finanzas-transferencias .item_transferencias{padding: 10px}
    .page-finanzas-transferencias .item_transferencias .rubro_transferencias{min-width: 200px; padding-left: 40px; line-height: 18px}
    .page-finanzas-transferencias .item_transferencias p a i.fa{font-size: 18px}
    .page-finanzas-transferencias .btn, .page-finanzas-transferencias .item_transferencias p{font-size: 16px}
    .page-finanzas-transferencias .selector_departamentos h4, .page-finanzas-transferencias .selector_departamentos select{font-size: 16px}
    .page-finanzas-transferencias .monto_total{font-size: 36px}
    .page-finanzas-transferencias .item_transferencias .monto_bar_transferencias {font-size: 16px; margin-top: -5px;}
    .page-finanzas-transferencias .item_transferencias .content_bar_transferencias{width: 70%; padding-right: 150px}
    .page-finanzas-transferencias .item_transferencias .show_month_transferencias{width: 10%;     font-size: 12px;
    color: #114b5f;
    text-align: center;
    line-height: 13px;
    display: table-cell;
    font-weight: bold;}
    .page-finanzas-transferencias .item_transferencias .monto_bar_transferencias:before{border-top: 7px solid transparent; border-bottom: 7px solid transparent;  border-right: 7px solid #114b5f; margin-left: -7px;top: 9px;}
    #finanzasapp .divmes p:before{min-width: 200px}
    .page-finanzas-transferencias .item_transferencias .show_month_transferencias i {
    font-size: 24px;
    line-height: 24px;
}
    .window_info_transferencias{width: 60%}
    #finanzasapp .divmes {
    padding: 10px;
    background: rgba(0,0,0,.05);
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
    border-radius: 0 0 8px 8px;
    margin-top: 10px;
}
}

@media (max-width: 992px){

    .window_info_transferencias{width: 80%}

}
@media (max-width: 680px){


.header_transferencias{flex-wrap: wrap; justify-content: space-between;}

.page-finanzas-transferencias .nombredepto{order: -1; width: 100%; margin-bottom: 20px}

.header_transferencias.clearfix:before, .header_transferencias.clearfix:after{display:none}


    .page-finanzas-transferencias .selector_departamentos{

        padding: 5px 0 20px 0


    }
    .page-finanzas-transferencias .item_transferencias .bar_transferencias{height: 10px}
    .page-finanzas-transferencias .item_transferencias{position: relative; padding: 15px}
    .page-finanzas-transferencias .btn, .page-finanzas-transferencias .item_transferencias p{font-size: 14px}
    .page-finanzas-transferencias .selector_departamentos h4, .page-finanzas-transferencias .selector_departamentos select{font-size: 14px;padding-left:10px;}
    .page-finanzas-transferencias .ano b, .page-finanzas-transferencias .monto_total b{font-size: 14px; line-height: 14px}
    .page-finanzas-transferencias .monto_total {font-size: 30px;line-height: 32px;}
    .page-finanzas-transferencias .item_transferencias p{display: block}
    .page-finanzas-transferencias .item_transferencias .content_bar_transferencias {width: 100%;display: block; padding-right: 85px; margin-bottom: 10px}
    .page-finanzas-transferencias .item_transferencias .rubro_transferencias{line-height: 24px; display: block; width: 100%; padding-left: 20px}
    .page-finanzas-transferencias .item_transferencias .show_month_transferencias {margin-top: 15px}
    .page-finanzas-transferencias .item_transferencias .show_month_transferencias br{display: none}
    .abrir_modal_info{margin-left: -20px}

    .page-finanzas-transferencias .item_transferencias .monto_bar_transferencias {

    margin-left: calc(100% + 10px);

    padding: 2px 5px;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    margin-top: -9px;
}
    .page-finanzas-transferencias .item_transferencias .show_month_transferencias i{display: none}
  .page-finanzas-transferencias .item_transferencias .monto_bar_transferencias:before {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #114b5f;
    margin-left: -5px;
    top: 9px;
}
    #finanzasapp .divmes p:before{display: none}
    #finanzasapp .divmes p > span{width: 100%}
    #finanzasapp .divmes {padding: 15px; background: rgba(0,0,0,.05); margin-left: -15px; margin-right: -15px; margin-bottom: -15px; border-radius: 0 0 8px 8px;  margin-top: 10px;}
    .window_info_transferencias i.fa{display: none}
    .window_info_transferencias h2, .window_info_transferencias p{padding-left: 0}
    .window_info_transferencias{width: 95%; padding: 20px 30px}
    .window_info_transferencias h2{font-size: 20px}
    .window_info_transferencias p{font-size: 14px; line-height: 18px}
    .window_info_transferencias p span{font-size: 12px; line-height: 14px}
    .page-finanzas-transferencias .selector_departamentos select{min-width: 240px}
}
.visiblecerotransparencia .ultimo_oculto{background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(242,242,242,1) 46%, rgba(255,255,255,1) 81%);
/*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(46%, rgba(242,242,242,1)), color-stop(81%, rgba(255,255,255,1)));*/
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(242,242,242,1) 46%, rgba(255,255,255,1) 81%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(242,242,242,1) 46%, rgba(255,255,255,1) 81%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(242,242,242,1) 46%, rgba(255,255,255,1) 81%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(242,242,242,1) 46%, rgba(255,255,255,1) 81%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff', GradientType=0 );}
.visiblecerotransparencia .header_transferencias,.visiblecerotransparencia .item_transferencias{opacity:0.4;}
.header_transferencias{display:flex;justify-content: space-between; width: 100%;}
.visiblecerotransparencia .bar_transferencias{background:#c2c2c2 !important;}

/********************* FIN DE TRANSFERENCIAS **********************/
/*********************** HOME FINANZAS ************************/

.page-finanzas #content-inner.content-home-finanzas, .page-finanzas-departamentales #content-inner.content-home-finanzas{background: #f2f2f2}
.page-finanzas #content-inner.content-home-finanzas .row, .page-finanzas-departamentales #content-inner.content-home-finanzas .row {margin-bottom: 80px}
.page-finanzas #content-inner.content-home-finanzas .row img, .page-finanzas-departamentales #content-inner.content-home-finanzas .row img{width: auto; display: block; position: relative; z-index: 10; max-width: 100%; margin: 0 auto}
.page-finanzas #content-inner.content-home-finanzas .row .btn, .page-finanzas-departamentales #content-inner.content-home-finanzas .row .btn{margin-bottom: 15px}

.page-finanzas #content-inner.content-home-finanzas .row .col-lg-6, .page-finanzas-departamentales #content-inner.content-home-finanzas .row .col-lg-6{padding: 0 30px; }
.page-finanzas #content-inner.content-home-finanzas .row h2, .page-finanzas-departamentales #content-inner.content-home-finanzas .row h2{font-size: 30px; font-weight: bold; padding-top: 3vw}
.page-finanzas #content-inner.content-home-finanzas .row p, .page-finanzas-departamentales #content-inner.content-home-finanzas .row p{padding-bottom: 10px}
.page-finanzas #content-inner.content-home-finanzas .row p span, .page-finanzas-departamentales #content-inner.content-home-finanzas .row p span{font-size: 14px}

.page-finanzas-departamentales #content-inner.content-home-finanzas{background: #f2f2f2}
.page-finanzas-departamentales #content-inner.content-home-finanzas .row {margin-bottom: 80px}
.page-finanzas-departamentales #content-inner.content-home-finanzas .row img{width: auto; display: block; position: relative; z-index: 10; max-width: 100%; margin: 0 auto}
.page-finanzas-departamentales #content-inner.content-home-finanzas .row .btn{margin-bottom: 15px}

.page-finanzas-departamentales #content-inner.content-home-finanzas .row .col-lg-6{padding: 0 30px; }
.page-finanzas-departamentales #content-inner.content-home-finanzas .row h2{font-size: 30px; font-weight: bold; padding-top: 3vw}
.page-finanzas-departamentales #content-inner.content-home-finanzas .row p{padding-bottom: 10px}
.page-finanzas-departamentales #content-inner.content-home-finanzas .row p span{font-size: 14px}

.link-rendicion h2 a, .link-rendicion a:hover{color: #305659}
.page-finanzas  #content-inner.content-home-finanzas .row.link-rendicion .btn.btn.btn-success, .page-finanzas-departamentales  #content-inner.content-home-finanzas .row.link-rendicion .btn.btn.btn-success{background:#305659}

.link-presupuestos h2 a, .link-presupuestos a:hover{color: #73ae7f}
.page-finanzas  #content-inner.content-home-finanzas .row.link-presupuestos .btn.btn.btn-success, .page-finanzas-departamentales  #content-inner.content-home-finanzas .row.link-presupuestos .btn.btn.btn-success{background:#73ae7f}


.link-transferencias h2 a, .link-transferencias a:hover{color: #114b5f}
.page-finanzas  #content-inner.content-home-finanzas .row.link-transferencias .btn.btn.btn-success, .page-finanzas-departamentales  #content-inner.content-home-finanzas .row.link-transferencias .btn.btn.btn-success{background:#114b5f}

.link-indicadores h2 a, .link-indicadores a:hover{color: #938763}
.page-finanzas  #content-inner.content-home-finanzas .row.link-indicadores .btn.btn.btn-success, .page-finanzas-departamentales  #content-inner.content-home-finanzas .row.link-indicadores .btn.btn.btn-success{background:#938763}

.link-rendicion .col-lg-6:last-child, .link-transferencias .col-lg-6:last-child{padding-right:  10vw!important}
.link-presupuestos .col-lg-6:first-child, .link-indicadores .col-lg-6:first-child{text-align: right; padding-left: 10vw!important}

.shadow_effect
{
    display: block;
  position: relative;
}
.shadow_effect:before
{
  z-index: 1;
  position: absolute;
  content: "";
  bottom: 30px;
  left: 50%;
  width: 60%;
  margin-left: -30%;
  top: 60%;
  height: 30%;
  border-radius: 100px;
  background: rgba(119, 119, 119, 0.5);
  box-shadow: 0 35px 5vw rgba(119, 119, 119, 0.5);
  transform: rotate(0);
}

@media (max-width: 1400px){

    .page-finanzas  #content-inner.content-home-finanzas .row h2{padding-top: 1vw}

}

@media (max-width: 1200px){

    .page-finanzas  #content-inner.content-home-finanzas .row .col-lg-6,
    .page-finanzas-departamentales  #content-inner.content-home-finanzas .row .col-lg-6{
        padding: 0

    }

    .link-presupuestos .col-lg-6:first-child, .link-indicadores .col-lg-6:first-child{

            text-align: left;
    padding-left: 0!important;


    }

    .link-presupuestos .col-lg-6:last-child, .link-indicadores .col-lg-6:last-child{ order: -1}

    .link-rendicion .col-lg-6:last-child, .link-transferencias .col-lg-6:last-child,.link-presupuestos .col-lg-6:first-child, .link-indicadores .col-lg-6:first-child{padding-left: 0; width: 100%; text-align: center}


    .page-finanzas  #content-inner.content-home-finanzas .row, .page-finanzas-departamentales  #content-inner.content-home-finanzas .row{border-bottom: 1px solid #ccc; display: flex; flex-wrap: wrap; padding-bottom: 60px}
    .page-finanzas  #content-inner.content-home-finanzas .row:last-child, .page-finanzas-departamentales  #content-inner.content-home-finanzas .row:last-child{border-bottom: 0}



}

@media (max-width: 992px){

    body.page-finanzas #content-inner.content-home-finanzas, body.page-finanzas-departamentales #content-inner.content-home-finanzas{background: #f2f2f2!important}

        .page-finanzas  #content-inner.content-home-finanzas .row .col-lg-6, .page-finanzas-departamentales  #content-inner.content-home-finanzas .row .col-lg-6{
        padding: 0 30px!important

    }


}

@media (max-width: 680px){

    .shadow_effect:before
{
  z-index: 1;
  position: absolute;
  content: "";
  bottom: 30px;
  left: 50%;
  width: 80%;
  margin-left: -40%;
  top: 50%;
  height: 30%;
  border-radius: 100px;
  background: rgba(119, 119, 119, 0.2);
  box-shadow: 0 35px 3vw rgba(119, 119, 119, 0.2);
  transform: rotate(0);
}

 .page-finanzas  #content-inner.content-home-finanzas .row h2, .page-finanzas-departamentales  #content-inner.content-home-finanzas .row h2{font-size: 20px; font-weight: bold; padding-top: 0}
 .page-finanzas  #content-inner.content-home-finanzas .row p, .page-finanzas-departamentales  #content-inner.content-home-finanzas .row p{font-size: 14px; line-height: 20px}
 .page-finanzas  #content-inner.content-home-finanzas .row p span, .page-finanzas-departamentales  #content-inner.content-home-finanzas .row p span{font-size: 12px; line-height: 14px}
 .page-finanzas  #content-inner.content-home-finanzas .row, .page-finanzas-departamentales  #content-inner.content-home-finanzas .row{padding-bottom: 40px; margin-bottom: 40px}


}
/********************* FIN HOME FINANZAS **********************/

/*Reset*/

.front ul {
    padding-left: 0
}

.front ul li {
    margin-bottom: 7px;
}

.front p {
    padding: 0;
    margin: 0 0 25px;
    line-height: 150%;
}

form {
    margin: 0;
    padding: 0;
}

.front img {
    border: none;
    max-width: 100%;
    width: auto;
    margin-bottom: 15px
}

.front picture {
    max-width: 100%;
    width: auto
}

html,
body.front {
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    background: #fff
}

*,
*:before,
*:after {
    box-sizing: inherit
}

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

a {
    color: #265fa4;
    text-decoration: none
}

a:not(.btn):hover {
    outline: none;
}


/*Headings*/
/*Headings*/

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    line-height: 1.5;
    font-weight: 600;
    color:#333;
    font-family: 'Open Sans', sans-serif;
}
.btn:hover, .btn:focus {
    color: #fff;
}
.page-listados .btn:hover,
.page-listados .btn:focus{
    color:#333333;
}
.page-finanzas .finanzas_constantes_corrientes.btn:hover,
.page-finanzas-departamentales .finanzas_constantes_corrientes.btn:hover{
    color:#000;
}
.btn {
    display: inline-block;
    text-align: center;
    color: #fff;
    background: #3c5b97;
    padding: 8px 20px;
    border-radius: 3px;
    font-size: 14px;
}
.page-finanzas .btn,
.page-finanzas-departamentales .btn{
    background: #e2e2e2;
    color:#000;
}

.btn-default{
    background:#fff;
    color:#333333;
}
.btn-biblioteca {
    color: #fff;
    background-color: #f15c3c;
    border-color: #ef4824;
}
.page-perfiles .btn{
    background: transparent;
}
.front h1,
.front h2,
.front h3,
.front h4,
.front h5,
.front h6 {
    padding: 0;
    line-height: 1.5;
    font-weight: 600
}

.front h1 {
    font-size: 1.8rem;
    margin: 0 0 2rem;
}

.front h2 {
    font-size: 1.6rem;
    margin: 0 0 2rem;
}

.front h3 {
    font-size: 1.4rem;
    margin: 0 0 8px;
}

.front h4 {
    font-size: 1.2rem;
    margin: 0 0 8px;
}

.front h5 {
    font-size: 1.1rem;
    margin: 0 0 7px;
}

.front h6 {
    font-size: 1rem;
    margin: 0 0 7px;
}

/*Grids*/

.front .container {

    margin: auto;
}


.flex{ display: flex; flex-wrap: wrap}

/*Grids*/

/*.page-filtros .container,
.page-finanzas .container,
.page-observatorio-territorio-uruguay .container,
.page-reportes .container,
.page-biblioteca .container,
.page-node-174 .container,
.page-enlaces .container,
.page-grafica .container,
.page-tutoriales .container*/
.container{
    width: 100%;
    /* padding: 0 20px;*/
    margin: auto;
}
/*.page-perfiles .container,
.front .container{
    width: 1200px;
    max-width: 1600px;
}*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    width: 100%;
    margin: 0;
}

[class*="grid"]:last-child,
.last {
    margin-right: 0!important;
}


.front aside,
.front main {
    padding-top: 30px
}

.front .section-grey {
    background: #f8f8f8;
    padding: 20px 0 10px
}

.box {
    margin-bottom: 25px
}
.box-wh {
    background: #fff;
    padding: 20px 25px;
    margin-bottom: 25px;
    box-shadow: 3px 3px 1px rgba(0,0,0,0.05)
}
.box-wh-gr {
    font-size: 1.15em
}

.title-line {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em
}

/*Transitions*/

header nav ul li a {
    transition: .2s all
}

/* Filas */

.row:before,
.row:after {
    display: table;
    content: "";
}

.row:after {
    clear: both;
}

.muted {
    color: #666
}


/*Header*/

#header-inner {
    padding: 0;
    background: #ffffff;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1)
}

.front #header-inner .container {

    display: flex
}

#header-inner .col {
    margin-bottom: 0!important
}

#header-inner h1 {

    margin: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;

    align-items: center;
    height: 90px;
}

#header-inner h1 .logo {
    display: block;
    width: 287px
}

#header-inner h1 .logo img {
    margin-bottom: 0;
    display: block;
    width: 100%
}

/*Nav mobile*/

.mainNav {
    display: none
}

.slicknav_nav {
    display: block
}

.slicknav_nav a {
    color: #fff;
    display: block;
    background-color: #ffffff;
}

.slicknav_nav ul {
    margin-bottom: 0;
    font-size: 1.1rem;
    padding-left: 0;
    margin-top: 0
}

.slicknav_nav ul a {
    background: #265fa4
}

.slicknav_nav li {
    margin: 0;
    list-style: none
}

.slicknav_nav li > a {
    display: flex;
    padding: 20px;
   border-bottom: 1px solid rgba(158, 204, 90, 0.15)
}

.slicknav_nav li ul li a {
    background: #2A3F54;
    border-bottom: 1px solid rgba(158, 204, 90, 0.1);
    padding-left: 30px
}

.slicknav_nav li ul li a:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #9ecc5a;
    margin: 8px 15px 0 0
}

.slicknav_nav li ul li:last-child a {
    -moz-box-shadow: inset 0px -12px 14px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0px -12px 14px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px -12px 14px rgba(0, 0, 0, 0.05);
}

.slicknav_item {
    position: relative
}

.slicknav_item > a {
    flex: 1
}

.slicknav_btn {
    position: absolute !important;
    top: 7px !important;
    right: 4px;
    margin: 0;
    background-image: url('../img/menu.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    padding: 17px 0 !important;
    height: 55px;
    width: 60px;
}

.slicknav_btn.slicknav_open {
    background: url('../img/menu-active.png') center center no-repeat !important;
}

.slicknav_arrow {
    position: absolute;
    height: 100%;
    width: 70px;
    text-align: center;
    right: 0;
    top: 0;
}

.slicknav_arrow .arrow {
    margin-top: 32%
}

.slicknav_open .arrow {
    margin-top: 40%
}

.slicknav_open .slicknav_arrow {
    background: #2A3F54;
}

.slicknav_nav .slicknav_open > a {
    border-bottom: 0
}

.arrow {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    background: transparent
}

.arrow-up {
    -webkit-transform: rotate(-135deg);
    -webkit-transform-origin: center center;
    transform: rotate(-135deg);
    transform-origin: center center;
}

.arrow-down {
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform: rotate(45deg);
    transform-origin: center center;
}

/*boton menu*/

.btn_menu {
    display: inline-block;
    background-image: url('../img/menu.png');
    background-repeat: no-repeat;
    background-position: center center;
    padding: 17px 0;
    height: 55px;
    width: 60px;
}

/*Cajas modulos*/

.grilla {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.modulo {
    height: 120px;
    width: 100%;
    margin-bottom: 7px
}

.modulo .wrap {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    overflow: hidden
}

.modulo .wrap:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .6s;
    opacity: 0
}

.modulo .wrap.loaded:before {
    opacity: 1
}

.modulo .wrap:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.modulo .contenido {
    position: relative;
    z-index: 10;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 40%;
    padding: 0 8%;
    transition: all .6s ease;
}

.modulo h2 {
    color: #fff;
    display: inline-block;
    font-weight: 600;
    position: relative;
    margin-bottom: 10px;
    font-size: 20px;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    line-height: 26px
}

.modulo h2:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    margin-top: 5px;
    transition: all 0.3s ease;
    position: absolute;
    margin-left: 0;
    opacity: .5
}

.modulo p {
    color: #fff;
    font-size: 14px;
    margin: 0 auto 20px;
    opacity: 0;
    position: relative;
    top: 30px;
}



/* Box 1 */

.modulo-1 {
    background: #00986f;
}

.modulo-id-1 .wrap:before {
    background-image: url(../../../../default/files/banners/1.jpg);
}

.modulo-1 .wrap:after {
    background: -moz-linear-gradient(-45deg, rgba(0, 152, 111, 1) 0%, rgba(0, 152, 111, 0.6) 70%, rgba(0, 152, 111, 0) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0, 152, 111, 1) 0%, rgba(0, 152, 111, 0.6) 70%, rgba(0, 152, 111, 0) 100%);
    background: linear-gradient(135deg, rgba(0, 152, 111, 1) 0%, rgba(0, 152, 111, 0.6) 70%, rgba(0, 152, 111, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00986f', endColorstr='#0000986f', GradientType=1);
}

/* Box 2 */

.modulo-2 {
    background: #74428b;
}

.modulo-2 .wrap {

}

.modulo-id-2 .wrap:before {
    background-image: url(../../../../default/files/banners/2.jpg);
}

.modulo-2 .wrap:after {
    background: -moz-linear-gradient(-45deg, rgba(116, 66, 139, 1) 0%, rgba(116, 66, 139, 0.6) 70%, rgba(116, 66, 139, 0) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(116, 66, 139, 1) 0%, rgba(116, 66, 139, 0.6) 70%, rgba(116, 66, 139, 0) 100%);
    background: linear-gradient(135deg, rgba(116, 66, 139, 1) 0%, rgba(116, 66, 139, 0.6) 70%, rgba(116, 66, 139, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74428b', endColorstr='#0074428b', GradientType=1);
}

.selectores {
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
    opacity: 0
}

.selectores select {
    padding: 5px 8px;
    border: 1px solid #ccc;
    width: 47%;
    font-size: 1.1rem;
    font-family: 'Open Sans', sans-serif;
    color: #333
}


/* Box 3 */

.modulo-3 {
    background: #0088c4;
}

.modulo-id-3 .wrap:before {
    background-image: url(../../../../default/files/banners/3.jpg);
}

.modulo-3 .wrap:after {
    background: -moz-linear-gradient(-45deg, rgba(0, 136, 196, 1) 0%, rgba(0, 136, 196, 0.6) 70%, rgba(0, 136, 196, 0) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0, 136, 196, 1) 0%, rgba(0, 136, 196, 0.6) 70%, rgba(0, 136, 196, 0) 100%);
    background: linear-gradient(135deg, rgba(0, 136, 196, 1) 0%, rgba(0, 136, 196, 0.6) 70%, rgba(0, 136, 196, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088c4', endColorstr='#000088c4', GradientType=1);
}

/* Box 4 */

.modulo-4 {
    background: rgba(255, 144, 21, 0.92);
}

.modulo-id-4 .wrap:before {
    background-image: url(../../../../default/files/banners/4.jpg);
}

.modulo-4 .wrap:after {
    background: -moz-linear-gradient(-45deg, rgba(255, 144, 21, 1) 0%, rgba(255, 144, 21, 0.6) 70%, rgba(255, 144, 21, 0) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255, 144, 21, 1) 0%, rgba(255, 144, 21, 0.6) 70%, rgba(255, 144, 21, 0) 100%);
    background: linear-gradient(135deg, rgba(255, 144, 21, 1) 0%, rgba(255, 144, 21, 0.6) 70%, rgba(255, 144, 21, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d6c3a', endColorstr='#007d6c3a', GradientType=1)
}

/* Box 5 */

.modulo-5 {
    background: #e55739;
}

.modulo-id-5 .wrap:before {
    background-image: url(../../../../default/files/banners/5.jpg);
}

.modulo-5 .wrap:after {
    background: -moz-linear-gradient(-45deg, rgba(229, 87, 57, 1) 0%, rgba(229, 87, 57, 0.6) 70%, rgba(229, 87, 57, 0) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(229, 87, 57, 1) 0%, rgba(229, 87, 57, 0.6) 70%, rgba(229, 87, 57, 0) 100%);
    background: linear-gradient(135deg, rgba(229, 87, 57, 1) 0%, rgba(229, 87, 57, 0.6) 70%, rgba(229, 87, 57, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e55739', endColorstr='#00e55739', GradientType=1);
}

/*Texto home presentacion*/

.texto-home {
    text-align: center;
    padding: 30px 0
}

.texto-home h2 {
    color: #265fa4;
    font-size: 1.5rem;
    margin-bottom: 1rem
}

.texto-home p {
    color: #666;
}

/*Listado documentos*/

.listado-documentos {
    margin-left: 0;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap
}

.listado-documentos li {
    list-style: none
}

.listado-documentos li.grid_12 {
    font-size: 1.1rem
}

.listado-documentos li.grid_6:nth-of-type(2n) {
    margin-right: 0
}

.listado-documentos li h4 a {
    color: #333
}

.listado-documentos li .imagen {
    float: left;
    margin: 0 20px 0 0;
    max-width: 100px
}

.listado-documentos li .muted {
    margin-bottom: 5px
}

/*Listado con bullets cuadrados*/

.list-bullet li {
    position: relative;
    list-style: none;
    padding-left: 20px;
    font-size: 1.1em
}

.list-bullet li a {
    color: #333
}

.list-bullet li:before {
    position: absolute;
    left: 0;
    top: .6rem;
    content: '';
    width: 5px;
    height: 5px;
    background: #265fa4;
    display: inline-block
}

/*Footer*/

footer {
    background: #e7e7e7;
    clear: both;
    color: #333;
    padding: 45px 0 20px;
    text-align: center
}

footer .col {
    display: flex;
    margin: 0
}

footer ul,
footer h4 {
    margin-left: auto;
    margin-right: auto
}

footer h4 {
    margin-bottom: 15px
}

footer ul li {
    list-style: none;
}

footer ul li i {
    margin-right: 5px
}

footer a {
    color: #333;
}
footer ul li i {
    color: #265fa4;
    margin-right: 5px;
}

/*Formularios*/
form *{font-family: 'Open Sans', sans-serif;}
input[type="number"],
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="password"],
textarea{
    color:#333;
    border:1px solid #b9b9b9;
    background: #fff;
    font-size: 14px;
    width: 100%;
    padding: 9px 12px;
    margin-bottom: 10px;
    vertical-align: middle;
    border-radius: 2px;
    width: 100%;
}
textarea{min-height: 100px}

input[type="submit"]{ border: none}

.buscador{ position: relative; margin-bottom: 35px}
.buscador input[type="text"]{ padding: 20px; font-size: 20px; height: 48px;}
.buscador button[type="submit"]{position: absolute; right: 0; top: 0; background: #265fa4; color:#fff; height: 48px; border-radius: 0 3px 3px 0}


.form-contacto .btn{ float: right}

/*Botones*/
.page-filtros .btn{ display: inline-block; text-align: center; color:#fff; background:#3c5b97; padding: 8px 20px; border-radius:3px; font-size: 14px}
.btn:hover, .btn:focus{color:#fff;}
.slicknav_nav ul a.tab_indicadores, .btn.indicadores{background-color:#0088c4}
.slicknav_nav ul a.tab_biblioteca, .btn.biblioteca{background-color:#e55739}
.slicknav_nav ul a.tab_mirador, .btn.mirador{background-color:#ff9015}
.slicknav_nav ul a.tab_perfiles, .btn.perfiles{background-color:#74428b}
.slicknav_nav ul a.tab_finanzas, .btn.finanzas{background-color:#00986f}


/*==============================================================================*/
/*Tutoriales*/
/*==============================================================================*/
.thumb-tutorial-wrap{ margin-bottom: 35px}
.thumb-tutorial{position: relative; margin-bottom: 15px; font: normal normal normal 14px/1 FontAwesome}
.thumb-tutorial img{position: relative; margin:0; width: 100%}
.thumb-tutorial a{display: block; position: relative;}
.thumb-tutorial a:before{ content:''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.4);z-index: 1; transition: all 0.3s}
.thumb-tutorial a:after{text-align: center; font-size: 30px; height: 72px; width: 72px; line-height: 72px; content: "\f04b";position: absolute; top: 50% ;left: 50%; color:#fff;z-index: 2 ; background: rgba(0,0,0,0.5); border-radius: 50%; margin: -36px 0 0 -36px; transition: all 0.3s}
.thumb-tutorial a:hover:after{background: rgba(0,0,0,0.7)}
.thumb-tutorial a:hover:before{background: rgba(0,0,0,0.3)}
/*==============================================================================*/
/*End Tutoriales*/
/*==============================================================================*/

.nota{position: relative; cursor: pointer; color:#305659; font-size: 16px}
.nota i{margin-right: 5px}
.nota:hover .nota-wrap{display: block}
.nota-wrap{font-size: 14px; transition: all .5s; position:absolute; bottom:100%; display: none; background: #d1ecf1; box-shadow:5px 5px 10px rgba(0,0,0,0.2); border-radius: 4px; padding: 20px; width: 350px; z-index: 1000}
.nota-wrap h4{margin: 0 0 3px 0;color:#305659}
.nota-wrap p{margin: 0}

/*==============================================================================*/
/* Enlaces */
/*==============================================================================*/
.listado-enlaces{}
.enlace {width: 100%; margin-left:0; margin-right: 0; display: flex; padding: 17px 10px; align-items: center}
.enlace:hover {box-shadow: 3px 3px 10px rgba(0,0,0,0.15)}
.enlace p{font-size: 13px; font-weight: 700; line-height: 1.3; margin: 0}
.imagen-enlace{ margin-right: 10px;}
.imagen-enlace img{ margin: 0; display: inline-block; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all .2s; min-width: 100px}
.enlace:hover .imagen-enlace img{-webkit-filter:none; filter:none}



/*==============================================================================*/
/* End Enlaces */
/*==============================================================================*/

/*==============================================================================*/
/* Reportes                                                                     */
/*==============================================================================*/
.page-reportes .descripcion p,
.page-biblioteca .descripcion p{
    max-height: 4.5em;
    overflow: hidden;
}
@media screen and (max-width: 480px){
    .page-reportes .descripcion,
    .listado-documentos .descripcion{
        max-height: auto;
        overflow: hidden;
    }
    .page-biblioteca-listar .search-block__input {
        position: absolute;
        top: -15px;
        left: 0px;
        width: 100%;
    }

    .page-biblioteca .buscador{
        min-height: 50px;
    }
    .page-biblioteca aside {
        margin-bottom:15px;
    }
    .page-biblioteca aside .filtros-bibiloteca div:last-child{
        text-align: center;
    }
    .finanzas_bar .container{
        height: 6px;
    }
}
ul.listado-documentos li a.leermas,
ul.listado-documentos li a.leermenos,
.page-reportes ul.listado-documentos li a.leermas,
.page-reportes ul.listado-documentos li a.leermenos{
    float: right;
}
.page-reportes ul.listado-documentos li a.leermenos{
    display: none;
}
ul.listado-documentos li a.leermenos{
    display: none;
}
/*==============================================================================*/
/* Observatorio */
/*==============================================================================*/

.copete p{
    padding: 0;
    margin: 0 0 25px;
    line-height: 150%;
}
.copete {
    font-size: 20px;
    font-weight: 300;
}
.listado-modulo p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.lista-icon li {
    list-style: none;
    display: flex;
    margin-bottom: 20px;
}
.lista-icon li i {
    margin: 5px 10px 0 0;
    color: #3c5b97;
}
.listado-modulo {
    margin-bottom: 50px;
}
/*==============================================================================*/
/* End Observatorio */
/*==============================================================================*/


/*==============================================================================*/
/* Biblioteca */
/*==============================================================================*/


.page-biblioteca .buscador{padding: 18px; background: #e7e7e7; border-radius: 5px; margin-bottom: 20px;}
.page-biblioteca .buscador input{margin-bottom: 0px;}
.page-biblioteca .buscador .form-item-nomind{ max-width: 640px; margin: auto; position: relative}
.page-biblioteca #edit-nomind {
    width: 100%;
    height: 45px;
    padding: 10px 20px;
    font-size: 16px;
    border: 1px solid #cbcbcb;
    margin-bottom: 0;
    border-radius: 5px;
}
.page-biblioteca .buscador-boton:before{display: none}
.page-biblioteca #edit-nomind-biblioteca.buscador-boton {
    background: #e55739;
    border-radius: 0 5px 5px 0;
    padding: 10px 16px;
    height: 45px;
    width: 50px;
    top: 0px;
    right: 0!important;
    font-size: 20px;
    position: absolute;
}
.page-biblioteca #edit-nomind-biblioteca.buscador-boton i {color:#fff;}

.buscador-biblioteca .buscador .form-item-nomind {
    max-width: 640px;
    margin: auto;
    position: relative;
}
.filtros-bibiloteca input[type="submit"] {
    background: #e55739;
    float: right;
}
.page-biblioteca main a {
    color:#f15c3c;
}
/*==============================================================================*/
/* End Biblioteca */
/*==============================================================================*/



/*** NUEVO INDICADORES **/
/*Indicadores
==============================================================================*/

.col-contenido-indicadores {width: 100%;}

#filtros-indicadores-buscar .buscador{padding: 18px; background: #e7e7e7; border-radius: 5px; margin-bottom: 20px}
#filtros-indicadores-buscar .buscador .form-item-nomind{max-width: 640px; margin: auto; position: relative}
#filtros-indicadores-buscar #edit-nomind {width: 100%;height: 45px;padding: 10px 20px;font-size: 16px;border: 1px solid #cbcbcb;margin-bottom: 0;border-radius: 5px;}
#filtros-indicadores-buscar #edit-nomind-autocomplete-aria-live.buscador-boton{ background: #0088c4; border-radius: 0 5px 5px 0; padding: 12px; height: 45px; width: 50px;
    top:0!important; right: 0!important; font-size: 20px}
#filtros-indicadores-buscar .buscador-boton:before{display: none}

.indicadores-wrap{display: block}
.modulosOPP__contenido--indicadores h4 {
    background: #006682;
}
/*Titulos pasos*/
.modulosOPP__contenido--indicadores h4,
.modulosOPP__filtrosSeleccion--title {
    position: relative;
    font-size: 1.2rem;
    margin: 0;
    padding: 18px 20px;
    font-weight: 600;
    line-height: 1.1
}

.modulosOPP__contenido--indicadores .maps-group h4{ border-radius: 4px 4px 0 0}
.modulosOPP__contenido--indicadores h4:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 136, 196, 0);
    border-left-color: #006683;
    border-width: 27px;
    margin-top: -27px;
    z-index: 1;
    display: none
}

.modulosOPP__wrapper{padding: 0; background: #fff}
.modulosOPP__wrapper > .row{margin: 0; display: block}
.modulosOPP__contenido--indicadores .title-block-map{padding: 0}
.modulosOPP__contenido--indicadores .title-block-map .title-block,
#combo_intermedio .modulosOPP__filtrosSeleccion--itemTitle{
    color: #333;
    font-size: 1rem;
    margin: 20px 0 12px 0;
    text-align: center;
    padding-bottom: 0;
    border-bottom: none;
    font-weight: 700;
    line-height: 1
}

/*Iconos mapas*/
.modulosOPP__contenido--indicadores .maps{ display: none; width: 100%; float: none}
.modulosOPP__contenido--indicadores .maps-indice{ float: none; width: 100%; text-align: center; padding-top: 10px}
.modulosOPP__contenido--indicadores .maps-indice .miniMaps{ display: inline-block; margin: 0 5px}
.modulosOPP__contenido--indicadores .maps-indice .miniMaps img{margin: 0 0 5px; width: 40px}
.modulosOPP__contenido--indicadores .maps-indice .miniMaps p{font-size: .85em; margin: 0}
.modulosOPP__contenido--dimension .list-dimension {text-align: center; max-width: 510px; margin: auto;}
.modulosOPP__contenido--dimension .item{margin-bottom: 0}
.modulosOPP__filtrosSeleccion--itemTitle{ color:#333}

/*Paso 2
---------------------------------*/
/*Mapa*/
.modulosOPP__contenido--indicadores .group {
    width: 100%;
    padding-left: 0px;
}
/*Listado filtros*/
.modulosOPP__contenido--indicadores .region {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    height: auto;
}

.list-region-wrap{ position: relative; display: flex; overflow-y: auto; height: 300px; padding-bottom: 20px}
.list-region::-webkit-scrollbar {
    width: 6px;
}
.list-region::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.list-region::-webkit-scrollbar-thumb {
    height: 30px;
    border-radius: 2px;
    background-color: #a0a0a0;
    outline: 4px solid slategrey;
}


.modulosOPP__contenido--region{background: #f1f1f1;}
.modulosOPP__contenido--region h4{ background: #0088c4; border-radius: 4px 4px 0 0}
.modulosOPP__contenido--region h4:after {
    display: none;
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 136, 196, 0);
    border-left-color: #0088c4;
    border-width: 27px;
    margin-top: -27px;
    z-index: 1;

}

.modulosOPP__contenido--region .list-region {
    list-style: none;
    padding: 0 20px;
    margin: 0;
    height: auto;
    min-height: 0;
    overflow: auto;
    overflow-y: auto;
    position: relative;
    width: 100%
}

.modulosOPP__contenido--region .list-region li{margin:0; padding: 2px 0}

.modulosOPP__contenido--region .list-region .select-all a {
    color: #265fa4;
    font-weight: 400;
}
.modulosOPP__contenido--region .list-region .select-all a:hover{background: transparent}

.modulosOPP__contenido--region .list-region a {
    position: relative;
    display: block;
    font-size: 1em;
    color: #333;
    margin-left: 0;
    padding: 1px 10px;
    border-radius: 3px
}
.modulosOPP__contenido--region .list-region a:hover{background:#e9e9e9}

.modulosOPP__contenido--indicadores .dimension{ margin-bottom: 25px}

.modulosOPP__contenido--region .list-region i{display: block; color: #666}
.modulosOPP__contenido--region .list-region a:hover i{color: #265fa4}

/*Filtros Paso 3*/
.col-indicadores-filtros {
    float: none;
    width: 100%;
    padding-left: 0;
    position: relative;
    clear: both
}

.modulosOPP__filtrosSeleccion{
    background: #e7e7e7;
    padding:0 0 20px;
    display: table;
    margin-top: 25px
}

.modulosOPP__filtrosSeleccion--title {
    color: #fff;
    background: #39a9db;
    margin-bottom: 20px;
    border-radius: 0 4px 0 0;
}

.modulosOPP__filtrosSeleccion--itemTitle {
    font-size: 1em;
    margin: 0 0 5px;
    line-height: 1.1em;
    display: block!important
}

.modulosOPP__filtrosSeleccion--item-wrap{padding: 0 20px}

.modulosOPP__filtrosSeleccion--item {
    margin-bottom: 20px;
    padding:0;
    width: 100%;
}
.modulosOPP__filtrosSeleccion--item.subdimensiones{ width: 100%}

.modulosOPP__filtrosSeleccion--item .pull-right{background: transparent}

.modulosOPP__filtrosSeleccion--item a.modulosOPP__filtrosSeleccion--borrarTodo{font-size: 18px; color:#333}
.modulosOPP__filtrosSeleccion--item a.modulosOPP__filtrosSeleccion--borrarTodo:hover{color:#265fa4}

.modulosOPP__filtrosSeleccion--list{
    background: #fff;
    border-color: #c0c0c0;
    height: 96px;
    padding: 4px
}

.modulosOPP__filtrosSeleccion--list::-webkit-scrollbar {
    width: 6px;
}
.modulosOPP__filtrosSeleccion--list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
}

.modulosOPP__filtrosSeleccion--list::-webkit-scrollbar-thumb {
    height: 30px;
    border-radius: 2px;
    background-color: #a0a0a0;
    outline: 4px solid slategrey;
}


.modulosOPP__filtrosSeleccion--listItem {
    border:none;
    margin: 0;
}
.modulosOPP__filtrosSeleccion--listItem i {
    position: absolute;
    right: 3px;
    top: .25em;
    font-size: 1.1em;
    border-radius: 50%;
    padding: 2px
}

.modulosOPP__filtrosSeleccion--listItem a {
    font-size: 0.95em;
    color: #333;
    margin-left: 0;
    padding: 3px 8px;
    border-radius: 4px;
}

.modulosOPP__filtrosSeleccion--listItem a:hover{
    background: #ededed
}

.modulosOPP__filtrosSeleccion--listItem a:hover i{
    background: #bc3b20;
    color: #fff
    /*    color: #265fa4*/
}

#filtros-indicadores-buscar .form-item.form-type-checkbox.form-item-busqueda-avanzada {display: none}
#edit-acceder {
    margin:20px 0 0 3%;
    background-color: #006682;
    min-height: none;
    width: 97%;
    padding: 16px;
    font-size:1.2rem;
    font-weight: bold;

}

/*Indicadores - Resultados*/
.resultado_dimension{
    background:#fff; border-radius: 4px; box-shadow:0 3px 10px rgba(0,0,0,0.1); margin-bottom: 15px; padding-bottom:1px
}
.dimension__titulo {
    padding: 13px 15px;
    font-size: 16px;
    border-radius: 4px 4px 0 0
}
.dimension__image{margin: 0 10px 0 0}

.dimension__openClose {
    font-weight: normal;
    font-size: 11px;
    position: absolute;
    right: 20px;
    top: 12px;
}

.subdimencion__titulo {
    color: #333;
    font-size: 16px;
    padding: 10px 8px 10px 20px;
    font-weight: 700;
    border: none
}

.resultado_dimension + div .listado-info__item{
    background: #f8f8f8;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 20px
}
.ocultar_subdimension + div .listado-info__title{
    padding-left: 0;
    font-size: 16px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0
}
.ocultar_subdimension + div .listado-info__title a{
    color:#265fa4;

}

.listado-info__descSub {
    text-align: left;
    padding-left: 0px;
    width: 80%;
}

.listado-info__descSub p{ font-size: 1em}
.listado-info__accionList {
    position: relative;
    top: 0;
    right: 0;
    float: right;
}

.ocultar_subdimension{padding: 0 12px}
.ocultar_subdimension + div{padding: 0 20px}


.subdimension__openClose {
    float: right;
    font-weight: normal;
    font-size: 11px;
    position: static;
    right: 15px;
    top: 0px;
}

.listado-info__title--titleWidth{ width: auto}



/*
@media screen and (min-width: 480px) {}
@media screen and (min-width: 720px) {}
*/
@media screen and (min-width: 1024px) {

    .indicadores-wrap { display: flex;}
    .col-contenido-indicadores {width: 60%;}
    .modulosOPP__contenido--region h4{ border-radius: 0}
    .modulosOPP__contenido--region h4:after{display: block}
    .col-indicadores-filtros {width: 40%;}
    .modulosOPP__contenido--indicadores .group {width: 65%;padding-left: 0px;}
    .modulosOPP__wrapper > .row{display: flex}
    .modulosOPP__contenido--indicadores h4:after{display: block}
    .modulosOPP__contenido--indicadores .maps{display: block}
    .modulosOPP__contenido--indicadores .region {width: 35%; height: 100%;}
    .modulosOPP__contenido--indicadores .maps-indice .miniMaps{margin: 0 20px}
    .modulosOPP__contenido--indicadores .maps-indice .miniMaps img{margin: 0 0 5px; width: auto}
    .list-region-wrap{height: 665px;}

    .modulosOPP__filtrosSeleccion{ margin-top: 0}
    .modulosOPP__filtrosSeleccion--item {margin-bottom: 20px; padding: 0 10px; width: 50%; float: left}

    .modulosOPP__contenido--indicadores h4,
    .modulosOPP__filtrosSeleccion--title {padding: 18px 20px 18px 40px;}
    .modulosOPP__contenido--indicadores .maps-group h4{ border-radius: 4px 0 0}


}

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


/*----------------------------  RESPONSIVE  --------------------------------------------*/

/* 480 en adelante
--------------------------------------*/

@media screen and (min-width: 480px) {

    .modulosOPP__filtrosSeleccion{display: block;}
    .slicknav_btn {right: 14px;}
    header h1 .logo img{width: 100%}
    .enlace{width: 49%; margin-right: 2%}
    .enlace:nth-of-type(2n){margin-right:0}
    .imagen-enlace{ margin-bottom: 15px;}
    .listado-enlaces{ text-align: center;}

    .container {
        padding: 0 30px;
    }
    .slicknav_btn {
        right: 14px;
    }
    #region-slideshow{
        padding-top:100px;
        background:#f2f2f2;
    }
    .front #region-slideshow{
        padding-top:0px;
        background:#fff;
    }
}

/* End 480*/

/* 720 en adelante
-------------------------------------*/

@media screen and (min-width: 720px) {
   .container {
        padding: 0 40px;
    }
    .slicknav_btn {
        right: 22px;
    }

}

/* End 720*/

/* 1024 en adelante
-------------------------------------*/

@media screen and (min-width: 1024px) {

    h1 {
        font-size: 2rem;
        margin: 0 0 2rem;
    }
    h2 {
        font-size: 1.8rem;
        margin: 0 0 2rem;
    }
    h3 {
        font-size: 1.4rem;
        margin: 0 0 8px;
    }

     .grilla-lt {
        width: 66.6%
    }
    .grilla-rg {
        width: 33%
    }

    /*estilos generales*/
    .modulo {
        height: 260px;
        overflow: hidden;
        margin-bottom: .6%
    }

    .modulos {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .modulo .wrap:hover h2 {
        text-shadow: none;
        transition: all .7s;
        line-height: 55px
    }
    .modulo .wrap:hover h2:after {
        margin-top: 5px;
        transition: all 0.7s .3s ease;
        opacity: 1
    }
    .wrap:hover .contenido {
        top: 18%;
    }
    .modulo .wrap:hover p {
        opacity: 1;
        top: 20px;
        transition: opacity 1.5s .3s ease, top .6s .3s ease
    }
    .modulo .wrap:hover .selectores {
        opacity: 1;
        transition: opacity 1.5s .3s ease
    }

    .modulo .wrap:hover:before {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0.05;
    }
    .modulo h2 {
        font-size: 26px;
    }
    .modulo h2:after {
        margin-top: 10px;
    }

    main.grid_9 {
        margin-bottom: 50px
    }
    aside,
    main {
     /*   padding-top: 25px*/
    }
    aside {
        font-size: 1rem
    }
    .main-content {
        margin-top: 0px
    }
    .box {
        margin-bottom: 50px
    }
    .section-grey {
        padding-top: 40px
    }

    /*Header*/
    #header-inner {
        position: fixed;
        z-index: 1000;
        width: 100%;
        top: 0;
        background: #fff
    }

    #header-inner h1 .logo {
        display: block;
        width: 401px
    }
    #header-inner nav ul {
        margin: 0;
        text-align: right
    }
    #header-inner nav ul li {
        display: inline-block;
        list-style: none;
        position: relative;
        z-index: 1000;
        margin: 0;
    }
    .front #header-inner nav ul li a {
        display: block;
        font-weight: 600;
        font-size: 1rem;
        padding: 10px 15px;
        color: #333
    }
    #header-inner nav ul li a {
        display: block;
        font-weight: 600;
        font-size: 1rem;
        padding: 13px 15px;
        color: #333
    }
    #header-inner nav .tabs_sections ul li a {
        color:#fff;
    }
    #header-inner nav ul li a.current,
    #header-inner nav ul li a.current:hover {
        color: #265fa4
    }
    #header-inner nav ul li a:hover {
        color: #666
    }
    #header-inner .grid_8 {
        display: flex;
        justify-content: flex-end;
        align-items: center
    }


    /*Cuatro modulos
    -------------------------------------------*/
    .cuatro-modulos .modulo-1 {
        width: 100%
    }
    .cuatro-modulos .modulo-1 p {
        max-width: 70%
    }
    .cuatro-modulos .modulo-2 {
        width: 100%;
        height: 100%
    }
    .cuatro-modulos .modulo-3,
    .cuatro-modulos .modulo-5 {
        width: 49.7%;
        margin-bottom: 0
    }
    .cuatro-modulos .selectores {
        flex-wrap: wrap
    }
    .cuatro-modulos .selectores select {
        padding: 8px;
        border: 1px solid #ccc;
        width: 100%;
        margin-top: 15px;
        font-size: 1.1rem;
        font-family: 'Open Sans', sans-serif;
        color: #333;
    }
    .cuatro-modulos {
        margin-bottom: 0px;
        margin-top:30px;
    }
    /*Modulos*/
    .modulo {
        height: 260px;
        overflow: hidden
    }
    .modulo-1,
    .modulo-2 {
        width: 49.7%;
    }
    .modulo-3,
    .modulo-4,
    .modulo-5 {
        width: 32.933333333333%;
    }
    .modulo-2 {
        margin: 0;
    }
    .modulo-3 {
        margin-left: 0;
    }
    .modulo-5 {
        margin-right: 0
    }



    .modulo .wrap:hover h2 {
        text-shadow: none;
        transition: all .7s;
        line-height: 55px
    }
    .enselect.modulo .wrap h2 {
        text-shadow: none;
        line-height: 55px
    }
    .modulo .wrap:hover h2:after {
        margin-top: 5px;
        transition: all 0.7s .3s ease;
        opacity: 1
    }
    .enselect.modulo .wrap h2:after {
        margin-top: 5px;
        opacity: 1
    }
    .wrap:hover .contenido, .enselect .wrap .contenido {
        top: 18%;
    }
    .modulo .wrap:hover p {
        opacity: 1;
        top: 20px;
        transition: opacity 1.5s .3s ease, top .6s .3s ease
    }
     .modulo .wrap:hover .selectores {
        opacity: 1;
        transition: opacity 1.5s .3s ease

    }
    .modulo.enselect .wrap .selectores {
        opacity: 1;

    }
    .modulo .wrap:hover:before{
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0.05;
    }

    .modulo.enselect .wrap:before{
        opacity: 0.05;
    }

    .enselect.modulo .wrap p{
        opacity: 1;
        top: 20px;
    }

    .modulo h2 {
        font-size: 26px;
    }
    .modulo h2:after {
        margin-top: 10px;
    }

    /*Grilla*/
    .grid_1 {
        width: 5.5833%;
    }
    .grid_2 {
        width: 14.1666%;
    }
    .grid_3 {
        width: 22.7499%;
    }
    .grid_4 {
        width: 31.3332%;
    }
    .grid_5 {
        width: 39.9165%;
    }
    .grid_6 {
        width: 48.4998%;
    }
    .grid_7 {
        width: 57.0835%;
    }
    .grid_8 {
        width: 65.6668%;
    }
    .grid_9 {
        width: 74.2501%;
    }
    .grid_10 {
        width: 82.8334%;
    }
    .grid_11 {
        width: 91.4167%;
    }
    .grid_12 {
        width: 100%;
    }
    .grid_13 {
        width: 100%;
    }
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
     .grid_12{
        float: left;
        display: block;
        margin: 0 3% 20px 0;
    }

    /*Oculto menu mobile*/
    .mb-mainNav {
        display: none
    }

    /*Muestro menu desktop*/
    .mainNav {
        display: block;
    }

    .list-bullet li {
        font-size: 1.2em
    }
    .listado-documentos li .imagen {
        max-width: 100%
    }
    .listado-documentos li h4 {
        font-size: 1.25em
    }
    .texto-home {
        padding: 30px 60px 30px 60px;
    }
    .texto-home h2 {
        font-size: 2rem;
        margin-bottom: 1rem
    }
    .texto-home p {
        font-size: 1.2rem
    }

    footer .col {
        width: 100%
    }

    .enlace:nth-of-type(2n), .enlace{width: 18%; margin-right: 2.5%; display: block; padding: 20px 25px}
    .enlace:nth-of-type(5n){margin-right:0}
    .enlace p{font-size: 15px}
    .imagen-enlace{ margin:0 0 20px 0 }

}

/* End 1024*/

/* 1280 en adelante
-------------------------------------*/

@media (min-width: 1024px) and (max-width: 1300px){
    .page-biblioteca p{
        line-height: 1.4;
    }
}

@media screen and (min-width: 1200px) {
    .modulosOPP__filtrosSeleccion{display: table;}
    .container {
        max-width: 1600px;
        padding-left: 80px;
        padding-right: 80px;
    }
    /*  .page-perfiles .container,
    .front .container{
         padding-left: 0px;
         padding-right: 0px;
     }*/
    .tabs_sections li a {
        width: 150px;
        font-size: 17px;
    }

    footer .col {
        display: block
    }
    footer ul {
        margin: 0
    }
    footer ul li {
        display: inline-block;
        margin-left: 40px
    }
    footer ul li:first-child {
        margin-left: 0
    }
    footer ul,
    footer h4 {
        margin: 0
    }
    footer .grid_4 {
        width: 31.3332%;
        margin: 0 3% 20px 0;
        text-align: left
    }
    footer .grid_8 {
        width: 65.6668%;
        margin: 0 3% 20px 0;
        text-align: right
    }

}

@media (min-width: 1200px) and (max-width: 1300px){
    .tabs_sections li a {
        width: 127px;
        font-size: 17px;
    }
}
/* End 1200 */

/** USER **/
.page-user #content-inner{
    display: flex;
    align-content: center;
    justify-content: center;
}

.page-user #content-inner .container{
    width: 30%;
}


/***
Proyectos admin
 */
.page-mirador #proyectos-agrupados-despliegue div.barradeescala {
    min-height: 20px;
    height: 20px;
    background: rgb(255,100,0,0);
    background: -moz-linear-gradient(90deg, rgba(255,100,0,0) 0%, rgba(255,100,0,0.4) 47%, rgba(255,100,0,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,100,0,0) 0%, rgba(255,100,0,0.4) 47%, rgba(255,100,0,1) 100%);
    background: linear-gradient(90deg, rgba(255,100,0,0) 0%, rgba(255,100,0,0.4) 47%, rgba(255,100,0,1) 100%);
    width: 300px;
}
.page-mirador #proyectos-agrupados-despliegue div.departamento div.contenedor-cards {
    width: 100%;
    max-width: 1600px;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
.page-mirador #proyectos-agrupados-despliegue div.departamento div.contenedor-cards div.texto{
    width: 65%;
    display: block;
    height: 100%;
    min-height: 50px;
    max-height: 100px;
    margin: 0%;
    background: #ffffff;
}
.page-mirador #proyectos-agrupados-despliegue div.departamento div.contenedor-cards div.texto p.nombre-territorio{
    font-weight: bold;
    padding-top:3px;
}
.page-mirador #proyectos-agrupados-despliegue div.departamento div.contenedor-cards div.texto span{
    font-size: 0.7em;
}
.page-mirador #proyectos-agrupados-despliegue div.departamento div.contenedor-cards div.texto h2 {
    padding-bottom: 0px;
    padding-top:4px;
    margin-bottom: 0px;
    line-height: 1;
}
.page-mirador #proyectos-agrupados-despliegue div.departamento div.contenedor-cards div.imagen{
    width: 35%;
    background:#ff9015;
    display: block;
    height: 100%;
    min-height: 50px;
    max-height: 100px;
    margin: 0%;
    padding: 10px;
}
.page-mirador #proyectos-agrupados-despliegue div.departamento div.contenedor-cards div.imagen .contornomapa{
    max-height: 100%;
    max-width: 100%;
}
.page-mirador #proyectos-agrupados-despliegue  div.contenedor-cards div.card {
    width: 20%;
    height: 85px;
    min-height: 85px;
    margin: 2%;
    border: 1px solid transparent;
    border-radius:3px;
    -webkit-box-shadow: 2px 7px 5px 0px rgba(208,208,208,0.57);
    -moz-box-shadow: 2px 7px 5px 0px rgba(208,208,208,0.57);
    box-shadow: 2px 7px 5px 0px rgba(208,208,208,0.57);
}
.page-mirador #proyectos-agrupados-despliegue{
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    max-width: 100%;
    margin: 0px auto;
    height: auto;
    padding: 0px;
    border-bottom: 4px solid #ff9015;
    opacity: 0;
    justify-content: center;
    background: #f2f2f2;
}

.page-mirador #proyectos-agrupados-despliegue div {
    min-width: 50%;
    height: 100%;
    min-height: 350px;
}
.page-mirador #proyectos-agrupados-despliegue div.dinero {
    width: 100%;
    height: 100%;
    min-height: 350px;
    display: flex;
    justify-content: center;
}

.page-mirador #proyectos-agrupados-despliegue div.departamento div {
    min-width: 2%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.page-mirador #proyectos-agrupados-despliegue div.dinero svg{
    width: 50%;
    height: 100%;
    min-height: 350px;
}
.page-mirador #proyectos-agrupados-despliegue svg {
   width: 100%;
   height: 100%;
    min-height: 350px;
}

@media (max-width: 480px) {
    .page-mirador #proyectos-agrupados-despliegue div {
        min-width: 100%;
        height: 100%;
    }
    .page-mirador #proyectos-agrupados-despliegue  div.contenedor-cards div.card {
        width: 100%;
        height: 85px;
        min-height: 85px;
        margin: 2%;
    }
    .page-mirador #proyectos-agrupados-despliegue  div.contenedor-cards div.card h2{
        margin-top: 0px;
    }
}

.page-mirador #proyectos-agrupados-despliegue path.slice{
    stroke-width:2px;
}


.page-mirador #proyectos-agrupados-despliegue polyline{
    opacity: .3;
    stroke: black;
    stroke-width: 2px;
    fill: none;
}
.page-mirador .grafico-desgloce, .page-mirador .grafico-desglocedos {width: 100%;display: flex;justify-content: center}
.page-mirador .grafico-desgloce .card, .page-mirador .grafico-desglocedos .card{background: #e2e2e2;margin-bottom: 2px;border-radius: 8px;}
.page-mirador .grafico-desgloce span.cantidad-de-proyectos, .page-mirador .grafico-desglocedos span.cantidad-de-proyectos{width: 5%;font-size: 14px;color: #114b5f;text-align: right;line-height: 16px;display: table-cell;font-weight: bold;}
.page-mirador .grafico-desgloce p, .page-mirador .grafico-desglocedos p{display:flex;justify-content: space-between;padding: 2px;align-items: center;}
.page-mirador .grafico-desgloce p .nombre, .page-mirador .grafico-desglocedos p .nombre{min-width: 20%;font-weight: bold;padding-left: 10px;}
.page-mirador .grafico-desgloce p .cantidad-de-proyectos, .page-mirador .grafico-desglocedos p .cantidad-de-proyectos{width: 38%;padding-right: 10px;}
.page-mirador .grafico-desgloce p .dinero,.page-mirador .grafico-desglocedos p .dinero{width: 33%;}
.page-mirador .modal-content{border-radius: 6px !important;}
.page-mirador .modal-header{border-bottom-right-radius:0px !important;border-bottom-left-radius:0px !important;border-top-right-radius:6px !important;border-top-left-radius:6px !important;border-color:#ff9015;}

.page-mirador .btn-info {
    background-color:#46b8da;
}
.page-mirador .btn-success {
    background-color:#4cae4c;
}
.page-mirador .btn-danger {
    background-color:#d43f3a;
}
.page-mirador .ui-state-default{
    height: auto !important;
}
/**
Proyectos front
 */
.page-mirador .leaflet-popup-content-wrapper span.proyectos-barra-completo{
    background-color: #4cca90;
    position: absolute;
    left: 0px;
    height: 100%;
}
.page-mirador .leaflet-popup-content-wrapper .proyectos-barra-total{
    background-color: #ebebeb;
    height: 3px;
    position: relative;
    width: 50%;
    margin-top: 12px;
    margin-left: 10px;
}
.page-mirador .leaflet-popup-content-wrapper .proyectos-tooltip-avance{
    display: flex;
    align-items: center;
}
.page-mirador .leaflet-popup-content-wrapper h4,
.page-mirador .leaflet-popup-content-wrapper h5,
.page-mirador .leaflet-popup-content-wrapper h3{
    font-weight: normal;
}
.page-mirador .leaflet-popup-content-wrapper a.ver-proyecto{
    width: 100%;
    color: #ffffff;
    background-color: #ff9015;
}
.page-mirador #block-system-main {
    background-color: #fff;
}
.page-mirador- #block-system-main {
    background-color: #f8f8f8;
}
.page-mirador-admin #block-system-main {
    padding: 50px;
}
.page-mirador-admin .sortable li {
    list-style-type: none;
    margin: 10px;
}
.page-mirador .previous{
    font-weight: bold;
}
.page-mirador .datos-destacados .contenedor{
    background-color:transparent;
}
.page-mirador .leaflet-popup-content-wrapper .strong{
    font-weight: bold;
}
.page-mirador h4.titulo_ballom {
    font-size: 14px;
}
.page-mirador .imagen-proyecto-display {
    background-size: contain;
    height: 200px;
    width: 100%;
    background-position: center;
}
.page-mirador .leaflet-container{
    height: 600px;
    width: 100%;
}
.page-mirador .colortransparente {
color:transparent;
}
.page-mirador tr.odd {
    background-color: #f8f8f8;
}
.page-mirador tr td:first-child {
    display: flex;
    justify-content: space-between;
    white-space: pre-wrap;
}
.page-mirador table td{
    white-space: pre-wrap;
}
.page-mirador .clusterproyectos {
    width: 40px;
    height: 40px;
    background-color: rgba(255,186,0,0.7);
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-mirador #paginador {
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content:center;
}
.page-mirador #paginador div {
    margin:3px;
    padding:10px 15px;
    border:1px solid #333333;
    cursor:pointer;
}
/*Parches*/
.page-finanzas #content-inner > .container,
.page-finanzas-departamentales #content-inner > .container{
    max-width: 100%;
}
.page-perfiles .sombra h1 {
    font-size: 2.1em;
    margin: 1px 25px;
    font-weight: bold;
    text-shadow: none;
    padding: 15px 0;
    border-bottom: 1px solid #cccccc;
}
.page-perfiles #map {
    width: 35%;
    height: 300px;
    float: left;
    margin: 8px 25px 8px 9px;
}
.page-perfiles p {
    font-size: 1em;
}
.page-perfiles .perfil-presentacion {
    width: 100%;
    clear: both;
    margin-top: 25px;
    padding: 0 20px;
}
.page-perfiles div.select-container {
    background-color: #ededed;
    padding: 18px;
    border-radius: 9px;
    margin-bottom: 24px;
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sesentacentro .caja-base,
 .sesentacentro .page-finanzas-indicadores .lado,
 .sesentacentro .indicador,
 .sesentacentro .lado,
 .sesentacentro .atras
 {
     height: 400px;
 }
.sesentacentro canvas#canvasonce,
.sesentacentro canvas#veinte {
    top:56px !important;
}
.cincuenta canvas#canvasdieciocho,
.cincuenta canvas#canvasdiecinueve
{
    top:65px !important;
}
.front .selectores .select2-container{
    margin: 10px;
}
.finanzas_bloque_dos .primerdiv .cuatro .caja-base{
    height: auto !important;
}
#copyright-inner ul.menu:first-child {
    display: flex;
}

@media (max-width: 480px) {
    .page-biblioteca #edit-nomind-biblioteca.buscador-boton {
        top: -15px;
    }
}

.page-mirador .eliminar-seleccion-div{
    display: inline-block;
    height: 15px;
    width: 15px;
}
.page-mirador #map, .page-mirador #ods{
    width: 100%;
}
.page-mirador #content-inner > .container{
    max-width: 100%;

}
.page-mirador-admin #content-inner > .container{
    max-width: 1600px;
}

.page-mirador #contenedor-general {
    display: flex;
    max-width: 1600px;
    margin: 0px auto;
}
.page-mirador #fichas {
    max-width: 1600px;
    margin: 0px auto;
}
.page-mirador #fichas .btn {
    background: #e2e2e2 !important;
    color: #000;
}
.page-mirador #proyectos-header{
    display: flex;
    flex-direction: column;
    color: #fff;
}
.page-mirador .select2-container .select2-selection--single {
    height: 40px;

}
.page-mirador .proyectos-ano{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 50px;
}
.page-mirador .proyectos-anios-contenedor{
    padding: 10px;
    background-color: #ff9015;
}
.page-mirador #proyectos-derecha{
    width: 60%;
}

.page-mirador #proyectos-izquierda{
    width: 40%;
    padding:10px;
}
.page-mirador #proyectos-izquierda label{
    display: block;
    font-weight: bold;
}

.page-mirador .modal{
    top:40%;
}
.page-mirador a[id^='eliminar'].inactivo{
    display:none;
}

.page-mirador a[id^='eliminar'].activo{
    display:inline-block;
}

.page-mirador #proyectos-agrupados{
    width: 100%;
    background-color: #ff9015;
}
.page-mirador #proyectos-agrupados .proyectos-dato{
  width: 20%;
  padding:20px;
  cursor:default;
}
.page-mirador #proyectos-agrupados .fa-info-circle{
  cursor:pointer;
}
.page-mirador #proyectos-agrupados .departamentosgrafico,
.page-mirador #proyectos-agrupados .municipiosgrafico{
    cursor: pointer;
 }
.page-mirador #proyectos-agrupados .proyectos-dato{
  width: 20%;
  padding:20px;
  text-align: center;
}
.page-mirador .container{
    padding:0px;
}
.page-mirador footer .container{
  padding: 0 40px;
}
.page-mirador- .container{
    padding-left: 80px;
    padding-right: 80px;
}
.page-mirador- #content-inner,
.page-mirador- #page{
    background-color: #f8f8f8;
}

.page-mirador #header-inner .container{
    padding-left:80px;
    padding-right: 80px;
}

.page-mirador .contenedor{
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    max-width: 1600px;
    margin: 0px auto;
}

.page-mirador .proyectos-select-float{
    float: left;
    width: 35%;
    padding: 3%;
}
.page-mirador .proyectos-select-total{
    clear: both;
}

.page-mirador #cambioaniopanelmas,
.page-mirador #cambioaniopanelmenos{
    cursor:pointer;
    font-weight: bold;
    font-size: 15px;
}
.logged-in.page-finanzas-admin #content-inner{
    padding-top:100px !important;
}

.page-biblioteca .listado-documentos [class*="grid"]:last-child, .last {
    margin-right: 3% !important;
}


/************* TAKA **************/
/*Mirador ciudadano
--------------------------------*/
.main-content.page-mirador{background: #fff; padding-top: 0!important; padding-bottom: 0}
.page-mirador .contenedor,
.page-mirador #contenedor-general,
.page-mirador #fichas{ padding-left: 80px; padding-right: 80px}


#proyectos-header {background-color: #f8f8f8; height: 500px; background-size: cover; position: relative; background-position: center top}
.page-mirador #contenedor-general,
.page-mirador #proyectos-header .contenedor{max-width: 1400px}
#proyectos-header::after{content:""; background:rgba(0, 0, 0, 0.40); top: 0; bottom: 0; left:0; right: 0; position: absolute; z-index: 0}
#proyectos-header .buscador-wrap{position: relative; top: 100px;z-index: 1; text-align: center}
#proyectos-header .buscador{ width: 100%; max-width: 500px; display: inline-block }
#proyectos-header .buscador input[type="text"]{ border-radius:6px; border: none; box-shadow: 0 0 30px rgba(0,0,0,0.3);padding-right:70px; }
#proyectos-header .buscador button[type="submit"]{background: #ff9015; border-radius:0 6px 6px 0 }
.page-mirador .proyectos-anios-contenedor{background: rgba(255, 144, 21, 0.92); border-radius: 10px 10px 0 0; padding:10px}
.page-mirador proyectos-ano{}
.page-mirador #cambioaniopanelmas,
.page-mirador #cambioaniopanelmenos{ padding: 10px 20px;}
.page-mirador .aniosdisplay{font-size: 24px;font-weight: 700; padding: 0 10px}
.page-mirador #proyectos-agrupados{background: rgba(255, 144, 21, 0.92);}
.datos-destacados{ position: absolute; bottom: 0; z-index: 2; width: 100%}

.page-mirador #proyectos-agrupados .proyectos-dato{ font-size: 16px; padding:15px 0 0; position: relative}
.page-mirador #proyectos-agrupados .proyectos-dato a{color:#fff; padding: 26px 40px; display: block; position: relative; height: 80%; border-radius: 5px 5px 0 0;}
.page-mirador #proyectos-agrupados .proyectos-dato a.sinaccion{cursor: default}
.page-mirador #proyectos-agrupados .proyectos-dato::after{position: absolute; right: 0; top:24%; width: 1px; height: 70px; background: rgba(255, 255, 255, 0.45); content: ""}

.page-mirador #proyectos-agrupados .proyectos-dato:last-child::after{display: none}

.page-mirador #proyectos-agrupados .departamentosgrafico:hover,
.page-mirador #proyectos-agrupados .municipiosgrafico:hover{
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.11) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.11) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1c000000',GradientType=0 );
}

.page-mirador > .grid_12{ margin-bottom: 0}
.page-mirador .modal-content{border-radius: 0px;border:none !important;}
.page-mirador #proyectos-agrupados .proyectos-dato a.active{ background: #fff; color:#444 }
.page-mirador #proyectos-agrupados .proyectos-dato a.active p{color:#444}
.page-mirador .texto{ font-size: 1.1em; text-align: center; max-width: 980px; margin:60px auto 30px;}
.page-mirador .texto h2{ margin-bottom: 1rem}
.page-mirador .texto b{font-weight: 600}
.page-mirador #informacionModal{display: none;position:fixed;top:50%;left:35%;/*padding-top:20%;background-color:rgba(0,0,0,0.4);height:100%;width:100%*/;z-index: 1050}
.page-mirador .modal-header {background-color:#ff9015;}
.page-mirador .modal-header h4{color: #fff;padding: 0px;margin: 0px;}
.page-mirador .modal-header button.close{padding: 5px}
.page-mirador .grafico-desgloce .card {cursor: pointer;}
.proyectos-dato p{ font-size: 1.8em; font-weight: 700; margin-bottom:0}

.filtros-botones{text-align: center; width: 100%; border-bottom: 4px solid #d8d8d8; margin-bottom:40px}
.filtros-botones.active{border-color: #ff9015}
.filtros-botones .btn{ color:#545454; background:#f0f0f0; font-weight: 700; font-size: 1.3rem; margin: 0 12px; border: 1px solid #d8d8d8; padding: 15px 40px; min-width: 200px; border-radius: 5px 5px 0 0}
.filtros-botones .btn:hover{background: #fff; color:#ff9015; }
.filtros-botones .btn.active{color:#fff; background: #ff9015; border-color:#ff9015}

.page-mirador .filtros-botones{text-align: center; width: 100%; border-bottom: 4px solid #ff9015; margin-bottom:40px}
.page-mirador .proyectos-checkbox-conjunto {width: 57%;display: flex;align-items: center;justify-content: space-around;}
.page-mirador .proyectos-checkbox-conjunto div{display: flex;align-items: center}
.page-mirador .proyectos-checkbox-conjunto div input{margin-right: 10px}
#contenedor-general{ padding-bottom: 40px;}

.page-mirador #proyectos-izquierda {width: 40%; padding: 0px;}
.page-mirador #proyectos-izquierda.filtros{ padding-top: 100px;}
.page-mirador #proyectos-izquierda.filtros label{ display: inline-block; width: 200px; text-align: right; margin-right:20px; font-size: 16px;}

.page-mirador .proyectos-select-total {width: 100%; display: flex; align-items: center; margin-bottom: 15px; padding: 0}
.page-mirador .proyectos-select-total select{ flex:1}
.page-mirador #proyectos-derecha { width: 50%; padding: 0}

.btn-wrap{text-align: right}
.btn-wrap .btn{background: #ff9015; font-size: 1.2em; margin-left: 2em}
.page-mirador .btn-wrap {display: flex;justify-content: flex-end;width: 100%; margin-right: 15px;}

#ods{position: relative}
.datos-ods{position: absolute; width: 40%; height: 308px; top: -5px; bottom: 0; left: 0; right: 0; margin: auto; text-align: center}
.cant-proyectos{ font-size: 1.4rem; font-weight: 700; margin-bottom: 0}
.cant-proyectos span{ display: block; font-size: 3.5rem; line-height: 1; margin-bottom:0; font-weight: 700; color: #2e2e2e}
.cant-proyectos::after{content: ''; display: block; width: 20%; height: 2px; background: #ababab; margin: 20px auto 10px}
.icono-ods-horz{ margin-bottom: 5px}
.descripcion-metas{font-size: .85rem}

.fichas-wrap{background: #f5f5f5; padding:30px 0 60px}
#fichas h3{ font-size: 1.75rem; font-weight: 700; color:#2e2e2e; margin-bottom: 0}
#fichas .title{display: flex; justify-content: space-between; margin-bottom: 20px; align-items: center}
#fichas .title .btn{ background: #e2e2e2;
    color:#000;}

#proyectos-tabla{ margin: 0; width: 100%}

table.dataTable thead th, table.dataTable thead td{background: #ff9015; color:#fff; padding: 15px 20px; font-size: 1.2em }
table.dataTable tbody th, table.dataTable tbody td {padding: 10px 20px; white-space: nowrap}
#proyectos-tabla tr td a{ color:#333;}

#proyectos-tabla .nombre-proyecto{ white-space:normal; display: flex; justify-content: space-between; align-items:center}
#proyectos-tabla .nombre-proyecto > a{ flex: 1}
#proyectos-tabla .iconos-metas{float: right; min-width: 22%;text-align: right;}
#proyectos-tabla .iconos-metas img{ display: inline-block; margin:0 3px; width: 30px}

.dataTables_wrapper .dataTables_paginate{float: none; text-align: center}
.dataTables_wrapper .dataTables_paginate .prev,
.dataTables_wrapper .dataTables_paginate .next{font-size: 1rem}
.dataTables_wrapper .dataTables_paginate .paginate_button{transition: none}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{ background:#ccc; border-color:#ccc; color:#333!important}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{ background: #ff9015; border-color:#ff9015; color:#fff!important}
table.dataTable.no-footer,table.dataTable thead th, table.dataTable thead td{ border-bottom-color: #999}


.avance{ background: #ebebeb; display: inline-block; overflow: hidden; height: 4px; width: 100px; margin-left: 8px; position: relative; box-shadow: inset 0 0 3px rgba(0,0,0,0.2)}
.avance span{ background:#4cca90; position: absolute; left: 0; height: 100%}


.page-mirador .filtros_aplicados{background: #fff; border-radius: 4px; margin:20px 0 0; padding:13px 18px 6px 18px; font-size: 14px; clear: both; position:relative;}
.page-mirador .filtros_aplicados h4{font-size: 16px; color: #333; display: inline-block; font-weight: bold; line-height: 16px}
.page-mirador .filtros_aplicados h4 i{ color: #ff9015; }
.page-mirador .filtros_aplicados b{font-weight: 600}
a.link_dowload{color:#305659; font-size: 14px; text-align: right}
a.link_dowload:hover{text-decoration: underline}
.page-mirador .filtros_aplicados .mostrar_filtros{float: right; width: 30px; height: 30px; text-align: center; position: relative; top: -5px; right: -10px;}
.page-mirador .filtros_aplicados .mostrar_filtros:before{content: "\f107"; font-family: "FontAwesome"; width: 30px; height: 30px; font-size: 24px;  color: #305659; text-align: right}
.page-mirador .filtros_aplicados .mostrar_filtros.abierto:before{content: "\f106"; color: #e55739}
.page-mirador .filtros_aplicados .mostrar_filtros.mostrando_detalles:before{content: "\f106"; }

.page-mirador .detalle_filtros {
    background: #fff;
}

.page-mirador .detalle_filtros{display: none}
.page-mirador .detalle_filtros span{ margin-right: 3px}
.page-mirador .detalle_filtros span b{font-weight: 600}
.page-mirador .detalle_filtros ul{padding: 10px 20px 20px}

#fichas .dataTables_wrapper{ margin-top: 30px}



/*Responsive mirador*/
@media screen and (max-width: 1200px) {
    .page-mirador .contenedor, .page-mirador #contenedor-general, .page-mirador #fichas { padding-left: 30px; padding-right: 30px;}
    .proyectos-dato p {font-size: 1.5em;}

}

@media screen and (max-width: 1024px) {
  #proyectos-header{height: 100%}
    .datos-destacados{ position: relative; z-index: 2; width: 100%}
    .main-content.page-mirador {padding-top: 0}
    #proyectos-header .buscador-wrap{top: 33px; padding:0 30px }
    .page-mirador #proyectos-agrupados .proyectos-dato{ width: 50%}
    .page-mirador #proyectos-agrupados .proyectos-dato:nth-of-type(2n)::after{display: none}

    /*Filtros*/
    .page-mirador .contenedor, .page-mirador #contenedor-general, .page-mirador #fichas { padding-left:30px; padding-right:30px;}
    .page-mirador #contenedor-general{flex-wrap: wrap; padding-left: 30px; padding-right: 30px}
    .page-mirador #proyectos-derecha,
    .page-mirador #proyectos-izquierda{ width: 100%}
    .page-mirador #proyectos-izquierda.filtros{padding-top: 30px}

    #proyectos-tabla .nombre-proyecto{ flex-wrap: wrap; min-width: 420px}
    #proyectos-tabla .nombre-proyecto > a{ width: 100%}
    #proyectos-tabla .iconos-metas{ display: block}
    table.dataTable thead th, table.dataTable thead td {padding: 9px 15px;}


}

@media screen and (max-width: 720px) {
  .page-mirador .fichas-wrap .contenedor {padding:0px;margin:0px;width: 100%;}
  .page-mirador #graficoDepto{width: 100%;}
  .page-mirador .card p span.nombre,.page-mirador .card p span.cantidad-de-proyectos{font-size: 0.8em;}

    .page-mirador #proyectos-agrupados .proyectos-dato a{padding:20px}
    .filtros-botones .btn{ min-width: 0; margin: 0 4px}
    .datos-ods{ position: static; width: 100%}
    .page-mirador #proyectos-izquierda.filtros{padding-top: 0}
    .page-mirador .proyectos-select-total{ display: block}
    .page-mirador .proyectos-select-total select{width: 100%}
    .page-mirador #proyectos-izquierda.filtros label {display: block; width: 100%; text-align:left; margin-right: 0;}

    .descripcion-metas{font-size: 1.1rem}

}


@media screen and (max-width: 480px) {
    .page-mirador #proyectos-agrupados{ padding: 20px 0}
    .page-mirador #proyectos-agrupados .proyectos-dato{ width: 100%; padding: 0; font-size: 15px}
    .page-mirador #proyectos-agrupados .proyectos-dato::after{display: none}
    .page-mirador #proyectos-agrupados .proyectos-dato a{padding:4px 10px}
    .page-mirador #proyectos-agrupados .proyectos-dato p{ display: inline-block; margin-right: 6px}
    .page-mirador .texto{ margin: 30px 0}

    .filtros-botones{display: block; flex-wrap: nowrap; justify-content: center}
    .filtros-botones .btn {font-size: 0.9rem;padding: 15px}
    #fichas .title{ display: block;}
    .page-mirador- .container{padding:10px;}
    #header-inner img.logo-img{max-width: 250px;}
    .page-mirador #header-inner .container{padding:15px;}
    .proyectos-primer-linea {display: block;justify-content: space-between;padding: 10px 0px;font-size: 0.9em;color: #666;}
}



/*Mirador ampliado
-----------------------------------------------------*/
.proyectos-primer-linea{display:flex;justify-content: space-between;padding:30px 0px;font-size: 1.2em;color:#666}
.proyectos-primer-linea div{padding: 0 10px;}
.title-wrap{ display: block;margin-bottom:35px}
.title-wrap h1{font-size: 1.7rem}
.title-wrap h1 span{ display: block; font-size: .6em; color:#777; font-weight: 400}
.title-wrap h1 span i{color:#4cca90; margin: 10px 3px 0; font-size: .85em; vertical-align: baseline; font-size: 1.2em}
.title-wrap .title-acciones{  display: flex; align-items:center}

.title-wrap .title-acciones a{font-size:24px; display: inline-block; padding: 0 10px; color:#f69324; margin-left:3px}
.title-wrap .title-acciones .btn{font-size:16px; color:#fff; padding: 7px 15px; margin: 0 15px 0 0}
.title-wrap .title-acciones .btn i{ margin-right: 10px}
.page-proyecto .btn{background:#f69324}
.datos-wrap{ background: #fff; padding-top: 50px}

.proyecto-datos-destacados{display: flex; flex-wrap: wrap; padding: 0 0 30px 0; align-items: flex-end}
.proyecto-datos-destacados .item{ width: 100%; font-size: 17px; color: #1e1e1e; margin-bottom: 30px}
.proyecto-datos-destacados .item:first-child{padding-left: 0}
.proyecto-datos-destacados .item p{margin-bottom: 7px}
.proyecto-datos-destacados .item .dato-label{ margin-bottom: 0}
.proyecto-datos-destacados .item .dato-label b{font-weight: 700; font-size: 1.2em; margin-left: 4px; color:#1e1e1e}
.proyecto-datos-destacados .avance{ height: 7px; width: 100%; margin-left: 0; overflow: visible; margin-top: 20px}
.proyecto-datos-destacados .item-fecha .avance span:after{content:''; position:absolute; right: -6px; bottom: 0; width: 13px; height: 18px;
    background-image: url('../../../../default/files/proyectos/utiles/avance.svg'); background-repeat: no-repeat}

.page-mirador #mapa{
    z-index: 0;
}
.item-metas img{ margin:0 5px 0; width: 50px}
.item-icon{ display: flex; margin-top: 10px}
.item-icon .icon-wrap{ margin-right: 15px}
.item-icon .dato{ font-size:1.6em; font-weight: 700; color:#1e1e1e;  line-height: 1}
.icon-wrap{display: block; width: 60px;height: 60px; border-radius: 100px; padding: 12px; text-align: center; background: #f69324;flex-shrink: 0;}
.item-fecha .fechas{display:flex;justify-content: space-between}
.item-fecha .dato-label{ display: block;}
.item-fecha .dato-label b{display: block}
.item-fecha .dato-label:last-child{text-align: right}
.item-fecha .avance{width: 100%; }

.lista-datos{ border-top:1px solid #b1b1b1; display: flex;flex-wrap: wrap; padding: 30px 0}
.lista-datos .item{ width: 100%; font-size: 18px; font-weight: 700; color:#1e1e1e; position: relative; padding-left: 22px}
.lista-datos .item:before{content: ''; position: absolute; left:0; top: .6em; width: 5px; height: 5px; background: #f69324; display:inline-block}
.lista-datos .item .dato-label{ padding: 0; font-size: 16px; font-weight:400; color:#666; margin-bottom: 0}


.slider-wrap{ margin-bottom: 50px}
#slider{width: 100%; height: 360px; overflow: hidden}
#mapa{width: 100%; height: 300px}

.rsDefault .rsThumbs,
.rsDefault{background: #fff;}
.th-video{ position: relative}
.rsThumbs{padding-top: 10px}
.th-video:after{}
.rsDefault .rsThumb.rsNavSelected img {opacity:.3;}
.rsDefault .rsThumb.rsNavSelected{background: #fff; }

.datos-generales{margin-top:30px}
.datos-generales .box{ margin-bottom: 30px}
.datos-generales ul li{ position: relative; list-style: none; padding-left:20px}
.datos-generales ul li:before{content: ''; position: absolute; left:0; top: .6em; width: 5px; height: 5px; background: #f69324; display:inline-block}
.datos-generales h2{font-weight: 700; margin-bottom: 1rem}
.datos-generales h4{ margin: 10px 0 8px}
.datos-generales .descripcion{font-size: 1.15rem;}

.datos-generales .listado-descargas li{ padding-left: 0}
.datos-generales .listado-descargas li i{ margin-right: 5px}
.datos-generales .listado-descargas li:before{ display: none}

/*Responsive mirador ampliado*/
@media screen and (min-width: 480px) {

}

@media screen and (min-width: 720px) {

    .title-wrap h1 span{ display: inline-block; margin-left: 15px;}
    .lista-datos .item{ width: 50%;}

}

@media screen and (min-width: 1024px) {
    .proyecto-datos-destacados .item{width: 50%; padding:0 15px; }
    .title-wrap{ display: flex; justify-content: space-between; align-items: flex-start;}
    .title-wrap h1{flex:1; margin-right: 30px;font-size: 2.2rem}
    .proyecto-datos-destacados .item{width: 25%}
    .lista-datos .item{ width:25%;}
    .lista-datos{padding: 50px 0}
    .datos-generales{margin-top:80px;}
    #slider{height: 550px}
    .datos-generales{ font-size: 1.15rem;}
    #mapa{height: 400px}

}

@media screen and (min-width: 1200px) {
    .proyecto-datos-destacados .item{width: 25%}
    .item-metas img{width: 70px}
}

@media (max-width: 480px) {
    #menuprincipal li.oculto-ancho{
        display:block;
    }
}
@media (min-width: 481px) {
    #menuprincipal li.oculto-ancho{
        display:none;
    }
}
@media (max-width:480px){
    #menu{
        z-index: 9999;
    }
    
}