/*******************************************************************************************************
*********************************************************************************************************
                Estilos redefinidos para el observatorio
*********************************************************************************************************
********************************************************************************************************/

/*******************************************************************************************************
*********************************************************************************************************
                      Gen�ricos
*********************************************************************************************************
********************************************************************************************************/
/***
Banner
***/
.container {
    overflow: visible;
}
 *{box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.mySlides {
    display: none;
}

.page-biblioteca .select2-container .select2-search--inline .select2-search__field{
	margin-top:0px;
}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}
.paginate_button.next {
     position: relative;
}
/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

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

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

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

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/*.active, .dot:hover {
  background-color: #717171;
}*/

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
/***
Fin banner
**//

.menu li {
	float:left;
}
.menu li .menu li{
	clear:both;
}
.region-menu ul li {
	float:left;
}
.region-menu ul {
	float:right;
}
.page-grafica #chartjs-tooltip {
    position: absolute;
     opacity: 0;
     background:#fff ;
     color:#656a6e;
     padding: 10px;
     border-radius: 4px;
     -webkit-transition: all .1s ease;
     transition: all .1s ease;
     pointer-events: none;
     -webkit-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
     font-size:14px;
 }

.page-grafica #chartjs-tooltip:after, .page-grafica #chartjs-tooltip:before {
  right: 100%;
  top: 40%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.page-grafica #chartjs-tooltip:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 10px;
  margin-top: -10px;
}
.page-grafica #chartjs-tooltip:before {
  border-color: rgba(245, 245, 245, 0);
  border-right-color: #f5f5f5;
  border-width: 10px;
  margin-top: -10px;
}

 .page-grafica .container{
     overflow: visible !important;
 }
 div#divcanvasgrafico {
     width: 1000px;
     height: auto;
     margin-top:20px;
     margin-left: 0%;
     margin-bottom: 30px;

 }

/*@import url("https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700");*/

@font-face {
  font-family: 'opp';
  src: url("../fonts/opp.eot?7ofrll");
  src: url("../fonts/opp.eot?#iefix7ofrll") format("embedded-opentype"), url("../fonts/opp.woff?7ofrll") format("woff"), url("../fonts/opp.ttf?7ofrll") format("truetype"), url("../fonts/opp.svg?7ofrll#opp") format("svg");
  font-weight: normal;
  font-style: normal;
}
.uiHidden{
 display: none;
}
.uiElement.label {
    background-color: #fff;
    color: #000;
    padding: 7px;
}
.uiElement.label .labelFirst{
    font-weight: normal;
}
html{height:100%;}
body{margin:0; height:100%;}

/* Finanzas departamentales */
#finanzasapp {
    min-height: 800px;
}

#finanzasapp .finanzas-modal{
    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;
    pointer-events: none;
}
#finanzasapp .finanzas-modal:target {
 opacity: 1;
 pointer-events: auto;
}
#finanzasapp .finanzas-cerrar-boton{
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    cursor: pointer;
}
#finanzasapp .finanzas-modal > div{
    width: 80%;
    position: relative;
    margin: 2% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
}
#finanzasapp .finanzas-modal .finanzas_modal_ancho_total{
    padding: 5%;
    margin:2% 5%;
    border: 1px solid #000;
    overflow: auto;
}
#finanzasapp .finanzas-modal .finanzas_contenedor_overflow{
    overflow: auto;
}
#finanzasapp .finanzas-modal .finanzas_modal_ancho_mitad{
    padding-left: 5%;
    padding-right: 5%;
    overflow: auto;
    width: 50%;
    float: left;
}
#finanzasapp .finanzas-modal .finanzas_modal_origen_individual{
    font-size:0.8em;
    height: 25px;
}
#finanzasapp h2 {
    font-size: 20px;
}
#finanzasapp p {
    margin:0px;
    padding: 0px;
}
#finanzasapp .finanzas_filtros_seleccionados {
    border: 1px solid #000;
    overflow: auto;
    padding: 10px;
    margin-bottom: 20px;
}
#finanzasapp .finanzas_filtros_seleccionados_span {
    cursor: pointer;
}
#finanzasapp .finanzas_modal_input_filtro {
clear: both;
width: 100%;
}
#finanzasapp div.tabla{
    margin-top: 20px;
    margin-bottom: 20px;
}
#finanzasapp .finanzas_modal_territorio_individual {
width: 20%;
float: left;
}
#finanzasapp .finanzas_modal_boton_siguiente {
    text-align: right;
}
#finanzasapp .menu_territorios {
    height: 800px;
    width: 40%;
    position: absolute;
    top: 10%;
    left: 60%;
    background: #fff;
    font-size: 11px;
}
#finanzasapp .menu_territorios input {
    margin: 0px !important;
}
#finanzasapp .ppointer{
  cursor: pointer;
}
#finanzasapp .divmes {
  padding:20px;
}
#finanzasapp .menu_territorios span.territorios_municipios_departamento{
    cursor: pointer;
    font-weight: bold;
}
#finanzasapp .panel-heading{
    cursor: pointer;
}
#finanzasapp .finanzasdivinterno{
    margin-left: 10px;
}
#finanzasapp .finanzas_anos_div {
    width: 25%;
    float: left;
}
#finanzasapp table tr td{
    vertical-align:top;
    min-width: 112px;
    padding:0px !important;
}
#finanzasapp table tr td.centrado{
    text-align: center;
}
#finanzasapp table tr td.nocentrado{
    text-align: left;
}
#finanzasapp div.cabezal {
    font-size: 0.8em;
    background-color:#006682;
    border:1px solid #fff;
    width: 100%;
    color:#fff;
    padding:2px;
}
#finanzasapp table thead{
    background-color:#006682;
    color:#fff;
}
#finanzasapp table thead th{
    padding-right: 0px !important;
    padding: 0px !important;
}
#finanzasapp .minimoalto{
    min-height:75px !important;
    font-size: 0.7em !important;
}
#finanzasapp .minimoaltoorigen {

}
#finanzasapp table, #finanzasapp table tr, #finanzasapp table tr td, #finanzasapp table tbody {
    border: none !important;

}
#finanzasapp div.tabla {
    overflow: auto;
}
#finanzasapp .ancho_depto {
    min-width: 150px;
    max-width: 150px;
}

#finanzasapp p.titulos_control_graficos {
    font-size: 0.8em;
    margin-bottom: 0px !important;
}
#finanzasapp .finanzas_grafico_opciones{
    padding: 10px;

}
#finanzasapp .boton-de-redibujo {
    text-align: center;
    clear: both;
}
.context-finanzas-departamentales .node-full .node-header h3{
    color:#006682;
    text-align: center;
    line-height: 25px;
    text-transform: none;
    font-size: 1.2em;
}
.context-finanzas-departamentales .node-full .node-header h1{
    color:#006682;
    text-align: center;
    line-height: 35px;
    margin-bottom: 1.5em;
}
.context-finanzas-departamentales .node-full .node-header{
    background-color: transparent;
    border-bottom: 1px solid #006682;
    margin-bottom:1.5em;
    margin-top: 1.5em;
}
.context-finanzas-departamentales table {
    margin-left: 30px;
    margin-bottom: 10px;

}
.context-finanzas-departamentales table tbody{
    border-top: transparent;
}
.context-finanzas-departamentales .table > tbody > tr > td{
    padding: 6px;
}
.context-finanzas-departamentales .table > tbody > tr > td:first-child{
    width: 10%;
}
.context-finanzas-departamentales .table > tbody > tr:first-child > td{
    border: transparent;
}

/*mapa nuevo*/
div.resultado-buscador-dialog {
  cursor:pointer;
}
.ui-dialog-titlebar {
    display:none;
}
.ui-slider-range  {
    float:left;
    height: 20px;
}
.territorio_en_dialog {
    margin-top: 10px;
    float: left;
    padding: 13px;
    font-size: 0.8em;
}
.territorio_en_dialog h2 {
    font-size: 1.3em;
}
.territorio_en_dialog i {
    cursor: pointer;
}
.mostrar-territorios {
    display:none;
}
.mostrar-territorios, .ocultar-territorios {
    float: right;
    font-size: 0.7em;
    cursor:pointer;
    color:#006682;
}
.cruz {
    float: right;
    margin-bottom: 10px;
    cursor: pointer;
}
.glyphicon-ok {
    margin-right: 1px !important;
    color:#006682 !important;
}
/*.ui-dialog-titlebar-close {
 display:block;
 float: right;
 height: 20px;
 width: 20px;
 background-image:url(../img/cross.png);
 background-repeat: no-repeat;

}*/
.ui-slider-horizontal .ui-slider-range {
    height: 100%;

}
.ui-slider-horizontal {
    position: relative;
}
.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2;
}
.ui-slider-range::before, .ui-slider-range::after {
    box-sizing: content-box;
}
.ui-slider-handle::before, .ui-slider-handle::after {
       box-sizing: content-box;
}
.aceptar-cambios-territorio{
background-color:#428bca;
color:#fff;
padding:8px 10px;
border:1px solid transparent;
border-radius:4px;
}
.div-boton-aceptar {
clear:both;
width:100%;
text-align:center;
}
#menu{
  display:none;
  background: rgba(255,255,255,0.8);
    border-right: 3px solid #fff;
    width: 250px;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    top: 0px;
    right: 12px;
    z-index: 90;
    box-shadow: 1px 0 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 0 3px rgba(0,0,0,0.25);
    -webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.25);
}
#menu p, #menu select option, #menu div {
    font-size: 1em;
}
#menu .arrow {
  font: normal 400 25px/25px 'Acme', Helvetica, Arial, sans-serif;
    color: rgba(0,0,0,0.75);
    width: 16px;
    height: 25px;
    display: block;
    position: absolute;
    top: 20px;
    cursor: pointer;
    left: 5px;
}
#menu h1, #menu h2, #menu h3 {
    margin-bottom: 2px;
    margin-top: 2px;
}
#map {
  z-index: 0;
}
.leaflet-popup-content p {
    margin: 10px 0 !important;
}
.leaflet-popup-content h5 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.indicador-notify .ui-pnotify-container {
  padding: 5px;
}

p.ano-opcion {
    padding: 8px;
    border: 1px solid #ccc;
    background-color: #fff;
    max-width: 213px;
}
.ccl, .ccd, .ccm, .ccs {
  padding-left: 10px;
  padding-right: 10px;
  clear: both;
}
.dmd, .mmd, .lmd, .smd {
  display: none;
}
.transparencia {
  float: right;
}
.dmd, .mmd, .lmd, .smd {
  font-size: 10px;
  font-weight: bold;
  padding-top:24px;
  padding-left: 0px;
  margin-left: 0px;
}

#menu input {
    min-height: 0px;
}
#menu .contenedor-transparencia {
    min-height: 0px;
    height: auto;
}
#menu .resultadosbuscador  {
    display:none;
}
select.buscador-capa {
float: left;
width: 46%;
border: medium none;
background-color:#f2f2f2;
height: 32px;
}
button.buscar-capa {
    height: 32px;
}
select.anos {
padding:10px;
border:1px solid #ccc;
background-color: #fff;
font-size:100%;
}
select.cambioapertura, select.cambiocategoria {
padding:10px;
border:1px solid #ccc;
background-color: #fff;
width: 100%;
font-size:100%;
}
.indicador-notify .ui-pnotify-title {
  font-size: 0.875em;
  margin-bottom: 0;
}

.indicador-notify .ui-pnotify-icon,
.indicador-notify .ui-pnotify-icon span {
  margin-top: 2px;
}
.ui-pnotify-container {
background-color: #fcf8e3;
    border-color: #faebcc;
    color: #c09853;
}
.ui-pnotify {
    left: 45px !important;
    top: 53px !important;
}
.glyphicon {
    font-family: 'Glyphicons Halflings';
    line-height: 1;
    position: relative;
    top: 1px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-exclamation-sign:before {
    content: "\e101";
}
.glyphicon-remove:before {
    content: "\e014";
}
::selection {
  color: #fff;
  background: #ec6912;
}

::-moz-selection {
  color: #fff;
  background: #ec6912;
}

* {
  margin: 0;
  padding: 0;
  border: none;
}
.resultadosbuscador {
    box-shadow: none;
    max-height: 200px;
    overflow-y: scroll;
    width: 100%;

}

h2 {
  font-family:'Open Sans', Helvetica, Arial, sans-serif;
  color: #006682;

}


strong {
  font-weight: 700;
}

.wrapper {
  background: #f3f3f3;
  border: 1px solid #fff;
  width: 400px;
  padding: 50px 40px;
  margin: 0 auto;
  position: relative;
  top: 125px;
  clear: both;

  box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.footer {
  width: 400px;
  position: relative;
  margin: 0 auto;
  top: 175px;
}

.footer p {
  font-size: 12px;
  color: #888888;
}

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

.footer p a:hover {
  color: #ec6912;
}

.download {
  display: block;
  position: absolute;
  float: right;
  right: 25px;
  bottom: 25px;
  padding: 5px;

  font-weight: 700;
  font-size: 12px;
  text-align: right;
  text-decoration: none;
  color: rgba(0,0,0,0.5);
  text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}

.download:hover {
  color: rgba(0,0,0,0.75);
  text-shadow: 1px 1px 0 rgba(256,256,256,0.5);
}

.download:focus {
  bottom: 24px;
}

/*****END DEMO ONLY*****/


/*****ANIMATONS (optional)*****/

#menu, #menu .arrow, #menu nav a {
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

/*****END ANIMATONS*****/


/*****PANEL*****/

#menu {
    background: rgba(255,255,255,0.8);
    border-right: 3px solid #fff;
    width: 320px;
    padding-top:10px;
    padding-bottom:30px;
    padding-left:30px;
    padding-right:30px;
    z-index: 1;
    box-shadow: 1px 0 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 0 3px rgba(0,0,0,0.25);
    -webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.25);
    height: 100%;
    overflow: auto;
}

#menu {
  right: 0; /* Change to right: 0; if you want the panel to display on the right side. */
}

#menu:hover, #menu:focus {
  /* right: 0 !important; */ /* Change to right: 0 !important; if you want the panel to display on the right side. */
}

#menu .arrow {
  left: 2px; /* Change to left: 2px; if you want the panel to display on the right side. */
  cursor: pointer;
}

#menu .arrow {
  font: normal 400 25px/25px 'Acme', Helvetica, Arial, sans-serif; /* Acme font is required for .arrow */
  color: rgba(0,0,0,0.75); /* Arrow color */
  width: 16px;
  height: 25px;
  display: block;
  position: absolute;
  top: 20px;
  cursor: pointer;
}

#menu:hover .arrow {
  transform: rotate(-180deg) translate(6px,-3px);
  -moz-transform: rotate(-180deg) translate(6px,-3px);
  -webkit-transform: rotate(-180deg) translate(6px,-3px);
}

#menu nav {
  position: relative;
  top: 75px;
}

#menu nav a {
  padding: 20px 5px;
  border-bottom: 1px dotted #c0c0c0;
  display: block;
  clear: both;
  font: normal 400 12px/18px 'Open Sans', Helvetica, Arial, sans-serif;
  color: #656565;
  text-decoration: none;
}

#menu nav a:hover {
  color: #ec6912;
}
#menu h3 {
font-size: 1.4em;
font-weight: 600;
}
#menu input.buscador{
    float: left;
    height: 32px;
    background-color: #f2f2f2;
    padding: 3px;
}

/*
PARTE DE ICONLAYERS
*/
.leaflet-iconLayers {
    pointer-events: none;
}

.leaflet-iconLayers-layersRow { display: table; pointer-events: auto; }
.leaflet-iconLayers-layerCell { display: table-cell; background-image: url('../images/transparent-pixel.png'); /* ie9 fix */ }

.leaflet-iconLayers_topleft .leaflet-iconLayers-layerCell, .leaflet-iconLayers_bottomleft .leaflet-iconLayers-layerCell { padding-right: 5px; }
.leaflet-iconLayers_topright .leaflet-iconLayers-layerCell, .leaflet-iconLayers_bottomright .leaflet-iconLayers-layerCell { padding-left: 5px; }

.leaflet-iconLayers_topleft .leaflet-iconLayers-layerCell, .leaflet-iconLayers_topright .leaflet-iconLayers-layerCell { padding-bottom: 5px; }
.leaflet-iconLayers_bottomleft .leaflet-iconLayers-layerCell, .leaflet-iconLayers_bottomright .leaflet-iconLayers-layerCell { padding-top: 5px; }

.leaflet-iconLayers-layer {
    cursor: pointer;
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0 0 5px #000;
}

.leaflet-iconLayers-layerTitleContainer {
    display: table;
    width: 100%;
    background: rgba(255,255,255,0.6);
    height: 25%;
    padding: 0;
    border: 0;
    position: absolute;
    bottom: 0%;
    transition: bottom .35s ease;
}

.leaflet-iconLayers-layerCheckIcon {
    display: none;
    position: absolute;
    top: 3px;
    right: 3px;
    width: 18px;
    height: 18px;
    background: url('/drupal7/sites/default/files/mapa_listados/check.png');
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.6);
}

.leaflet-iconLayers-layerTitle {
    display: table-cell;
    vertical-align: middle;
}

.leaflet-iconLayers-layerCell_hidden { display: none; }
.leaflet-iconLayers-layerCell_active .leaflet-iconLayers-layer { cursor: default; }
.leaflet-iconLayers-layerCell_active .leaflet-iconLayers-layerCheckIcon { display: block; }


/*
  FIN ICONLAYERS
*/

/*Perfiles nuevo */
.page-perfiles canvas{
/*width: 315px !important;
height: 160px !important;*/
background-color: transparent;
padding: 10px;
position: absolute;
top:68px;
left: 11px;
}

