/**
 * Place your custom styles here.
 */

 :root {
    --blanco: #FFFFFF;
    --negro: #333333;
    --fondo: #C6C4C2;
    --nav:#105982;
    --amarillo:#FFEA1C;
    --verde-oscuro:#006837;
    --naranja:#EF7929;
    --gris-1:#808080;
    --gris-2:#F1F1F1;
    --gris-3:#e5e5e5;
    --gris-4:#747474;
    --cafe-1:#77635C;
    --cafe-2:#754C24;
    --cafe-3:#473A34;
    --search:#AE5D45;
    --link:#245C86;
    --cafe:#534741;
    --verder-1:#A8E24B;
    --verder-2:#009145;
    --verder-3:#A5CE51;
    --verder-4:#51B85A;
    --azul-oscuro:#06374C;
    --azul-1:#1382C5;
    --azul-2:#006E99;
    --morado:#3F2991;
    --rojo:#AF3743;
}

.alert-danger {display: none;}

.fondo-interno {
    clear: both;
}
.file-link {
    
    font-size: 100%;
    
}
.file>span{
    border: none;
}
body{
    font-family: 'Montserrat', sans-serif !important;
    margin: 0 !important;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Oswald', sans-serif !important;
}
h1{
    color: var(--verder-2) !important;
}
h3{
    color: var(--cafe-2);
}

h2{
    color: var(--verder-4) !important;
}
h6{
   

    text-align:right;
    color: var(--cafe-1);
    font-size: 0.9em;
    margin:0 0 10px 0;
    padding: 0;
}
thead {
    background-color: var(--verder-2);
    color: #fff;
}
tr th {
    text-align: left;
    
}
tr th,tr td {
    padding: 5px;
    
}
tr td {
    
    background-color: #fff;
}
.slides li:before, .flex-direction-nav li:before {display:none;}
.flex-direction-nav a {height: 45px!important;}
.d-none {display: none;}

