body { font-family: 'Heebo', sans-serif !important; font-size: 14px; color: #333; line-height: 1.4285;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Heebo', sans-serif !important; }
h3{
    color: #1F5B9C;
    margin: 25px 0 5px 0;
    font-size: 1.4em;
    font-family: "Heebo", sans-serif !important;
}
h4 {
    color: #1F5B9C;
    font-family: "Heebo", sans-serif !important;
}
a { text-decoration: none; }
.wsmenu { width: 100% !important; } 
.wsmenu>.wsmenu-list>li>a { text-transform: uppercase; font-size: 1.1em; }
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; }
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.search-results {
    list-style-type: decimal;
}
.search-result__title a{ color: #428bca; }
p.search-result__snippet strong{ color: #1C3F74; }
.search-advanced summary{ color: #428bca; }
.bk-breadcrumb {
    background-color: #ececec;
    padding: 1px 0;
}
.bk-breadcrumb .breadcrumb { padding-top: 5px;}
.breadcrumb a{
    font-size: 1em;
    margin: 15px 0 0 0;
    color: #777;
}

.hidden {display:none !important;}

/* Slider Principal */
.slider-home .flex-direction-nav a.flex-prev:before, .region-datos-inicio .flex-direction-nav a.flex-prev:before {
    background-image: url(../img/arrow-left.png);
    content: '';
     width: 28px;
    height: 38px;
    display: block;
    margin: auto;
}
.slider-home .flex-direction-nav a.flex-next:before , .region-datos-inicio .flex-direction-nav a.flex-next:before {
    background-image: url(../img/arrow-right.png);
    content: '';
     width: 28px;
    height: 38px;
    display: block;
    margin: auto;
}
.slider-home  ol.flex-control-nav.flex-control-paging, .region-datos-inicio ol.flex-control-nav.flex-control-paging{ display: none; }
.slider-home .flexslider{
    border:none !important;
    margin: 0 !important;
}
.slider-home { position: relative; }
.txt-img h2 {
    color: #666;
    text-transform: uppercase;
    position:relative;
    padding-bottom:10px;
    font-size:1.7em;
    margin-top:30%;
}
.txt-img h2:after {
    color: #666;
    content:"";
    text-transform: uppercase;
    position:absolute;
    background:#EDC711;
    height:5px;
    width:100px;
    left:0;
    bottom:0;
}
.txt-img p {
    color: #428bca;
    font-size: 1em;
}
.txt-img a{ text-decoration: none;}
.txt-img.container p {
    color: #fff;
    font-size: 2.5em;
}

.page-node-55 .list-table thead {
    background: #FEDD00;
}

.page-node-55 .list-table th {
    padding: 10px !important;
    color: #26466E;
    text-transform: uppercase;
    text-align: center;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb !important;
}

.page-node-55 .details {
    color: #2C74BA;
    font-size: 1.7em;
}

/* Hechos Violentos */
.hecho-violento h2 {margin-bottom: 30px;}
.hecho-violento-bk .nav-tabs>li>a { border-radius: 0 !important; }
.hecho-violento-bk{ background-color: #ececec; }
.hecho-violento h2 { color: #6D6E71; text-align: center; text-transform: uppercase;padding-top: 25px;font-weight: 100; }
.hecho-violento { margin-top: 30px; }
.hecho-violento .nav-tabs>li>a {
    color: #FFF;
    background: #1F5B9C;
    border: none;
    text-transform: uppercase;
    padding: 3px;
    margin: 0;
    font-size: 1em;
    text-align: center;
}
.hecho-violento .nav-tabs>li>a:hover { border:none; }
.hecho-violento .nav-tabs>li.active>a, .hecho-violento .nav-tabs>li.active>a:hover, 
.hecho-violento .nav-tabs>li.active>a:focus, .hecho-violento .nav>li>a:hover, .hecho-violento .nav>li>a:focus {
    color: #FFF;
    background-color: #1C3F74;
    border: none;
}
.hecho-violento .nav-tabs li { width: 100%; }
.hecho-violento .nav-tabs>li>a {
    color: #FFF;
    background: #1F5B9C;
    border: none;
    text-transform: uppercase;
    padding: 5px 0px 15px;
    margin: 0 5px;
    font-size: 1.4em;
    text-align: center;
}
.hecho-violento .nav-tabs li { width: 16.6%; }
.hecho-violento .nav-tabs>li.active>a, .hecho-violento .nav-tabs>li.active>a:hover, 
.hecho-violento .nav-tabs>li.active>a:focus, .hecho-violento .nav>li>a:hover, .hecho-violento .nav>li>a:focus {
    color: #FFF;
    background-color: #1C3F74;
    border: none;
    height: 163px;
}
.hechos-violentos .hvr-sweep-to-top {
    display: block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background:#1F5B9C;
    min-height:185px;
    color: #FFF;
    text-transform: uppercase;
    padding: 5px 0px 15px;
    margin: 0 5px;
    font-size: 1.4em;
    text-align: center;
  }
  .hechos-violentos .hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1C3F74 !important;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
.hechos-violentos .hvr-sweep-to-top:hover .contenido-datos { position: absolute;top: 0px;display:block; transition:1s; }
.hechos-violentos .hvr-sweep-to-top:hover .titulo, .hechos-violentos .hvr-sweep-to-top:hover .titulo:before { display:none; }
.hechos-violentos .hvr-sweep-to-top .titulo { display:block; padding-top:40px; font-weight:bold; transition:1s; }
.hechos-violentos .hvr-sweep-to-top h4 { color:#FDDD00; font-size:0.8em !important; text-transform:uppercase; text-align:left; }
.hechos-violentos .hvr-sweep-to-top ul li { color:#fff; font-size:0.9em; list-style:none; text-transform:none;text-align:left;position:relative; padding-left:15px; }
.hechos-violentos .hvr-sweep-to-top ul li:before { content:"◦"; color:#FDDD00; position:absolute; left:0; top:0; }
.hechos-violentos .hvr-sweep-to-top ul li a { color:#fff; font-size:0.9em; }
.hechos-violentos .hvr-sweep-to-top ul li a:hover { text-decoration: underline; }
.hechos-violentos .hvr-sweep-to-top ul { margin-left:0; padding-left:0; }
.hechos-violentos {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}
.hechos-violentos .hvr-sweep-to-top {
    width:260px;
    margin-bottom:30px;
}
.contenido-datos {position: absolute;top: 10px;display:none;padding:15px;}
.hechos-violentos .hvr-sweep-to-top:hover .contenido-datos {position: absolute;top: 0px;display:block; transition:1s;}
.m-asaltos .titulo:before {
    background-image: url(../img/icn-hecho-asaltos.png);
    content: '';
    width: 97px;
    height: 75px;
    display: block;
    margin: auto;
}
.m-hurtos .titulo:before {
    background-image: url(../img/icn-hecho-hurtos.png);
    content: '';
    width: 97px;
    height: 75px;
    display: block;
    margin: auto;
}
.m-homicidios .titulo:before {
    background-image: url(../img/icn-hecho-homicidios.png);
    content: '';
    width: 97px;
    height: 75px;
    display: block;
    margin: auto;
}
.m-robos .titulo:before {
    background-image: url(../img/icn-hecho-robos.png);
    content: '';
    width: 97px;
    height: 75px;
    display: block;
    margin: auto;
}
.m-robo-vehiculos .titulo:before {
    background-image: url(../img/icn-hecho-robovehiculos.png);
    content: '';
    width: 97px;
    height: 75px;
    display: block;
    margin: auto;
}
.m-violaciones .titulo:before {
    background: url(../img/icn-hecho-violaciones.png);
    content: '';
    width: 97px;
    height: 75px;
    display: block;
    margin: auto;
}
.m-violencia-domestica .titulo:before {
    background: url(../img/icn-hecho-violencia-domestica.png)no-repeat;
    content: '';
    width: 97px;
    height: 75px;
    display: block;
    margin: auto;
    background-size:contain;
}
.m-otros .titulo:before {
    background: url(../img/icn-hecho-otros.png)no-repeat;
    content: '';
    width: 97px;
    height: 75px;
    display: block;
    margin: auto;
    background-size:contain;
}
ul.nav-tabs > li.m-asaltos > a:before {
    background-image: url(../img/icn-hecho-asaltos.png);
    content: '';
    width: 97px;
    height: 75px;
    display: block;
    margin: auto;
}
ul.nav-tabs > li.m-hurtos > a:before {
    background-image: url(../img/icn-hecho-hurtos.png);
    content: '';
    width: 97px;
    height: 75px;
    display: block;
    margin: auto;
}
ul.nav-tabs > li.m-homicidios > a:before {
    background-image: url(../img/icn-hecho-homicidios.png);
    content: '';
    width: 97px;
    height: 75px;
    display: block;
    margin: auto;
}
ul.nav-tabs > li.m-robos > a:before {
    background-image: url(../img/icn-hecho-robos.png);
    content: '';
    width: 97px;
    height: 75px;
    display: block;
    margin: auto;
}
ul.nav-tabs > li.m-violaciones > a:before {
    background-image: url(../img/icn-hecho-violaciones.png);
    content: '';
    width: 97px;
    height: 75px;
    display: block;
    margin: auto;
}
ul.nav-tabs > li.m-robo-vehiculos > a:before {
    background-image: url(../img/icn-hecho-robovehiculos.png);
    content: '';
    width: 97px;
    height: 75px;
    display: block;
    margin: auto;
}
.node-type-hecho-violento .titulo-datos{
    font-size: 2.2em;
    text-align: center;
    font-weight: 100;
    color: #6D6E71;
    padding: 25px 0 10px 0;
}
.nav-tabs li.m-asaltos > a { padding: 15px 0px 33px 0; }
.nav-tabs li.m-hurtos > a { padding: 15px 0px 33px 0; }
.nav-tabs li.m-homicidios > a { padding: 15px 0px 33px 0; }
.nav-tabs li.m-robos > a { padding: 15px 0px 33px 0; }
.nav-tabs li.m-violaciones > a { padding: 15px 0px 33px 0; }
.node-type-hecho-violento .title-incidencia {
    background-color: red;
    color: #fff;
    font-size: 1.3em;
    font-weight: 600;
    padding: 7px 10px 10px 10px;
}
.node-type-hecho-violento .mas-incidencia {
    background: #ffd509;
    padding: 14px;
}
.node-type-hecho-violento .mas-incidencia a {
    font-size: 1.2em;
    font-weight: bold;
    color: #1C3F74;
}
.node-type-hecho-violento .lista-incidencia ol {
    background: #fff;
    padding: 10px 25px;
}
.node-type-hecho-violento .lista-incidencia ol li {
    font-weight: bold;
    padding: 3px 0;
}
.node-type-hecho-violento .bk-tablas-graficos {
    background-color: #236195;
    padding: 0 45px;
    margin: 25px 0 0 0;
}
.node-type-hecho-violento .titulo-tablas-graficos {
    font-size: 1.5em;
    text-align: center;
    font-weight: 400;
    color: #fff;
    padding: 35px 0 25px 0;
}
.node-type-hecho-violento .owl-item { padding: 0 35px; }
.node-type-hecho-violento .owl-prev{
    position: absolute;
    top: 50%;
    left: -50px;
    background-image: url(../img/arrow-left.png) !important;
    content: '';
     width: 28px;
    height: 38px;
    display: block;
    margin: auto;
}
.node-type-hecho-violento .owl-next{
    position: absolute;
    top: 50%;
    right: -50px;
    background-image: url(../img/arrow-right.png) !important;
    content: '';
     width: 28px;
    height: 38px;
    display: block;
    margin: auto;
}
.node-type-hecho-violento  .owl-theme .owl-controls .owl-buttons div { background-color: transparent !important; }
.node-type-hecho-violento .porcentaje p {
    font-size: 1em !important;
    font-weight: normal !important;
}
.node-type-hecho-violento .bk-tablas-graficos { padding:45px; }
.node-type-hecho-violento .titulo-tablas-graficos { font-size: 2.2em; }

/* hvr sweep to top */
.hvr-sweep-to-top{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
    color: #236195;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FEDD00;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 37% 65%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    color: #236195;
}

/* Mapa de incidencias */
#app hr.yellow { border-top: 2px solid #E4A111; }
a.btn-startData {
    display: inline-block;
    text-align: center;
    border: 1px solid;
    padding: 5px;
    color: #1F5B9C; 
}
.color-azul2{ color: #00A4E7; }
.color-azul{ color: #1F5B9C; }
.bg-color-azul2{ background-color: #00A4E7; }
.color-gris{ color: #6D6E71; }
p.inci-num { font-size: 20px; }
p.data-mujeres{ background-image: url(../img/ico-mujeres.svg); }
p.data-hombres{ background-image: url(../img/ico-hombre.svg); }
p.data-desconocida{ background-image: url(../img/ico-desconocidos.svg); }
p.data-crs{ background-image: url(../img/ico-pais.svg); }
p.data-exts{ background-image: url(../img/ico-extranjeros.svg); }
p.data-rango{ background-image: url(../img/ico-fecha.svg); }
p.data-mujeres, p.data-hombres, p.data-desconocida, p.data-crs, p.data-exts, p.data-rango{
    background-repeat: no-repeat;
    background-position: left 5px;
    background-size: 25px;
    display: inline-block;
    text-indent: 0px;
    padding-left: 25px;
}
a.download {
    background: #2C74BA;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-right: 10px;
    display: inline-block;
}

/* Recursos Destacados */
.region.region-titulo-recursos-destacados-inicio p {
    font-size: 2.2em;
    text-align: center;
    font-weight: 100;
    color: #6D6E71;
    padding: 25px 0 10px 0;
}
span.tipo-doc { color: #2EBCF4; }
span.tipo-doc a{ color: #2EBCF4; }
.doc-inicio a:hover{ background-color: #1C3F74; }
.doc-inicio h3 {
    color: #1F5B9C;
    margin: 0 0 5px 0;
    font-size: 1em;
}
.doc-inicio p {
    color: #808295;
    padding-bottom: 0px;
    margin: 0;
}
.doc-inicio img.file-icon { display: none; }
.doc-inicio span.file-size { display: none; }
.doc-inicio a {
    background-color: #1F5B9C;
    padding: 7px;
    margin: 0px 0 0 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.8em;
}
.doc-inicio a:before {
    content: '';
    background-image: url(../img/ico-download.png);
    width: 28px;
    height: 25px;
    display: inline-block;
    margin: 0px 0px -5px 0px;
}
.doc-inicio h3 { font-size: 1.4em; }
.doc-inicio a {
    padding: 15px 25px 10px 20px;
    margin: 9px 0 0 0;
}
.doc-inicio p {
    color: #808295;
    padding-bottom: 15px;
}
a.more-recu-home:before{
    content: '' !important;
    background-image: none;

}
a.more-recu-home{
   padding: 0px 25px 7px 0px !important;
    background-color: transparent;
    color: #2BB0D4;
    text-transform: inherit;
    font-size: 1em;
}
a.more-recu-home:hover{ background-color: transparent; }

/* Videos */
.fondo-videos {background:#1F5B9C;padding:40px 20px;}
.fondo-videos h2 {color:#fff; text-transform:uppercase;text-align:center; margin-bottom:20px;}
.fondo-videos span.title {color:#fff;text-align:left;font-size:1.2em;display:block; margin:20px 5px 25px 5px; }
.fondo-videos h5 span{
    color: #1F5B9C!important;
}
a.todos-videos {
    font-size: 1.2em;
    text-transform: uppercase;
    color: #fff;
    text-align: right;
    display: block;
    padding-top: 40px!important;
}

/* Datos pais sobre violencia */
.region.region-titulo-datos-violencia-inicio p {
    font-size: 2.2em;
    text-align: center;
    font-weight: 100;
    color: #1F5B9C;
    padding: 25px 0 10px 0;
}
.region.region-titulo-datos-violencia-inicio strong { font-weight: bold; }
.region-estadisticas-inicio span.est-datos {
    font-size: 3.5em;
    font-weight: bold;
}
.region-estadisticas-inicio .est-1 { text-align: center;    }
.region-estadisticas-inicio .col-md-3:nth-child(1) span{ color:#00BCF2; }
.region-estadisticas-inicio .col-md-3:nth-child(2) span{ color:#00A4E7; }
.region-estadisticas-inicio .col-md-3:nth-child(3) span{ color:#0090CC; }
.region-estadisticas-inicio .col-md-3:nth-child(4) span{ color:#005083; }
.region-estadisticas-inicio .est-1 {
    font-size: 1.2em;
    text-align: center;
    padding: 15px 57px;
}
/* Datos Graficos sobre violencia */
.region-datos-inicio {
    background-size: 100%;
    background-image: url(../img/sombra.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-position-y: 363px;
}
.region-datos-graficos-inicio .view-content{ background: white; padding: 5px 15px; }
.region-datos-graficos-inicio .owl-prev span{
    right: 105%;
    bottom: 50%;
    font-size: 70px;
    position: absolute;
}
.region-datos-graficos-inicio .owl-next span{
    left: 105%;
    bottom: 50%;
    font-size: 70px;
    position: absolute;
}
.region-slider-principal .owl-prev span{
    left: 0%;
    bottom: 40%;
    font-size: 90px;
    position: absolute;
}
.region-slider-principal .owl-next span{
    right: 0%;
    bottom: 40%;
    font-size: 90px;
    position: absolute;
}
/*Info COMESCO */
.bk-info-comes{
    background-color: #236195;
    padding: 30px 0px;
}
.region.region-info-cosmesco-inicio a.btn-comes {
    border: 2px solid #FEDD00;
    padding: 7px 21px;
    font-weight: bold;
    color: #FEDD00;
    position: relative;
    right: 30%;
}
.region-info-cosmesco-inicio{ text-align: center; }
.region.region-info-cosmesco-inicio a.btn-comes:hover {
    color:#236195;
    text-decoration: none;
}

/* Footer*/
.region.region-contacto {
    color: #1F5BA5;
    line-height: 1.5;
}
.region-contacto p{ text-align: left; }
.region.region-apoyo-inicio p {
    text-align: center;
    text-transform: uppercase;
    color: #5F94C4;
}
.region-apoyo-inicio { text-align: center; }
.bk-footer-copy{ background-color: #236195; }
.container.footer-copy {
    line-height: 3;
    padding: 10px 0 0 0;
}
.region.region-comprometidos-ods p { color: #fff; }
.region-comprometidos-ods p{ text-align: center; }
.region.region-derechos-reservados p {
    color: #c4c3c3;
    text-align: center;
    margin-right: 0px;
}

/* Mega Menu */
.bk-mega-menu{  background-color: #1C3F74; }
.wsmenu .wsmenu-list ul{
    padding: 0;
    text-align: center;
}
.wsmenu .wsmenu-list { text-align: center; }
.wsmenu .wsmenu-list a{
    color: #fff;
    font-weight: bold;
    padding: 20px 0;
    font-weight: 500;
    display: block;
}
.wsmenu .wsmenu-list a:hover, .wsmenu .wsmenu-list a:active, .wsmenu .wsmenu-list a:focus{
    background-color: #F4CD12;
    text-decoration:none;
    color: #fff;
    transition: 0.5s;
}
.wsmenu .wsmegamenu{ background-color: #1F5B9C !important; border: solid 1px #1F5B9C !important; }
h3.title-sub-menu{
    color: #F4CD12;
    font-size: 1em !important;
    margin: 25px 0 15px 0 !important;
    text-transform: uppercase;
}
.wsmegamenu ul li a{
    color: #fff;
    padding: 0 !important;
    text-align: left !important;
}
.box-left div:nth-child(3),.box-left div:nth-child(4){ padding: 0; }
.box-left{ border-right: 1px solid #4687BE; }
#primero .box-left { border: none; }
.wsmegamenu ul{ padding: 0; }
.wsmegamenu ul li{
    list-style: none;
    padding-top: 5px;
    position: relative;
    padding-left: 15px;
}
.wsmegamenu ul li:before{
    content: '';
    position: absolute;
    background-image: url(../img/bullet.png);
    display: inline-block;
    width: 15px;
    height: 12px;
    background-repeat: no-repeat;
    left: 0px;
    top: 8px;
}
.tipo-hecho ul{ 
    columns: 3; 
    -webkit-columns: 3; 
    -moz-columns: 3; 
}

/* Menu Principal*/
.region-menu-top ul li{ display: table-cell; }
.region-logos-top img { max-width: 75px; }
.region-menu-top {
    text-align: right;
    margin-top: 25px;
}
.region-menu-top ul li:nth-child(1) a:before{
    content: '';
    background-image: url(../img/icn-home.png);
    display: inline-block;
    width: 23px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: 3px;
}
.region-menu-top ul li:nth-child(2) a:before{
    content: '';
    background-image: url(../img/icn-preguntas.png);
    display: inline-block;
    width: 23px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: 3px;
}
.region-menu-top ul li:nth-child(3) a:before{
    content: '';
    background-image: url(../img/icn-contacto.png);
    display: inline-block;
    width: 23px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: 5px;
}
.region-menu-top ul li a{
    font-size: 0.8em;
    padding: 0 2px;
    color: #797C80;
}
.region-menu-top ul{
    margin-top: 0px;
    text-align: center;
    flex-direction: unset !important;
    display: block;
}
/* Buscador */
.region-search-top .form-control{
    border-radius: 0;
    background-color: #ECECEC;
}
.region-search-top .btn-primary{
    background-color: #F4CD12;
    border:1px solid #F4CD12;
    border-radius: 0;
}
p.search-info{ display: none; }
p.search-snippet strong{ color: #1C3F74; }

/* hecho violento node */
.bkk-intro-h{
    padding: 15px;
    background-color: #236195;
    color: #fff;
}
.hecho-def-title h2:before{
    content: '';
    background-image: url(../img/icn-info.png);
    display: inline-block;
    width: 41px;
    height: 39px;
    background-repeat: no-repeat;
    margin: 0 7px 0 5px;
}
.hecho-def-title h2:after{
    content: '';
    display: block;
    border: 1px solid #F4CD12;
    width: 11%;
}
.hecho-def-title h2  {
    color: #fff;
font-weight: 400;
font-size: 2.3em;
font-family: "Heebo", sans-serif !important;
}
.porcentaje .owl-stage-outer{
    background-color: #0090CC;
    text-align: center;
    color: #fff;
}
.porcentajes-nodo {
    font-size: 3em;
}
.porcentaje p {
    font-size: 1.5em;
    font-weight: bold;
}
/* Mapa de incidencia node */
.titulo-datos .region-titulo-mapa-incidencias h3{
    font-size: 35.2px;
    text-align: center;
    font-weight: 100;
    color: #6D6E71;
    padding: 25px 0 10px 0;
}
.mapa-indicidencia h3 a{
    font-size: 1.4em;
    color:#1C3F74;
    padding: 0;
}
.mapa-indicidencia h3.col-md-12{
    padding: 0;
}
.porcentaje.mapa-indicidencia p {
    font-size: 1em !important;
    font-weight: normal !important;
}
.page-node-type-hecho-violento .bk-tablas-graficos {
    background-color: #236195;
    padding: 0 45px;
    margin: 25px 0 0 0;
}
.page-node-type-hecho-violento .titulo-tablas-graficos {
    font-size: 1.5em;
    text-align: center;
    font-weight: 400;
    color: #fff;
    padding: 35px 0 25px 0;
}
.title-tablas-graficos {
    background-color: #ececec;
    padding: 15px;
    color: #1C75C1;
    font-size: 1.3em;
}
.bk-graf-int {
    background-color: #fff;
}
.page-node-type-hecho-violento .titulo-datos{
    font-size: 2.2em;
    text-align: center;
    font-weight: 100;
    color: #6D6E71;
    padding: 25px 0 10px 0;
}
/* Documentos Relacionados */
.docs-relacionados {
    padding-bottom: 25px;
}
.docs-relacionados a:before {
    content: '';
    background-image: url(../img/ico-download.png);
    width: 28px;
    height: 25px;
    display: inline-block;
    margin: 0px 0px -5px 0px;
}
.docs-relacionados h3 {
    color: #1F5B9C;
    margin: 0;
    font-size: 1em;
}
.docs-relacionados p {
    color: #808295;
    padding-bottom: 0px;
    margin:0px;
}
.docs-relacionados img.file-icon {
    display: none;
}
.docs-relacionados span.file-size {
    display: none;
}
.docs-relacionados a {
    background-color: #1F5B9C;
    padding: 3px;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.8em;
}

/* Mapas Recursos */
a.btn-red {
    color: #2BB0D4;
}
.pop-fondo {
    height: 295px;
    position: relative;
}
.page-recursos-tablas-y-graficos .pop-fondo {
    height: 390px;
    
}
.pop-fondo img{
    width: 100%;
    height: -webkit-fill-available;
}
.pop-fondo a:before{
    content: '';
    background-image: url(../img/enlarge.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 3px;
    right: 0;
}
.box-publi h3 {
    color: #1F5B9C;
    margin: 0 0 2px 0;
    font-size: 1.4em;
}
.box-publi p {
    color: #808295;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.box-publi img.file-icon {
    display: none;
}
.box-publi .box-down a {
    background-color: #1F5B9C;
    padding: 15px 25px 10px 20px;
    margin: 9px 0 0 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.8em;
}
.box-publi .box-down a:before {
    content: '';
    background-image: url(../img/ico-download.png);
    width: 28px;
    height: 25px;
    display: inline-block;
    margin: 0px 0px -5px 0px;
}
.box-publi .box-down-t a {
    background-color: #1F5B9C;
    padding: 15px 25px 10px 20px;
    margin: 9px 0 0 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.8em;
}
.box-publi .box-down-t a:before {
    content: '';
    background-image: url(../img/ico-download.png);
    width: 28px;
    height: 25px;
    display: inline-block;
    margin: 0px 0px -5px 0px;
}
.box-publi span.file-size {
    display: none;
}
.box-publi{
    padding:30px;
    border-bottom: 1px solid #ececec;
}
.box-publi .box-down {
    padding: 15px 0px 30px 20px;
    border-left: 7px solid #ffd509;
}
.box-publi .box-eti a {
    text-transform: uppercase;
    border: 1px solid #1F5B9C;
    padding: 4px;
    color: #1F5B9C;
    font-size: 0.9em;
    
}
.box-publi .box-eti-t a {
    text-transform: uppercase;
    border: 1px solid #1F5B9C;
    padding: 4px;
    color: #1F5B9C;
    margin: 1px 0px;
    display: -webkit-inline-box;
    font-size: 14px;
}
.box-red {
    border-bottom: 1px solid #cecece;
    padding: 25px;
}
.box-red h3{ margin:0 0 5px 0; }
.box-red img{
    margin:auto;
    margin-bottom: 20px;
}
.block-page-title-block .page-title{
    color: #1F5B9C;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left !important;
    font-size: 36px !important;
    font-family: '';
}
.contacto-info p{ color: #1C3F74; }
.region-faq-pregunta .block-title{
    color: #1F5B9C;
}
/* Filtro */
.page-node-type-article form {
    margin-top: 40px;
}

.page-node-type-article .label-input {
    color: #3479BC;
    font-size: 1.3em;
    margin-bottom: 10px;
}

.page-node-type-article .label-input span.opt {
    color: #4E94C4;
    font-size: 0.8em;
}

.form-control {
    appearance: auto;
}

.page-node-type-article select.form-control, .page-node-type-article select.form-control-s {
    width: 280px;
    border-radius: 0px;
    margin-left: 25px;
}

.page-node-type-article #wrap-selector-year select.form-control {
    margin-left: 0px;
}

.page-node-type-article #canton, .page-node-type-article #district {
    margin-left: 25px;
}
.page-node-type-article .label-input span {
    font-size: 1.5em;
    color: #1C3F74;
}

.page-node-type-article .label-input-sub {
    color: #4E4D5F;
    margin: 10px 0px;
    font-size: 0.9em;
    display: block;
    margin-left: 25px;
}

.page-node-type-article .single input, .range input{
    border-radius: 0px;
}
.page-node-type-article .range{padding-left: 50px;}
.page-node-type-article .single .age, .range .min, .range .max{
    width: 65px;
    float: left;
    margin-right: 35px;
    position: relative;
    display: block;
}
.page-node-type-article .range .min:before{
    content: "De:";
    position: absolute;
    top: 6px;
    left: -28px;
    height: 10px;
    width: 10px;
    margin-bottom: 10px;
}
.page-node-type-article .range .max:before{
    content: " A:";
    position: absolute;
    top: 6px;
    left: -25px;
    height: 10px;
    width: 10px;
    margin-bottom: 10px;
}
.page-node-type-article .range .max:after {
    content: "años";
    position: absolute;
    top: 6px;
    right: -20px;
    height: 10px;
    width: 10px;
    margin-bottom: 10px;
}
.page-node-type-article .btn-yellow{
    background: #FEDD00;
    padding: 10px 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
    margin-right: 10px;
    color: #26466E;
    border-radius: 0px;
    margin: auto;
    font-weight: bold;
    padding-right: 30px;
    position: relative;
}
.page-node-type-article .intro{position: relative; padding-left: 50px;}
.page-node-type-article .intro:before{
    content: "";
    background: url(../img/icn-info.png) no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.page-node-type-article .btn-yellow:before{
    content: "";
    background: url(../img/arrow2-right_hover.png) no-repeat;
    width: 30px;
    height: 39px;
    position: absolute;
    top: 2px;
    right: 0px;
}
.page-node-type-article .wrap {
    --dif: calc(var(--max) - var(--min));
    display: grid;
    position: relative;
    width: 300px;
    background: linear-gradient(0deg, #ccc 5px, transparent 0);
    font-family: ubuntu mono, consolas, monaco, monospace;
}
.page-node-type-article .wrap::before, .page-node-type-article .wrap::after {
    grid-column: 1/span 2;
    grid-row: 4;
    height: 5px;
    background: #3479BC;
    content: "";
}
.page-node-type-article .wrap::before {
      margin-left: calc(12px + (var(--a) - var(--min)) / var(--dif) * 280px);
      width: calc((var(--b) - var(--a)) / var(--dif) * 280px);
}
.page-node-type-article .wrap::after {
    margin-left: calc(12px + (var(--b) - var(--min)) / var(--dif) * 250px);
    width: calc((var(--a) - var(--b)) / var(--dif) * 250px);
}
  
[id=multi-lbl] {
    grid-column: 1/span 3;
} 
.page-node-type-article .wrap .sr-only {
    position: absolute;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
}
.page-node-type-article .wrap input[type=range] {
    grid-column: 1/span 2;
    grid-row: 3;
    z-index: 1;
    top: 0;
    left: 0;
    margin: 0;
    background: none;
    --col: #000;
    pointer-events: none;
}
.page-node-type-article .wrap input[type=range]::-webkit-slider-runnable-track, input[type=range]::-webkit-slider-thumb, input[type=range] {
    -webkit-appearance: none;
}
.page-node-type-article .wrap input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 100%;
    background: none;
}
.page-node-type-article .wrap input[type=range]::-moz-range-track {
    width: 100%;
    height: 15px;
    background: none;
}
.page-node-type-article .wrap input[type=range]::-webkit-slider-thumb {
    border: none;
    width: 12px;
    height: 12px;
    top: 8px;
    position: relative;
    border-radius: 50%;
    background: #000;
    pointer-events: auto;
}
.page-node-type-article .wrap input[type=range]::-moz-range-thumb {
    border: none;
    width: 10px;
    height: 10px;
    border-radius: 0;
    background: #000;
    pointer-events: auto;
}
.page-node-type-article .wrap input[type=range]:focus {
    z-index: 2;
    outline: dotted 1px currentcolor;
}
.page-node-type-article .wrap input[type=range]:focus, input[type=range]:focus + output {
    --col: darkorange;
}

.page-node-type-article .wrap output {
    grid-row: 2;
    color: var(--col);
}
.page-node-type-article .wrap output:last-child {
    text-align: right;
}
.page-node-type-article .wrap output::after {
    counter-reset: c var(--c);
    content: counter(c);
}
.page-node-type-article #wrap-selector-year, .page-node-type-article #wrap-multi-year, .page-node-type-article .checkbox-range {
    margin-left: 25px;
}
.ui-state-default .ui-icon {
    background-image: url(../img/flechas.png);
    padding-right: 25px;
}
.ui-icon-triangle-1-e {
    background-position: 0px -11px;
    margin-top: 10px!important;
}
.ui-icon-triangle-1-s {
    background-position: 0px 6px;
    margin-top: -9px !important;
}
.path-preguntas-frecuentes .ui-widget-content {
    border: none;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #777;
}
.ui-widget-content a {
    color: #2BB0D4;
    font-size: 0.9em;
    text-decoration: none;
}
.ui-state-active a, .ui-state-active a:link{
    color: #212121;
    font-weight: 400;
    font-size: 17px;
}
.ui-state-default a, .ui-state-default a:link{
    font-weight: 400;
    font-size: 17px;
}
.ui-state-active{
    background: none;
    border: none;

}
.ui-state-default{
    background: none;
    border: none;
    font-weight: 400;
    font-size: 17px;
}
.contacto-info iframe{
    width: 100%;
    height: 350px;
}
.box-eti-t {
    margin-top: 15px;
}
.region-redes-logos .field-content{
    width: 100px;
    height: 100px;
}
.region-videos .btn-primary{
    background-color: #428bca;
    border-color: #357ebd;
}
.title-logos p{
    font-size: 2.2em;
    font-weight: 100;
    color: #6D6E71;
    padding: 25px 0 10px 0;
}
.owl-carousel .owl-item img{
    width: auto;
}
@media only screen and (min-width : 768px) {
    .box-left > .col-md-4 { padding: 0 35px 0px 0; }
    a.more-recu-home{ float: right;}
    .box-publi .box-eti-t a { margin: 5px 2px; }
    .bck-sub-menu{ background-color: #1F5B9C; }
    .region.region-derechos p {
        text-align: right;
        margin-right: 29px;
    }
    .footer-copy .col-md-5{ padding: 0; }
    .region-ods p{ text-align: left; }
    .region-contacto p{ text-align: left; }
    .contact img {
        display: block;
        margin: inherit;
    }
    .page-preguntas-frecuentes .region-faq-pregunta { margin-top: 35px; }
    .region-menu-top ul{ margin-top: 25px; }
    .region-menu-top ul li a {
        font-size: 1em;
        padding: 0 2px;
        color: #797C80;
    }
    .region-menu-top ul li { display: inline-block; }
    .region-menu-top ul li:nth-child(1) a:after, .region-menu-top ul li:nth-child(2) a:after {
        content: '';
        border-right: 5px solid #ececec;
        padding-left: 5px;
        height: 15px;
        display: inline-block;
    }
    .region-menu-top ul{
        margin-top: 0px;
        text-align: none;
    }
    span.slider-porcentaje {
        font-size: 5.5em;
        color: #E4A111;
        border-bottom: 7px solid;
        padding-left: 8%;
    }
    .txt-img.container p {
        color: #fff;
        font-size: 2.5em;
    }
    ul.nav-tabs > li.m-asaltos > a:before {
        background-image: url(../img/icn-hecho-asaltos.png);
        content: '';
        width: 97px;
        height: 75px;
        display: block;
        margin: auto;
    }
    ul.nav-tabs > li.m-hurtos > a:before {
        background-image: url(../img/icn-hecho-hurtos.png);
        content: '';
        width: 97px;
        height: 75px;
        display: block;
        margin: auto;
    }
    ul.nav-tabs > li.m-homicidios > a:before {
        background-image: url(../img/icn-hecho-homicidios.png);
        content: '';
        width: 97px;
        height: 75px;
        display: block;
        margin: auto;
    }
    ul.nav-tabs > li.m-robos > a:before {
        background-image: url(../img/icn-hecho-robos.png);
        content: '';
        width: 97px;
        height: 75px;
        display: block;
        margin: auto;
    }
    ul.nav-tabs > li.m-violaciones > a:before {
        background-image: url(../img/icn-hecho-violaciones.png);
        content: '';
        width: 97px;
        height: 75px;
        display: block;
        margin: auto;
    }
    ul.nav-tabs > li.m-robo-vehiculos > a:before {
        background-image: url(../img/icn-hecho-robovehiculos.png);
        content: '';
        width: 97px;
        height: 75px;
        display: block;
        margin: auto;
    }
    .hecho-violento .nav-tabs>li>a {
        color: #FFF;
        background: #1F5B9C;
        border: none;
        text-transform: uppercase;
        padding: 5px 0px 15px;
        margin: 0 5px;
        font-size: 1.4em;
        text-align: center;
    }
    .hecho-violento .nav-tabs li { width: 16.6%; }
    .nav-tabs li.m-asaltos > a { padding: 15px 0px 33px 0; }
    .nav-tabs li.m-hurtos > a { padding: 15px 0px 33px 0; }
    .nav-tabs li.m-homicidios > a { padding: 15px 0px 33px 0; }
    .nav-tabs li.m-robos > a { padding: 15px 0px 33px 0; }
    .nav-tabs li.m-violaciones > a { padding: 15px 0px 33px 0; }
    .hecho-violento .nav-tabs>li.active>a,
    .hecho-violento .nav-tabs>li.active>a:hover, 
    .hecho-violento .nav-tabs>li.active>a:focus, 
    .hecho-violento .nav>li>a:hover, 
    .hecho-violento .nav>li>a:focus {
        color: #FFF;
        background-color: #1C3F74;
        border: none;
        height: 163px;
    }
    .doc-inicio h3 { font-size: 1.4em; }
    .doc-inicio a {
        padding: 15px 25px 10px 20px;
        margin: 9px 0 0 0;   
    }
    .doc-inicio p {
        color: #808295;
        padding-bottom: 15px;
    }
    .region-estadisticas-home .est-1 {
        font-size: 1.2em;
        text-align: center;
        padding: 15px 57px;
    }
    .region-info-cosmesco-inicio{ text-align: none; }
    .contact { padding: 20px 0 0 0; }
    .docs-relacionados h3 {
        margin: 0 0 5px 0;
        font-size: 1.4em;
    }
    .docs-relacionados p { padding-bottom: 15px; }
    .docs-relacionados a {
        padding: 15px 25px 10px 20px;
        margin: 9px 0 0 0;
    }
    .node-type-hecho-violento .bk-tablas-graficos { padding:45px;}
    .node-type-hecho-violento .titulo-tablas-graficos { font-size: 2.2em;}
    .region-search-top { margin-top: 25px;}
}

@media only screen and (min-width : 992px) {
    .region.region-estadisticas-home {  margin-bottom: 25px; }
    .box-tab-img img { width: 60%; }
    .hecho-violento .tab-content{min-height: 700px;}
    .region-recursos-inicio .views-row { padding: 10px;}   
    .region.region-info-comesco img { float: right; width: auto; }
    .box-down-t { margin: 15px 0 0 0; }
}

@media only screen and (max-width: 768px){
    .region.region-info-cosmesco-inicio a.btn-comes {
        right: 0%;
    }
    .region.region-search-top .block-search{ padding-left: 50px; }
    .tipo-hecho ul{ 
        columns: 1; 
        -webkit-columns: 1; 
        -moz-columns: 1; 
    }
    h3.title-sub-menu{
        margin: 25px 0px 15px 7px !important;
    }
    .txt-img h2{
        margin-top: 10%;
    }
    .wsmenu .wsmenu-list{
        padding-left: 5px;
    }
    .wsmenu .wsmenu-list .item-list li{
        margin: 0em 0em 0.25em 0em;
    }
}