.page-perfiles canvas#canvasdos {
width: 240px !important;
height: 240px !important;
background-color: transparent;
padding: 10px;
position: absolute;
top:60px;
left: 15%;
}
.page-perfiles .botones-abajo {
width:100%;
height:50px;
position:relative;
margin-top:20px;
}
.page-perfiles .perfil-descripcion{
    text-align: justify;
}
.page-perfiles .twitter-share{
position:absolute !important;
top:32px !important;
left:93% !important;
background-image:url('../images/perfiles/twitter.png');
background-repeat:none;
width:28px;
height:23px;
}
.page-perfiles .centro-cincuenta {
margin-left:25%;
}
.page-perfiles .centro-dieciseis {
margin-left:16%;
}
.page-perfiles .share-facebook {
position:absolute !important;
top:30px !important;
left:96% !important;
background-image:url('../images/perfiles/facebook.png');
background-repeat:none;
width:20px;
height:23px;
}
.page-perfiles .internet-mun, .page-perfiles .internet-mun-total {
  position:absolute;
  top:-15px;

}
.page-perfiles .internet-mun {
left:-8px;
width:100%;
text-align:center;
}
.page-perfiles .internet-mun-total {
left:190px;
width:100%;
text-align:center;
}
.page-perfiles .pdf {
position:absolute;
top:28px;
left:81%;
padding-left: 20px;
padding-right: 20px;
border-radius: 4px;
background-color: #7d4796;
color:#fff;
padding:8px;
font-size: 0.9em;
}
.page-perfiles .pdf .fa{
margin-right:5px;
}
.page-perfiles a.pdf:hover {
text-decoration:underline !important;
border: 1px solid #7d4796;
background-color:#fff;
color:#7d4796;
}
.page-perfiles table.tabla-educacion {
font-size:0.75em;
position:absolute;
top:13%;
width:96%;
}
.page-perfiles table td {
text-align:center !important;
}
.page-perfiles table td:first-child {
text-align:left !important;
}
.page-perfiles table.tabla-educacion td{
padding:2px;
}
.page-perfiles table.tabla-educacion tbody {
  border:none;
}
.page-perfiles .sombra {
    box-shadow: 0px 3px 10px 0px #ccc;
    padding-bottom:25px;
    border-radius: 4px;
    margin-bottom: 30px;
}
.page-perfiles .contenedor-principal {
    position: relative;
    height: auto;
    display: block;
    background-color: #fff;
    padding: 8px;
    border-radius: 9px;
    margin-bottom: 10px;
}
.page-perfiles .select2-container .select2-choice {
    background-image:none !important;
    height: 45px !important;
    line-height: 42px !important;
    background-color: #fff !important;
}
.page-perfiles .select2-container .select2-choice .select2-arrow{
    height: 45px;
    border-radius: none;
    line-height: 42px;
    background-color: #fff;
}
.page-perfiles .select-mun, .page-perfiles .select-deptos{
 width: 20%;
 }
.page-perfiles .select2{
    margin-right:10px;
    float:right;
}
.page-perfiles .select2-container--default .select2-selection--single{
    height:45px;
}
.page-perfiles .select2-container--default .select2-selection--single .select2-selection__rendered{
    height:37px;
    line-height: 43px;
}
.page-perfiles .select2-container--default .select2-selection--single .select2-selection__arrow {
    height:42px;
}
.page-perfiles .referencia-selector {
    height:10px;
    width:10px !important;
    margin-right:10px;
    float: left;
    margin-top: 2px;
}
.page-perfiles .apertura-leyenda {
position: absolute;
bottom:10%;
left: 5%;
font-size: 0.7em !important;
font-weight: bold;
text-align: center;
/*width: 150px;*/
    width: 50%;
}

.page-perfiles .total-leyenda {
 position: absolute;
 bottom:10%;
 left:50%;
 font-size: 0.7em !important;
 font-weight: bold;
 text-align: center;
 /*width: 150px;*/
    width: 50%;

}







.page-perfiles .primerdiv.cincuenta .total-leyenda,
.page-perfiles .apertura-leyenda-unogrande,
.page-perfiles .apertura-leyenda-dos,
.page-perfiles .apertura-leyenda-uno{
position: absolute;
    bottom:10%;
left: 16%;
font-size: 0.7em !important;
font-weight: bold;
text-align: center;
width: 150px;
}

.page-perfiles .total-leyenda-unogrande,
.page-perfiles .total-leyenda-dos,
.page-perfiles .total-leyenda-uno,
.page-perfiles .primerdiv.cincuenta .total-leyenda{
 position: absolute;
 bottom:10%;
 left:45%;
 font-size: 0.7em !important;
 font-weight: bold;
 text-align: center;
 width: 50%;

}
.page-perfiles .total-leyenda-dos,
.page-perfiles .total-leyenda-uno{
    left:50%;
}


svg#enestedepto {
    position: absolute;
    top: 20%;
}
svg#otraloc {
    position: absolute;
    top: 38%;
}
svg#otraloca {
    position: absolute;
    top: 60%;
}
svg#enotropais {
    position: absolute;
    top: 79%;
}

div.enestedepto {
    position: absolute;
    top: 28%;
    left: 4%;
}
div.enestedepto-porcentaje {
    position: absolute;
    top: 21%;
    left: 66%;
}

div.otraloc {
    position: absolute;
    top: 46%;
    left: 4%;
}

div.otraloc-porcentaje {
    position: absolute;
    top: 39%;
    left: 66%;
}
div.otraloca {
    position: absolute;
    top: 68%;
    left: 4%;
}

div.otraloca-porcentaje {
    position: absolute;
    top: 61%;
    left: 66%;
}
div.enotropais {
    position: absolute;
    top: 88%;
    left: 4%;
}
div.enotropais-porcentaje {
    position: absolute;
    top: 81%;
    left: 66%;
}

.caja-base {
width: 100%;
padding:10px;
height: 350px;
margin-top: 10px;
background-color: #f5f5f5;
border-radius: 7px;
-webkit-box-shadow:  1px 1px 7px 0.2px rgba(0,0,0,0.2);
-moz-box-shadow:  1px 1px 7px 0.2px rgba(0,0,0,0.2);
box-shadow:  1px 1px 7px 0.2px rgba(0,0,0,0.2);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;

}

.page-perfiles .atras, .page-finanzas-indicadores .atras {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.primerdiv .caja-base-click{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);

    /*z-index: -999999;*/
}
.derecha {
    float: right !important;
    margin-right: 4% !important;
}
.doble {
    width: 63% !important;
}

.page-perfiles .color-apertura {
color:#326983;
}
.page-perfiles .fondo-apertura {
    background-color: #326983;
    height: 10px;
    width: 10px !important;
    float: left;
    margin-right: 4px;
    margin-top: 2px;
}
.page-perfiles .color-total {
color:#00cc99;
}
.page-perfiles .color-tercero {
color:#9327a1;
}
.page-perfiles .color-cuarto {
color:#a9df6e;
}
.page-perfiles .color-quinto {
color:#009999;
}
.page-perfiles .color-sexto {
color:#548235;
}
.page-perfiles .fondo-total{
background-color:#00cc99;
 height: 10px;
    width: 10px !important;
    float: left;
    margin-right: 4px;
    margin-top: 2px;
}

.page-perfiles .financiero-ingresos {
    position: absolute;
    top:13%;
    width: 50%;
    text-align: center;
}
.page-perfiles .financiero-egresos {
    position: absolute;
    width: 50%;
    top:13%;
    left: 50%;
    text-align: center;
}
.page-perfiles .financiero-resultado {
    position: absolute;
    width: 100%;
    top:49%;
    text-align: center;
}
.page-perfiles .fiscal {
    font-size: 1.7em;
    line-height: 1em;
}
.page-perfiles .finanzasindicadornegativo {
    font-size: 1.4em;
    color:red;
}
.page-perfiles .finanzasindicadorpositivo {
    font-size: 1.4em;
    color:green;
}
.page-perfiles .fondo-tercero{
background-color:#9327a1;
 height: 10px;
    width: 10px !important;
    float: left;
    margin-right: 4px;
    margin-top: 2px;
}

.page-perfiles .fondo-cuarto{
background-color:#a9df6e;
 height: 10px;
    width: 10px !important;
    float: left;
    margin-right: 4px;
    margin-top: 2px;
}

.page-perfiles .fondo-quinto{
background-color:#009999;
 height: 10px;
    width: 10px !important;
    float: left;
    margin-right: 4px;
    margin-top: 2px;
}
.page-perfiles .fondo-sexto{
background-color:#548235;
 height: 10px;
    width: 10px !important;
    float: left;
    margin-right: 4px;
    margin-top: 2px;
}

.page-perfiles .lado, .page-finanzas-indicadores .lado {
position: absolute;
top:0px;
width: 100%;
background-color: #999999;
border-radius: 7px;
padding:10px;
height: 350px;
font-size:0.8em;
color: #fff;
-webkit-box-shadow:  1px 1px 7px 0.2px rgba(0,0,0,0.2);
-moz-box-shadow:  1px 1px 7px 0.2px rgba(0,0,0,0.2);
box-shadow:  1px 1px 7px 0.2px rgba(0,0,0,0.2);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.page-finanzas .ir-a-tabla,
.page-perfiles .ir-a-tabla {
    font-size: 1em;
    line-height: 3.25em;
    color: #fff;
}
.page-finanzas .ir-a-tabla a,
.page-perfiles .ir-a-tabla a{
    font-size: 1em !important;
    color: #fff;
}
.page-finanzas .lado p,
.page-finanzas .lado span,
.page-finanzas .lado i,
.page-finanzas .lado h5
.page-perfiles .lado p,
.page-perfiles .lado span,
.page-perfiles .lado i,
.page-perfiles .lado a,
.page-perfiles .lado h5{
color:#fff;
}
.page-finanzas .lado h5,.page-perfiles .lado h5 {
    font-weight: bold;
    font-size: 1em;
    margin-top: 8px;
    margin-bottom: 2px;
}
.page-finanzas .lado .box__links, .page-perfiles .lado .box__links {
    float: none;

}
.page-finanzas .lado .box__linksItem, .page-perfiles .lado .box__linksItem{
    margin:0px;
}
.page-perfiles .primerdiv {
display: inline-block;
height: 400px;
width: 30%;
margin-right:3%;
position: relative;
z-index: 1;
margin-bottom: 10px;
}
.page-perfiles .fa-angle-down , .page-perfiles .fa-angle-up{
    color: #fff;
    position: absolute;
    left: 98%;
    top: 8px;
    font-weight: bold;
}
.page-perfiles .fa-angle-down {
    display: none;
}
.page-perfiles .primerdiv {
    -webkit-perspective: 800;
    -moz-perspective: 800;
    perspective: 800;
}
.page-finanzas-indicadores .primerdiv {
    -webkit-perspective: 800;
    -moz-perspective: 800;
    perspective: 800;
}
.page-perfiles .indicador {
    height: 350px;
    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-perfiles .sesentacentro {
    width: 60% !important;
    margin-left: 20% !important;
    margin-right: 20% !important;
    margin-top: 20px;
}
.page-perfiles .cincuenta {
    width: 47% !important;

}
.page-perfiles .cincuenta .caja-base, .page-perfiles .cincuenta .indicador, .page-perfiles .cincuenta .lado, .page-perfiles .cincuenta  {
    height: 402px !important;
}
.page-perfiles .cincuenta .fa-share, .page-perfiles .cincuenta .fa-reply {
    top: 369px;
    left: 93%;
}
.page-perfiles .cincuenta svg {
    position: absolute;
    top: 8%;
    left: 11%;
}
.page-perfiles .cincuenta #leyenda-base  {
    bottom:6px !important;
    left: 10% !important;
}
.caja-izquierda {
float: left;
width: 30%;
border: 4px solid #ccc;
background-color: #f2f2f2;
padding:10px;
min-height: 300px;
margin: 20px;
}
span.ano {
    color:#8d8d8d;

}
.datodestacado {
    text-align: center;
}
.modal canvas#modal {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    padding: 10px !important;
    top:0px !important;
    border:none !important;
}
.page-perfiles #chartjs-tooltip{
    position: absolute;
    top: 50px;
    left:30px;
    font-size: 0.9em;
}

.page-perfiles .ech #chartjs-tooltip{
top:10%;
}

.page-perfiles canvas#canvasonce, .page-perfiles canvas#veinte {
    width: 78% !important;
    height: auto !important;
    top: 60px !important;
    left: 53px !important;
}

.page-perfiles canvas#canvasquince,
.page-perfiles canvas#canvasquincemun {
        width: 90% !important;
    height: 250px !important;
    top: 58px !important;
    left: 38px !important;
}
.page-perfiles canvas#canvasdieciseis, .page-perfiles canvas#canvasdiecisiete, .page-perfiles canvas#canvasdieciocho, .page-perfiles canvas#canvasdiecinueve {
    width: 90% !important;
    height: auto !important;
    top:78px !important;
    left: 19px !important;
}

.page-perfiles canvas#canvascuatromun {
    left:13px !important;
}
.page-perfiles canvas#canvasnueve {
    left:15px !important;
}
.page-perfiles .fa-reply,.page-perfiles .fa-share{
    position: absolute;
    bottom: 8px;
    right: 6px;
    padding: 8px;
    box-shadow: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0px;
    cursor: pointer;
    color:#999999;
}

.page-perfiles .sesentacentro .fa-reply,.page-perfiles .sesentacentro .fa-share{
left: 95% !important;
}

.page-perfiles .sesentacentro #chartjs-tooltip, .page-perfiles .ech #chartjs-tooltip {
top: 10% !important;
}
.page-perfiles .sesentacentro #leyenda-base, .page-perfiles .ech #leyenda-base {
    left: 96px !important;
    bottom:6px !important;
}
.page-perfiles .sesentacentro #leyenda-base li, .page-perfiles .ech #leyenda-base li{
    float: left;
}
.page-perfiles .sesentacentro #leyenda-base li .texto-selector, .page-perfiles .ech #leyenda-base li .texto-selector{
    width: 106px !important;
}

.page-perfiles .ech #leyenda-base {
    left: 96px !important;
    bottom:6px !important;
}
.page-perfiles .fa-reply:hover, .page-perfiles .fa-share:hover{
   color:#000;
}
.tit-right {
  float: right;
  width: 40%;
  text-align: right;
  margin-top: 3px !important;
}
.tit-left {
  float: left;
  width: 40%;
  margin-top: 3px !important;
}

.descripcion-oculto {
    display: none;
}
.doble-left {
  width: 95%;
  float: left;
  position: absolute;
  top: 8%;

}
.doble-left tbody {
    border: none;
}
.doble-left td {
    padding: 8px;
}
.doble-left tr td{
    border-bottom: 1px dashed #999999;
}
@-moz-document url-prefix() {
  .doble-left tr td{
    border-bottom: 2px dashed #999999;
}
}
.doble-right {
  width: 48%;
  float: right;

}
.doble .fa-share, .doble .fa-reply  {
        left: 94%;
}

.fondo-azul {
background-color: rgb(151, 187, 205);
color:#ffffff;
}

.fondo-naranja {
  background-color:#F48C37;
  color:#ffffff;
}
.tabla-header {
  font-weight: bold;
}
.page-perfiles .valor-span-sanitario, .page-perfiles .valor-span-densidaddepoblacion, .page-perfiles .valor-span-desocupadas, .page-perfiles .valor-span-distribucion {
    font-size:3em;
    position: absolute;
    top:20%;
    text-align: center;
    width: 100%;
}
.page-perfiles .valor-span-sanitario-total, .page-perfiles .valor-span-densidaddepoblacion-total, .page-perfiles .valor-span-desocupadas-total, .page-perfiles .valor-span-distribucion-total {
    font-size:3em;
    position: absolute;
    top:54%;
    text-align: center;
    width: 100%;
}
.page-perfiles .fa-plug {
    font-size: 7.4em;
    position: absolute;
    color: #cdcdcd;
    bottom: 0%;
    right: 0%;
}
.page-perfiles .fuente-iz {
    clear: both;
    font-size: 0.6em;
    font-style: italic;
    margin-bottom: 1px !important;
    padding-top: 20px !important;
    padding-left: 18px !important;
}
.page-perfiles .tabla-titulo {
    font-size: 0.8em;
    width: 50%;
}
.page-perfiles .tabla-datos tbody{
    box-shadow: none;
    border:none;
}

.page-perfiles .tabla-recuadro {
   /* border: 1px solid #bbd04c;*/
    padding-top: 4px;
    padding-left: 4px;
    border-radius: 5px;
    position: relative;
    float: left;
    margin-bottom: 5px;
}
.page-perfiles .tabla-recuadro-uno {
width: 17%;
}

.page-perfiles .tabla-recuadro-dos {
width: 24%;
}
.page-perfiles .tabla-recuadro-quince {
width: 15%;
}
.page-perfiles .tabla-recuadro-diecinueve {
width: 19%;
}
.page-perfiles .tabla-recuadro i{
margin-right: 10px;
background-color: #7d4796;
padding:12px;
border-radius: 29px;
color:#fff;
float: left;
width: 54px;
text-align: center;
}
.page-perfiles .tabla-recuadro img{
margin-right: 10px;
background-color: #7d4796;
padding:6px;
border-radius: 5px;

float: left;
min-width: 46px;
text-align: center;
}
.page-perfiles .tabla-recuadro{
color:#999999;
}
.page-perfiles .btn {
    margin:3px !important;
    border-radius: 4px !important;
    font-size:0.8em;
    color:#999999;
}
.page-perfiles .btn span{
     color:#7d4796;
     margin-right:3px;
}
.page-perfiles .tabla-recuadro-titulo{
    margin-left:8px;
    margin-right: 8px;
    color:#3b3b3b;
}
.page-perfiles .tabla-recuadro-valor{
    margin-left:8px;
    margin-right: 8px;
    color:#373737;
    font-weight: bold;
}
.page-perfiles .fuente-iz-bottom {
    clear: both;
    font-size: 0.6em;
    font-style: italic;
    margin-bottom: 1px !important;
    padding-top: 10px !important;
    padding-left: 18px !important;
    padding-bottom: 10px !important;
}
.page-perfiles .fuente-der {
    clear: both;
    text-align: right;
    font-size: 0.6em;
    font-style: italic;
    margin-bottom: 1px !important;
    padding-top: 20px !important;
    padding-left: 18px !important;
}
.page-perfiles .fuente-der-leyenda {
    clear: both;
    text-align: right;
    font-size: 0.6em;
    font-style: italic;
    margin-bottom: 1px !important;
    padding-top: 1px !important;
    padding-left: 18px !important;
}
.page-perfiles #block-system-main .content {

  }
.page-perfiles select {
float: right;
width: 20%;
background-color: #fff;
border: 4px solid #ccc;
padding: 8px;
margin-right: 10px;
}
.page-perfiles div.select-container p{
    color:#464646;
    margin-top: 11px;
    font-weight: bold;
    border-radius: 4px;
    font-size: 1.0em;
    margin-right: 20px;
    }

.page-perfiles div.select-container{
    background-color: #ededed;
    height: 60px;
    padding: 8px;
    border-radius: 9px;
    margin-bottom: 24px;
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;

    }
.page-perfiles .perfil-presentacion {
  width: 100%;
  clear: both;
    margin-top:25px;
  }
.page-perfiles .perfil-descripcion-acotado {
        text-align: justify;
        margin: 8px;
        height: 254px;
        overflow: hidden;
    }