.file-icon, .file-size{
    display: none;
}
.file-link{
        border: none;
    position: relative;
    margin-left: 30px;
    display: block;
    background-color: transparent;
}
.file-link:before{
content: "• ";
    color: var(--gris-1);
    font-size: 2em;
    position: absolute;
    /* width: 10px; */
    /* height: 6px; */
    top: -9px;
    /* display: block; */
    left: -13px;
}
.botones-next {display: flex; justify-content: flex-end; margin-top:30px;}
.botones-next a {margin-right: 10px;border-color: transparent;}
.botones-prev {display: flex; justify-content: flex-start; margin-top:30px;}
.botones-prev a {margin-left: 10px;border-color: transparent;}
.botones-flex {display: flex; justify-content: space-between;padding-left:10px; padding-right:10px; margin-top:30px;}
.botones-flex a {border-color: transparent;}
a.ambiental {background: #006E99;border-radius: 0;text-transform: uppercase;
    font-weight: 700;color: #FFF;}
a.general {background: #3F2991;border-radius: 0;text-transform: uppercase;
    font-weight: 700;color: #fff;}
a.imple {background: #534741;border-radius: 0;text-transform: uppercase;
font-weight: 700;color: #FFF;}
a.referencias {background: #17632E;border-radius: 0;text-transform: uppercase;
    font-weight: 700;color: #FFF;}
.bloque-botones {display:block; clear: both;} 
#scroll-top {margin-bottom:20px;} 

img{
    max-width: 100%;
}
a,.file-link a, .file-link a:active, .file-link a:focus, .file-link a:hover{
    cursor: pointer;
    color: var(--naranja);
}

.lists {margin-bottom: 25px;}

.breadcrumb {font-size: 0.8em;}

/*Filtro*/
#views-exposed-form-catalogo-de-soluciones-basadas-en-naturaleza-page-1{background: var(--gris-3); padding-bottom: 20px;}
#views-exposed-form-catalogo-de-soluciones-basadas-en-naturaleza-page-1 .form-item{padding: 10px 15px;}
.region-content #views-exposed-form-catalogo-de-soluciones-basadas-en-naturaleza-page-1 .form-item{width: 30%; float: left;}
#views-exposed-form-catalogo-de-soluciones-basadas-en-naturaleza-page-1 .form-item-palabra {background: var(--gris-2); width: 100% !important; text-align: center;}
#views-exposed-form-catalogo-de-soluciones-basadas-en-naturaleza-page-1 .form-item label{width: 100%;}
#views-exposed-form-catalogo-de-soluciones-basadas-en-naturaleza-page-1 .form-actions {width: 100%; text-align: center;}
#views-exposed-form-catalogo-de-soluciones-basadas-en-naturaleza-page-1 .form-actions .button{border-radius: 0; border:none; background: var(--naranja); color: var(--blanco); width:65%; margin-top: 20px;}

aside .form-item, aside .form-control {border-radius: 0; width: 100%;}
.form-item div, .form-item select {width: 100% !important;}

.item-ubicacion {margin-top: 15px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: var(--gris-3) 1px solid;}
.item-ubicacion .item {margin-bottom:10px;}
.item-ubicacion .item .title{font-weight: bold;}

.item-content {border-bottom: var(--gris-4) 1px solid;}

.item-detalle.mapa {padding: 15px; background: var(--blanco); margin-bottom: 25px;}
.item-detalle.mapa a{display: none;}

.js-form-item-provincia,  
.js-form-item-sanjose,
.js-form-item-alajuela,
.js-form-item-heredia,
.js-form-item-cartago,
.js-form-item-puntarenas,
.js-form-item-guanacaste,
.js-form-item-limon {display: none;}

.galeria .pie-foto {padding: 5px 15px; min-height: 50px; display: block;}
.galeria .carousel-indicators {bottom: 50px;}
.path-frontpage h2.block-title {
    color: var(--verder-3); 
    font-family: 'Oswald', sans-serif !important;
}

.tab-padding .item.referencia:last-child {margin-bottom: 40px;}

h3.seccion {margin-top: 20px; margin-bottom: 20px;}

.item.referencia {margin-bottom: 15px;}
.item.noticia .wrapper {padding: 15px; background: var(--blanco); margin-bottom: 15px;}
.item.referencia::before {
   content: "• ";
    color: var(--naranja);
    font-size: 2em;
    position: relative;
    width: 10px;
    height: 6px;
    top: -6px;
    display: block;
    left: -15px;
}
p.sitio-web {
    display: block;
    margin-top: 5px;
    margin-bottom: 17px;
}
.fondo-blanco {background: #fff; padding:10px;}
.region.region-slider-bio {margin-bottom: 1px;}
.catalogo-sbn-1 {background:url(../img/bck-sbn.png)no-repeat center center; background-size:cover;overflow:hidden;padding-top:40px;padding-bottom:40px; margin-top:30px;clear: both; margin-bottom:1px;}
.catalogo-sbn {background:url(../img/bck-sbn.png)no-repeat center center; background-size:cover;overflow:hidden;padding-top:40px;padding-bottom:40px; clear: both; }
.sbn-home {background:rgba(20,104,55,0.8);padding:30px;}
.sbn-home h2, .sbn-home p, .sbn-home a {color:#fff!important;}
.sbn-home a {position:relative; border: 1px solid #fff; padding:40px 10px 5px 10px;display:block; text-align:center;background:transparent;margin-top:15px;}
.sbn-home a:hover {position:relative; border: 1px solid #fff; padding:40px 10px 5px 10px;display:block; text-align:center; background:#0e502a; color:#fff!important; transition:0.5s;}
.sbn-home a.boton-guia-home:before {position:absolute; content:""; width:30px; height:30px; top:5px; left:40%;background:url(../img/descargar-guia.svg)no-repeat center center;}
.sbn-home a.boton-catalogo:before {position:absolute; content:""; width:30px; height:30px; top:5px; left:40%;background:url(../img/catalogo.svg)no-repeat center center;}
.sbn-home a.boton-mapa:before {position:absolute; content:""; width:30px; height:30px; top:5px; left:40%;background:url(../img/mapaSbN.svg)no-repeat center center;}
.intro-legal {margin-bottom: 30px;}

.item.referencia span.titulo {font-weight: bold; font-style: italic; color: var(--verder-2);}
.item.referencia a {text-decoration: underline; word-wrap: break-word;}

.item.noticia label {text-transform: uppercase; color: var(--azul-1); padding-left: 15px; padding-right: 8px; font-weight: normal;}
.item.noticia label:before {
   content: "• ";
    color: var(--azul-1);
    font-size: 2em;
    position: relative;
    width: 10px;
    height: 6px;
    top: -6px;
    display: block;
    left: -15px;
}

a.sitio-especializado, a.otros-enlaces {background: url(../img/link-exterior.svg) no-repeat 0 0; background-size: 12px; padding-left: 18px; margin-left: 5px;}

.audiovisual .wrapper {padding: 15px; background: var(--blanco); margin-bottom: 20px;}
.audiovisual .title {color: var(--azul-2); font-size: 1.2em; font-family: 'Oswald', sans-serif !important; display: block;}
.audiovisual a.ver-video {color: var(--naranja); text-decoration: underline; display: inline-block; background: url(../img/ico-ir.svg) no-repeat right center; background-size: 10px; padding-right: 15px;}
.referencia {padding-left: 23px;}

a.otros-enlaces {display: block;}
span.referencia {display: inline-block;}

.item.referencia + h3, .item.noticia + h3, p + h3, .audiovisual + h3 {border-top: var(--negro) 1px solid; padding-top: 20px;}

.container-flex h3 {
    color: #1382C5;
    position: relative;
}
.item.tipologia ul li {
    left: 20px;
}
.tipologia h3, .espacio h3, .escalas h3, .lugar h3 {text-transform: uppercase; padding-left: 25px; font-size: 1.3em;}

.tipologia h3:before, .espacio h3:before, .escalas h3:before, .lugar h3:before {
  background-size: 100%;
  background-position: top left;
  content: "";
  position: absolute;
  padding-right: 10px;
  top: 0;
  left: 0;
  z-index: 1;
}

.tipologia h3:before {
  background: url(../img/ico-tipologia.svg) no-repeat;
  width: 20px;
  height: 23px;
}

.espacio h3:before{
  background: url(../img/ico-espacio.svg) no-repeat;
  width: 23px;
  height: 24px;
}

.escalas h3:before {
  background: url(../img/ico-escala.svg) no-repeat;
  width: 19px;
  height: 18px;
}

.lugar h3:before {
  background: url(../img/ico-lugar.svg) no-repeat;
  width: 19px;
  height: 18px;
}

.verde h4 {color: var(--negro); margin-left: 25px; font-size: 1.2em; text-transform: uppercase; background: url(../img/ico-tipologia-n2.svg) no-repeat 0 2px; background-size: 8px; padding-left: 15px;}
.azul h4 {color: var(--negro); margin-left: 25px; font-size: 1.2em; text-transform: uppercase; background: url(../img/ico-tipologia-n2-azul.svg) no-repeat 0 2px; background-size: 8px; padding-left: 15px;}


#ecosistemico, #aspectos, #pasos, #mantenimiento, #recursos, #condiciones, #viabilidad, #normativa {border-bottom: var(--gris-4) 1px solid; padding-bottom: 15px; margin-bottom: 15px;}
#ecosistemico.lugar h3 {padding-left: 15px;}

.item.normativa-legal .wrapper {background: var(--blanco); padding: 15px; border: var(--gris-1); margin-bottom: 20px;}
.item.normativa-legal a {border: none; padding: 0; margin-bottom: 10px;}

.view-sbn .wrapper {border: var(--gris-3) 1px solid; margin-bottom: 20px;}
.view-sbn .wrapper .title a{padding: 8px; color: var(--azul-2); font-family: 'Oswald', sans-serif; font-size: 1.1em; display: inline-block;}

.exposed-filter {margin-bottom: 25px;}

.graficos .item.galeria{margin-bottom: 15px;}

.info-home a, .info-home p {color: var(--gris-1); font-size: 0.8em!important;}
.info-home span {color: var(--azul-1)!important;font-weight: bold;}
.info-home h3 {color: var(--azul-2); font-size: 1em; text-transform: uppercase; font-weight: bold; margin-top: 5px;}
a:hover .info-home h3, a:hover .info-home span, a:hover .info-home p  {color: #fff!important;}
.more-link a:hover, a.more-link:hover {background: var(--verder-1)!important;}
.view-display-id-page_1 .view-content {overflow: hidden;}
div#descripcion p, .tab-content .body p, .mantenimiento li {
    text-align: justify;
}

p.slide__description{
    text-align: right;
    color: var(--cafe-1);
    font-size: 0.9em;
    margin: 0 0 10px 0;
    padding: 0;
    position: absolute;
    bottom: -15px;
    right: 0;
}
.page-node-type-noticia .main-image {
    margin-bottom: 25px;
}

.path-recursos .contenido h3,.path-noticias h3,.path-iniciativas h3{
    color: var(--verder-1);
}

.path-iniciativas h2.page-title, .node-114 h2.page-title, .path-corredores-biologicos h2.page-title, .path-noticias h2.page-title, .path-el-proyecto-en-los-medios h2.page-title {color: var(--verder-2)!important; margin-left: 30px; font-family: 'Oswald', sans-serif !important;}
.path-recursos h2.page-title {color: var(--verder-2)!important; margin-left: 30px;border-bottom: 1px solid #3c3c3c;padding-bottom: 20px;margin-right: 20px; font-family: 'Oswald', sans-serif !important; margin-bottom: 5px;}
h3.titulo-corredor {color: var(--azul); text-transform: uppercase; margin-bottom: 1px; margin-top: 1px;}
.path-recursos h2#block-recursos-menu {background: var(--verder-3)!important;}
a.descargar, a.btn-pop {color: var(--naranja); position: relative;}
/*a.descargar:after {position: absolute; content: ""; background: url(../img/ico-recursos-mas.png); width: 9px; height: 10px; top: 6px; right: -13px;}*/
a.Archivo,a.Video,a.Enlace{
    position: relative;
    cursor: pointer;
}
a.Archivo:after {
   position: relative;
    content: "";
    background: url(../img/btn-download.png);
    width: 17px;
    height: 11px;
    right: -5px;
    display: inline-block;
}
a.Video:after {
    position: relative;
    content: "";
    background: url(../img/btn-video.png);
    width: 17px;
    height: 11px;
    right: -5px;
    display: inline-block;
}
a.Enlace:after {
   position: relative;
    content: "";
    background: url(../img/btn-link.png);
    width: 17px;
    height: 11px;
    right: -5px;
    display: inline-block;
}
.contenido span,p.p-compartir {color: var(--azul-1);font-weight: bold;}
.lista-documentos .contenido {border-left: 2px solid var(--verder-3); padding-left: 20px;min-height: 150px;}
.lista-documentos {margin-bottom: 20px;border-bottom: 1px solid var(--gris-2);padding-bottom: 20px; padding-top: 20px;}
.slick-dots--thumbnail-grid li:before {list-style: none!important; content: ""!important;}
.modal-body .slick--optionset--fotografias .slick-list {height: 330px;}
.modal-body .slick-dots {display: none!important;}
.slick-dots {display: none!important;}
.slick-wrapper {background: var(--blanco); padding: 15px;}

.slick-list.draggable {margin: 0 auto; width: 90%;}

.slick__arrow.slick__arrow--fillpath {width: 100%; bottom: -48px; z-index: 100;}
.slick .slick-arrow, .slick .slick-arrow:focus {
    background-color: transparent;
}

.slick--arrows .slick-arrow::before {
    display: none;
}

.slick__arrow .slick-next, .slick__arrow .slick-next:hover {
    background: url(../img/next-arrow.png) no-repeat center center;
    background-color: transparent;
}

.slick__arrow .slick-prev, .slick__arrow .slick-prev:hover {
    background: url(../img/prev-arrow.png) no-repeat center center;
    background-color: transparent;
}

.slick--main .slide__caption {padding: 0;}

.slick .slide {padding: 1px;}

.modal-body .slick__arrow { position: absolute;top: 52%;}
.modal-body .slick-arrow {border-radius: 0%; height: 114px; width: 29px;}
.modal-body .slick .slick-arrow::before {font-size: 7rem; top: 35px; font-weight: 300;}
.modal-body .slick-arrow::before {color: #fff;}
.modal-body .slide--caption--bottom .slide__caption {bottom: -80px!important; color: var(--gris-1);}
.modal-content {
    background: transparent;
        box-shadow: none;
    border: none;
}
.modal-body{
    background-color: #fff;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}
.modal-header h3 {
 color: var(--naranja);
}
button.close {
    color: var(--naranja);
    font-weight: lighter;
    font-size: 40px;
}
button.close:hover {
    color: var(--naranja);
}

span.event-tag {
    margin-top: 15px;
    display: block;
}
/*Catalogo SBN*/
.container-flex {display: flex;justify-content: flex-start; flex-flow: row wrap;}
.container-flex div.item {width:240px;}
.container-flex h3 {color: #1382C5;}
.mas-videos {
    color: #EF7929;
    width: 120px!important;
    font-size: 16px;
    text-align: left;
    padding: 7px 15px 7px 0px;
    display: block;
    position: relative;
    background: url(../img/flecha-video.svg)no-repeat bottom center;
    background-size: 20px;
    background-position-x: 100px;
    background-position-y: 7px;
}
.item.ficha a {
    color: #EF7929;
    border: 1px solid #EF7929;
    text-transform: uppercase;
    width: 170px!important;
    font-size: 16px;
    text-align: center;
    padding: 7px 15px 45px 15px;
    display: block;
    font-weight: bold;
    position:relative;
    background: url(../img/flecha-descarga.svg)no-repeat bottom center;background-size: 20px;background-position-y: 60px;}
a.boton-guia {
    color: #EF7929;
    border: 1px solid #EF7929;
    text-transform: uppercase;
    width: 220px!important;
    font-size: 16px;
    text-align: center;
    padding: 7px 45px 7px 15px;
    display: block;
    font-weight: bold;
    position:relative;
    background: url(../img/flecha-descarga.svg)no-repeat center right;background-size: 20px;background-position-x: 185px;margin-top:30px;}

.boton-right {float: right; margin-top: 20px; margin-bottom: 30px; margin-right: 30px;}
.contenedor {padding-right:15px;}
p.bold {font-weight: bold;}
.item.personas span {margin-right: 10px;}
a#pills-general-tab {background: #3F2991;border-radius: 0;text-transform: uppercase;font-weight: 700; color:#fff;}
a#pills-ambiental-tab {background: #006E99;border-radius: 0;text-transform: uppercase;font-weight: 700;color:#FFF;}
a#pills-implem-tab {background: #534741;border-radius: 0;text-transform: uppercase;font-weight: 700;color:#FFF;}
a#pills-referencia-tab {background: #17632E;border-radius: 0;text-transform: uppercase;font-weight: 700;color:#FFF;}
.menu-tab-general ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    list-style: none;
    padding-left:0;
    background: #3F2991;
}
.menu-tab-ambiental ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    list-style: none;
    padding-left:0;
    background: #006e99;
}
.menu-tab-implementacion ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    list-style: none;
    padding-left:0;
    background: #534741;
}
.menu-tab-referencia ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    list-style: none;
    padding-left:0;
    background: #17632E;
}
.menu-tab-general {
    background: #3F2991;
}
.menu-tab-ambiental {
background: #006E99;
}
.menu-tab-implementacion {
background: #534741;
}
.menu-tab-referencia {
background: #17632E;
;
}
.menu-tab-referencia ul li{
   max-width: 20%;
   }

   .menu-tab-ambiental ul li{
   max-width: 33%;
   }

.menu-tab-general ul li, .menu-tab-ambiental ul li, .menu-tab-implementacion ul li, .menu-tab-referencia ul li {
    list-style: none;
    padding: 7px 0px;
    text-align: center;
    font-weight: bold;
}

.menu-tab-general ul li a, .menu-tab-ambiental ul li a, .menu-tab-implementacion ul li a, .menu-tab-referencia ul li a {
    color: #fff;
    padding: 7px 12px;
    display:block;
    border-right:1px solid #fff;
    text-transform:uppercase;
    font-size:0.9em;
}
.menu-tab-general ul li:last-child a, .menu-tab-ambiental ul li:last-child a, .menu-tab-implementacion ul li:last-child a, .menu-tab-referencia ul li:last-child a{
    border-right:none;
}
.menu-tab-general ul li:before, .menu-tab-ambiental ul li:before, .menu-tab-implementacion ul li:before, .menu-tab-referencia ul li:before {
content:""!important;background:transparent;
}

.item-sbn.tab-content {
    padding: 0px 0px 10px;
    background-color: var(--gris-2);
}
.item-sbn .tab-padding {padding: 30px;}
.item-sbn h3 {margin-bottom:20px; display: inline-block; width: 100%;}
.item-sbn h4 {color: var(--azul-1); font-size:20px;}
.item-sbn h5 {color: #009145; font-size:18px;}
.container-flex .item.etiqueta p {background: #534741; color:#fff; padding:7px 15px; margin-top:15px; white-space:normal;}
.container-flex .item.etiqueta {width: 100%!important;padding-right: 20px}
.container-flex .item.mantenimiento {width: 100%!important;}
html {
  scroll-behavior: smooth;
}
/*
.page-node-type-recursos .fondo-interno, .path-recursos .fondo-interno,.page-node-type-testimonios .fondo-interno{background: url(../img/02.jpg)no-repeat; background-size: 100%; padding-top: 40px; background-color: var(--gris-2)!important; min-height: 800px;}
.path-sobre-el-proyecto .fondo-interno,.page-node-type-article .fondo-interno,.path-sitemap .fondo-interno{background: url(../img/01.jpg)no-repeat; background-size: 100%; padding-top: 40px; background-color: var(--gris-2)!important; min-height: 800px;}

.node-95 .fondo-interno{background: url(../img/01.jpg)no-repeat; background-size: 100%; padding-top: 40px; background-color: var(--gris-2)!important; min-height: 800px;}
.path-corredores-biologicos .fondo-interno,.page-node-type-corredores-biologicos .fondo-interno {background: url(../img/03.jpg)no-repeat; background-size: 100%; padding-top: 40px; background-color: var(--gris-2)!important; min-height: 800px;}



.path-noticias .fondo-interno, .page-node-type-noticia .fondo-interno, .path-el-proyecto-en-los-medios .fondo-interno,.page-node-type-evento .fondo-interno {background: url(../img/04.jpg)no-repeat; background-size: 100%; padding-top: 40px; background-color: var(--gris-2)!important; min-height: 800px;}
*/




.page-node-type-noticia .region-content {padding: 20px;}
.page-node-type-noticia .region-content .paragraph {margin-bottom: 15px; margin-top: 15px;}
.path-recursos .form-group label {display: block; color: var(--gris-1); font-weight: normal; font-size: 0.9em;}
.path-recursos .views-exposed-form {margin-left: 30px; border-bottom: 1px solid #3c3c3c; margin-right: 20px; padding-bottom: 15px;}
.path-recursos .views-exposed-form .form-control {border-radius: 0;}
#edit-submit-recursos {color: var(--verder-2); background-color: var(--verder-3); border-radius: 0; border: 1px solid var(--verder-3); margin-top: 18px;text-transform: uppercase;}
#edit-submit-recursos:hover {background: var(--verder-3) !important; border: 1px solid var(--verder-3);}
.breadcrumb li, .breadcrumb li a {color: var(--cafe-2)!important;}
.breadcrumb li a:before {color: var(--cafe-2)!important; content: ""; display: none;}
.breadcrumb > li + li::before {padding: 0; color: var(--cafe-2)!important; content: "/\00a0"!important; font-size: 0.9em; top:2px; left:2px;}
.breadcrumb > .active {color: var(--cafe-2) !important; display: none;}
.region-content .breadcrumb li::before {content: "";}
.breadcrumb {background-color: #FFF;}


.region-content {background: #fff; min-height: 500px;}
#block-cajadeherramientas {padding: 15px;}
/*Caja de herramientas*/
.manual, .normativa, .tematicos, .diagnostico, .plan {min-height: 250px;}
#block-cajadeherramientas h3 {
    min-height: 70px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold;
    font-size: 1em;
    padding: 12px;
}
/*.line-doc{
        border-right: 2px solid var(--verder-2);
}*/

.view-id-recursos .views-row {
    border-bottom: 2px solid var(--gris-2);
    margin-bottom: 10px;
    padding-bottom: 10px;
}


.manual a {border: 1px solid var(--morado); padding: 130px 0 0 0; display: block;} 

.manual h3.titulo {color: #fff; background: var(--morado); margin-bottom: 0; position: relative; text-transform: uppercase; text-align: center;}
.manual h3:before {position: absolute; content: ""; background: url(../img/ico-herramientas-metodologias.svg); width: 103px; height: 79px; top:-117px; left: 0px; right: 0; margin: auto;}

.normativa a {border: 1px solid var(--azul-2); padding: 130px 0 0 0; display: block;} 
.normativa h3.titulo {color: #fff; background: var(--azul-2); margin-bottom: 0; position: relative; text-transform: uppercase; text-align: center;}
.normativa h3:before {position: absolute; content: ""; background: url(../img/ico-herramientas-normativas.svg); width: 103px; height: 79px; top:-117px; left: 0px; right: 0; margin: auto;}
#normativa.normativa h3:before {display: none;}
.tematicos a {border: 1px solid var(--cafe-1); padding: 130px 0 0 0; display: block;} 
.tematicos h3.titulo {color: #fff; background: var(--cafe-1);  margin-bottom: 0; position: relative; text-transform: uppercase; text-align: center; }
.tematicos h3:before {position: absolute; content: ""; background: url(../img/ico-herramientas-documentos.svg); width: 103px; height: 79px; top:-117px; left: 0px; right: 0; margin: auto;}

.diagnostico a {border: 1px solid var(--verde-oscuro); padding: 130px 0 0 0; display: block;} 
.diagnostico h3.titulo {color: #fff; background: var(--verde-oscuro); margin-bottom: 0; position: relative; text-transform: uppercase; text-align: center; }
.diagnostico h3:before {position: absolute; content: ""; background: url(../img/ico-herramientas-diagnosticos.svg); width: 103px; height: 79px; top:-117px; left: 0px; right: 0; margin: auto;}


.plan a {border: 1px solid var(--rojo); padding: 130px 0 0 0; display: block;} 
.plan h3.titulo {color: #fff; background: var(--rojo);  margin-bottom: 0; position: relative; text-transform: uppercase; text-align: center; }
.plan h3:before {position: absolute; content: ""; background: url(../img/ico-herramientas-planes.svg); width: 103px; height: 79px; top:-117px; left: 0px; right: 0; margin: auto;}


.ciudadverde a {border: 1px solid var(--verder-2); padding: 130px 0 0 0; display: block;} 
.ciudadverde h3.titulo {color: #fff; background: var(--verder-2);  margin-bottom: 0; position: relative; text-transform: uppercase; text-align: center; }
.ciudadverde h3:before {position: absolute; content: ""; background: url(../img/icon-programa-ciudad-verde.svg); width: 103px; height: 79px; top:-117px; left: 0px; right: 0; margin: auto;}




.logo-top img{
    width: 100%;
}
.header-top img{
    max-width: 100%;
}
.logos-ext img {

    padding: 0 5px;
    margin-top: 15px;
       width: 19%;
}
.buscar-box .col-md-3 {
    padding: 0;
}
.header-box {
    background-color: var(--nav);
}
.navbar {
    background: transparent;
    border: none;
}

.navbar-nav {
    float: left;
    margin: 0;
    
    width: 100%;
}
.navbar{
    margin-bottom: 0px;
}
.header-box > .container{
    padding:0;
}
.navbar-collapse {
    margin-right: -15px !important;
    margin-left: -15px !important;
}
.logos-ext {
    padding: 0;
}
.navbar-nav > li a{
    text-transform: uppercase;
    
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}
.navbar-default .navbar-nav > li > a{
    color: #fff;
}
.box-img-s {
    position: relative;
}

.box-des-s {
    position: absolute;
    top: 6%;
    left: 0;
    right: 0;
    /*background-color: rgba(0, 0, 0, 0.75);*/
    /*padding: 10px;*/
}
.box-des {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    padding: 10px;
}
.box-des-line {
    border: 1px solid var(--azul-1);
    padding: 20px;
    color: #fff;
        overflow: hidden;
}
.box-des-line h3{
    color: #fff;
}
a.more-s {
        display: block;
    border: 1px solid var(--naranja);
    width: 52px;
    text-align: center;
    text-transform: uppercase;
    float: right;
    color: #fff;
    padding: 3px 0px;
    background-color:var(--naranja);;
}
.region-footer-right .form-control{
    border-radius: 0;
}
.region-footer-right .form-submit {
    display: block;
    border: 1px solid var(--naranja);
    width: 90px;
    text-align: center;
    text-transform: uppercase;
    /* float: right; */
    color: #fff;
    background: var(--naranja);
    margin-top: 10px;
    border-radius: 0;
}
a.more-s:hover{
    text-decoration: none;
    background-color: var(--verder-1);
     border:1px solid var(--verder-1);
     color: #fff;
} 
.form-submit:hover{
    text-decoration: none;
    background-color: var(--verder-1);
     border:1px solid var(--verder-1);
     color: #fff;
} 

.region-footer-right ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

.g-recaptcha {
    margin-top: 14px;
}

.region-buscar .glyphicon-search:before {
    content: "Buscar";
}

.region-buscar .glyphicon {

    font-family:'Oswald', sans-serif;
    text-transform: uppercase;
}

.region-buscar .btn-primary{
    background-color: var(--verder-1);
    border:var(--verder-1);
    border-radius: 0;
}
.region-buscar input{
 border-radius: 0;   
}

.region-tools-home h2{
    margin-top: 5px;
    color: #fff !important;
}

.region-info-home-left h2{
    margin-top: 5px;
    color: var(--azul-oscuro) !important;
}
.box-info-home{
    padding-top:  20px;
    padding-bottom:  20px;
    overflow: hidden;
}

.region-info-home-right{
    padding: 5px 15px;
    background-color: var(--amarillo);
}

.region-info-home-right iframe {
    margin: auto;
    display: block;
    width: 100%;
}
.box-compo{
    background-image: url(../img/bck-componentes.jpg);
        background-size: cover;
        margin-top: 0px;
}

.box-compo h2.block-title{
    text-align: center;
    color: var(--gris-1) !important;
}
 .footer-box h2.block-title{
    
    color: #fff !important;

}
.region-ini-home h2.block-title{
    color: #fff !important;
        margin: 5px 0 10px 10px;
}

.compo-box a:hover {
    text-decoration: none;
}


.compo-box a {
    width: 100%;
    float: left;
    margin: 0 0 15px 0;
    /*color: #fff;*/
    color:#100839;
    font-weight: bold;
    padding: 0 20px 20px 20px;
}

/*.compo-box a {
    width: 25%;
    float: left;
        margin: 10px 0 60px 0;
        color: #fff;
        padding: 0 20px;
}*/
.compo-box a:nth-child(1):hover:before,.compo-box a:nth-child(2):hover:before,.compo-box a:nth-child(3):hover:before,.compo-box a:nth-child(4):hover:before {
    background-position-y: -100px; 
    transition: 0.2s;
}

.compo-box a:nth-child(1):before {
    content: '';
    background-image: url(../img/ico-componente1.svg);
    width: 100px;
    height: 100px;
    display: block;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100%;
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */              
}
.compo-box a:nth-child(2):before {
    content: '';
    background-image: url(../img/ico-componente2.svg);
    width: 100px;
    height: 100px;
    display: block;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100%;
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
}
.compo-box a:nth-child(3):before{
    content: '';
    background-image: url(../img/ico-componente3.svg);
    width: 100px;
    height: 100px;
    display: block;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100%;
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
}
.compo-box a:nth-child(4):before {
    content: '';
    background-image: url(../img/ico-componente4.svg);
    width: 100px;
    height: 100px;
    display: block;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100%;
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
}




.compo-box img {
    display: block;
    margin: auto;
}

.footer-box{
    background-color: var(--nav);

     margin-top: 30px;
}

.region-footer-izq ul li{
    color: #fff;
    padding: 3px 0;
    font-size: 0.9em;
}

.region-footer-izq p{
    color: #fff;
    font-size: 0.9em;
    font-weight: bold;
}
.region-footer-izq  h2.block-title,.region-footer-right  h2.block-title{
    
    color: #fff;
}
.footer-img-bck{
    background-color: var(--nav);
}
.footer-img {
    background: url(../img/footer-img.svg) no-repeat, url(../img/footer-img-zacate-patron.svg) repeat-x bottom;
    height: 160px;
    background-size: contain, 10%;
    background-position-x: 13%;
    margin-top: 0px;
}
.copy-r{
    text-align: center;
    color: #fff;
    background-color: var(--nav);
        padding: 10px 0;
}
.copy-r a{
    color: #fff;
    padding: 0 5px;
}
.copy-r p{
    display: inline-block;
    padding: 0 5px;
}

.desc {
    background: var(--verder-2);
    padding: 5px;
    min-height: 101px;
}
.desc h3, .front-box-tools a{
    font-size: 1em;
    margin: 5px 0;
    color: #fff;
    text-transform: uppercase;
}
.desc a{
    color: #fff;
}
a.noti-l:hover .desc .date{
    color: #fff;
}
.desc .date{
    color: var(--cafe-3);
    font-size: 0.9em;
}

a.noti-l:hover{
    text-decoration: none;
}
a.noti-l:hover .desc{
    background-color: var(--verder-1);

}
.box-ini-tools-home-2 p{
    color: #fff;
}
.box-ini-tools-home-2 {
    background-color: var(--verde-oscuro);
        padding: 15px;
}
.front-box-tools .views-row {
    border: none !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
}
a.btn-doc-home {
    display: block;
    overflow: hidden;
    padding: 10px 0;
    margin: 0;
    border: 1px solid #fff;
}
a.btn-doc-home:hover {
    background-color: var(--verder-1);
    border: 1px solid var(--verder-1);
}
.box-ini-tools-home .more-link a{
    color: #fff;
    /*border: 1px solid var(--naranja);*/
    float: right;
    margin: 15px 15px 0px 0px;
    padding: 2px 10px;
    font-size: 0.9em;
    background-color: var(--naranja);
}


#block-views-block-actualidad-block-1-2 h2.block-title, #block-views-block-agenda-block-1-2 h2.block-title,#block-views-block-socios-block-1 h2{
    font-family: 'Oswald', sans-serif !important;
    color: var(--azul-oscuro) !important;
}


#block-views-block-socios-block-1 .owl-wrapper-outer img {
    margin: auto;
}

#block-views-block-socios-block-1 .owl-item {
    border-right: 2px solid var(--gris-2);
}
#block-views-block-socios-block-1 .owl-item:last-child {
    border-right: none;
}



.box-noti-home.container {
    margin-bottom: 25px;
}
#block-views-block-actualidad-block-1-2 .more-link a,.region-eventos-home .more-link a {
    color: #fff;
    background-color: var(--naranja);
    /* display: block; */
    /* overflow: hidden; */
    float: right;
    margin: 15px 15px 0px 0px;
    padding: 2px 10px;
    font-size: 0.9em;
}
#block-views-block-actualidad-block-1-2 .more-link a:hover{
    background-color: var(--verder-1);
    text-decoration: none;
}
span.item-view.title{
    text-transform: uppercase;
    display: block;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold;
    color:var(--verde-oscuro);
    margin-bottom: 7px;
}

.info .date,.hora-label, .info .location{
    font-size: 0.9em;
    color: var(--cafe-3);
    display: block;
    margin-bottom: 5px;
}
a.event-link {
    border: 1px solid var(--cafe-3);
    display: block;
    margin: 0 0 10px 0;
    padding: 10px;
}
a.event-link:hover {
    background-color: var(--verder-2);
    color: #fff;
    text-decoration: none;
    border: 1px solid var(--verde-2);
    margin: 0 0 12px 0;
    padding: 10px;
}
a.event-link:hover .info .date,a.event-link:hover .hora-label,a.event-link:hover .info .location,a.event-link:hover span.item-view.title{
    color: #fff;
    border: 1px solid #fff;
}

/*.page-node-type-recursos .region-sidebar-first h2{
    background-color: var(--verder-3);
}*/

.region-sidebar-first h2{
    background-color: var(--verder-2);
    color: #fff !important;
    padding: 10px;
    margin: 0;
}

.block-views-exposed-filter-blockcatalogo-de-soluciones-basadas-en-naturaleza-page-1 h2 {background: var(--verder-3); color: var(--verder-2) !important; text-align: center; font-size: 1.2em; margin-top: 20px;}

.region-sidebar-first ul.menu {
    background-color: var(--gris-2);
    list-style: none;
    padding: 0px 10px;
}
.region-sidebar-first ul.menu li{
    border-bottom: 1px solid;
}
.region-sidebar-first ul.menu li:last-child{
    margin-bottom: 10px;
}
.region-sidebar-first ul.menu li a.is-active{
    color: var(--gris-1);
}
.region-sidebar-first ul.menu a{
    color: var(--nav);
    text-transform: uppercase;
    font-weight: bold;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background-color: var(--azul-oscuro);
    color: #fff;
}
p.contacto-nombre-socio{
    display: inline-block;
}
/*.box-socios {
    border-left: 2px solid var(--verder-3);
}*/
.views-row {
    overflow: hidden;
}
.view-socios .views-row{
        margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--verder-2);
}
.box-socios h4 {
    font-family: 'Montserrat', sans-serif !important;
    color: var(--gris-1)!important;
    font-size: 0.9em;
    border-top: 1px solid var(--gris-1);
    padding-top: 5px;

}
.view-equipos-de-trabajo .col-md-3{
    width: 45%;
        padding: 5px;
        float: left;
}
/*.view-equipos-de-trabajo .views-row{
    min-height: 280px;
}*/

.img-c img{
    margin:auto;
}


a.enlace-socio:before {
    content: '';
    background-image: url(../img/ico-info-web.svg);
    width: 21px;
    height: 12px;
    display: inline-block;
        background-repeat: no-repeat;
}
a.mail-socio:before {
    content: '';
    background-image: url(../img/ico-info-mail.svg);
    width: 21px;
    height: 12px;
    display: inline-block;
        background-repeat: no-repeat;
}
h4.panel-title a:hover,h4.panel-title a:focus,h4.panel-title a:visited{
    text-decoration: none;
}
.panel-title h3{
    margin: 0;
    color: #fff;
    padding: 5px 50px 5px 5px;
        font-size: 1.3em;
}
.panel {
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.panel-title h3:after{
       content: '';
    background-image: url(../img/arrow-dropdown-down.svg);
    width: 45px;
    height: 30px;
    /* display: inline-block; */
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 10px;
    background-size: contain;
    transition: 0.5s;
    
}
.h4-active h3:after{
     content: '';
    background-image: url(../img/arrow-dropdown-up.svg);
    width: 45px;
    height: 30px;
    /* display: inline-block; */
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 10px;
    transition: 0.5s;
}

.region-sidebar-first .nav > li > a:hover, .nav > li > a:focus {
    color: #fff;
    background-color: var(--nav);
}

.panel-title {
    padding: 0;
    margin: 0;
}
.panel-heading {
    padding: 0;
    background-color: var(--nav) !important;
    border-radius: 0;
    position: relative;
}
.box-per-equipo {
    position: relative;
    margin-left: 5px;
    padding: 10px 20px;
    background-color: var(--gris-2);
    margin: 10px 0 5px 0;
}
.box-per-equipo img{
    width: 100%;
}
.info-box {
        position: absolute;
    bottom: 0;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    background-color: #3c3c3c;
    width: 100%;
    padding: 5px;
        min-height: 40px;
}
p.box-cargo-p {
    /*text-align: center;*/
    color: var(--cafe-1);
    font-style: italic;
    font-size: 0.9em;
}
.region-content li{
    position: relative;
}
.doc-rela p{
    overflow: hidden;
}
.region-content ul li:before{
   content: "• ";
    /*color: var(--gris-2);*/
    color: var(--naranja);
    font-size: 2em;
    position: absolute;
    /* width: 10px; */
    /* height: 6px; */
    top: -12px;
    /* display: block; */
    left: -14px;
}
.region-content ul {
   list-style: none;
}
.region-content ul.nav li:before{
    content: "";
}
/*.tabs-corredores p,.tabs-corredores ul{
    color: #fff;
}*/
.tabs-corredores table p,.tabs-corredores table ul{
    color: #3c3c3c ;
}
.tabs-corredores ul.nav a {
    min-height: 66px;
    color: #fff;
    font-weight: bold;
    border-radius: 0 !important;
   border-right: 0;
   border-left: 0;
   border-bottom:  0;
}
table td {
    border: 1px solid #dee2e6;
}
a.btn-back {
    background-color: var(--amarillo);
    color: #3c3c3c;
    padding: 5px;
    float: right;
    text-transform: uppercase;
    font-size: 0.7em;
    font-weight: bold;
    text-decoration: none;
        margin-top: 30px;
}
a.btn-back:hover {
    background-color: var(--verder-2);
    color: #fff;
    
    text-decoration: none;
}
.tabs-corredores ul.nav li.active:nth-child(1) a{
    background-color: var(--morado);
    border-top:5px solid var(--morado);
       border-right: 0;
   border-left: 0;
   border-bottom:  0;
}
.tabs-corredores ul.nav li.active:nth-child(2) a{
    background-color: var(--azul-2);
    border-top:5px solid var(--azul-2);
       border-right: 0;
   border-left: 0;
   border-bottom:  0;
}
.tabs-corredores ul.nav li.active:nth-child(3) a{
    background-color: var(--cafe-1);
    border-top:5px solid var(--cafe-1);
       border-right: 0;
   border-left: 0;
   border-bottom:  0;
}
.tabs-corredores ul.nav li.active:nth-child(4) a{
    background-color: var(--verde-oscuro);
    border-top:5px solid var(--verde-oscuro);
       border-right: 0;
   border-left: 0;
   border-bottom:  0;
}
.tabs-corredores ul.nav li.active:nth-child(5) a{
    background-color: var(--rojo);
    border-top:5px solid var(--rojo);
       border-right: 0;
   border-left: 0;
   border-bottom:  0;
}



.tabs-corredores li.active a{
    padding-top: 10px;
    background-color: transparent;
       border-right: 0;
   border-left: 0;
   border-bottom:  0;
    
}

.tabs-corredores li:nth-child(1) a{
    background-color: var(--morado);
    border-top:5px solid #fff;
       border-right: 0;
   border-left: 0;
   border-bottom:  0;
}

.tabs-corredores li:nth-child(2) a{
    background-color: var(--azul-oscuro);
    border-top:5px solid #fff;
       border-right: 0;
   border-left: 0;
   border-bottom:  0;
}
.tabs-corredores li:nth-child(3) a{
    background-color: var(--cafe-2);
    border-top:5px solid #fff;
       border-right: 0;
   border-left: 0;
   border-bottom:  0;
}

.tabs-corredores li:nth-child(4) a{
    background-color: var(--verde-oscuro);
    border-top:5px solid #fff;
       border-right: 0;
   border-left: 0;
   border-bottom:  0;
}
.tabs-corredores li:nth-child(5) a{
    background-color: var(--rojo);
    border-top:5px solid #fff;
       border-right: 0;
   border-left: 0;
   border-bottom:  0;
}
.tabs-corredores .nav-tabs > .tabs-corredores li.active > a, .tabs-corredores .nav-tabs > li.active > .tabs-corredores a:hover,.tabs-corredores .nav-tabs > li.active > a:focus{
    color: #fff;
}
.tabs-corredores .nav-tabs > li.active > a,.tabs-corredores  .nav-tabs > li.active > a:hover,.tabs-corredores  .nav-tabs > li.active > a:focus{
    color: #fff;
}
.tabs-corredores .field--label{
    font-size: 1.3em;
    /*color:#fff;*/
    color:#115a7d;
    
}
.tab-content {
    padding: 10px 50px;
    /*background-color: #77635C;*/
    background-color: var(--gris-2);
}
p.nombre-contacto {
    background-color: var(--nav);
    color: #fff;
    width: fit-content;
    padding: 2px 8px 0px 8px;
}

.box-contact-nodo-corredores p{
    font-size: 0.9em;
    color: var(--gris-1);
}
.box-contact-nodo-corredores{
    font-weight: bold;
}
.box-contact-nodo-eventos p{
        color: var(--gris-1);
}

.box-contact-nodo-corredores strong{
    font-size: 0.9em;
    color: var(--azul-1);
    /*font-weight: normal;*/
    text-transform: uppercase;
}

.box-contact-nodo-eventos strong {
    
    color: var(--azul-1);
    
    text-transform: uppercase;
}
.view-corredores-biologicos a {
    border:1px solid #3c3c3c;
    display: block;
        padding: 5px 10px;
        color: var(--naranja);
}
.view-corredores-biologicos a:hover {
    color:#fff;
    background-color: var(--verder-1);
    text-decoration: none;
}
.view-corredores-biologicos .views-row{
    margin-bottom: 15px;
}

.page-node-type-noticia .slick img{
    width: 100%;
}
.region-noti-home span.item-view.date{
    color: var(--verder-1);
}
.slick--skin--classic .slide__caption,span.item-view.date {
   background-color: transparent;
   
    padding:  0 !important;
    width: 100% !important;
    /*text-align:right;*/
    color: var(--azul-1);
    font-size: 0.9em;
    margin:0 0 10px 0;
    padding: 0;
}
span.item-view.date time {
    color: #3c3c3c;
}
.path-frontpage .view-actualidad h3,.front-box-tools a{font-family: 'Montserrat', sans-serif !important;
        line-height: 1.3;
}
.view-actualidad h3{
    margin-top: 3px;
    margin-bottom: 0px;
}

.path-frontpage .view-actualidad .views-row{margin-bottom: 15px;border-bottom: none; margin: 0px;}
.view-actualidad .views-row{
    margin-bottom: 15px;
    border-bottom: 1px solid var(--gris-1);
padding: 10px 10px;
    

}
.path-frontpage .view-actualidad .views-row{
   
    min-height: 46px;

}
.view-header{
        color: var(--verder-2) !important;
            font-size: 36px;
                margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Oswald', sans-serif !important;
    overflow: hidden;
}
.glyphicon-arrow-right:before {
    content: "\e092";
    font-size: 0.7em;
    /* display: block; */
    /* margin-top: 25px; */
    position: absolute;
    top: -10px;
    left: 2px;
}
/*.view-agenda .views-row{
    padding: 10px;
}*/
.view-agenda .views-row .info{
    border: 1px solid var(--gris-2);
    padding: 10px 15px;
    margin-bottom: 15px;
        /*min-height: 370px;*/
}
.view-testimonios .views-row{
    margin-bottom: 15px;
}

.info img{
    margin: auto;
    display: block;
}
a.event-pass {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background-color: var(--naranja);
    padding: 3px 5px;
    float: right;

}
.testi-box h3 {
        color: var(--link);
    text-transform: uppercase;
    font-size: 1em;
    text-align: center;
    margin: 0 0 10px 0;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold;
    padding: 15px 0;
}

/*.header-top .container,.header-top .logo-top{
    padding:0;
}*/
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.no-padding{
        padding-right: 0;
    padding-left: 0;
}
.region-ini-home{
    background-image: url(../img/bck-iniciativas.jpg);
    background-size: cover;
       min-height: 150px;
    /*background-position-x: -70px;*/
}
a.ini-h {
    color: #fff;
    text-transform: uppercase;
    display: block;
    width: 100%;
    font-weight: bold;
    padding: 5px 5px 5px 35px;
    position: relative;
    background-color: rgba(0, 0, 0, 0.25);
}
a.ini-h:hover {
    background-color: var(--verder-1);
}
a.ini-h:before {
    content: '';
    background-image: url(../img/ico-iniciativas.svg);
    width: 25px;
    height: 22px;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    left: 10px;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
}
#navbar-collapse-movil a{
    color: #fff;
}
#navbar-collapse-movil {
    background-color: var(--nav);
    padding: 5%;
}
#navbar-collapse-movil .dropdown-menu{
    background-color: var(--azul-oscuro);
}
#navbar-collapse-movil .nav .open > a,#navbar-collapse-movil .nav .open > a:hover,#navbar-collapse-movil .nav .open > a:focus{
    background-color: var(--nav);
}
#navbar-collapse-movil .nav > li {
    
    border-bottom: 1px solid var(--cafe-1);
}
    .compo-box a:nth-child(1){
    border-bottom: 2px dashed #1a5417;
    }
    .compo-box a:nth-child(1),.compo-box a:nth-child(2),.compo-box a:nth-child(3),.compo-box a:nth-child(4){
    border-bottom: 2px dashed #1a5417;
    }
.box-ini-tools-home-1 {
    margin-bottom: 10px;
    padding: 0;
}
.region-slider-movil{
    clear: both;
}
.path-frontpage img.generico-img {
    width: 100%;
    height: 127px;
}
img.generico-img {
    width: 100%;
    height: 105px;
}

.agenda img.generico-img {
    width: 200px;
    height: 150px;
}

.fondo-interno {
    border-top: 2px solid var(--cafe-1);
}
.main-container .col-sm-8{
    padding: 0;
}
.line-doc img {
    width: 100%;
    height: 150px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.box-personal {
    background-color: var(--verde-oscuro);
    
}
.box-personal h2{
    
    text-align: center;
}
.img-personal img {
    width: 50%;
    margin: auto;
    padding-top: 15px;

}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  
    padding: 0;
}

.node-131 .fondo-interno section{
    background-color: #fff;
}
.region-noti-home .views-row:nth-child(2),.region-noti-home .views-row:nth-child(3){
        display: none;
    }

    .region-eventos-home .views-row:nth-child(2){
        display: none;
    }
.tabs-bio-node .panel h4{
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold;
    font-size: 1em;
}
.tabs-bio-node .panel-body{
    background-color: var(--cafe-1);
}
/*.tabs-bio-node p,.field--label,.tabs-bio-node ul{
    color: #fff;
}*/

.tabs-bio-node td p,.tabs-bio-node table ul{
    color: #3c3c3c;
}
/*.tabs-bio-node .panel h4:after {
    content: '';
    background-image: url(../img/arrow-dropdown-up.svg);
    width: 45px;
    height: 30px;
    
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 10px;
    transition: 0.5s;
}*/


.tabs-bio-node .panel:nth-child(1) h4 a{
    
    background-color: var(--morado);
    width: 100%;
    display: block;
    padding: 10px;
}
.tabs-bio-node .panel:nth-child(2) h4 a{
    
    background-color: var(--azul-2);
    width: 100%;
    display: block;
    padding: 10px;
}
.tabs-bio-node .panel:nth-child(3) h4 a{
    
    background-color: var(--cafe-2);
    width: 100%;
    display: block;
    padding: 10px;
}
.tabs-bio-node .panel:nth-child(4) h4 a{

    background-color: var(--verde-oscuro);
    width: 100%;
    display: block;
    padding: 10px;
}
.tabs-bio-node .panel:nth-child(5) h4 a{
    
    background-color: var(--rojo);
    width: 100%;
    display: block;
    padding: 10px;
}

.region-footer-right .form-control {
   
    background-color: var(--azul-oscuro);
    color: #fff;
    border: 1px solid var(--azul-oscuro);
}
a.enlace-socio, a.mail-socio{
    color: var(--naranja);
}
p.contacto-nombre-socio{
    color: var(--nav);
}
.box-per-equipo h3 {
    margin: 0 0 3px 0;
    font-size: 1.4em;
    position: relative;
    color: var(--verder-3);
}
.view-display-id-page_2 .panel-body {
    padding: 0;
}

#block-formularioweb-2 .form-item-doy-mi-consentimiento-para-que-se-registre-mi-nombre-y-correo-el,
#block-formularioweb-2 .form-item-doy-mi-consentimiento-para-que-se-registre-mi-nombre-y-correo-el a {color: #FFF;}
#block-formularioweb-2 .form-item-doy-mi-consentimiento-para-que-se-registre-mi-nombre-y-correo-el a {text-decoration: underline;}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}


@media only screen and (min-width: 481px) and (max-width: 767px)  {
    .region-noti-home .views-row:last-child{
        display: none;
    }
    .region-noti-home .views-row:nth-child(2){
        display: inherit;
    }
    .region-noti-home .col-md-4 {
    width: 50%;
    float: left;
    }

    .box-img-s img{
    width: 100%;
    height: 360px;
    }
    .path-frontpage img.generico-img {
    
    height: 98px;
    }
    .view-equipos-de-trabajo .views-row {
    min-height: 417px;
}
.panel-title h3{
    font-size: 1.3em;
    padding: 15px 50px 15px 5px;
        
}


}

/* Extra Small Devices, Phones */ 



@media only screen and (min-width : 480px) {
    .compo-box a {
    width: 50%;
        min-height: 242px;
    }

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.container-flex .item.etiqueta {width: 25%!important;}
.container-flex .item.mantenimiento {width: 75%!important;}
    .region-noti-home .views-row:nth-child(2),.region-noti-home .views-row:nth-child(3){
        display: inherit;
    }

    .region-eventos-home .views-row:nth-child(2){
        display: inherit;
    }
/*    a.event-link {
    
    min-height: 132px;
    }*/
    .path-frontpage img.generico-img {
    
    height: 105px;
    }
    .navbar-nav > li a {
    
    height: 76px;
    }

  

    .box-personal h2{
    
    text-align: left;
    }

    .img-personal img{
         padding-top: 0px;
    width: 100% !important;
    }
    .panel-title h3{
   
    padding: 12px 0 12px 100px;
    
}
    .main-container .col-sm-8{
    padding: inherit;
}
    .view-socios .views-row {

    border-bottom: 1px solid var(--gris-2);
}
    .region-content {
    padding: 15px 10px 30px 15px;

}
    .box-socios {
    border-left: 2px solid var(--gris-1);
}
    .fondo-interno {
    border-top: none;
}

.page-node-type-iniciativas .fondo-interno,.path-iniciativas .fondo-interno{background: url(../img/ini.jpg)no-repeat; background-size: 100%; padding-top: 40px; background-color: var(--gris-2)!important; min-height: 800px;}

.page-node-type-recursos .fondo-interno, .path-recursos .fondo-interno,.page-node-type-testimonios .fondo-interno{background: url(../img/02.jpg)no-repeat; background-size: 100%; padding-top: 40px; background-color: var(--gris-2)!important; min-height: 800px;}
.path-sobre-el-proyecto .fondo-interno,.page-node-type-article .fondo-interno,.path-sitemap .fondo-interno{background: url(../img/01.jpg)no-repeat; background-size: 100%; padding-top: 40px; background-color: var(--gris-2)!important; min-height: 800px;}

.node-95 .fondo-interno{background: url(../img/01.jpg)no-repeat; background-size: 100%; padding-top: 40px; background-color: var(--gris-2)!important; min-height: 800px;}
.path-corredores-biologicos .fondo-interno,.page-node-type-corredores-biologicos .fondo-interno {background: url(../img/03.jpg)no-repeat; background-size: 100%; padding-top: 40px; background-color: var(--gris-2)!important; min-height: 800px;}
.node-131 .fondo-interno, .node-135 .fondo-interno {background: url(../img/08.jpg) no-repeat top; background-size: 100%; padding-top: 50px;}
.node-131 .col-sm-8, .node-135 .col-sm-8 {background: #FFF;}


.path-noticias .fondo-interno, .page-node-type-noticia .fondo-interno, .path-el-proyecto-en-los-medios .fondo-interno,.page-node-type-evento .fondo-interno {background: url(../img/04.jpg)no-repeat; background-size: 100%; padding-top: 40px; background-color: var(--gris-2)!important; min-height: 800px;}


    h3.sistemanacionaldeareasdeconservacionsinac:before {
    content: '';
    background-image: url(../img/areas-trabajo-sinac.jpg);
    width: 90px;
    height: 65px;
    /* display: inline-block; */
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
}
h3.ministeriodeambienteyenergiaminae:before {
    content: '';
    background-image: url(../img/areas-trabajo-minae.jpg);
    width: 90px;
    height: 65px;
    /* display: inline-block; */
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
}
.view-content .panel .box-per-equipo h3:before {
        content: '.';
    background-image: none;
    width: 0px;
    height: 5px;
    /* display: inline-block; */
    background-repeat: no-repeat;
    position: absolute;
    left: -10px;
    top: -16px;
    color: var(--naranja);
    font-size: 1.6em;
}

.view-content .panel:nth-child(1) .panel-title h3:before {
    content: '';
    background-image: url(../img/areas-trabajo-giz.jpg);
    width: 90px;
    height: 65px;
    /* display: inline-block; */
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
}
    .view-equipos-de-trabajo .col-md-3 {
    width: 20%;
    
    }
    .footer-img {

    margin-top: -90px;
    
    }   
    .box-ini-tools-home-1 {
    
    padding: inherit;
    }
    .compo-box a {
    width: 33%;
    float: left;
        margin: 10px 0 60px 0;
        /*color: #fff;*/
        color:#100839;
        font-weight:bold;
        padding: 0 20px;
    }
    .compo-box a:nth-child(1){
    border-left: 2px dashed var(--gris-1);
    border-bottom: none;
    }
    .compo-box a:nth-child(1),.compo-box a:nth-child(2),.compo-box a:nth-child(3),.compo-box a:nth-child(4){
    border-right: 2px dashed var(--gris-1);
    border-bottom: none;
    }
    .compo-box{
    text-align: center;
    display: flex;
    }

/*    .header-top .container,.header-top .logo-top{
    padding:inherit;
    }*/

    .box-des {
    width: 64%;
    }
    .region-info-home-right iframe {
   
    width: 80%;
    }

    .agenda .views-row .info{

        min-height: 380px;
    }
        .logos-ext img {
        float: right;
        width: inherit;
    }
    .navbar-nav {
    
    display: table;
    width: 100%;
    }
    .navbar-nav > li:first-child{
        border-left: 1px solid var(--fondo);
    }
    .navbar-nav > li{
        display: table-cell;
        float: initial;
        border-right: 1px solid var(--fondo);
        
    }
    .navbar-nav > li a:hover{
        background-color: var(--verder-1) !important;
        color: #fff !important;
    }
    .navbar-nav > li a{
        text-align: center;
            font-size: 0.9em;

    }

    .navbar-nav > li:last-child a:focus{
        color: #fff;
        
    }
        .navbar-nav > li:last-child a:hover{
        color: #fff !important;
        
    }

    .navbar-nav > li:last-child a:after{
        content: '';
        background-image: url(../img/search-20x20px.png);
        width: 15px;
        height: 15px;
        display: inline-block;
        margin-left: 5px;
        background-size: 15px;
    }
    .navbar-nav > li:last-child a:hover:after, a.active-search:after {
        background-position-y: 15px;
    }
    a.active-search,a.active-search:focus,a.active-search:active,a.active-search:visited,a.active-search:focus-within{
        background-color: var(--verder-1) !important;
        color: #fff !important;
    }
    ul.dropdown-menu li a {
    
        height: 25px;
    }
    .dropdown-menu {
    
    font-size: 11px;
    }
    .box-img-s img{
        height: 250px;
    }
    .region-ini-home{
    
        min-height: 368px;
    
    }
    .buscar-box {
    position: absolute;
    
    }

} /*fin 768*/

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .box-per-equipo {
    margin-left: 90px;
}
    .view-actualidad .views-row{

    min-height: 416px;

}
    .view-actualidad .views-row{
    margin: 10px;
    min-height: inherit;
    }
    .region-ini-home{
    
        min-height: 392px;
    
    }
        .region-ini-home,.box-ini-tools-home-2 {
    padding: 1em 5em;
    }
        .path-frontpage img.generico-img {
    
    height: 127px;
    }
    .box-img-s img{
        height: auto;
    }
    .box-des {
    width: 40%;
    }
    .dropdown-menu {
    
    font-size: inherit;
    }
    ul.dropdown-menu li a {
        color: var(--nav);
        height: 25px;
    }
    .navbar-nav > li a {

    
        height: inherit;
    }
        .menu--main .navbar-nav > li a{
            padding: 14px;
        font-size: 1em;

        }
    .buscar-box {left: 12%; top: 170px;}
} /*fin 992*/

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1600px) {

}
@media only screen and (max-width : 480px) {
    .row {
    margin-right: 0px;
    margin-left: 0px;
}
.dialog-off-canvas-main-canvas {
    overflow: hidden;
}
.path-frontpage img.generico-img {
    width: 100%;
    
}
.line-doc img {
    width: 100%;
    height: 90px;
}
.box-des-line h3 {
 
    font-size: 1.4em;
    margin-top: 0px;
}
.path-frontpage .lista-documentos img.generico-img {
   
    height: 40px;
}
ul.menu li:nth-child(7) a{
    display: none;
}

}/*fin max 480*/

@media only screen and (min-width: 768px){
.path-catalogo-de-soluciones-basadas-en-naturaleza .fondo-interno, .page-node-type-catalogo-sbn .fondo-interno{
    background: url(../img/background-SbN.jpg)no-repeat;
    background-size: 100%;
    padding-top: 40px;
    background-color: var(--gris-2)!important;
    min-height: 800px;
}
}