.page-perfiles-artigas .perfil-descripcion-acotado {
    text-align: justify;
        margin: 8px;
        height: 254px;
        overflow: hidden;
  }

.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 {
        text-align: justify;
        margin: 8px;
        height: 265px;
        overflow: hidden;
    }
.page-perfiles .perfil-descripcion h3{
        margin-top: 8px;
    }

.page-perfiles .perfil-descripcion-extendido{
    text-align: justify;
    margin: 8px;
    height: auto;
    overflow: visible;


}
.page-perfiles .sombra h1 {
  font-size: 2.1em;
  margin:1px 25px;
  font-weight: bold;
  text-shadow:none;
  padding:15px 0px 0px 15px;
    border-bottom:1px solid #cccccc;
}
.page-perfiles h3 {
    font-size: 0.9em;
    font-weight: bold;

}
.page-perfiles a.botonleer {
    padding: 6px;
    color: #999999 !important;
    cursor: pointer;
    position: absolute;
    left: 91%;
    text-decoration: none;
    font-size: 0.9em;
}
.page-perfiles a.botonleer span.mas-text, .page-perfiles a.botonleer i{
 color: #999999 !important;
}
.page-perfiles h3.tit-graficos {

    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    margin-bottom:3px !important;
    margin-top:0px !important;
    position: absolute !important;
    width: 95% !important;
    line-height: 1.4em;
}
.page-perfiles h3.tit-graficos-tasadecrecimiento {
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    margin-bottom:33px !important;
}
.links_descarga_serie{
    display: none;
    position: absolute;
    left: 89%;
    font-size: 0.75em;
    top: 84%;
    width: 9.75%;
    background: #006682;
    color: #fff;
    list-style-type: none;
    padding-bottom: 10px;
}
.links_descarga_serie li a {
    color:#fff;
}
.links_descarga_serie li {
    padding:5px 5px;
}
.page-perfiles p {
    font-size: 0.9em;
}
.page-perfiles p.indicador-ano {
    text-align: center;
    margin-bottom:3px !important;
}

.page-perfiles #map {
    width: 29%;
    height: 259px;
    float: left;
    margin: 8px;
}

.page-perfiles svg.perfil-poblaciontotal {
    float:left;
    position:absolute;
    top:70%;
    left:25%;
}

.page-perfiles .datos-centrales {
     padding:8px;
     padding-top:0px;
     width: 100%;
     display:flex;
    justify-content: space-between;
     margin-bottom: 20px;
     margin-top:59px;

}
.page-perfiles .conetenedor-municipios {
     padding:8px;
     padding-top:0px;
     width: 100%;
     margin-bottom: 20px;
     font-weight: normal;
color:#999999;

}

.page-perfiles .select2-results .referencia {
    display: none;
}
.page-perfiles #content-inner {
    min-height: 300px;
}
.page-perfiles .dimension-titulo {
    width: 100%;
    height: 45px;
    color: #999999;
    padding-top: 2px;
    padding-left: 31px;
    font-size: 1.2em;
    background-color: #7d4796 !important;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}
.page-perfiles .dimension-titulo span{
    padding-left:30px;
    padding-right: 30px;
    font-weight: bold;
}

.page-perfiles .dimension-act-eco {
    background: url(../images/dimensiones/verdes/dimension-10.png);
    background-size:47px;
    background-repeat: no-repeat;
    background-position: left;
}
.page-perfiles .dimension-seguridad {
    background: url(../images/dimensiones/verdes/dimension-13.png);
    background-repeat:no-repeat;
    background-size:47px;
    background-position:left;
    display: flex;
    align-items: center;
}

.page-perfiles .lineaverde {
    height: 0px;
    width: 97.15%;
    background-color:#a8b120;
    margin-bottom: 31px;
    margin-left: 2.9%;
}

.page-perfiles .dimension-demografia {
    background: url(../images/dimensiones/verdes/dimension-1.png);
    background-size:49px;
    background-repeat: no-repeat;
    background-position:left;
    display: flex;
    align-items: center;

}
.page-perfiles i.area{
    background-image: url("../images/perfiles/area.png");
    background-repeat: no-repeat;
    height: 50px;
    background-position: center;
}
.page-perfiles i.fecha{
    background-image: url("../images/perfiles/fecha.png");
    background-repeat: no-repeat;
    height: 50px;
    background-position: center;
}


.page-perfiles .margin45 {
    margin-top:45px;
}

.page-perfiles .dimension-educacion {
     background: url(../images/dimensiones/verdes/dimension-2.png);
    background-size:47px;
    background-repeat: no-repeat;
    background-position: left;
    display: flex;
    align-items: center;

}

.page-perfiles .dimension-salud {
     background: url(../images/dimensiones/verdes/dimension-3.png);
    background-size:47px;
    background-repeat: no-repeat;
    background-position: left;
    display: flex;
    align-items: center;

}


.page-perfiles .dimension-bienestar {
    background-image: url('../images/dimensiones/verdes/dimension-8.png');
    background-repeat: no-repeat;
    background-size: 47px;
   background-position: left;
    display: flex;
    align-items: center;


}
.page-perfiles .dimension-laboral {
    background-image: url('../images/dimensiones/verdes/dimension-4.png');
    background-repeat: no-repeat;
    background-size: 47px;
   background-position:left;
    display: flex;
    align-items: center;

}
.page-perfiles .dimension-ti {
    background-image: url('../images/dimensiones/verdes/dimension-7.png');
    background-repeat: no-repeat;
    background-size: 47px;
   background-position: left;
    display: flex;
    align-items: center;

}
.page-perfiles .dimension-vivienda {
    background-image: url('../images/dimensiones/verdes/dimension-6.png');
    background-repeat: no-repeat;
    background-size: 47px;
   background-position: left;
    display: flex;
    align-items: center;

}
.page-perfiles .dimension-finanzas {
background-image:url('../images/dimensiones/verdes/dimension-11.png');
background-repeat:no-repeat;
background-size:47px;
background-position:left;
display: flex;
align-items: center;
}
.page-perfiles .dimension-demografia-primer {
    width: 30%;
    float:left;
    height: 300px;
}
.page-perfiles .dimension-demografia-segundo {
    width: 70%;
    float:left;
    height: 300px;
}
.page-perfiles .dimension-demografia-tercer {
    width: 50%;
    float:left;
    min-height: 300px;
    position: relative;
}

.page-perfiles .dimension-demografia-cuarto {
    width: 49%;
    float: left;
    min-height: 300px;
}
.page-perfiles .dimension-demografia-cinco {
    width: 100%;
    clear: both;
    height: 340px;
    opacity: 1;
    margin-bottom:20px;
}

.page-perfiles .dimension-educacion-primero {
     width: 70%;
    float: left;
    min-height: 340px;
}

.page-perfiles .dimension-educacion-segundo {
     width: 27%;
    float: left;

}


.page-perfiles svg#water{
    position: absolute;
    top: 63%;
    left: 64%;
}
.page-perfiles svg#casa, .page-perfiles svg#casa-desocupada {
    position: absolute;
    top: 76%;
    left: 36%;
}
.page-perfiles svg#casa-persona {
    position: absolute;
    top: 79%;
    left: 70%;
}
.page-perfiles svg#canilla {
    position: absolute;
    top: 62%;
    left: 65%;
}
.page-perfiles .dimension-contenedor {
position: relative;
height: auto;
margin-left: 3%;
}

.page-perfiles .dimension-salud-primero {
    width: 70%;
    float:left;
    min-height: 300px;

}
.page-perfiles .dimension-salud-segundo {
    width: 30%;
    float:left;
    min-height: 220px;

}
.page-perfiles .dimension-salud-tercero {
    width: 100%;
    float:left;
    max-height: 400px;

}
.page-perfiles .dimension-salud-cuarto {
    width: 30%;
    float:left;
    height: 240px;

}

.page-perfiles .dimension-bienestar-primero{
width: 60%;
float:left;
height: 400px;

}
.page-perfiles .dimension-bienestar-segundo{
width: 40%;
float:left;
height: 240px;

}
.page-perfiles .dimension-bienestar-tercero{
width: 100%;
float:left;
height: 390px;

}

.page-perfiles .dimension-laboral-primero, .page-perfiles .dimension-laboral-segundo, .page-perfiles .dimension-laboral-tercero, .page-perfiles .dimension-laboral-cuarto, .page-perfiles .dimension-seguridad-primero, .page-perfiles .dimension-seguridad-segundo, .page-perfiles .dimension-ti-primero, .page-perfiles .dimension-ti-segundo {
width: 50%;
float:left;
text-align: center;
}
.page-perfiles .dimension-vivienda-primero, .page-perfiles .dimension-vivienda-tercero{
width: 49%;
float:left;
text-align: center;
}
.page-perfiles .dimension-vivienda-tercero{
width: 100%;
float:none;
text-align: center;
}
.page-perfiles .dimension-vivienda-segundo, .page-perfiles .dimension-vivienda-cuarto {
width: 49%;
float:right;
text-align: center;
}
.page-perfiles .dimension-vivienda-segundo .fa-bolt{
    position: absolute;
    top: 65px;
    left: 238px;
    color: #327f67;
    font-size: 161px;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes bordenaranja {
    from {border-bottom: none;opacity: 0;}
    to {border-bottom: 1px solid #F48C37;opacity: 1;}
}
/* Standard syntax */
@keyframes bordenaranja {
    from {border-bottom: none;opacity: 0;}
    to {border-bottom: 1px solid #F48C37;opacity: 1;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes svgagranda {
    from {width: 400px;height: 0px;opacity: 0;}
    to {width: 400px;height: 350px;opacity: 1;}
}
/* Standard syntax */
@keyframes svgagranda {
    from {width: 400px;height: 0px;opacity: 0;}
    to {width: 400px;height: 350px;opacity: 1;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes tablaaparece {
    from {opacity: 0;}
    to {opacity: 1;}
}
/* Standard syntax */
@keyframes tablaaparece {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes vertexto {
    from {overflow: hidden;height: 250px;}
    to {overflow:visible; height: auto;}
}
/* Standard syntax */
@keyframes vertexto {
    from {overflow: hidden;height: 250px;}
    to {overflow:visible; height: auto;}
}
.page-perfiles .dimension-laboral svg {
opacity: 1;
}
.page-perfiles div[class^="dimension-vivienda-"] table{
    width: 100%;
    height: 259px;
}
.page-perfiles div[class^="dimension-vivienda-"] table tr{
    border-bottom: 1px solid #F48C37;
    opacity: 1;

}
.page-perfiles div[class^="dimension-vivienda-"] table tr td:first-child{
    font-weight: bold;
}
.page-perfiles div[class^="dimension-vivienda-"] table tr:first-child{
    font-weight: bold;
}
.page-perfiles div[class^="dimension-vivienda-"] tbody{
    border:none;
}
.page-perfiles .dimension-vivienda-tercero table{
    width: 50% !important;
    margin-left: 25% !important;
}
.page-perfiles .dimension-vivienda-segundo{
  position:relative;
}
.catgrafico {
  font-size: 10px;
  float: left;
}
.page-perfiles #leyenda-base {
position: absolute;
bottom:6px;
}
.page-perfiles #leyenda-base ul {
        font-size: 0.6em;
        list-style-type: none;

}

.page-perfiles #leyenda-segundo ul, .page-perfiles #leyenda-cuatro ul, .page-perfiles #leyenda-seis ul, .page-perfiles #leyenda-siete ul, .page-perfiles #leyenda-ocho ul, .page-perfiles #leyenda-diez ul, .page-perfiles #leyenda-once ul   {
        font-size: 0.8em;
        list-style-type: none;
        margin-top: 22px;
        margin-left: 5px;
        font-weight: bold;
}
.page-perfiles #leyenda-tres ul {
       font-size: 0.8em;
        list-style-type: none;
        font-weight: bold;
        position: absolute;
        top:234px;
        left:-205px;
}
.page-perfiles #leyenda-tres ul li {
       float: left;
}
.page-perfiles #leyenda-segundo ul li {
        padding-bottom: 10px;
        font-weight: bold;
}

.page-perfiles #region-content-system-main .content {
    min-height: 300px;
}

.page-perfiles  div[id^="leyenda-"] div{
/*position: absolute;
text-align: center;*/
font-size: 1.1em;
font-weight: bold;
width: 250px;
}


.page-perfiles .muchos {
    top:247px !important;
}
.page-perfiles .dato-tasa-mortalidad-apertura, .page-perfiles .dato-tasa-mortalidad-total, .page-perfiles .dato-tasa-natalidad-apertura, .page-perfiles .dato-tasa-natalidad-total {
    position: absolute;
    font-size: 5em;
}
.page-perfiles .dato-tasa-mortalidad-total, .page-perfiles .dato-tasa-natalidad-total {
    top:50%;
    text-align: center;
    width: 100%;
    color:#999999;
}
.page-perfiles .dato-tasa-mortalidad-apertura, .page-perfiles .dato-tasa-natalidad-apertura {
    top:16%;
    text-align: center;
    width: 100%;
    color:#326983;
}
.page-perfiles .tit-dato-total {
    position: absolute;
    top:51%;
    text-align: center;
    width: 100%;
    color:#999999;
}
.page-perfiles .tit-dato-apertura {
    position: absolute;
    top:17%;
    text-align: center;
    width: 100%;
}
.page-perfiles .fila {
  width: 100%;
  color: #fff;
  padding: 10px;
  display: inline-block;
  margin: -3px;
  border-bottom: 1px solid #ccc;
}
.page-perfiles .filaiz, .page-perfiles .filader{
  width: 20%;
  float: left;
}
.page-perfiles .filacentro {
width: 60%;
float: left;
  }

.page-perfiles .filauno{
font-size:12px;
color:#000;
font-weight: bold;
}

.page-perfiles .filados{
font-size:12px;
background-color: #53bb9b;
}

.page-perfiles .filatres{
 font-size:24px;
 background-color: #1b6851;
}

.page-perfiles .filacuatro{
  font-size:20px;
  background-color: #327f67;
}

.page-perfiles .filacinco{
  font-size:12px;
  background-color: #53bb9b;
}

.page-perfiles .filaseis{
  font-size:12px;
  background-color: #53bb9b;
}
.page-perfiles span.dato, .page-perfiles div.dato {
  font-size: 0.8em;
  font-weight: bold;
    line-height: 1em;
  }
.page-perfiles div.dato-numerico {
    font-size: 1em;
    font-weight: bold;
    }
 .page-perfiles .dimension-educacion-t-uno, .page-perfiles .dimension-educacion-t-dos, .page-perfiles .dimension-educacion-t-tres {
  float: left;
  width: 33%;
 }
div[class^="contenedor-"]{
  display:none;
  min-height: 400px;
}
div.depto-general {
min-height: 20px;
background-color: rgb(255, 255, 255);
width: 49%;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
float:left;
margin-right: 2%;
z-index: 1;

}

div.int-depto {

}
.dimension_perfil {
margin-bottom: 3px;
}

.tabla-header-laboral{
  width: 60%;

}
.tabla-header-laboral tbody{
  border:none !important;
}

h2.titulo-depto, h2.titulo-mun {
    margin-top:70px;
    text-align:center;
}
div.mun-general {
min-height: 20px;
background-color: rgb(255, 255, 255);
width: 49%;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
float:left;
z-index: 1;

}

div.int-mun {

}
.mun-content {
    display:none;
    overflow-y:scroll;
    height :200px;
    margin-top:30px;
}
.depto-content {
    display:none;
    overflow-y:scroll;
    height :200px;
    margin-top:30px;
}
.drop {
float: right;
padding-right: 5px;
cursor:pointer;
}
/*pantalla completa de mapa */
.pantallacompleta {
position: absolute;
top: 29.8%;
left: 2.1%;
cursor:pointer;
}
.fa-arrows-alt {
background-color: #fff;
padding: 5px;
border-radius: 4px;
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
padding-left: 7px;
padding-right: 6px;
}

/*Tutoriales*/



.node-type-tutorial .header {
    display:none;
}
body
{
  background: #d1d2d4;
  line-height: 1.5;
  color: #333333;
}

body,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
  font-family: "Open Sans";
}

#page
{
  background: #F5F5F5;
}

.front #page
{
  background: #fff;
}

.field-type-text-with-summary
{
  font-weight: normal;
}


.node-full .node-content .seccion-proximamente
{
  width: 100%;
  height: 190px;
  margin: 0 auto;
  text-align: center;
}


.node-full .node-content .sin-resultados , .sin-resultados
{
  width: 100%;
  height: 100px;
  margin: 0 auto;
  text-align: center;
}


/*******************************************************************************************************
*********************************************************************************************************
*********************************************************************************************************
*********************************************************************************************************
*********************************************************************************************************
*********************************************************************************************************
                Pagina de inicio (home)
*********************************************************************************************************
*********************************************************************************************************
*********************************************************************************************************
*********************************************************************************************************
********************************************************************************************************/


/*******************************************************************************************************
*********************************************************************************************************
                Cabezal
*********************************************************************************************************
********************************************************************************************************/

/* Loader spinner */
.loader {
  position: fixed;
  top: 50%;
  left: 50%;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display:none;
}
.loaderfinanzas {
    position: absolute;
    left: 50%;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #ff9015;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Loader spinner */


/*Fin loader spinner*/

#header-inner
{
  background: #fff;
  border-bottom: 0px solid #adadad;
}

#header-inner .logo-img
{
  padding-top: 10px;
}

.tb-megamenu
{
  color: #000;
  background: #fff;
}

/* Men� principal */

/* Elemento inactivo */
.region-menu .nav > li > a
{
  color: #737373;
}

/* Elemento activo */
.region-menu .nav > li.active > a
{
  color: #737373;
  background-color: yellow;
}

/* Elemento abierto */
.region-menu .nav > li.dropdown.open .dropdown-toggle
{
  color: #fff;
  background-color: rgba(168, 199, 79, 0.8);
}

/* Elemento encima */
.region-menu .nav > li > a:hover
{
  color: #fff;
  background-color: #179bb2;
  border-color: #fff;
}

.region-menu .nav > li > a:before
{
  border-top-color: #179bb2;
}
.region-menu .nav > li > a:hover:before
{
  border-top-color: #fff;
}


/* Tabs M�dulos */
#block-block-11,#block-block-13,#block-block-14,#block-block-15,#block-block-17
{
  padding: 0;
}

.tabsModulos {
  /* position: relative; */
}

.tabsModulos .bloque {
  min-width: 174px;
  position: absolute;
  right: -80px;
  bottom: 0;
}

.tabsModulos .tabitem {
  float: right;
  width: 172px;
  text-align: center;
  border-top-left-radius: 8px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.tabsModulos .tabitem a {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  color: transparent;
  visibility: hidden;
  font-size: 0.875em;
}

.tabsModulos .tabitem.active {
  width: 120px;
}

.tabsModulos .tabitem.active a {
  visibility: visible;
  color: #fff;
}

.tabsModulos .one,
.tabsModulos .two,
.tabsModulos .three,
.tabsModulos .four {
  position: relative;
  width: 30px;
  height: 26px;
  overflow: hidden;
}

.tabsModulos .one:hover,
.tabsModulos .two:hover,
.tabsModulos .three:hover,
.tabsModulos .four:hover {
  width: 180px;
}

.tabsModulos .one:hover a,
.tabsModulos .two:hover a,
.tabsModulos .three:hover a,
.tabsModulos .four:hover a {
  color: #fff;
  visibility: visible;
}

.tabsModulos .one {
  right: 0;
  border: 1px solid #e7cf3e;
  background: #e7cf3e;
  z-index: 100;
}

.tabsModulos .two {
  right: -6px;
  border: 1px solid #7d4796;
  background: #7d4796;
  z-index: 90;
}

.tabsModulos .three {
  right: -12px;
  border: 1px solid #f15c3c;
  background: #f15c3c;
  z-index: 80;
}

.tabsModulos .four {
  right: -18px;
  border: 1px solid #0090d0;
  background: #0090d0;
  z-index: 70;
}


/*******************************************************************************************************
*********************************************************************************************************
                Pie de pagina
*********************************************************************************************************
********************************************************************************************************/
#copyright-inner
{
  background: #e6e7e8;
}

#copyright-inner .block
{
  padding: 20px 0;
}

#copyright-inner p
{
  font-size: 0.650em;
  color: #656a6e;
  text-align: center;
  line-height: 1.5;
}

/*******************************************************************************************************
*********************************************************************************************************
                      Indicadores (?q=filtros/buscar_indicadores)
*********************************************************************************************************
********************************************************************************************************/

/* Barra lateral izquierda de indicadores */
.modulosOPP__sidebar--indicadores {
  background: #0090d0;
  min-height: 641px;
  /*650*/
}
.page-filtros-buscar-indicadores div.tooltip, .page-filtros-buscar-indicadores div.tooltip-inner, .page-filtros-buscar-indicadores p.tooltip-inner {
  min-width:100px;
  max-width:300px;
  opacity:1;
}
.page-filtros-buscar-indicadores p.tooltip-inner {
background-color:transparent;
color:#656a6e;
}
.container-de-tooltip{
background-color:#fff;
display:block;
overflow:auto;
border:2px solid #006682;
border-radius:4px;
z-index:99999999;
}
.page-filtros-buscar-indicadores div.tooltip-arrow {
border-left-color:#006682 !important;

}
.page-filtros-buscar-indicadores span.tooltip, .page-filtros-buscar-indicadores span.tooltip div.tooltip-inner{
  max-width:100px;
  min-width:300px;
}
.modulosOPP__sidebar--indicadores h2 {
  font-size: 1.125em;
  margin-top: 0;
  margin-bottom: 1.11111em;
  padding-left: 0.5625em;
  background: #006682;
  color: #fff;
  font-weight: 600;
  padding-top: 15px;
  padding-bottom: 15px;
}

.modulosOPP__sidebar--indicadores h2 span {
  text-transform: uppercase;
}

.modulosOPP__sidebar--indicadores p {
  color: #fff;
  font-size: 0.875em;
  margin-top: 1.42857em;
  line-height: normal;
  margin-left: 9px;
  margin-right: 9px;
}

.modulosOPP__sidebar--indicadores .grafica p {
  margin: 0;
}


.modulosOPP__sidebar--indicadores .grafica {
  padding: 0 0.5625em;
}

.modulosOPP__sidebar--indicadores .grafica img{
  width: 100%;
  height: 140px;
}


.modulosOPP__sidebar--indicadores h3 {
  background: #006682;
  font-size: 1em;
  line-height: 1.5;
  margin-top: 0.625em;
  padding-left: 0.5625em;
  margin-bottom: 0;
  color: #fff;
}


/* Nueva barra lateral tipo contenido banner indicadores */

#block-views-banners-indicadores-block
{
background: #0090d0;
min-height: 760px;
padding:0;
}

#block-views-banners-indicadores-block .views-row
{
padding:0;
}

#block-views-banners-indicadores-block .block-title
{
display:none;
}



#block-views-banners-indicadores-block .views-field.views-field-title
{
font-size: 1.125em;
margin-top: 0;
margin-bottom: 1.11111em;
padding-left: 0.5625em;
background: #006682;
color: #fff;
font-weight: 600;
padding-top: 15px;
padding-bottom: 15px;
}

#block-views-banners-indicadores-block p
{
color: #fff;
font-size: 0.875em;
margin-top: 1.42857em;
line-height: normal;
margin-left: 3px;
margin-right: 9px;
}


/* Contenido indicadores - Mapa */
.mapa-departamentos-mapeo{
    background-repeat: no-repeat;
}

.hideMap {
  display: none;
}

.disPlayMap {
  display: block;

}

.col-contenido-indicadores
{
  float: left;
  width: 75%;
}

.modulosOPP__contenido--indicadores .maps-group {
  margin-bottom: 1em;
}

.modulosOPP__contenido--indicadores .title-block-map
{
  padding-left: 5px;
}

.modulosOPP__contenido--indicadores .title-block-map .title-block {
  color: #0091ce;
  font-size: 0.875em;
  margin-top: 0.71429em;
  margin-bottom: 0;
  line-height: 0.71429;
  padding-bottom: 5px;
  border-bottom: 1px solid #0091ce;
}

.ajax-list {
  position: relative;
}

.modulosOPP__contenido--indicadores .maps-indice {
  float: left;
  width: 19.9951%;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 20px;
}

.modulosOPP__contenido--indicadores .group {
  width: 71.4212%;
  float: left;
  padding-left: 5px;
}

.modulosOPP__contenido--indicadores .maps {
  float: left;
  width: 80.004827%;
  padding-right: 5px;
  padding-left: 5px;
  text-align: center;
  margin-bottom: 1em;
  margin-top: 1.5em;
}

.modulosOPP__contenido--indicadores .maps > div div {
  margin: 0 auto;
}

.modulosOPP__contenido--indicadores .region {
  width: 28.5616%;
  float: right;
  padding-right: 5px;
  padding-left: 5px;
}

.modulosOPP__contenido--indicadores .dimension {
  clear: left;
  width: 100%;
  margin-top: 1em;
}

.modulosOPP__contenido--indicadores h3 {
  font-size: 1.125em;
  margin-bottom: 0.55556em;
  line-height: 1.33333em;
  color: #006682;
  font-weight: 600;
}

.modulosOPP__contenido--indicadores h4 {
  position: relative;
  font-size: 0.875em;
  background: #006682;
  margin-top: 0;
  margin-bottom: 0.64286em;
  color: #fff;
  font-weight: 600;
  line-height: 1.1;
  padding-left: 24px;
  padding-top: 5px;
  padding-bottom: 5px
}

.modulosOPP__contenido--indicadores .maps-indice {
  text-align: center;
}

.modulosOPP__contenido--indicadores .maps-indice .miniMaps p {
  font-size: 0.625em;
  margin-top: 0.5em;
  margin-bottom: 1em;
}

.modulosOPP__contenido--region {
  background: #fff;
 /* padding: 0 9px;*/
}



.modulosOPP__contenido--region h4 {
  font-size: 0.875em;
  color: #fff;
  background: #006682;
  margin-top: 0;
  margin-bottom: 0.35714em;
  padding-left: 26px;
}



.modulosOPP__contenido--region .list-region {
  list-style: none;
  padding: 0 9px;
  margin: 0;
  min-height: 524px;
  height: 629px;
  overflow: hidden;
  overflow-y: auto;
}



.modulosOPP__contenido--region .list-region i {
  position: absolute;
  right: 5px;
  top: 3px;
  display: none;
}



.modulosOPP__contenido--region .list-region a {
  position: relative;
  display: block;
  font-size: 0.875em;
  color: #656a6e;
  margin-left: 0.28571em;
}

.modulosOPP__contenido--region .list-region .select-all {
  border-top: none;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.modulosOPP__contenido--region .list-region .select-all a {
color: #006682;
font-weight: 600;
}

.modulosOPP__contenido--region .list-region .select-all:hover {
padding-left: 5px;
}

.modulosOPP__contenido--region .list-region li {
  border-top: 1px solid #d1d2d4;
}



.modulosOPP__contenido--region .list-region li:hover i {
  display: block;
  color: #c7ce3c;
}

.glyphicon-chevron-right:before {
content: "\e080";
}

.glyphicon {
/*position: relative;
top: 1px;
display: inline-block;*/
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.modulosOPP__contenido--dimension .list-dimension {
  text-align: center;
}

.modulosOPP__contenido--dimension .item {
  color: lime;
  width: 46px;
  height: 46px;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 16px;
  margin-top: 16px;
}


/* Nube de Palabras */

.nube-palabras {
  text-align: center;
}

/* Reporte Sidebar Inpusts */

.reporte__info {
  padding: 10px;
  text-align: left;
}

.reporte__info .title {
  color: #656a6e;
  font-weight: 600;
}

.reporte__info .desc {
  color: #797e83;
  font-size: 0.75em;
}

/* Monitor APT */

/* Tab Botones */

.tabpanel {
  /* Description en sidebar */
}

.tabpanel--default .nav-tabs {
  margin-top: 0;
}

.tabpanel--default .nav-tabs > li > a {
  font-size: 0.875em;
  background: #f1f1f2;
}

.tabpanel--default .nav-tabs > li.active > a {
  background: #e6e7e8;
  font-weight: 700;
}

.tabpanel--default .nav > li > a {
  padding: 5px 15px;
}

.tabpanel__desc {
  clear: left;
}

.tabpanel__desc p {
  color: #777;
}

/* Tab Content */

.tab-content--default {
  padding: 5px;
}

.tab-content--default .filterForm__item label {
  font-size: 0.8125em;
  font-weight: normal;
}

.tab-content--sidebar {
  background: #e6e7e8;
}

.tab-content--noBg {
  background: none;
}

/* Lista de resultados monitor en sidebar */

.list__resultados {
  margin-top: 15px;
  height: 227px;
  overflow: hidden;
  overflow-y: scroll;
}

.list__resultados .list {
  background: #fff;
}

.list__resultados .item {
  border-bottom: 1px solid #ebecec;
}

.list__resultados .item a {
  display: block;
  color: #999;
  padding: 3px;
}

.list__resultados .item a:hover {
  color: #656a6e;
  background: #e7cf3e;
}

/* Css Animación para Indicadores Combos */

.borderInner {
  color: #fff;
  -webkit-animation: borderInner .5s ease-in-out;
  animation: borderInner .5s ease-in-out;
}

@keyframes borderInner {
  0% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-box-shadow: 0 0 0 0 #10B331;
    box-shadow: 0 0 0 0 #10B331;
  }

  25% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-box-shadow: 0 0 0 2px #10B331;
    box-shadow: 0 0 0 2px #10B331;
  }

  50% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-box-shadow: 0 0 0 2px #10B331;
    box-shadow: 0 0 0 2px #10B331;
  }

  75% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-box-shadow: 0 0 0 2px #10B331;
    box-shadow: 0 0 0 2px #10B331;
  }

  100% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-box-shadow: 0 0 0 0px #10B331;
    box-shadow: 0 0 0 0px #10B331;
  }
}

@-webkit-keyframes borderInner {
  0% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-box-shadow: 0 0 0 0 #10B331;
    box-shadow: 0 0 0 0 #10B331;
  }

  25% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-box-shadow: 0 0 0 2px #10B331;
    box-shadow: 0 0 0 2px #10B331;
  }

  50% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-box-shadow: 0 0 0 2px #10B331;
    box-shadow: 0 0 0 2px #10B331;
  }

  75% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-box-shadow: 0 0 0 2px #10B331;
    box-shadow: 0 0 0 2px #10B331;
  }

  100% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-box-shadow: 0 0 0 0px #10B331;
    box-shadow: 0 0 0 0px #10B331;
  }
}

/* Estilos Combos Multiples */

/* Estos estilos sobreescriben a los del plugin de combos */

/* Select2 3.5.2 */

.select2-container-multi.input-sm .select2-choices .select2-search-choice,
.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
  margin-right: 5px !important;
}

.select2-results li {
  font-size: 0.8125em !important;
}

.select2-results .select2-highlighted {
  background: #f15c3c !important;
}

/* Notificaciones Indicadores */

.indicador-notify .ui-pnotify-container {
  padding: 5px;
}

.indicador-notify .ui-pnotify-title {
  font-size: 0.875em;
  margin-bottom: 0;
}

.indicador-notify .ui-pnotify-icon,
.indicador-notify .ui-pnotify-icon span {
  margin-top: 2px;
}

/* Image Logo Metadato Print */

.imagen-logo-print {
  display: none;
}



/* Número pasos indicadores */

.num-uno,
.num-dos,
.num-tres {
  width: 15px;
}

.num-uno:hover,
.num-dos:hover,
.num-tres:hover,
.info-box-tempo:hover {
  cursor: pointer;
}

.num-uno {
  position: absolute;
  left: 4px;
  top: 4px;
}

.num-dos {
  position: absolute;
  left: 4px;
  top: 4px;
}

.num-tres {
  position: absolute;
  left: 4px;
  top: 4px;
}

.info-box-tempo {
  position: absolute;
  top: 5px;
  left: 3px;
  width: 30px;
}

/* Barra lateral derecha de indicadores */

.col-indicadores-filtros
{
  float: left;
  width: 25%;
  padding-left: 15px;
  position: relative;
}
.modulosOPP__busqueda {
  height: 0px;
}

.modulosOPP__busqueda span{
  background-color: #FF0000;
}

.modulosOPP__filtrosSeleccion {
 /* padding-right: 10px;*/
  background: #fff;
}

.modulosOPP__filtrosSeleccion--title {
  position: relative;
  color: #fff;
  background: #006682;
  font-size: 0.875em;
  font-weight: 600;
  padding-left: 5px;
  line-height: 1.71429em;
  margin: 5px 0 0 0;
  padding-left: 24px;
}

.modulosOPP__filtrosSeleccion--item {
  margin-bottom: 5px;
  padding:0 9px;
}

.modulosOPP__filtrosSeleccion--itemTitle {
  color: #0090d0;
  font-size: 0.875em;
  margin-top: 0.35714em;
  margin-bottom: 0.35714em;
  margin-left: 9px;
  line-height: 1.71429em;
}

.modulosOPP__filtrosSeleccion--list {
  height: 91px;
  overflow-y: auto;
  border: 1px solid #d6d7d9;
  list-style: none;
  margin: 0;
  padding: 0;
}

.modulosOPP__filtrosSeleccion--listItem {
  border-top: 1px solid #d1d2d4;
}

.modulosOPP__filtrosSeleccion--listItem a {
  font-size: 0.875em;
  color: #656a6e;
  margin-left: 0.28571em;
  position: relative;
  display: block;
}

.modulosOPP__filtrosSeleccion--listItem:first-child {
  border-top: none;
}

.modulosOPP__filtrosSeleccion--listItem i {
  position: absolute;
  right: 0;
  top: 4px;
}

.modulosOPP__filtrosSeleccion--listItem:hover i {
  color: #f15c3c;
}

.modulosOPP__filtrosSeleccion .acceso a,
#edit-datosgenerales  .form-submit {
  font-size: 0.875em;
  font-weight: 700;
  background: #0090d0;
  color: #fff;
  display: block;
  text-align: center;
  padding: 0.35714em;
  text-decoration: none;
  line-height: 1.5;
  font-family: "Open Sans";
}

.modulosOPP__wrapper {
  background: #f1f1f2;
  padding: 5px;
}


.modulosOPP__busqueda .form-group.inputSearch__context .glyphicon-search:before {
content: "\e003";
}

.inputSearch__default,
.modulosOPP__busqueda .form-group.inputSearch__context {
  margin-top: 18px;
}


.inputSearch__default i,
.modulosOPP__busqueda .form-group.inputSearch__context i {
  color: #fff;
}

#filtros-indicadores-buscar .form-item.form-type-textfield.form-item-nomind
{
  /*position: absolute;
  top: 0px;
  left: 460px;*/
}


#edit-nomind-autocomplete-aria-live
{
  clip: auto;
  width: 34px;
  height: 34px;
  /*border-radius: 50%;*/
  position: absolute !important;
  right: 34px !important;
  top: 17px !important;
  background: #006682;
  border: none;
  cursor: pointer;
  margin: 0;
  color: #fff;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  padding-top: 8px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
#edit-nomind-autocomplete-aria-live:before
{
  content: "\e003";
}

#filtros-indicadores-buscar .form-item.form-type-textfield.form-item-nomind span.element-invisible
{
  clip: auto;
  width: 32px;
  height: 32px;
  /*border-radius: 50%;*/
  position: absolute;
  right: -12px;
  top: 0;
  background: #006682;
  border: none;
  cursor: pointer;
  margin: 0;
  color: #fff;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  padding-top: 8px;
}
#filtros-indicadores-buscar .form-item.form-type-textfield.form-item-nomind span.element-invisible:before
{
  content: "\e003";
}

.inputSearch__default input[type="text"],
.modulosOPP__busqueda .form-group.inputSearch__context  input[type="text"]{
  width: 155px;
  height: 31px;
  padding-right: 18px;
  padding-left: 5px;
  font-size: 13px;
  border: 1px solid #006682;
}

.modulosOPP__busqueda .form-group.inputSearch__context .glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}



.inputSearch__default button[type="submit"] ,
.modulosOPP__busqueda .form-group.inputSearch__context  button[type="submit"] {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
  background: #006682;
  border: none;
}


#filtros-indicadores-buscar  #edit-nomind{
  width: 98%;
  height: 35px;
  padding-right: 18px;
  padding-left: 5px;
  font-size: 13px;
  border: 1px solid #006682;
}


.modulosOPP__busqueda .form-group
{
  margin-bottom: 0px;
}



.inputSearch__default--indicadores i {
  color: #fff;
}



.inputSearch__default--indicadores button[type="submit"],
.modulosOPP__busqueda .form-group.inputSearch__context  button[type="submit"]{
  background: #006682;
}



.inputSearch__default--indicadores input[type="text"] {
  border: 1px solid #006682;
}



.inputSearch__context {
  position: relative;
  width: 165px;
}





#filtros-indicadores-buscar .form-item.form-type-checkbox.form-item-busqueda-avanzada
{
  float: left;
  /*padding-left: 15px;*/
}

#edit-generar
{
  margin-left: 25px;
}

#edit-acceder
{
  float: left;
  margin-left: 15px;
  background-color: #006682;
  min-height: 34px;
  width:168px;
}


#carga-listado-indicadores
{
  clear: both;
}

#filtros-indicadores-buscar .form-item.form-type-checkbox.form-item-busqueda-avanzada
{
  clip: auto;
width: 34px;
height: 34px;
/*border-top-right-radius: 50%;
border-bottom-right-radius: 50%;*/
background: #006682;
border: none;
cursor: pointer;
margin: 0;
color: #fff;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
text-align: center;
padding-top: 8px
}

#filtros-indicadores-buscar .form-item.form-type-checkbox.form-item-busqueda-avanzada:before
{
content: "\e003";
}

#filtros-indicadores-buscar .form-item.form-type-checkbox.form-item-busqueda-avanzada .form-checkbox,
#filtros-indicadores-buscar .form-item.form-type-checkbox.form-item-busqueda-avanzada .option
{
  display: none;
}

/*******************************************************************************************************
*********************************************************************************************************
                Gen�ricos de p�ginas internas (equipo, contacto, etc)
*********************************************************************************************************
********************************************************************************************************/




/* t�tulos - nodo full */
.node-full .node-header
{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 30px;
  text-transform: uppercase;
  background: #006682;
  margin-bottom: 2em;
}

.node-full .node-header h1
{
  font-size: 1.125em;
  line-height: 50px;
  font-weight: 600;
  color: #fff;
}

.node-full .node-content
{
  padding-bottom: 50px;
}

.node-full .node-content p {
  font-size: 0.875em;
  margin-top: 0;
  margin-left: 30px;
  line-height: 1.5;
  color: #333333;
}



.contenido__margin {
  margin-left: 30px;
}






/*******************************************************************************************************
*********************************************************************************************************
                Barra lateral modulos observatorio (indi, biblio, banco, monitor)
*********************************************************************************************************
********************************************************************************************************/

.sidebar .sidebar__wrapper
{
  min-height: 600px;
  background: #f1f1f2;
}


.sidebar__default {
  background: #f1f1f2;
  height: 100%;
  padding-top: 8.125em;
  padding-bottom: 0.625em;
}


.sidebar .sidebar__wrapper p
{
  text-align: center;
}


.sidebar__modulo {
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
  border-left: 6px solid transparent;
  line-height: 3.9375em;
  margin-bottom: 0.3125em;
  background: #ebecec;
}



.sidebar__modulo a {
  font-size: 0.75em;
  margin-left: 1.66667em;
  color: #656a6e;
}



.sidebar__modulo--idicador {
  border-left: 6px solid #0090d0;
}



.sidebar__modulo--idicador:hover {
  border-left-color: #04b2ff;
  background: #37c1ff;
}



.sidebar__modulo--biblio {
  border-left: 6px solid #f15c3c;
}



.sidebar__modulo--biblio:hover {
  border-left-color: #f4846c;
  background: #f8ac9b;
}



.sidebar__modulo--banco {
  border-left: 6px solid #7d4796;
}



.sidebar__modulo--banco:hover {
  border-left-color: #7d4796;
  background: #aa83bc;
}



.sidebar__modulo--monitor {
  border-left: 6px solid #00986f;
}



.sidebar__modulo--monitor:hover {
  border-left-color: #00986f;
  background: #2fbd92;
}




/*******************************************************************************************************
*********************************************************************************************************
                Equipo
*********************************************************************************************************
********************************************************************************************************/

.contenido__equipoItem {
  border-bottom: 1px solid #ebecec;
  margin-bottom: .5em;
  padding-bottom: .5em;
}


.contenido__equipoItem .name,
.contenido__equipoItem .mail,
.contenido__equipoItem .telefono {
  width: 25%;
  max-width: 180px;
  display: inline-block;
  margin-right: 7.2463%;
  /*55px / 759px*/
  font-size: 0.875em;
  word-wrap: break-word;
  float: left;
}

.contenido__equipoItem .cargo {
  display: block;
  font-size: 0.71429em;
}





/*******************************************************************************************************
*********************************************************************************************************
                Reportes
*********************************************************************************************************
********************************************************************************************************/



.contenido__reportes {
  margin-left: 30px;
}



.contenido__reportesItem {
  margin-right: 10px;
  margin-bottom: 25px;
  width: 48%;
  float: left;
  min-height: 140px;
}



.contenido__reportesImage {
  float: left;
}



.contenido__reportesText {
  margin-left: 125px;
}



.contenido__reportesText p {
  font-size: 0.75em;
  margin-left: 0;
  margin-bottom: 0.83333em;
}


.contenido__reportesTitle {
  color: #006682;
  font-weight: 600;
  font-size: 0.875em;
  margin-top: 0;
  margin-bottom: 0.35714em;
  line-height: 0.71429em;
}



.tabla__default thead th {
  background: #006682;
  color: #fff;
  font-size: 0.875em;
}



.tabla__default tbody td {
  font-size: 0.875em;
}



.tabla__default--reportes {
  border: 1px solid lime;
}



.tabla__default--reportes tbody {
  display: block;
  height: 80px;
  overflow: auto;
  width: 100%;
}

/*******************************************************************************************************
*********************************************************************************************************
                Enlaces
*********************************************************************************************************
********************************************************************************************************/


.contenido__linkItem {
  float: left;
  margin-right: 19px;
  margin-bottom: 40px;
}

/* line 6, ../modulos/_mixins.scss */

.contenido__linkBrand {
  background: url(../images/spritelinks.png);
  display: block;
  width: 126px;
  height: 49px;
}

/* Links Positions Brands */



.ine {
  background-position: 0 0;
}

.ine:hover {
  background-position: -126px 0;
}

.mides {
  background-position: 0 -49px;
}

.mides:hover {
  background-position: -126px -49px;
}

.agev {
  background-position: 0 -98px;
}

.agev:hover {
  background-position: -126px -98px;
}

.mvotma {
  background-position: 0 -147px;
}

.mvotma:hover {
  background-position: -126px -147px;
}

.mtss {
  background-position: 0 -196px;
}

.mtss:hover {
  background-position: -126px -196px;
}

.msp {
  background-position: 0 -245px;
}

.msp:hover {
  background-position: -126px -245px;
}

.mec {
  background-position: 0 -294px;
}

.mec:hover {
  background-position: -126px -294px;
}

.anep {
  background-position: 0 -343px;
}

.anep:hover {
  background-position: -126px -343px;
}

.cp {
  background-position: 0 -392px;
}

.cp:hover {
  background-position: -126px -392px;
}

.bcu {
  background-position: 0 -441px;
}

.bcu:hover {
  background-position: -126px -441px;
}

.ces {
  background-position: 0 -490px;
}

.ces:hover {
  background-position: -126px -490px;
}

.mgap {
  background-position: 0 -539px;
}

.mgap:hover {
  background-position: -126px -539px;
}

.obserEduca {
  background-position: 0 -588px;
}

.obserEduca:hover {
  background-position: -126px -588px;
}

.bps {
  background-position: 0 -637px;
}

.bps:hover {
  background-position: -126px -637px;
}

.obserUnasev {
  background-position: 0 -692px;
}

.obserUnasev:hover {
  background-position: -126px -692px;
}

.obserMiem {
  background-position: 0 148px;
}

.obserMiem:hover {
  background-position: -126px 148px;
}
.obserMtopiem {
  background-position: 0 91px;
}

.obserMtopiem:hover {
  background-position: -126px 91px;
}
.obsermirador {
  background-position: 0 -866px;
}
.obsermirador:hover {
  background-position: -126px -866px;
}
/*******************************************************************************************************
*********************************************************************************************************
                Contacto
*********************************************************************************************************
********************************************************************************************************/
.contenido__contactoItem {
  margin-bottom: 25px;
  min-height: 55px;
}

.contenido__contactoItem p {
  margin-bottom: 5px;
}

.contenido__contactoImagen {
  float: left;
  clear: left;
  margin-right: 2.6875em;
}

.node-full .node-content .contenido__contacto p a{
 color: #333333;
}

/*******************************************************************************************************
*********************************************************************************************************
                Tablas del observatorio
*********************************************************************************************************
********************************************************************************************************/


.tabla_observatorio
{
  /*width: 1000px;
    height: 400px;*/
  overflow:scroll;
}

.tabla_observatorio table
{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0.3125em;
  border: 1px solid #dddddd;
  background-color: transparent;
  display: table;
}

.tabla_observatorio table thead,
.tabla_observatorio table tbody
{
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}

.tabla_observatorio table thead tr th,
.tabla_observatorio table tbody tr th
{
  border-top: 0;
  border: 1px solid #dddddd;
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
  padding: 8px;
  line-height: 1.5;
  text-align: center;
  background: #006682;
  color: #fff;
  font-size: 0.875em;
  font-weight: bold;
  display: table-cell;
}

.tabla_observatorio table thead tr th a,
.tabla_observatorio table tbody tr th a
{
  color: #fff;
}

.tabla_observatorio table tr
{
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
  font-size: 16px;
  line-height: 1.5;
  color: #333333;
}

.tabla_observatorio table tr td
{
  font-size: 0.875em;
  text-align: center;
  padding: 8px;
  line-height: 1.5;
  vertical-align: top;
  border-top: 1px solid #dddddd;
  border: 1px solid #dddddd;
}

.tabla_observatorio table > tbody > tr:nth-child(odd) > td
{
  background-color: #f9f9f9;
}

/* Controles */

.box__indicador {
  background: #0091ce;
}

.box__btnBack {
  color: #fff;
  font-size: 0.75em;
  display: block;
  width: 10%;
  height: 48px;
  padding-left: 5px;
  line-height: 48px;
  float: left;
}

.box__btnBack:hover,
.box__btnBack:active,
.box__btnBack:focus {
  color: #fff;
}

.box__btnBack i {
  margin-right: 2px;
  margin-left: 5px;
}

.box__btnBack--indicador {
  background: #006682;
}

.box__btnDown {
  font-size: 0.75em;
  position: relative;
  float: right;
  display: block;
  width: 10%;
  color: #fff;
  height: 48px;
  line-height: 48px;
  padding-left: 17px;
}

.box__btnDown:hover,
.box__btnDown:active,
.box__btnDown:focus {
  color: #FFF;
}

.box__btnDown span {
  font-size: 2.5em;
  position: absolute;
  /*right: 7px;*/
  top: 18%;
}

.box__btnDown--indicador, .descargar-mapa {
  background: #006682;
}

.box__links {
  margin: 0;
  padding: 0;
  float: right;
  list-style: none;
  height: 48px;
}

.box__linksItem {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.box__linksIcon {
  font-size: 2.25em;
  color: #006682;
  cursor:pointer;
}

.box__linksIcon:hover,
.box__linksIcon:active,
.box__linksIcon:focus {
  text-decoration: none;
  color: #fff;
}

.fuente {
  margin-bottom: 2em;
  margin-top: 1em;
}

.fuente p {
  font-size: 0.75em;
  margin: 0 0 0.25em 0;
  line-height: 1.33333;
}

.blocks__filtros {
  margin-bottom: 15px;
}

.blocks__FiltrosItem {
  margin: 0;
  font-size: 0.75em;
}

.blocks__FiltrosHighlight {
  font-weight: 600;
}

.blocks__FiltrosHighlight--indicador {
  color: #0091ce;
}

.controles .glyphicon
{
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.controles .glyphicon-save:before
{
  content: "\e166";
}


[class^="opp-"],
[class*=" opp-"] {
  font-family: 'opp';
  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;
}

.opp-equis-icon:before {
  content: "\e605";
}

.opp-metadato-icon:before {
  content: "\e604";
}

.opp-descarga-icon:before {
  content: "\e603";
}

.opp-graficas-icon:before {
  content: "\e600";
}

.opp-listado-icon:before {
  content: "\e601";
}

.opp-mapa-icon:before {
  content: "\e602";
}
.opp-serie-icon:before {
  content: "\e606";
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

hr.fancy {
  margin: 10px 0 10px 0;
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}



/* Dinamicas */


.tabla-data {
  position: relative;
  width: 1024px;
  height: 350px;
}

.tabla-data table {
  margin: 0;
}

.left-tabla {
  height: 350px;
  position: absolute;
  width: 320px;
}

.header-tabla {
  height: 48px;
  line-height: 48px;
  background: #F5F5F5;
}

.tablas-item-container table {
  width: 100%;
}

.tablas-list-left {
  height: 302px;
  overflow: hidden;
  overflow-x: scroll;
}

.tablas-list-left table {
  width: 100%;
}

.tablas-list-left .table-border {
  border-top: 1px solid #c3c3c3;
}

.tablas-list-left .table-border:first-child {
  border-top: none;
}

.cat-item,
.cat {
  height: 34px;
}

.cat-item {
  background: #e3e3e3;
  padding-left: 15px;
}

.cat {
  background: #c3c3c3;
}

.cat-name {
  padding-left: 15px;
}

.cat-name i {
  margin-right: 10px;
}

.right-tabla {
  height: 350px;
  position: absolute;
  width: 704px;
  left: 320px;
  overflow: hidden;
}

.right-tabla .visor-header {
  width: 702px;
  overflow: hidden;
}

.column-header {
  background: #F5F5F5;
  border-left: 1px solid #878EA2;
  height: 48px;
  width: 120px;
  float: left;
  line-height: 48px;
}

.column-header:first-child {
  border-left: none;
}

.header-inner {
  padding-left: 10px;
  padding-right: 10px;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*overflow: hidden;*/
}

.tablas-list-right {
  width: 704px;
  clear: both;
}

.tablas-list-right .table-border:first-child {
  border-top: none;
}

.tablas-list-right .tr-hidden {
  background: #c3c3c3;
  border-left: 1px solid #fff;
}

.tablas-list-right .title-hidden {
  height: 34px;
  line-height: 34px;
  visibility: hidden;
}

.tablas-list-right .tables-right-container .fullwidth {
  width: 100%;
}

.tablas-list-right .right-visor {
  height: 302px;
  width: 702px;
  overflow: auto;
}

.tablas-list-right .value-item {
  width: 120px;
  overflow: hidden;
  border-left: 1px solid #f1f1f1;
}

.tablas-list-right .value-item .value {
  overflow: hidden;
  white-space: nowrap;
  height: 34px;
  line-height: 34px;
  text-align: right;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 0.75em;
}

.tablas-list-right .par {
  background: #e3e3e3;
}

.tablas-list-right .impar {
  background: #f1f1f1;
}

/* tablas-list-right*/

/* Filtros Tablas */

.filtros-tablas {
  padding: 1em 0;
}

.filtro-item {
  float: left;
  margin-right: 15px;
}

.filtro-item .scrollable-menu {
  height: auto;
  max-height: 250px;
  overflow-x: hidden;
}

.filtro-item i {
  color: #0090d0;
}

/* Modelo Dos */

.tabla-data.model-dos {
  height: 448px;
  /* tablas-list-right*/
  /* Filtros Tablas */
}

.tabla-data.model-dos .left-tabla-dos {
  height: 400px;
  position: absolute;
  width: 320px;
  border-right: 1px solid #fff;
  overflow: hidden;
}

.tabla-data .left-tabla-dos  tbody {
  border-top: none;
}

.tabla-data.model-dos .header-tabla-dos {
  height: 144px;
  /*48PX*/
  background: #F5F5F5;
}

.tabla-data.model-dos .header-tabla-dos.heightMuno {
  height: 48px;
}

.tabla-data.model-dos .header-tabla-dos.heightMdos {
  height: 96px;
}

.tabla-data.model-dos .tablas-item-container-dos table {
  width: 100%;
}

.tabla-data.model-dos .tablas-list-left-dos {
  height: 302px;
  overflow: hidden;
  overflow-x: scroll; /* scroll */
}

.tabla-data.model-dos .tablas-list-left-dos table {
  width: 100%;
  font-size: 80%;
}

.tabla-data.model-dos .tablas-list-left-dos .table-border {
  border-top: 1px solid #c3c3c3;
}

.tabla-data.model-dos .tablas-list-left-dos .table-border:first-child {
  border-top: none;
}

.tabla-data.model-dos .cat-item-dos,
.tabla-data.model-dos .cat-dos {
  height: 34px;
}

.tabla-data.model-dos .cat-item-dos {
  background: #e3e3e3;
  padding-left: 15px;
}

.tabla-data.model-dos .cat-dos {
  background: #c3c3c3;
  padding: 0;
}

.tabla-data.model-dos .cat-name-dos {
  height: 34px;
  line-height: 34px;
  padding-left: 15px;
}

.tabla-data.model-dos .cat-name-dos a {
  color: #006682;
}

.tabla-data.model-dos .cat-name-dos i {
  margin-right: 10px;
}

.tabla-data.model-dos .right-tabla-dos {
  height: 447px;
  position: absolute;
  width: 704px;
  left: 320px;
  overflow: hidden;
}

.tabla-data.model-dos .right-tabla-dos .visor-header-dos {
  width: 702px;
  overflow: hidden;
}

.tabla-data.model-dos .header-container-dos.heightMuno {
  height: 48px;
}

.tabla-data.model-dos .header-container-dos.heightMuno .column-header-dos {
  height: inherit;
}

.tabla-data.model-dos .header-container-dos.heightMdos {
  height: 96px;
}

.tabla-data.model-dos .header-container-dos.heightMdos .column-header-dos {
  height: inherit;
}

.tabla-data.model-dos .column-header-dos {
  background: #F5F5F5;
  height: 144px;
  width: 120px;
  float: left;
  line-height: 48px;
}

.tabla-data.model-dos .column-header-dos:first-child {
  border-left: none;
}

.tabla-data.model-dos .column-header-dos .header-nivel-dos {
  text-align: left;
  height: 48px;
  float: left;
  background: #00a2ce;
}

.tabla-data.model-dos .column-header-dos .header-nivel-dos .nivel-dos-title + .header-nivel-tres {
  border-left: none;
}

.tabla-data.model-dos .column-header-dos .nivel-dos-title {
  font-size: 0.875em;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  color: #cef5ff;
  border-left: 1px solid #02c9ff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tabla-data.model-dos .column-header-dos .header-nivel-tres {
  float: left;
  height: 48px;
  text-align: center;
  background: #02c9ff;
  display: table;
}

.tabla-data.model-dos .column-header-dos .nivel-tres-title {
  display: block;
  font-size: 0.75em;
  border-left: 1px solid #00a2ce;
  overflow: hidden;
display: table-cell;
vertical-align: middle;
line-height: 16px;
}


.tabla-data.model-dos .column-header-dos .header-nivel-tres.modelOne {
  background: #006682;
}

.tabla-data.model-dos .column-header-dos .header-nivel-tres.modelOne .nivel-tres-title {
  color: #fff;
  font-size: 0.75em;
  border-left: 1px solid #878EA2;
  padding-left: 10px;
  padding-right: 10px;
}

.tabla-data.model-dos .column-header-dos .header-nivel-dos.modelTwo {
  background: #006682;
  text-align: left;
}

.tabla-data.model-dos .column-header-dos .header-nivel-dos.modelTwo .nivel-dos-title {
  color: #fff;
  font-size: 1em;
  border-left: 1px solid #878EA2;
  padding-left: 10px;
  padding-right: 10px;
}

.tabla-data.model-dos .column-header-dos .header-nivel-dos.modelTwo .header-nivel-tres {
  background: #00a2ce;
  border-left: 1px solid #02c9ff;
  color: #cef5ff;
  text-align: left;
}

.tabla-data.model-dos .column-header-dos .header-nivel-dos.modelTwo .nivel-tres-title {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 0.875em;
}

.tabla-data.model-dos .header-inner-dos {
  padding-left: 10px;
  padding-right: 10px;
  text-align: right;
  border-left: 1px solid #878EA2;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  background: #006682;
}

.tabla-data.model-dos .header-inner-dos + .header-nivel-dos {
  border-left: none;
}

.tabla-data.model-dos .header-inner-title-dos {
  color: #fff;
}

.tabla-data.model-dos .tablas-list-right-dos {
  width: 704px;
  clear: both;
}

.tabla-data.model-dos .tablas-list-right-dos .table-border:first-child {
  border-top: none;
}

.tabla-data.model-dos .tablas-list-right-dos .tr-hidden {
  background: #c3c3c3;
}

.tabla-data.model-dos .tablas-list-right-dos .title-hidden {
  height: 34px;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  color: #006682;
  /*border-top: 1px solid #ddd;*/
}

.tabla-data.model-dos .tablas-list-right-dos .tables-right-container-dos .fullwidth {
  width: 100%;
  /*border-top: 1px solid #C3C3C3;*/
}

.tables-right-container-dos .table-border .no-content
{
  padding: 0;
}

.tables-right-container-dos .table-border tbody
{
  border-top: none;
}

.tabla-data.model-dos .tablas-list-right-dos .right-visor-dos {
  height: 302px;
  width: 702px;
  overflow: auto;
  overflow-x: scroll;
}

.tabla-data.model-dos .tablas-list-right-dos .value-item-dos {
  width: 120px;
  overflow: hidden;
  border-left: 1px solid #f1f1f1;
  padding: 0;
}

.tabla-data.model-dos .tablas-list-right-dos .value-item-dos .value-dos {
  overflow: hidden;
  white-space: nowrap;
  height: 34px;
  line-height: 34px;
  text-align: right;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 0.75em;
}

.tabla-data.model-dos .tablas-list-right-dos .par {
  background: #e3e3e3;
  border-top: 1px solid #C3C3C3;
}

.tabla-data.model-dos .tablas-list-right-dos .impar {
  background: #f1f1f1 !important;
  border-top: 1px solid #C3C3C3;
}

.tabla-data.model-dos .filtros-tablas-dos {
  padding: 1em 0;
}

.tabla-data.model-dos .filtro-item-dos {
  float: left;
  margin-right: 15px;
}

.table-border
{
border-collapse: separate;
}

.hide
{
  display:none;
}


/*******************************************************************************************************
*********************************************************************************************************
                Tooltips
*********************************************************************************************************
********************************************************************************************************/

.dimension-ttip,
.map-ttip{
  border: 1px solid #93bed4;
  background-color: #a5c9db;
  color: #333;
  /*text-transform: uppercase;*/
  font-weight: bold;
}


.dimension-ttip .qtip-content,
.map-ttip .qtip-content {
  font-size: 12px;
}


.dimension-ttip .qtip-content i,
.map-ttip .qtip-content i {
  margin-left: 5px;
  color: #0090d0;
}




.toooltip {
  position: relative;
  /* make span relative to anchor */
  text-decoration: none;
  /* no underline */
  cursor: pointer;
  /* make cursor point */
}

.toooltip span {
  /* main body of tooltip */
  position: absolute;
  /* AP it */
  bottom: 66px;
  /* FADE IN/OUT BEGIN */
  left: 50%;
  /* CENTER TOOLTIP */
  margin-left: -65px;
  /* CENTER TOOLTIP */
  width: 130px;
  /* tootip width */
  opacity: 0;
  /* HIDE TOOLTIP in modern browsers */
  visibility: hidden;
  /* HIDE TOOLTIP in IE */
  padding: 3px 4px;
  /* padding */
  color: #045369;
  /* text color */
  font: bold 75%/1.5 Arial, Helvetica, sans-serif;
  /* font */
  text-align: center;
  /* center text */
  pointer-events: none;
  /* no unintended tooltip popup for modern browsers */
  background: #93bed4;
  /* IE6/7/8 */
  background: rgba(147, 190, 212, 0.9);
  /* modern browsers */
  border: 1px solid white;
  /* IE6/7/8 */
  border: 1px solid #7dbedf;
  /* modern browsers */
  -webkit-transition: all 0.3s ease-in-out;
  /* animate tooltip */
  /* animate tooltip */
  /* animate tooltip */
  /* animate tooltip */
  transition: all 0.3s ease-in-out;
  /* animate tooltip */
}

.toooltip span:after {
  /* bottom triangle - the white border */
  content: '';
  /* add html content */
  position: absolute;
  /* AP bottom triangle */
  bottom: -4px;
  /* position bottom triangle */
  left: 50%;
  /* center bottom triangle */
  margin-left: -5px;
  /* center bottom triangle */
  border-left: 5px solid transparent;
  /* build bottom triangle */
  border-right: 5px solid transparent;
  /* build bottom triangle */
  border-top: 5px solid #93bed4;
  /* build bottom triangle IE6/7/8 */
  border-top: 5px solid rgba(147, 190, 212, 0.9);
  /* build bottom triangle modern browsers */
}

.toooltip span:hover {
  visibility: hidden;
  /* hide tooltip when moving from link to span in IE */
}

.toooltip:hover span {
  /* reveal tooltip */
  opacity: 1;
  /* REVEAL TOOLTIP in modern browsers */
  bottom: 38px;
  /* FADE IN/OUT END */
  visibility: visible;
  /* REVEAL TOOLTIP in IE */
}

#region-branding img{
	padding-top:12px;
}

@media screen and (min-device-width: 768px) and (max-device-width: 900px) {
    #block-views-banners-indicadores-block, .form-item-busqueda-avanzada {
        display:none;
    }

}
@media screen and (min-device-width: 320px) and (max-device-width: 767px) {
  #finanzasapp .finanzas-modal .finanzas_contenedor_overflow{
    width: 410px;
  }
    .page-perfiles h3.tit-graficos {
  font-size:0.7em;
     }
    .modulosOPP__contenido--region {
        padding:0px !important;
    }
    .modulosOPP__contenido--indicadores .region {
        padding-right:0px !important;
    }
    .pantallacompleta {
        display:none !important;
    }
    .page-listados-listados-datos-formato .col-xs-12 {
         overflow:scroll !important;
     }
     .tabla-data.model-dos .tablas-list-left-dos table {
         width: 50%;
     }
     .tabla-data.model-dos .right-tabla-dos {
         left: 129px !important;
     }
  .toooltip:hover span {
    display: block;
  }

  .page-filtros-buscar-indicadores .maps {
      display:none;
  }
  .page-filtros-buscar-indicadores .modulosOPP__contenido--indicadores .maps-indice {
      width: 100%;
  }
  .page-filtros-buscar-indicadores .miniMaps {
      float: left;
      margin-left:12px;
  }
  .page-filtros-buscar-indicadores .modulosOPP__filtrosSeleccion {
      display:none;
  }
  .page-filtros-buscar-indicadores .modulosOPP__busqueda {
      display:none;
  }
  .page-filtros-resultados-engine .listado-info__title--titleWidth {
      width: 300px;
  }
  .tabsModulos .tabitem {
      border-radius: 0px;
      width: 90px;
  }
   .tabsModulos .tabitem a{
       color: #fff;
    visibility: visible;
   }
  .toooltip span {
    display: none;
  }
  .page-reportes-listar .reporte__info{
      display: none;
  }
  .page-reportes-listar .col-xs-3, .page-biblioteca-listar .col-xs-3{
      width: 100%;
      background-color: transparent;
  }
  .page-reportes-listar .modulosOPP__sidebar--wrap, .page-biblioteca-listar .modulosOPP__sidebar--wrap {
      min-height: 30px;
      background-color: transparent;

  }
  .page-reportes-listar .search-block {
      margin-left:16px;
      padding:0px;
      margin-bottom:0px;
      margin-top:0px;
  }
  .page-reportes-listar .search-block__input {
      width: 282px;
  }
  .page-reportes-listar .btn-indicadores {
      display:none;
  }
  .page-reportes-listar .search-block__boton {
      display:block;
      position: absolute;
      top: 0px;
      right: -53px;
  }
  .page-reportes-listar .listado-info__image {
      display:none;
  }
  .page-reportes-listar .listado-info__biblioteca {
      width: 300px;
  }


  #region-branding {
      float:left;
      width: 80%;
  }

  .box__linksItem {
    float: left;
    margin-left: 6px;
    margin-right: 6px;
   }
  .sidebar__modulo {
      height: 30px;
      line-height:normal;
      width: 48%;
      float:left;
  }
  .sidebar__modulo a {
      line-height:normal;
  }
  .sidebar__wrapper p {
      display:none;
  }
  .sidebar  .sidebar__wrapper {
      min-height:30px;
  }
  .sidebar__default {
      padding-top: 0px;
  }
  .node-type-tutorial .tutorialcontenedor {
      clear: both;
      width: 100% !important;
  }
   .node-type-tutorial .tutorialcontenedor p{
      margin-left:0px !important;
  }
  .node-type-tutorial .tutorialtexto{
      width: 100% !important;
      float: none !important;
      padding:0px !important;
      margin:0px !important;
  }
  .box__indicador .box__btnBack--indicador, .box__indicador .box__btnDown {
      width:50%;
  }
  .box__links {
      padding-left:30px;
      float: none;
  }
  .page-biblioteca-listar .btn-biblioteca {
      position:absolute;
      top:60px;
      z-index: 999999999;
  }

  .page-biblioteca-listar .search-block__input {
    position: absolute;
    top: -15px;
    left: 31px;
    width: 100%;
  }
  .page-biblioteca-listar .listado-info {
      margin-top:85px;
  }
  .page-biblioteca-listar .search-block__boton {
      display:none;
  }
  .page-biblioteca-listar .listado-info__title {
      font-size: 1.0em;
  }
  .page-biblioteca-listar .col-xs-12 {
      padding-right: 0px;
      min-width: 300px;
  }
  .page-biblioteca-listar .listado-info__image{
      float:none;
      text-align: center;
      padding:0px;
  }
  pantallacompleta{
      display:none !important;
  }
  .bloque .active {
      width: 93px !important;
  }
}

.toooltip span.dif {
  /* different width tooltip */
  width: 190px;
  /* width */
  margin-left: -102px;
  /* center it */
}



/*******************************************************************************************************
*********************************************************************************************************
                Consultas via ajax dropdown
*********************************************************************************************************
********************************************************************************************************/


.live-list ul {
  border: 1px solid #006682;
  border-radius: 0;
  padding-top: 0;
  height: 400px;
  overflow: hidden;
  overflow-y: scroll;
}

/* line 3079, ../modulos/_main.scss */

.live-list ul li > a {
  font-size: 0.8125em;
  padding-left: 10px;
}

/* line 3083, ../modulos/_main.scss */

.live-list ul li > a:hover {
  background: #006682;
  color: #fff;
}

/* line 3092, ../modulos/_main.scss */

.live-list ul li.active > a {
  background: #006682;
}

/* line 3101, ../modulos/_main.scss */

.tooltip2 {
  display: inline;
  position: relative;
}

/* line 3106, ../modulos/_main.scss */

.tooltip2:hover:after {
  background: #333;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  bottom: 26px;
  color: #fff;
  content: attr(title);
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width: 220px;
}

/* line 3120, ../modulos/_main.scss */

.tooltip2:hover:before {
  border: solid;
  border-color: #333 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 20px;
  content: "";
  left: 50%;
  position: absolute;
  z-index: 99;
}



/* Botones seg�n M�dulo */

.btn, .btn.form-submit {
  border-radius: 0;
}

.btn-biblioteca {
  color: #fff;
  background-color: #f15c3c;
  border-color: #ef4824;
}

.btn-biblioteca:hover,
.btn-biblioteca:focus,
.btn-biblioteca:active,
.btn-biblioteca .open > .dropdown-toggle.btn-bibliteca {
  color: #fff;
  background-color: #ef4824;
  border-color: #e93711;
}

.btn-indicadores, .btn-indicadores.form-submit {
  color: #fff;
  background-color: #006682;
  border-color: #005269;
}

.btn-indicadores:hover,
.btn-indicadores:focus,
.btn-indicadores:active,
.btn-indicadores .open > .dropdown-toggle.btn-bibliteca,
.btn-indicadores.form-submit:hover,
.btn-indicadores.form-submit:focus,
.btn-indicadores.form-submit:active,
.btn-indicadores.form-submit .open > .dropdown-toggle.btn-bibliteca {
  color: #fff;
  background-color: #005269;
  border-color: #003e4f;
}

#edit-datosgeneralesseries .btn-indicadores
{
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 16px;
  color: #fff;
  background-color: #006682;
  border-color: #005269;
}


.btn-banco {
  color: #fff;
  background-color: #c7ce3c;
  border-color: #b9c030;
}

.btn-banco:hover,
.btn-banco:focus,
.btn-banco:active,
.btn-banco .open > .dropdown-toggle.btn-bibliteca {
  color: #fff;
  background-color: #b9c030;
  border-color: #a6ac2b;
}

.btn-monitor {
  color: #fff;
  background-color: #e7cf3e;
  border-color: #e4c927;
}

.btn-monitor:hover,
.btn-monitor:focus,
.btn-monitor:active,
.btn-monitor .open > .dropdown-toggle.btn-bibliteca {
  color: #fff;
  background-color: #e4c927;
  border-color: #d7bc1b;
}

.btn-interno {
  color: #fff;
  background-color: #0091ce;
  border-color: #007fb4;
}

.btn-interno:hover,
.btn-interno:focus,
.btn-interno:active,
.btn-interno .open > .dropdown-toggle.btn-bibliteca {
  color: #fff;
  background-color: #007fb4;
  border-color: #006d9b;
}

/* Style aqui */

#wrapper {
  margin-top: 70px;
  border: 1px solid red;
  margin-top: 1em;
  background: lime;
}

.modulosOPP__sidebar--wrap {
  background: #ebecec;
  min-height: 600px;
  text-align: center;
}




/* Biblioteca Lista de Destacados */

.search-block {
  text-align: right;
  padding: 0 0 10px 0;
  margin-bottom: .5em;
  margin-top: .5em;
}

.search-block--padded {
  padding: 5px;
  background: #f1f1f1;
  margin-bottom: 1.75em;
}

.search-block__input {
  border-radius: 0;
  width: 206px;
  display: inline-block;
  vertical-align: middle;
}

.search-block__boton {
  border-radius: 0;
  margin-left: -6px;
}

.search-block__biblio {
  background: #f15c3c;
}

.search-block__resultData {
  text-align: left;
}

.search-block__resultData p {
  color: #999da1;
  margin: 5px 0;
  font-size: 12px;
}

.search-block__resultData .number {
  color: #797e83;
  font-weight: 600;
  font-style: italic;
}

.search-block__resultData .term {
  color: #656a6e;
  font-style: italic;
}

.search-block ::-webkit-input-placeholder {
  font-style: italic;
  font-size: 0.75em;
  line-height: 25px;
}

.search-block :-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
  font-size: 0.75em;
  line-height: 25px;
}

.search-block ::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
  font-size: 0.75em;
  line-height: 25px;
}

.search-block :-ms-input-placeholder {
  font-style: italic;
  font-size: 0.75em;
  line-height: 25px;
}



/* Listado de items biblioteca */

.listado-info {
  /* Listado Indicadores */
  /* Listado Biblioteca */
}

.listado-info__item {
  position: relative;
  border-bottom: 1px solid #ebecec;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: right;
}

.listado-info__item--rel {
  position: relative;
}

.listado-info__item--rel .listado-info__title {
  font-size: 1.2em;
}

.listado-info__item .tieneReporte {
  position: absolute;
  background: url(../images/banderita.png) no-repeat;
  width: 31px;
  height: 45px;
  right: 0;
  top: 0;
}

.listado-info__meta {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
  font-size: 13px;
}

.listado-info__date {
  color: #797e83;
  font-style: italic;
}

.listado-info__accionList {
  position: absolute;
  top: -6px;
  right: 0;
}

.listado-info__itemIcon {
  display: inline-block;
  margin-left: 10px;
  width: 30px;
  height: 30px;
}

.listado-info__itemIcon a {
  font-size: 2em;
  line-height: normal;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  color: #0091ce;
}

.listado-info__itemIcon a:hover,
.listado-info__itemIcon a:focus,
.listado-info__itemIcon a:active {
  color: #005269;
  text-decoration: none;
}

.listado-info__cat {
  color: #797e83;
  font-style: italic;
}

.listado-info__cat a {
  color: #797e83;
}

.listado-info__cat--biblio a {
  color: #f15c3c;
}

.listado-info__cat--indicador a {
  color: #006682;
}

.listado-info__autor {
  color: #797e83;
  font-style: italic;
}

.listado-info__autor--biblio a {
  color: #f15c3c;
}

.listado-info__autor--indicador a {
  color: #006682;
}

.listado-info__desc {
  text-align: left;
}

.listado-info__desc p {
  font-size: 0.875em;
  margin-top: 0;
  line-height: 1.36em;
}

.listado-info__verMasLink {
  display: inline-block;
  font-size: .8em;
}

.listado-info__verMasLink--biblio i {
  color: #f15c3c;
}

.listado-info__verMasLink--biblio i:hover,
.listado-info__verMasLink--biblio i:focus {
  color: #e93711;
}

.listado-info__verMasLink--biblio .mas-text {
  color: #f15c3c;
}

.listado-info__verMasLink--biblio:hover {
  color: #f15c3c;
}

.listado-info__verMasLink--indicador i {
  color: #0091ce;
}

.listado-info__verMasLink--indicador i:hover,
.listado-info__verMasLink--indicador i:focus {
  color: #003e4f;
}

.listado-info__verMasLink--indicador .mas-text {
  color: #0091ce;
}

.listado-info__verMasLink--indicador:hover {
  color: #0091ce;
}

.listado-info__verMasLink--internas i {
  color: #006682;
}

.listado-info__verMasLink--internas i:hover,
.listado-info__verMasLink--internas i:focus {
  color: #003e4f;
}

.listado-info__verMasLink--internas .mas-text {
  color: #006682;
}

.listado-info__verMasLink--internas:hover {
  color: #006682;
}

.listado-info__verMasLink:focus {
  text-decoration: none;
}

.listado-info__verMasLink:hover {
  text-decoration: underline;
}

.listado-info__image {
  float: left;
  padding-right: 1em;
}

.listado-info__title {
  text-align: left;
  font-size: 1.5em;
  line-height: 1.25em;
  margin-top: 0;
  margin-bottom: 0.20833em;
}

.listado-info__title a {
  color: #0091ce;
}

.listado-info__title--biblio a {
  color: #f15c3c;
}

.listado-info__title--indicadores {
  margin-bottom: .5em;
  margin-top: .5em;
}

.listado-info__title--indicadores a {
  color: #006682;
}

.listado-info__title--titleWidth {
  width: 600px;
}

.listado-info__indicadores .listado-info__image--borde {
  border: 1px solid #ebecec;
  padding: 5px;
}

.listado-info__biblioteca .listado-info__image--borde {
  border: 1px solid #ebecec;
  padding: 5px;
}

/* Paginacion */
ul.pagination > li a {
  margin-left: 0px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
}

ul.pagination > li.active a
{
  font-size: 16px;
  font-weight: bold;
  color: #fff !important;
}
.page-biblioteca nav.paginacion{
    display:inline-flex;
}
.page-biblioteca nav.paginacion ul.paginacion{
    display:inline-flex;
}

ul.pagination.paginacion--biblio > li > a {
  background: #f15c3c !important;
  border: 1px solid #e93711 !important;
  color: #a2260c;
}

ul.pagination.paginacion--biblio > li > a:hover,
ul.pagination.paginacion--biblio > li > a:focus {
  color: #fff;
  background-color: #e03510 !important;
  border-color: #e93711 !important;
}

ul.pagination.paginacion--biblio > .active > a {
  background-color: #e03510 !important;
  border-color: #e93711 !important;
}

ul.pagination.paginacion--biblio > .active > a:hover {
  background-color: #e03510 !important;
  border-color: #e93711 !important;
}



ul.pagination.paginacion--mirador > li > a {
    background: #ff9015 !important;
    border: 1px solid #ff7e0e !important;
    color: #a26013;
}

ul.pagination.paginacion--mirador > li > a:hover,
ul.pagination.paginacion--mirador > li > a:focus {
    color: #fff;
    background-color: #ff7e0e !important;
    border-color: #e93711 !important;
}

ul.pagination.paginacion--mirador > .active > a {
    background-color: #ff7e0e !important;
    border-color: #e93711 !important;
}

ul.pagination.paginacion--mirador > .active > a:hover {
    background-color: #ff7e0e !important;
    border-color: #e93711 !important;
}





ul.pagination.paginacion--idicador > li > a {
  background: #006682 !important;
  border: 1px solid #003e4f !important;
  color: #000202;
}

ul.pagination.paginacion--idicador > li > a:hover,
ul.pagination.paginacion--idicador > li > a:focus {
  color: #fff;
  background-color: #003645 !important;
  border-color: #003e4f !important;
}

ul.pagination.paginacion--idicador > .active a {
  background-color: #003645 !important;
  border-color: #003e4f !important;
}

ul.pagination.paginacion--banco > li > a {
  background: #c7ce3c !important;
  border: 1px solid #a6ac2b !important;
  color: #6b6f1c;
}

ul.pagination.paginacion--banco > li > a:hover,
ul.pagination.paginacion--banco > li > a:focus {
  color: #fff;
  background-color: #9ea429 !important;
  border-color: #a6ac2b !important;
}

ul.pagination.paginacion--banco > .active > a {
  background-color: #9ea429 !important;
  border-color: #a6ac2b !important;
}

ul.pagination.paginacion--banco > .active > a:hover {
  background-color: #9ea429 !important;
  border-color: #a6ac2b !important;
}

ul.pagination.paginacion--monitor > li > a {
  background: #e7cf3e !important;
  border: 1px solid #d7bc1b !important;
  color: #938112;
}

ul.pagination.paginacion--monitor > li > a:hover,
ul.pagination.paginacion--monitor > li > a:focus {
  color: #fff;
  background-color: #ceb51a !important;
  border-color: #d7bc1b !important;
}

ul.pagination.paginacion--monitor > .active > a {
  background-color: #ceb51a !important;
  border-color: #d7bc1b !important;
}

ul.pagination.paginacion--monitor > .active > a:hover {
  background-color: #ceb51a !important;
  border-color: #d7bc1b !important;
}

ul.pagination.paginacion--internas > li > a {
  background: #0091ce !important;
  border: 1px solid #006d9b !important;
  color: #00374e;
}

ul.pagination.paginacion--internas > li > a:hover,
ul.pagination.paginacion--internas > li > a:focus {
  color: #fff;
  background-color: #80b8d1 !important;
  border-color: #88bcd3 !important;
}

ul.pagination.paginacion--internas > .active > a {
  background-color: #add1e1 !important;
  border-color: #88bcd3 !important;
}

ul.pagination.paginacion--internas > .active > a:hover {
  background-color: #80b8d1 !important;
  border-color: #88bcd3 !important;
}
/* Estilos Combos Multiples */

/* Filtros de Búsqueda Biblioteca y Reportes */

.filterForm__form {
  padding: 5px;
}

.filterForm__form .form-control {
  border-radius: 0;
}

.filterForm__item {
  margin-bottom: 10px;
  text-align: left;
}

.filterForm__item label {
  text-align: left;
  color: #797e83;
  font-size: 0.875em;
  margin-bottom: 0;
}

.form-horizontal .filterForm__item {
  text-align: left;
}

.form-horizontal .filterForm__item label {
  width: inherit;
  padding-left: 5px;
}

.filterForm--biblio .form-control {
  border-radius: 0;
}

.filterForm--biblio .form-control:focus {
  border-color: #f15c3c;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(241, 92, 60, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(241, 92, 60, 0.6);
}

.filterForm--indicador .form-control:focus {
  border-color: #006682;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 102, 130, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 102, 130, 0.6);
}

.filterForm--internas .form-control:focus {
  border-color: #0091ce;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 145, 206, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 145, 206, 0.6);
}

.filterForm--monitor .form-control:focus {
  border-color: #e7cf3e;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(231, 207, 62, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(231, 207, 62, 0.6);
}

.filterForm--margin {
  margin-top: 18px;
}



/* Metadato */

.metadato .maintitle h2 {
  font-size: 1.3125em;
  margin-top: 0;
  margin-bottom: 0.47619em;
  line-height: 1.14286;
}

.metadato .indicadorTitle {
  background: #006682;
  margin-bottom: 1em;
}

.metadato .indicadorTitle h3 {
  margin: 0;
  color: #fff;
  font-size: 0.875em;
  padding: 3px 3px 3px 5px;
  line-height: 1.71429;
  font-weight: bold;
}

.metadato .descargaData {
  position: relative;
}

.metadato .descargaData a {
  font-weight: 600;
  font-size: 0.75em;
  color: #fff;
  line-height: 2.5;
  margin-right: 30px;
}

.metadato .descargaData i {
  font-size: 2.5em;
  position: absolute;
  top: 0;
  right: 0;
}

.metadato__item {
  padding: 1em 0;
  border-bottom: 1px solid #ddd;
}

.metadato__item .itemTitle {
  background: #f1f1f1;
  float: left;
  width: 180px;
  margin-top: 0.38462em;
  margin-bottom: 0.38462em;
  color: #006682;
  font-weight: bold;
  font-size: 0.8125em;
}

.metadato__item .itemDesc {
  padding: 2px 5px;
  width: 673px;
  margin-left: 180px;
}

.metadato__item .itemDesc p {
  font-size: 13px;
  margin-top: 0.38462em;
  margin-bottom: 0.38462em;
}

.metadato__item:first-child {
  border: 1px solid red;
}

/* Tabla Metadato */

.tabla__metadato {
  margin-bottom: 1.5em;
}

.tabla__metadato > tbody > tr > td {
  border-top: 1px solid #999da1;
  border-bottom: 1px solid #999da1;
}

.tabla__metadato tbody tr td.colorOne {
  background: #d6d7d9;
}

.tabla__metadato tbody tr td.colorTwo {
  background: #ebecec;
}

.tabla__metadato span.no-data {
  border-radius: 3px;
  padding: 3px;
  font-style: italic;
  color: #999da1;
}

.tabla__metadato .titleItem {
  font-weight: bold;
  width: 200px;
  color: #006682;
}

.tabla__metadato .apertura-title {
  font-size: 0.9375em;
  color: #0091ce;
  line-height: 1em;
  margin-top: 0.3125em;
  margin-bottom: 0.3125em;
  margin-top: 1.5em;
}

.tabla__metadato .apertura-title:first-child {
  margin-top: 0;
}

/* Modales OPP */

.modal__problem .modal-dialog {
 /* border: 1px solid #006682;*/
 border:none !important;
}

.modal__problem .modal-header {
  padding: 0 15px;
  background: #006682;
  min-height: 30px;
}

.modal__problem .modal-header .close {
  margin-top: 3px;
  color: #fff;
  opacity: 0.9;
  text-shadow: none;
}

.modal__problem .modal-header .modal-title {
  color: #fff;
  margin-left: 50px;
}

.modal__problem .errorGraph {
  position: absolute;
  top: 15px;
  left: 20px;
}

/* Tooltip Data */

.tooltip__data .tooltip-inner {
  font-size: 12px;
  background: #006682;
}

/* Tooltips Iconos Acceso Rápido */

.internas.bottom .tooltip-arrow {
  border-bottom-color: #006682;
}

.internas.top .tooltip-arrow {
  border-top-color: #006682;
}

.internas.left .tooltip-arrow {
  border-left-color: #006682;
}

.internas.right .tooltip-arrow {
  border-right-color: #006682;
}

/* TagCloud */

.tagCloud__default {
  text-align: center;
  margin-top: 10px;
  list-style: none;
  padding: 7px;
}

.tagCloud__default li {
  display: inline-block;
  line-height: 1;
}

.tagCloud__default li a {
  display: inline-block;
  margin-right: 10px;
  padding: 5px 0;
}

.tagCloud__default .minTag {
  font-size: 0.75em;
  font-weight: 400;
}

.tagCloud__default .smallTag {
  font-size: 0.875em;
  font-weight: 600;
}

.tagCloud__default .mediumTag {
  font-size: 18px;
  font-weight: 700;
}

.tagCloud__default .largeTag {
  font-size: 24px;
  font-weight: 800;
}

.tagCloud__default .maxTag {
  font-size: 30px;
  font-weight: 900;
}





/* METADATOS */

.total-cells table {
    background-color:#c3c3c3 !important;

}
#listados-ficha-page
{
}

#listados-ficha-page table
{
  margin-bottom: 1.5em;
  margin-top: 0;
  max-width: 100%;
  width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

#listados-ficha-page table tbody
{
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

#listados-ficha-page table tr
{
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}


/* Metadato */

.metadato
{
  background-color: white;
}

.metadato .maintitle h2 {
  font-size: 1.3125em;
  margin-top: 0;
  margin-bottom: 0.47619em;
  line-height: 1.14286;
}

.metadato .indicadorTitle {
  background: #006682;
  margin-bottom: 1em;
}

.metadato .indicadorTitle h3 {
  margin: 0;
  color: #fff;
  font-size: 0.875em;
  padding: 3px 3px 3px 5px;
  line-height: 1.71429;
  font-weight: bold;
}

.metadato .descargaData {
  position: relative;
}

.metadato .descargaData a {
  font-weight: 600;
  font-size: 0.75em;
  color: #fff;
  line-height: 2.5;
  margin-right: 30px;
}

.metadato .descargaData i {
  font-size: 2.5em;
  position: absolute;
  top: 0;
  right: 0;
}

.metadato__item {
  padding: 1em 0;
  border-bottom: 1px solid #ddd;
}

.metadato__item .itemTitle {
  background: #f1f1f1;
  float: left;
  width: 180px;
  margin-top: 0.38462em;
  margin-bottom: 0.38462em;
  color: #006682;
  font-weight: bold;
  font-size: 0.8125em;
}

.metadato__item .itemDesc {
  padding: 2px 5px;
  width: 673px;
  margin-left: 180px;
}

.metadato__item .itemDesc p {
  font-size: 13px;
  margin-top: 0.38462em;
  margin-bottom: 0.38462em;
}

.metadato__item:first-child {
  border: 1px solid red;
}


/* Tabla Metadato */

.tabla__metadato {
  margin-bottom: 1.5em;
}


.tabla__metadato a {
color: #428bca;
text-decoration: none;
}

.tabla__metadato > tbody > tr > td {
  border-top: 1px solid #999da1;
  border-bottom: 1px solid #999da1;
}

.tabla__metadato tbody  tr:nth-child(odd) td.titleItem {
  background: #d6d7d9;
}

.tabla__metadato tbody tr:nth-child(even) td.titleItem {
  background: #ebecec;
}

.tabla__metadato span.no-data {
  border-radius: 3px;
  padding: 3px;
  font-style: italic;
  color: #999da1;
}

.tabla__metadato .titleItem {
  font-weight: bold;
  width: 200px;
  color: #006682;
}

.tabla__metadato .apertura-title {
  font-size: 0.9375em;
  color: #0091ce;
  line-height: 1em;
  margin-top: 0.3125em;
  margin-bottom: 0.3125em;
  margin-top: 1.5em;
}

.tabla__metadato .apertura-title:first-child {
  margin-top: 0;
}




/* Print Styles */

@media print {
  .imagen-logo-print {
    display: block;
  }

  .navbar-collapse {
    border: none;
  }

  .navigation {
    border: none;
    display: none;
  }

  .tabla__metadato tbody tr td.colorOne {
    background: #d6d7d9 !important;
  }

  .tabla__metadato tbody tr td.colorTwo {
    background: #ebecec !important;
  }

  .metadato .indicadorTitle {
    background-color: #006682 !important;
    margin-bottom: 1em;
    margin-top: 2em;
  }

  .contenido__migas {
    display: none;
  }

  .controles,
  .navigation__navlist,
  .footer,
  .tabsModulos {
    display: none;
  }
}

/* Listado Nuevo */
.ocultar_dimension {
  margin-bottom: 5px;
}

.dimension__titulo {
  background: #006682;
  padding: 5px 10px;
  color: #fff;
  margin: 0;
  font-size: 20px;
  position: relative;
}
.dimension__titulo:hover {
  cursor: pointer;
}

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

.dimension__image {
  width: 25px;
  height: 25px;
}

/* Subdimenci├│n */
.subdimencion__titulo {
  color: #006682;
  font-size: 17px;
  padding: 0 10px 5px 10px;
  border-bottom: 1px solid #ccc;
  position: relative;
  font-weight: 600;
}
.subdimencion__titulo:hover {
  cursor: pointer;
}

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

.ocultar_subdimension + div .listado-info__title {
  font-size: 17px;
  padding-left: 30px;
}
.ocultar_subdimension + div .listado-info__item {
  padding-bottom: 0;
}

.listado-info__descSub {
  text-align: left;
  padding-left: 30px;
  width: 80%;
}
.listado-info__descSub p {
  font-size: 0.875em;
  margin-top: 0;
  line-height: 1.36em;
}

/* Series */
.modulosOPP--series .select2-container .select2-choice {
  height: 38px;
  border-radius: 0;
}
.modulosOPP--series .select2-chosen,
.modulosOPP--series .select2-choice > span:first-child,
.modulosOPP--series .select2-container .select2-choices .select2-search-field input {
  padding: 7px 12px;
}
.modulosOPP--series .select2-chosen {
  color: #333;
}
.modulosOPP--series .select2-container.select2-container-active .select2-choice {
  background: #EBEBEB;
}

.series-dropd {
  border: 1px solid #c4c4c4;
}
.series-dropd .select2-results .select2-highlighted {
  background: #F5F5F5;
  color: #333;
}
.series-dropd .select2-container .select2-choices .select2-search-field input,
.series-dropd .select2-container .select2-choice,
.series-dropd .select2-container .select2-choices {
  border-radius: 0;
}

.white-bg {
  background: #fff;
}

.filter-separador {
  float: left;
  height: 36px;
  line-height: 36px;
  margin-right: 10px;
}

.filtro-item--series {
  width: 180px;
}

#edit-datosgeneralesseries .form-item, .form-actions
{
  margin-top: 0;
  margin-bottom: 0;
}

.form-select{
        border-radius: 0px;
}
/*# sourceMappingURL=series.css.map */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .modulos__modulolist--monitor {
    }
}

.page-listados-listados-graficar .ui-pnotify, .page-listados-listados-datos-formato .ui-pnotify {
    top:197px !important;
    left:101px !important;
    overflow: visible !important;
}

/* Perfil tablet */
@media screen and (min-device-width: 768px) and (max-device-width: 1100px) {

/*
 * Específico municipios
 */
 .page-perfiles .tabla-recuadro-quince,  .page-perfiles .tabla-recuadro-diecinueve {
 width:100%;
 }

.page-perfiles .centro-dieciseis, .page-perfiles .centro-cincuenta {
margin-left:0%;
}

.page-perfiles .internet-mun-total {
top:80px;
left:316px;
}
.page-perfiles .internet-mun {
top:80px;
}

.page-perfiles .tablet-nbi, .page-perfiles .tablet-nbi .caja-base, .page-perfiles .tablet-nbi .lado {
height:507px !important;
}
.page-perfiles .tablet-nbi #leyenda-base {
top:422px !important;
}
/*
 * Fin específicos municipios
 */
.page-perfiles canvas#canvasdieciseis, .page-perfiles canvas#canvasdiecisiete, .page-perfiles canvas#canvasdieciocho, .page-perfiles canvas#canvasdiecinueve {
left:0px !important;
width:100% !important;
}
.page-perfiles canvas#canvasquince {
width:100% !important;
left:0px !important;
height:auto !important;
top:120px !important;
}
.page-perfiles .ech #chartjs-tooltip {
top:19% !important;
}
.page-perfiles .sesentacentro #chartjs-tooltip {
top:19% !important;
}
.page-perfiles .sesentacentro .fa-reply, .page-perfiles .sesentacentro .fa-share {
left:90% !important;
}
.page-perfiles #canvasnulo {
z-index:-99;
}
.page-perfiles canvas#canvasonce, .page-perfiles canvas#veinte {
width:100% !important;
left:1px !important;
top:103px !important;
}
.page-perfiles .pdf {
left:1% !important;
top:-53px !important;
}
.page-perfiles .twitter-share {
left:37% !important;
top:-53px !important;
}
#svguno, #svgdos, #svgtres, #svgcuatro {
width:100% !important;
}
.page-perfiles .share-facebook {
left:46% !important;
top:-55px !important;
}
.page-perfiles svg#canilla {
left:62% !important;
}
.page-perfiles svg#water {
left:60% !important;
}
.page-perfiles .cincuenta svg {
left:0% !important;
}
.page-perfiles canvas {
width:90% !important;
height:auto !important;
}
.page-perfiles .total-leyenda, .page-perfiles .total-leyenda-uno, .page-perfiles .total-leyenda-dos, .page-perfiles .total-leyenda-tres {
top:114%;
left:57%;
}
.page-perfiles .apertura-leyenda, .page-perfiles .apertura-leyenda-uno,.page-perfiles .apertura-leyenda-dos, .page-perfiles .apertura-leyenda-tres{
top:113%;
left:17%;
}
.caja-base {
    clear: both;
    float: none;
    width: 100%;
    min-height:450px !important;

}
.page-perfiles div.otraloca-porcentaje, .page-perfiles div.enestedepto-porcentaje, .page-perfiles div.otraloc-porcentaje,.page-perfiles div.enotropais-porcentaje {
left:75% !important;
}
.page-perfiles .select-container{
width:100%;
height:150px !important;
}
.page-perfiles div.mobile-largo {
height:480px !important;
}
.page-perfiles div.mobile-largo .caja-base, .page-perfiles div.mobile-largo .lado{
height:480px !important;
}
.page-perfiles .lado {
   min-height:450px !important;
   }
.page-perfiles div.mobile-largo .fa-share {
top:127% !important;
}
.page-perfiles div.mobile-largo .fa-reply {
top:90% !important;
}
.page-perfiles .fa-reply, .page-perfiles .fa-share {
right: 10px; !important;
}
.page-perfiles .fa-reply,
.page-perfiles .fa-share {
bottom:6px !important;
}
.page-perfiles .select-container p, .page-perfiles .glyphicon-chevron-right{
display: none !important;
}
.page-perfiles .select-deptos, .page-perfiles .select-mun {
width:90% !important;
float:none !important;
}
.page-perfiles #map {
width:100% !important;
float:none !important;
}
.page-perfiles a.botonleer {
position:relative !important;
left:0px !important;
text-align:center;
width:100%;
}
.page-perfiles .tabla-recuadro {
float:none !important;
}
.page-perfiles .tabla-recuadro-uno, .page-perfiles .tabla-recuadro-dos {
width:100% !important;
}
.page-perfiles .fa-angle-down, .page-perfiles .fa-angle-up {
left:93% !important;
}
.page-perfiles .primerdiv {
width:100% !important;
min-height:450px !important;

}
.page-perfiles .derecha {
float:none !important;
margin-right:3% !important;
}
.page-perfiles .sesentacentro {
width:100% !important;
float:none !important;
margin:0% !important;
}

}


/* Perfil movile */

@media screen and (min-device-width: 320px) and (max-device-width: 767px) {

/*
 * Específico municipios
 */
 .page-perfiles .tabla-recuadro-quince,  .page-perfiles .tabla-recuadro-diecinueve {
 width:100%;
 }

.page-perfiles .centro-dieciseis, .page-perfiles .centro-cincuenta {
margin-left:0%;
}

/*
 * Fin específicos municipios
 */
.page-perfiles canvas#canvasdieciseis, .page-perfiles canvas#canvasdiecisiete, .page-perfiles canvas#canvasdieciocho, .page-perfiles canvas#canvasdiecinueve {
left:0px !important;
width:100% !important;
}
.page-perfiles canvas#canvasquince {
width:100% !important;
left:0px !important;
height:auto !important;
top:120px !important;
}
.page-perfiles .ech #chartjs-tooltip {
top:19% !important;
}
.page-perfiles .sesentacentro #chartjs-tooltip {
top:19% !important;
}
.page-perfiles .sesentacentro .fa-reply, .page-perfiles .sesentacentro .fa-share {
left:90% !important;
}
.page-perfiles #canvasnulo {
z-index:-99;
}
.page-perfiles canvas#canvasonce, .page-perfiles canvas#veinte {
width:100% !important;
left:1px !important;
top:103px !important;
}
.page-perfiles .pdf {
left:8% !important;
top:-53px !important;
}
.page-perfiles .twitter-share {
left:57% !important;
top:-53px !important;
}
#svguno, #svgdos, #svgtres, #svgcuatro {
width:100% !important;
}
.page-perfiles .share-facebook {
left:71% !important;
top:-55px !important;
}
.page-perfiles svg#canilla {
left:62% !important;
}
.page-perfiles svg#water {
left:60% !important;
}
.page-perfiles .cincuenta svg {
left:0% !important;
}
.page-perfiles canvas {
width:90% !important;
height:45% !important;
}
.caja-base {
    clear: both;
    float: none;
    width: 100%;

}
.page-perfiles div.otraloca-porcentaje, .page-perfiles div.enestedepto-porcentaje, .page-perfiles div.otraloc-porcentaje,.page-perfiles div.enotropais-porcentaje {
left:75% !important;
}
.page-perfiles .select-container{
width:100%;
height:150px !important;
}
.page-perfiles div.mobile-largo {
height:480px !important;
}
.page-perfiles div.mobile-largo .caja-base, .page-perfiles div.mobile-largo .lado{
height:480px !important;
}
.page-perfiles div.mobile-largo .fa-share {
top:127% !important;
}
.page-perfiles div.mobile-largo .fa-reply {
top:90% !important;
}

.page-perfiles .select-container p, .page-perfiles .glyphicon-chevron-right{
display: none !important;
}
.page-perfiles .select-deptos, .page-perfiles .select-mun {
width:90% !important;
float:none !important;
}
.page-perfiles #map {
width:100% !important;
float:none !important;
}
.page-perfiles a.botonleer {
position:relative !important;
left:0px !important;
text-align:center;
width:100%;
}
.page-perfiles .tabla-recuadro {
float:none !important;
}
.page-perfiles .tabla-recuadro-uno, .page-perfiles .tabla-recuadro-dos {
width:100% !important;
}
.page-perfiles .fa-angle-down, .page-perfiles .fa-angle-up {
left:93% !important;
}
.page-perfiles .primerdiv {
width:100% !important;

}
.page-perfiles .derecha {
float:none !important;
margin-right:3% !important;
}
.page-perfiles .sesentacentro {
width:100% !important;
float:none !important;
margin:0% !important;
}

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #water, #canilla {
        top:34% !important;
   }
}
#header-fixed {
 position: fixed;
 top: 75px;
 display:none;
 background-color:#F5F5F5;
 width: 91%;
}
#header-fixed td:first-child {
    width: 20%;
}
#table-1 td:first-child {
    width: 20%;
}
#table-1 thead td, #header-fixed thead td {
    text-align: center;
}
#table-1 td, #header-fixed  td {
    text-align: right;
}
#table-1 td:first-child, #header-fixed  td:first-child {
    text-align: left;
}
.grafico-contenedor {
    width: 70%;
    margin-left:5%;
    overflow: auto;
    float:left;
}
.leyendas {
    float: left;
    width: 10%;
}
.leyendas p {
    padding:0px;
    margin:0px;
    font-size: 0.9em;
}
.leaflet-container a.territorios {
    background-color: #fff;
    border:1px solid #ccc;
    border-radius: 5px;
    color: #0078a8;
    padding: 6px;
}
.leaflet-container a.territorios:hover {
    background-color: #ccc;
    border:1px solid #fff;
    color: #fff;
 }
.resultado-seleccion-mapa {
    margin-top: 10px;
}
.ui-dialog-titlebar-close::after{
    content:'x';
    padding: 4px;
    color:#fff;
    font-weight: bold;
    border-radius: 4px;
    border: 1px transparent;
    background: #ccc;
}
.ui-dialog .ui-dialog-titlebar-close {
    top:40%;
}
#map {
width:100%;
}
.quitar_seleccion {
    float: left;
    height: 17px;
    overflow: hidden;
    padding: 1px;
    width: 17px;
    border:1px solid #ccc;
}
#popup h5 {
    font-size: 0.7em;
    font-weight: bold;
}
#popup p {
    font-size: 0.7em;
    }
#territorios-seleccionados {
       display:none;
}
#territorios-seleccionados p a {
        font-size: 0.7em;
}
#territorios-seleccionados p a.dependiente {
        font-size: 0.7em;
        margin-left: 20px;
        padding: 0px;
        line-height: 0.7em;
}
#territorios-seleccionados p {
        margin:0px;
}
.ui-dialog {
    z-index: 999999999999 !important;
}
.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.3em !important;
    display:block !important;
}
.resultadosbuscador {
display: none;
  }
.resultado-seleccion-mapa,.container-buscador, .buscador-capa {
    margin-bottom:5px;
}
#menu h3.capas {
    margin-top:13px;
}
.hacer-mapa {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    background-image: url('../img/print.png');
    background-repeat: no-repeat;
    background-position: 5px;
    cursor:pointer;
}
.pantalla-completa {
   background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  }

.exportar-png {
   background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    background-image: url('../img/exportar-png.png');
    background-repeat: no-repeat;
    background-position: 3px;
    cursor:pointer;
  }
.espacioescala h3 {
    font-size: 1.2em !important;
}
.espacioescala .localidades {
    padding:0px;
    background-color: transparent;
    border:none;
}
.viewport {
  position: absolute;
  top: 0px;
  right: 50%;
  left: 0px;
  height: 550px;
  width: 800px;
}
.ui-slider .ui-slider-handle {
    width: 0.5em !important;
}
.ui-slider .ui-slider-handle div {
    position:absolute;
    top:-16px;
    font-weight: bold;
    background-color:#fff;
    padding:3px;
    border-raidus:3px;
}
.ccl, .ccd, .ccm, .ccs {
  padding-left: 10px;
  padding-right: 10px;
  clear: both;
}
.dmd, .mmd, .lmd, .smd {
  display: none;
}
.transparencia {
  float: right;
}
.dmd, .mmd, .lmd, .smd {
  font-size: 10px;
  font-weight: bold;
  padding-top:24px;
  padding-left: 0px;
  margin-left: 0px;
}
.selector-mapa-geografia {
    position: absolute;
top: 0px;
width: 100%;
background-color: rgb(255, 255, 255);
height: 800px;
opacity: 0.9;
text-align: center;
padding-top: 122px;
z-index: 99999999;
display: none;

}
.combo-mapa-geografia {
    opacity: 1;
    padding:40px;
    border-top:2px solid #0091CE;
    border-bottom:2px solid #0091CE;
}
.transparenciaelemento {
  width: 120px;
  height: 20px !important;
  display: none;
  position: absolute;
  left: 115px;

}
.transparenciavalor {
  position: absolute;
  left: 250px;
}
.contenedor-transparencia {
margin-top: 5px;
}
.ltt, .dtt, .mtt, .stt {
margin-right: 4px;
margin-top: 4px;
font-weight: bold;
font-size: 10px;
position: absolute;
left: 35px;
}
.dtv, .mtv, .ltv, .ltt, .dtt, .mtt, .stt {
  display: none;
}

.transparencia{
  cursor:pointer;
}
.escala-color {
width:25px;
height:15px;
float:left;
}
.escala-referencia{
padding:3px;
}
.clear {
clear:both;
padding:3px;
}
.cleardos {
clear:both;

}
.escala {
background-color: transparent;
padding: 10px;
opacity: 0.7;
width:250px;
font-size:11px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.container-buscador {

background-color: transparent;
opacity: 0.9;
width:100%;
font-size:11px;
z-index: 99999999;

}
button.buscar-capa {
    height: 35px;
    background-color:rgb(204, 204, 204);
    border-left: 1px solid rgb(204, 204, 204);
    border-right: 1px solid rgb(204, 204, 204);
    padding:1px;
    float: right;
}
input.buscador {
float: left;
width: 42%;
height: 28px;
background-color: #f2f2f2;
padding: 3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 input.buscador {
    height: 27px;
}
}

select.buscador-capa {
float: left;
width: 36%;
border: medium none;
background-color:#f2f2f2;

}
div.buscador-borde {
    border: 1px solid rgb(204, 204, 204);
    height: 35px;
    width: 100%;
    background-color: #f2f2f2;
}
div.resultadosbuscador {
  box-shadow: none;
  }
div.buscador-cerrar {
  cursor: pointer;
  float: left;
  text-align: right;
  width: 50%;
}
div.buscador-titulo-resultados {
  cursor: pointer;
  float: left;
  width: 50%;
}

.reven {
    background-color: #ccc;
}

.rodd {
    background-color: #f2f2f2;
}
.resultado-busqueda-territorio {
    padding:4px;
}
.resultado-buscador-vinculo {
    color: #333;
}
.buscador-contenedor-indicadores {
    background-color: #fff;
    height: 23px;
    padding: 3px;
    border:1px solid #ccc;
}
p.indicador-datos {
margin: 0px;
font-size: 0.85em;
}
p.indicador-datos span.titulo {
  color: #0091CE;
  font-weight: bold;
}
select {
padding:8px;
border:1px solid #ccc;
background-color: #fff;
min-width: 130px;
}
select.cambioapertura {
margin-bottom:7px;
}
select.cambiocategoria, select.catlat, div.fecha-visual {
margin-bottom:7px;
width: 230px;
max-width: 250px;
}
div.fecha-visual {
padding:10px;
background-color:#fff;
border:1px solid #ccc;
}
select.cambiocategoria option {
    width: auto;
    position: relative;
}
div.departamentos span, div.localidades span, div.municipios span, div.anos span{
background-color: #fff;
cursor:pointer;
}
.page-mapa div.departamentos, .page-mapa div.localidades, .page-mapa div.municipios, .page-mapa div.anos{
padding:8px;
border:1px solid #ccc;
background-color: #fff;
min-width: 150px;
margin-bottom:7px;

}
div.departamentos-opcion, div.localidades-opcion, div.municipios-opcion, div.anos-opcion {
  display: none;
  color: #262626;
  padding:4px;
  cursor:pointer;
}
div.departamento-tick, div.localidades-tick, div.municipios-tick, div.anos-tick {
  width: 30px;
  height: 30px;
  padding:2px;
  float: left;
}

/*Barra de cambio de escala */
.ui-state-default {
  height: 26px !important;
}

.proyectos-admin .ui-state-default {
    height: 30px;
}
.seisloc {
background-color: #302E08 !important;
background-image: none !important;
}
.cuatroloc {
background-color: #7A7502 !important;
background-image: none !important;
}
.tresloc {
background-color: #5F5023 !important;
background-image: none !important;
}
.dosloc {
background-color: #E9C109 !important;
background-image: none !important;
}


.seismun {
background-color: #000E47 !important;
background-image: none !important;
}
.cuatromun {
background-color: #2D3E6C !important;
background-image: none !important;
}
.tresmun {
background-color: #3e4a6a !important;
background-image: none !important;
}
.dosmun {
background-color: #525868 !important;
background-image: none !important;
}

.seiscensal {
background-color: #6C6368 !important;
background-image: none !important;
}
.cuatrocensal {
background-color: #B9A173 !important;
background-image: none !important;
}
.trescensal {
background-color: #EAA353 !important;
background-image: none !important;
}
.doscensal {
background-color: #e7d888 !important;
background-image: none !important;
}


.seisdepto {
background-color: #800026 !important;
background-image: none !important;
}
.cuatrodepto {
background-color: #E31A1C !important;
background-image: none !important;
}
.tresdepto {
background-color: #FC4E2A !important;
background-image: none !important;
}
.dosdepto {
background-color: #FD8D3C !important;
background-image: none !important;
}

div[class^="escalita-"]{
  height: 20px;
  display: none;
  margin-top: 5px;
        position: relative;
}
.ocultar-mobile {
         display:none !important;
     }
@media screen
  and (min-device-width: 320px)
  and (max-device-width: 370px) {

    #menu {
        width: 100%;
        padding:5px;
        left:3px;
        display:none;
    }
    #map {
        width: 320px;
    }
    .arrow {
        display:none !important;
    }
    .leaflet-control-container, .hacer-mapa, .pantallacompleta {
        display:none !important;
     }
     .ocultar-mobile {
         display:block !important;
         text-align: center;
         background-color:#006682;
         color:#fff;
         height: 30px;
         padding-top:8px;

     }

}
.leaflet-control-fullscreen a {
  background:#fff url(../img/fullscreen.png) no-repeat 0 0;
  background-size:26px 52px;
  }
  .leaflet-touch .leaflet-control-fullscreen a {
    background-position: 2px 2px;
    }
  .leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position:0 -26px;
    }
  .leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position: 2px -24px;
    }

/* Do not combine these two rules; IE will break. */
.leaflet-container:-webkit-full-screen {
  width:100%!important;
  height:100%!important;
  }
.leaflet-container.leaflet-fullscreen-on {
  width:100%!important;
  height:100%!important;
  }

.leaflet-pseudo-fullscreen {
  position:fixed!important;
  width:100%!important;
  height:100%!important;
  top:0!important;
  left:0!important;
  z-index:99999;
  }

@media
  (-webkit-min-device-pixel-ratio:2),
  (min-resolution:192dpi) {
    .leaflet-control-fullscreen a {
      background-image:url(../img/fullscreen@2x.png);
    }
  }
/*************************************************************************/
/*************************Finanzas****************************************/
/*************************************************************************/

.botones-de-filtros span {
    cursor: pointer;
}
.botones-de-filtros{
    text-align: center;
}
.finanzas_buscador_departamentos{
    width: 100%;
    clear: both;
    margin-bottom: 15px;
}

.page-finanzas .btn{
    margin: 2px;
}