body {font-size: 18px;
font-family: 'Quicksand', sans-serif;
font-weight: 400;
color: #000;}
p {font-size: 20px;
font-family: 'Quicksand', sans-serif;
font-weight: 400;
color: #000;}
.moduletable {
    margin-bottom: 20px;
    padding: 0px;
}
#sppb-addon-1626984153926 .sppb-addon-header .sppb-addon-title {
    text-transform: none;
}
#section-id-1621031200687 .sppb-row-container {
    max-width: 100%;
}
#section-id-1621031200687  ul {
    margin: 0;
    padding: 0;
}
#section-id-1621031200687 ul li::before {
    content: "\e080";
    font-family: glyphicons halflings;
}
#section-id-1621031200687 ul li {
    padding: 2px 0;
}
div#mod-custom94 {
    margin-bottom: 20px;
    padding: 20px 10px;
}
#mod-custom91 p {
    color: #fff;
    font-size: 0.9em;
    margin-top: 10px;
}
#mod-custom91 {
    margin-bottom: 20px;
    padding: 10px 10px 0px 10px;
}
#mod-custom91 a {
        color: #fff;
        padding-left: 40px;
        text-decoration: underline;
}
img {
    max-width: 100%;
    height: auto;
}
.imagen-400 {
    max-height: 420px;
}
li.item-ubica {
    background: #91d9ca;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    margin-right: 10px;
}
.boton-ubica ul {
    display:flex;
    justify-content:center;
    flex-flow:wrap;
    list-style:none;
}
.flecha-interna {z-index:30;}
.headroom--pinned {
    transform: inherit!important;
}
.at-expanding-share-button .at-share-btn {
    display: block;
    height: 40px;
    padding: 0 20px 0 0!important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.navbar-collapse {
  border-top:none;
}
.back-to-top {
    display: none!important;
}
.at-expanding-share-button-toggle-bg  {
    margin-right:15px;
}
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: none;
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 0%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0%);
}
.nav{display:block; align-items: center; margin-top:20px;flex-flow: wrap;}
.nav li{justify-content:center;}
.nav>li {
    display: inline-block;
    line-height: 1.2em;
    border-left:none;
    padding: 0px 0px 0px 0px;
}
.nav.menu li a:active,.nav.menu li a:focus {
   background:transparent;
}
.nav.menu li a {position:relative;padding-left:40px;padding-bottom:10px!important;}
.nav.menu li:first-child a:after {background:url(../images/ico-menu-home.svg)no-repeat; position:absolute; content:"";
width:30px; height:30px;left:5px;top:0px;background-size:contain;
}
.nav.menu li:nth-child(5) a:after {background:url(../images/ico-menu-proyecto.svg)no-repeat; position:absolute; content:"";
width:30px; height:30px;left:5px;top:0px;background-size:contain;
}
.nav.menu li:nth-child(2) a:after {background:url(../images/ico-menu-explorar.svg)no-repeat; position:absolute; content:"";
width:30px; height:30px;left:5px;top:0px;background-size:contain;
}
.nav.menu li:nth-child(3) a:after {background:url(../images/ico-menu-programa.svg)no-repeat; position:absolute; content:"";
width:30px; height:30px;left:5px;top:0px;background-size:contain;
}
.nav.menu li:nth-child(4) a:after {background:url(../images/ico-menu-usar.svg)no-repeat; position:absolute; content:"";
width:30px; height:30px;left:5px;top:0px;background-size:contain;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background: #006574!Important;
    border-color: transparent!Important;
}

.nav.menu li ul li a{
   background: #156E7F;
   color:#fff;
   padding-left:60px;
   padding-top: 15px!Important;
}

.nav.menu li ul li a:hover{
   background: #006574!Important;
   color: #FFD006;
}

.nav.menu li ul li.item-111 a:after {background:url(../images/sidebar-ico-jovenes-activo.png) no-repeat; position:absolute; content:"";
width:40px; height:40px;left:5px;top:10px;background-size:contain;
}

.nav.menu li ul li.item-111 .caret{display: none;
}

.nav.menu li ul li.item-133 a:after {background:url(../images/sidebar-ico-nines-activo.png) no-repeat; position:absolute; content:"";
width:40px; height:40px;left:5px;top:10px;background-size:contain;
}

.fondo-azul {background:#1F2C54!important; color:#fff;}
.fondo-verde {background:#229A6E; color:#000;}
.fondo-verde2 {background:#1E757F; color:#fff;}
.fondo-amarillo {background:#FDD009; color:#fff;}
.fondo-rojo {background:#ea161b; color:#fff;}
.fondo-naranja {background:#FF783D; color:#000;}

.fondo-azul h3,.fondo-azul h4, .fondo-azul h2, .fondo-azul p, .fondo-azul ul li, .fondo-rojo h3,.fondo-rojo h2, .fondo-rojo p, .fondo-rojo ul li,
.fondo-verde2 h3, .fondo-verde2 p,.fondo-verde2 h2,.fondo-verde2 h4, .fondo-verde2 ul li{color:#fff;}
.fondo-amarillo h3, .fondo-amarillo p, .fondo-amarillo ul li, .fondo-verde h3,.fondo-verde h2,.fondo-verde h4, .fondo-verde p, .fondo-verde ul li,
.fondo-naranja h3, .fondo-naranja p, .fondo-naranja ul li{color:#000;}
.centrado {text-align:center;}
.texto-blanco h4 {color:#fff;}
.volver-menu a {color:#fff; text-align:center;padding-top:50px;position:relative;}
.volver-menu a {background:url(../images/b-menu-normal.svg)no-repeat center top;background-size:45px; display:block;font-weight:bold;}
.volver-menu a:hover {background:url(../images/b-menu-roll.svg)no-repeat center top;background-size:45px; display:block;}
.volver-menu {margin-left: 23%;}
.volver-menu.dos {margin-left: 0%;}
.volver-menu2 a {color:#1E757F; text-align:center;padding-left:50px;position:relative;}
.volver-menu2 a:hover {color:#FDD009; text-align:center;position:relative;background: transparent;}
.volver-menu2 a:before {background: url(../images/ico-more-normal.svg);
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    left: 15px;
    top: 0px;
    transform: rotate(90deg);
    transition:0.5s;}
.volver-menu2 a:hover:before {background: url(../images/ico-more-roll.svg);
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    left: 15px;
    top: 0px;
    transform: rotate(90deg);
    transition:0.5s;}    
a.boton-cuadrado {
    border: 2px solid #fff;
    background:#0f583e;
    color: #fff;
    padding:20px;
    display:block;
    margin:0 auto;
    width:250px;
    text-align:center;
    -webkit-box-shadow: 10px 11px 0px -4px rgba(0,0,0,0.47); 
box-shadow: 10px 11px 0px -4px rgba(0,0,0,0.47);
}
.modal-header {
    padding: 0px;
    border-bottom: none;
}
.modal-body {
    padding: 15px;
    border-top: none;
}
.modal-footer {
    border-top: none;
}
button.close {
    font-size: 2.5em;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: #000;
}



.flex-container {
  display: flex;
  align-items: stretch;
flex-flow: row wrap;
}

.flex-container .texto {
  color: white;
}
.flex-container .image img {width:90%; height:auto;}
.flex-container .image {width:100%;}
.flex-container .texto {width:100%;}
.texto-intro ul li:first-child {
    background: #FDD009;
    margin-bottom: 7px;
    border-radius: 7px;
}
.texto-intro ul li:nth-child(2) {
    background: #FA5451;
    margin-bottom: 7px;
    border-radius: 7px;
}
.texto-intro ul li:nth-child(3) {
    background: #FA7A2C;
    margin-bottom: 7px;
    border-radius: 7px;
}
.texto-intro ul {
    list-style:none;
}
a:link {
    transition: 0.5s;
}


.flex-logo {display: flex;justify-content: center; flex-flow:wrap;}
.flex-logo img {
    background:#fff;
    padding:10px;
    margin-right:10px;
    margin-top:20px;
    position:relative;
      -webkit-box-shadow: 0 10px 6px -6px #777;
     -moz-box-shadow: 0 10px 6px -6px #777;
          box-shadow: 0 10px 6px -6px #777;
}
#header {
  background-color: #006e7e;
}
.mainbody {
    margin-top: 0px;
    position: relative;
}
#breadcrumbs{
 display:none;   
}
#main {
    padding-top: 0px;
}
.home #content-top {
    padding: 40px 10px 40px 10px;
    background: url(../images/bcl-redes-sociales.png)#006e7e no-repeat;
    background-position-x: 47%;
    background-size: 75%;
    background-position-y: 53%;
}
.fondo-comparte h3 {
    color: #fff;
    font-size: 1.4em;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
}
.fondo-comparte span {
    color: #00132b;
    padding-left:10px;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
    float: left;
    display: none;
}
.fondo-comparte .fb, .fondo-comparte .at-svc-facebook {background:url(../images/ico-social-facebook-normal.svg)no-repeat center center;font-size:0; width:30px; height:30px;
background-size:contain; padding: 30px!important;margin-right: 20px!important;}
.fondo-comparte .correo, .fondo-comparte .at-svc-email {background:url(../images/ico-social-mail-normal.svg)no-repeat center center;font-size:0; width:30px; height:30px;
background-size:contain; padding: 30px!important;margin-right: 20px!important;}
.fondo-comparte .tel, .fondo-comparte .at-svc-whatsapp {background:url(../images/ico-social-whattapp-normal.svg)no-repeat center center;font-size:0; width:30px; height:30px;
background-size:contain; padding: 30px!important;margin-right: 20px!important;}
.fondo-comparte .tw, .fondo-comparte .at-svc-twitter {background:url(../images/ico-social-twitter-normal.svg)no-repeat center center;font-size:0; width:30px; height:30px;
background-size:contain; padding: 30px!important;margin-right: 0px!important;}
.fondo-comparte .fb:hover, .fondo-comparte .at-svc-facebook:hover {background:url(../images/ico-social-facebook-roll.svg)no-repeat center center;font-size:0; width:30px; height:30px;
background-size:contain; padding: 30px!important;margin-right: 20px!important;}
.fondo-comparte .correo:hover, .fondo-comparte .at-svc-email:hover {background:url(../images/ico-social-mail-roll.svg)no-repeat center center;font-size:0; width:30px; height:30px;
background-size:contain; padding: 30px!important;margin-right: 20px!important;}
.fondo-comparte .tel:hover, .fondo-comparte .at-svc-whatsapp:hover {background:url(../images/ico-social-whattapp-roll.svg)no-repeat center center;font-size:0; width:30px; height:30px;
background-size:contain; padding: 30px!important;margin-right: 20px!important;}
.fondo-comparte .tw:hover, .fondo-comparte .at-svc-twitter:hover {background:url(../images/ico-social-twitter-roll.svg)no-repeat center center;font-size:0; width:30px; height:30px;
background-size:contain; padding: 30px!important;margin-right: 0px!important;}
body section {
    padding-top: 0px;
}
.navbar-header {
  float: none!Important;
  padding-bottom:18px;
  background:#fff;
  background-position-y:197px;
}

.navbar-default{
background-color: transparent;
border:0;
}

.dropdown.open .dropdown-menu {
    max-height: 335px;
    opacity: 1;
    z-index:1000;
}

.navbar-default a{
color: #fff;
font-family: 'Palanquin Dark', sans-serif;
font-size: 1.2em;
text-transform: uppercase;
min-height:42px;
padding-top:5px!important;
padding-bottom:0px!important;
}

/* Underline From Center */
.navbar-default a.hvr-underline-from-center {
  display: inline-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;
  overflow: hidden;
}
.navbar-default a.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #ffd006;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.navbar-default a.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

.navbar-default a:hover{background-color:transparent!important;}

.navbar-header .logo {
  text-align: center;
  padding: 20px 0;
}
.navbar-header .logo img {
  max-width: 330px;
  height: auto;
}

.nav>li {
  display: block;
  line-height: 1.3em;
      align-self: normal;
      margin-bottom:10px;
}
.container.logo img {
    width: 70%;
    padding-left: 30px;
    padding-right: 30px;
}
.mainbody{
margin-top: 0px;
position: relative;
}

#bottom {background:#e3e4e1;padding-top:40px;padding-bottom:70px;}
.menu-adolescentes #bottom, .menu-ninas-ninos #bottom {background:#e3e4e1;padding-top:40px;padding-bottom:70px;margin-top:-20px;}
#bottom h3 {color: #000;text-transform: none; margin-bottom: 30px;font-weight: 400; font-size:1.4em;}
/*#lateral {background:transparent;padding:0px 0 0 0;position: fixed;right: 0;top:180px; width:115px;text-align: center;z-index:20;}*/
#lateral {background:transparent;padding:0px 0 0 0;position: fixed;right: 0;top:200px; width:115px;text-align: center;z-index:20;}
.home #lateral .publicos {display: none;}
#lateral .publicos {background:#fff;padding:8px 5px;text-align: center; border-radius: 10px 0 0 10px;}
#lateral .publicos p {font-size: 1em; color: #0D5C60; line-height: 1em;}
#lateral .publicos a {font-size: .9em; color: #666666; line-height: 0.8em; margin:0 auto;}
#lateral .publicos a.adolescentes-nav-item:hover {display:block; width: 80px; height:80px; background-image:url(../images/sidebar-ico-jovenes-activo.png); background-repeat: no-repeat; background-position: top center; background-size: 100%;}
#lateral .publicos a.ninxs-nav-item:hover {display:block;width: 80px; height:80px; background-image:url(../images/sidebar-ico-nines-activo.png); background-repeat: no-repeat; background-position: top center; background-size: 100%;}
#lateral .publicos a.adolescentes-nav-item {display:block; width: 80px; height:80px; background-image:url(../images/sidebar-ico-jovenes-inactivo.png); background-repeat: no-repeat; background-position: top center; background-size: 100%;}
#lateral .publicos a.ninxs-nav-item {display:block;width: 80px; height:80px; background-image:url(../images/sidebar-ico-nines-inactivo.png); background-repeat: no-repeat; background-position: top center; background-size: 100%;}
#lateral .ayuda {width: 120px;}
#lateral .ayuda a.ayuda-nav-item {display:block;width: 55px; height:55px; background-image:url(../images/sidebar-ayuda-normal.svg); background-repeat: no-repeat; background-position: top center; background-size: 100%;}
#lateral .ayuda a.ayuda-nav-item:hover {background-image:url(../images/sidebar-ayuda-roll.svg);}
#lateral .ayuda {padding:10px 0 0 0;}
#lateral .ayuda a {margin:0 auto;}

.ayuda-header {width: 120px;position: absolute;top: 24px;right: -20px;}
.ayuda-header a.ayuda-nav-item {display:block;width: 55px; height:55px; background-image:url(../images/sidebar-ayuda-normal.svg); background-repeat: no-repeat; background-position: top center; background-size: 100%;position: fixed;
top: 20px;
right: 30px;}
.ayuda-header a.ayuda-nav-item:hover {background-image:url(../images/sidebar-ayuda-roll.svg);}
.ayuda-header {padding:10px 0 0 0;}
.ayuda-header a {margin:0 auto;}

.contacto a {color:#000;}

.idea-destacada {
    position: relative;
    margin-left: 7%;
    background: #ff5155;
    padding: 20px 30px;
    width: 95%;
}
.idea-destacada:before {
    background: url(../images/deco.png)no-repeat;
    position: absolute;
    content: "";
    width: 60px;
    height: 115px;
    left: -30px;
    top: -23px;
    background-size: contain;
}
.idea-destacada h2 {font-size:1.3em;}
.idea-destacada p, .idea-destacada h2, .idea-destacada h3, .idea-destacada h4, .idea-destacada ul li, .idea-destacada a {color:#fff;}
.contacto a: hover {text-decoration: underline;}
.mapa {position:relative;padding-left:60px;}
.mapa:before {background:url(../images/img-mapa.svg); position:absolute; content:"";
width:70px; height:70px;left:-20px;top:10px;
}
p.tel {position:relative;padding-left:55px; margin-bottom:20px;}
p.tel:before {background:url(../images/ico-telefono.svg); position:absolute; content:"";
width:40px; height:40px;left:0px;top:0px;
}
p.correo {position:relative;padding-left:55px;}
p.correo:before {background:url(../images/ico-correo.svg); position:absolute; content:"";
width:40px; height:40px;left:0px;top:-7px;
}
p.fb-contacto {position:relative;padding-left:55px;padding-bottom: 10px;padding-top:10px;}
p.fb-contacto:before {background:url(../images/ico-footer-facebook.svg); position:absolute; content:"";
width:44px; height:44px;left:-3px;top:0px;
}
p.yt-contacto {position:relative;padding-left:55px;}
p.yt-contacto:before {background:url(../images/ico-footer-youtube.svg); position:absolute; content:"";
width:44px; height:44px;left:-3px;top:-10px;
}
a.ninxs-home, a.adolescentes-home {
    text-align: center;
    position: relative;
    padding-top: 280px;
    display: block;
    margin-top:30px;
}
a.ninxs-home:before {
    background: url(../images/btn--explorar-contenido-1-normal.png);
    position: absolute;
    content: "";
    width: 260px;
    height: 248px;
    left: 10px;
    top: 0px;
    background-size: contain;
}

a.ninxs-home:hover:before {
background:url(../images/btn--explorar-contenido-1-roll.png);width:260px; height:248px;left:10px;top:0px;background-size: contain;}
a.adolescentes-home:before {
background:url(../images/btn--explorar-contenido-2-normal.png); position:absolute; content:"";
width:260px; height:248px;left:10px;top:0px;background-size: contain;
}
a.adolescentes-home:hover:before {
background:url(../images/btn--explorar-contenido-2-roll.png);width:260px; height:248px;left:10px;top:0px;background-size: contain;}
.customexplora {background: url(../images/patron-naranja.png);padding:30px 10px 50px 10px; clear:both; overflow:hidden;}
.menu-ninas-ninos .contenedor{background: url(../images/patron-azul.png);padding:30px 10px 50px 10px; clear:both; overflow:hidden;}
.menu-adolescentes .contenedor{background: url(../images/patron-turquesa.png);padding:30px 10px 50px 10px; clear:both; overflow:hidden;}
#main-box-contenido{background: transparent;padding:0px 10px 50px 10px; clear:both; overflow:hidden;}
.menu-adolescentes #main-box-contenido, .menu-ninas-ninos #main-box-contenido{background: transparent;padding:0px 10px 50px 10px; clear:both; overflow:hidden;}
#contenido-interno {background:#fff;padding-left: 0;padding-right: 0;}
.menu-adolescentes #contenido-interno, .menu-ninas-ninos #contenido-interno {background:transparent;}
#home-top .sppb-section {background: url(../images/header-bck.png)#006e7e;padding:270px 30px 70px!important; clear:both; overflow:hidden;
    background-size:cover; position:relative;
}

.texto-intro h3, .texto-intro h1{
    color: #fff;font-family: 'Palanquin Dark', sans-serif;text-transform: none;font-size: 1.8em;
    text-align:left;margin-bottom:30px;line-height:1.3!important;
}
.texto-intro p {
    color: #fff;font-family: 'Palanquin Dark', sans-serif;text-transform: none;font-size: 1.2em;
    text-align:left;margin-bottom:30px;
}
#home-top .moduletable {
    margin-bottom: 0px;
    padding: 0px 0px;
}

/*TABS*/
.sppb-nav-modern li a {
    color: #000;
    background-color: #FCDFB7;
    border-bottom-color: transparent;
    cursor: default;
    font-size:1em;
}
.sppb-nav-modern>li.active>a, .sppb-nav-modern>li.active>a:focus, .sppb-nav-modern>li a:hover  {
    color: #000;
    background-color: #3ac18b;
    border-bottom-color: transparent;
    cursor: default;
    font-size:1em;
}
.sppb-tab-content {
    margin-top: 0px;
    padding:20px;
     color: #000;
    background-color: #3ac18b;
}

.sppb-tab-content a{
    color: #000;
    text-decoration: underline;
}

.tabs-division h3,.tabs-division p, .tabs-division h2, .tabs-division h4, .tabs-division span {
     color: #000;
}
p.timeline-date {
    color: #a50f0f;
    font-size: 1.2em!important;
}

.customexplora h2 {
    color: #fff;font-family: 'Palanquin Dark', sans-serif;text-transform: uppercase;font-size: 1.5em;
    text-align:center;margin-bottom:30px;
}
.customexplora a span {
    background: #fff;
    position: relative;
    padding: 10px 60px 10px 15px;
    border-radius: 10px;
    font-family: 'Palanquin Dark', sans-serif;
    text-transform: uppercase;
    font-size: 1.5em;
    color: #0f6967;
    -webkit-box-shadow: 0 10px 6px -6px #333;
    -moz-box-shadow: 0 10px 6px -6px #333;
    box-shadow: 0 10px 6px -6px #333;
    display: block;
}
.boton-descarga a {
    background: #fff;
    position: relative;
    padding: 10px 45px 10px 15px;
    border-radius: 10px;
    font-family: 'Palanquin Dark', sans-serif;
    text-transform: uppercase;
    font-size: 1.1em;
    color: #0f6967;
    border:1px solid #0f6967;
    -webkit-box-shadow: 0 10px 6px -6px #333;
    -moz-box-shadow: 0 10px 6px -6px #333;
    box-shadow: 0 10px 6px -6px #333;
    display: block;
    text-align: center;
    display: block;
    margin-top:100px;
    width: 310px;
    margin: 0 auto;
}
.boton-descarga a:hover {
    background: #229A6E;
    position: relative;
    padding: 10px 45px 10px 15px;
    border-radius: 10px;
    font-family: 'Palanquin Dark', sans-serif;
    text-transform: uppercase;
    font-size: 1.1em;
    color: #fff;
    border:1px solid #0f6967;
    -webkit-box-shadow: 0 10px 6px -6px #333;
    -moz-box-shadow: 0 10px 6px -6px #333;
    box-shadow: 0 10px 6px -6px #333;
    display: block;
    text-align: center;
    display: block;
    margin-top:100px;
    width: 310px;
    margin: 0 auto;
    transition:0.5s;
}
.boton-descarga a:after {
    background: url(../images/ico-more-normal.svg);
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    right: 12px;
    top: 12px;
    transform: rotate(90deg);
}
.boton-descarga a:hover:after {
    background: url(../images/ico-more-normal.svg);
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    right: 12px;
    top: 16px;
    transform: rotate(90deg);
    transition:0.5s;
}
.boton-modal a {
    background: #fff;
    position: relative;
    padding: 10px 45px 10px 15px;
    border-radius: 10px;
    font-family: 'Palanquin Dark', sans-serif;
    text-transform: uppercase;
    font-size: 1.1em;
    color: #0f6967;
    -webkit-box-shadow: 0 10px 6px -6px #333;
    -moz-box-shadow: 0 10px 6px -6px #333;
    box-shadow: 0 10px 6px -6px #333;
    display: block;
    text-align: center;
    display: block;
    margin-top:100px;
}
.boton-modal a:before {position:absolute; content:"";}
.boton-modal a:after {
    background: url(../images/ico-more-normal.svg);
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    right: 12px;
    top: 12px;
}
.boton-modal a:hover:after {
    right: 8px;
   transition:0.5s;
}
.white-popup-block {
    background: #0f757e!important;
    padding: 20px 30px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
    color: #fff;
    border-radius: 25px;
}
.white-popup-block p, .white-popup-block h2, .white-popup-block h3, .white-popup-block h4{
    color: #fff;
}
.boton-modal a:hover {
    background-color: #045645!important;
    color: #fff;
}

.boton-modal .modal-1 a:before {background:url(../images/modulos/mod1/Justicia-Mod01-icn-temaCivil.svg)no-repeat; left:15%;width:140px; height:140px;top:-136px;background-size: contain;}
.boton-modal .modal-2 a:before {background:url(../images/modulos/mod1/Justicia-Mod01-icn-temaLaboral.svg)no-repeat; left:15%;width:140px; height:140px;top:-150px;background-size: contain;}
.boton-modal .modal-3 a:before {background:url(../images/modulos/mod1/Justicia-Mod01-icn-temaPenal.svg)no-repeat; left:15%;width:140px; height:140px;top:-150px;background-size: contain;}
.boton-modal .modal-4 a:before {background:url(../images/modulos/mod1/Justicia-Mod01-icn-temaFamilia.svg)no-repeat; left:15%;width:140px; height:140px;top:-136px;background-size: contain;}

.fila-flex .sppb-column-addons {
    display: flex!important;
    flex-flow: column wrap;
    justify-content: stretch;
    padding-top: 140px;
    padding-bottom: 70px;
}
.fila-flex2 .sppb-column-addons {
    display: flex!important;
    flex-flow: row wrap;
    justify-content: space-evenly;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:15px;
    padding-right:15px;
}
.fila-flex2 .sppb-addon-wrapper{
    width:300px;
}
.jueza h3 {
    text-align: left;
    padding-left: 110px;
    padding-top: 77px;
    background: url(../images/Justicia-Mod01-icn-participanJueza.svg)no-repeat;
    background-size: 100px 90px;
    background-position-y: 10px;
    background-position-x: left;
}
.fiscala h3 {
    text-align: left;
    padding-left: 110px;
    padding-top: 77px;
    background: url(../images/Justicia-Mod01-icn-participanFiscala.svg)no-repeat;
    background-size: 100px 90px;
    background-position-y: 10px;
    background-position-x: left;
}
.abogado h3 {
    text-align: left;
    padding-left: 110px;
    padding-top: 77px;
    background: url(../images/Justicia-Mod01-icn-participanAbogado.svg)no-repeat;
    background-size: 100px 90px;
    background-position-y: 10px;
    background-position-x: left;
}
.secretario h3 {
    text-align: left;
    padding-left: 110px;
    padding-top: 77px;
    background: url(../images/Justicia-Mod01-icn-participanSecretaria.svg)no-repeat;
    background-size: 100px 90px;
    background-position-y: 10px;
    background-position-x: left;
}
.persona h3 {
    text-align: left;
    padding-left: 110px;
    padding-top: 77px;
    background: url(../images/Justicia-Mod01-icn-participanDemandada.svg)no-repeat;
    background-size: 100px 90px;
    background-position-y: 10px;
    background-position-x: left;
}
.victima h3 {
    text-align: left;
    padding-left: 110px;
    padding-top: 77px;
    background: url(../images/Justicia-Mod01-icn-participanVictima.svg)no-repeat;
    background-size: 100px 90px;
    background-position-y: 10px;
    background-position-x: left;
}
.testigo h3 {
    text-align: left;
    padding-left: 110px;
    padding-top: 77px;
    background: url(../images/Justicia-Mod01-icn-participanTestigo.svg)no-repeat;
    background-size: 100px 90px;
    background-position-y: 10px;
    background-position-x: left;
}
.fondo-gris {background:#808080;}
.icono-modal1, .icono-modal2, .icono-modal3, .icono-modal4 {position:relative;height:130px; text-align: center;}

.icono-modal1:after {background:url(../images/modulos/mod1/Justicia-Mod01-icn-temaCivil.svg)no-repeat; left:37%;width:130px; height:130px;top:0px;background-size: contain;position:absolute; content:"";}
.icono-modal2:after {background:url(../images/modulos/mod1/Justicia-Mod01-icn-temaLaboral.svg)no-repeat; left:37%;width:130px; height:130px;top:0px;background-size: contain;position:absolute; content:"";}
.icono-modal3:after {background:url(../images/modulos/mod1/Justicia-Mod01-icn-temaPenal.svg)no-repeat; left:37%;width:130px; height:130px;top:0px;background-size: contain;position:absolute; content:"";}
.icono-modal4:after {background:url(../images/modulos/mod1/Justicia-Mod01-icn-temaFamilia.svg)no-repeat; left:37%;width:130px; height:130px;top:0px;background-size: contain;position:absolute; content:"";}


.fila-proceso p {position:relative;padding-left:10px; padding-top:30px;}
.fila-proceso.uno p:before {left: 45%;top: -30px;position: absolute;content: "1";font-size: 50px;font-weight: bold;color:#fff;}
.fila-proceso.dos p:before {left: 45%;top: -30px;position: absolute;content: "2";font-size: 50px;font-weight: bold;color:#fff;}
.fila-proceso.tres p:before {left: 45%;top: -30px;position: absolute;content: "3";font-size: 50px;font-weight: bold;color:#fff;}
.fila-proceso.cuatro p:before {left: 45%;top: -30px;position: absolute;content: "4";font-size: 50px;font-weight: bold;color:#fff;}
.fila-proceso.cinco p:before {left: 45%;top: -30px;position: absolute;content: "5";font-size: 50px;font-weight: bold;color:#fff;}
.fila-proceso.seis p:before {left: 45%;top: -30px;position: absolute;content: "6";font-size: 50px;font-weight: bold;color:#fff;}
.fila-proceso.siete p:before {left: 45%;top: -30px;position: absolute;content: "7";font-size: 50px;font-weight: bold;color:#fff;}
.fila-proceso.ocho p:before {left: 45%;top: -30px;position: absolute;content: "8";font-size: 50px;font-weight: bold;color:#fff;}
.fila-proceso.nueve p:before {left: 45%;top: -30px;position: absolute;content: "9";font-size: 50px;font-weight: bold;color:#fff;}
.fila-proceso.diez p:before {left: 45%;top: -30px;position: absolute;content: "10";font-size: 50px;font-weight: bold;color:#fff;}
.ficha-caso h3, .ficha-juicio h3 {color:#1E757F;}
.ficha-juicio h4 {
    color: #229A6E;
    font-size: 1em!important;
    text-align: center;
    text-transform: none;
}
.ficha-caso p, .ficha-juicio p {color:#000;}
.ficha-juicio h3,.ficha-juicio p {text-align:center;}
.ficha-juicio img {display:block;margin:0 auto; width:200px; height:200px;}
.item-juicio img {display:block;margin:0 auto; width:100%; height:auto;}
.ficha-juicio audio { z-index: 10;display: block;margin: 0 auto;margin-top:15px; margin-bottom:15px;}
img.infografia {display: block;margin: 0 auto;}
.derecha {float:right;}
.modal-content {border:10px solid #042A30;}
.tema-popup-block .modal-content {
    background: #0f757e!important;
    padding: 20px 30px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
    color: #fff;
    border-radius: 25px;
}
.tema-popup-block .modal-body p,.tema-popup-block .modal-body h3, .tema-popup-block .modal-body h4, .tema-popup-block .modal-body a,
.tema-popup-block .modal-body ul li{color: #fff;text-align: center;}
.modal-body {border:none;}
.borde-abajo {border-bottom:1px solid #fff;}
.fila-etapa .texto {position:relative;padding-left:10px; padding-top:55px;}
.fila-etapa {border:5px solid #fff;}

.fila-etapa.uno .texto:before {left: 45%;top: -30px;position: absolute;background:url(../images/num-etapa1.svg)no-repeat;width:40px; height:40px;content: "";font-size: 50px;font-weight: bold;color:#fff;}
.fila-etapa.dos .texto:before {left: 45%;top: -30px;position: absolute;background:url(../images/num-etapa2.svg)no-repeat;width:40px; height:40px;content: "";font-size: 50px;font-weight: bold;color:#fff;}
.fila-etapa.tres .texto:before {left: 45%;top: -30px;position: absolute;background:url(../images/num-etapa3.svg)no-repeat;width:40px; height:40px;content: "";font-size: 50px;font-weight: bold;color:#fff;}

.sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
    text-align: initial;
    padding: 20px;
    border: none!important;
    border-radius: 5px;
    position: relative;
    width: 345px;
    margin-left: 15px;
    background: #05507C;
    color: #fff;
}
.details p {
    color: #fff;
}
.sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel:before {
    content: "";
    position: absolute;
    top: 32px;
    left: 1px;
    width: 0;
    height: 0;
    border-width: 8px;
    border-color: #05507C #05507C transparent transparent!important;
    border-style: solid;
    -webkit-transform: rotate(
-135deg
) translateY(-50%);
    transform: rotate(
-135deg
) translateY(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 3px -3px 1px -2px rgb(0 0 0 / 20%);
    box-shadow: 3px -3px 1px -2px rgb(0 0 0 / 20%);
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part:before {
    left: inherit;
    right: -3px;
    -webkit-transform: rotate(
45deg
) translateY(-50%);
    transform: rotate(
45deg
) translateY(-50%);
}

.customexplora a span:after {
background:url(../images/ico-more-normal.svg); position:absolute; content:"";
width:40px; height:40px;right:12px;top:12px;
}
.customexplora a:hover span:after {background:url(../images/ico-more-roll.svg);}
#footer .moduletable {margin-bottom: 20px;padding: 10px 10px 0px 10px;}
#footer {background:#156E7F;color:#fff; text-align:center;}
#footer .moduletable a {color:#fff; padding-left:5px; text-decoration:underline;}
#footer .moduletable p {color:#fff;font-size:0.9em;margin-top:10px;}

h1 {font-family: 'Palanquin Dark', sans-serif;text-transform: uppercase;
font-size: 2.5em;color: #006e7e;line-height:1.3!important;}
h2 {font-family: 'Palanquin Dark', sans-serif!important;text-transform: uppercase;
font-size: 2.2em;color: #0f6967;line-height:1.3!important;}
h3 {font-family: 'Quicksand', sans-serif;text-transform: uppercase;
font-size: 1.2em;color: #0f6967; font-weight:700;line-height:1.3!important;}
h4 {font-family: 'Quicksand', sans-serif;text-transform: uppercase;
font-size: 1em;color:#ea161b; font-weight:700;}

.modulo-header .titulo {font-family: 'Palanquin Dark', sans-serif;text-transform: uppercase;
font-size: 1.9em;color: #006e7e;line-height: 1.1em!important;text-align:center;}
.modulo-header h1 {font-family: 'Palanquin Dark', sans-serif;text-transform: uppercase;
font-size: 1.4em;color: #069a6e;margin-bottom:0;margin-top:0;text-align:center;}
.titulo-modulo2 .titulo {font-size: 2em!important;}
.titulo-modulo1.sub1 {position:relative;padding-left:0px; padding-top:100px;}
.titulo-modulo1.sub1:before {background:url(../images/ico-M1-01.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:35%;top:10px; text-align:center;background-size: contain;}
.titulo-modulo1.sub2 {position:relative;padding-left:0px; padding-top:100px;}
.titulo-modulo1.sub2:before {background:url(../images/ico-M1-02.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:35%;top:10px; text-align:center;background-size: contain;}
.titulo-modulo2.sub1 {position:relative;padding-left:0px; padding-top:100px;}
.titulo-modulo2.sub1:before {background:url(../images/ico-M2-01.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:35%;top:10px; text-align:center;background-size: contain;}
.titulo-modulo2.sub2 {position:relative;padding-left:0px; padding-top:100px;}
.titulo-modulo2.sub2:before {background:url(../images/ico-M2-02.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:35%;top:10px; text-align:center;background-size: contain;}
.titulo-modulo2.sub3 {position:relative;padding-left:0px; padding-top:100px;}
.titulo-modulo2.sub3:before {background:url(../images/ico-M2-03.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:35%;top:10px; text-align:center;background-size: contain;}
.titulo-modulo2.sub4 {position:relative;padding-left:0px; padding-top:100px;}
.titulo-modulo2.sub4:before {background:url(../images/ico-M2-04.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:35%;top:10px; text-align:center;background-size: contain;}
.titulo-modulo3.sub1 {position:relative;padding-left:0px; padding-top:100px;}
.titulo-modulo3.sub1:before {background:url(../images/ico-M3-01.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:35%;top:10px; text-align:center;background-size: contain;}
.titulo-modulo3.sub2 {position:relative;padding-left:0px; padding-top:100px;}
.titulo-modulo3.sub2:before {background:url(../images/ico-M3-02.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:35%;top:10px; text-align:center;background-size: contain;}
.titulo-modulo3.sub3 {position:relative;padding-left:0px; padding-top:100px;}
.titulo-modulo3.sub3:before {background:url(../images/ico-M3-03.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:35%;top:10px; text-align:center;background-size: contain;}
.titulo-modulo3.sub4 {position:relative;padding-left:0px; padding-top:100px;}
.titulo-modulo3.sub4:before {background:url(../images/ico-M3-04.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:35%;top:10px; text-align:center;background-size: contain;}
.pager .next>a {
    padding-top: 30px;
    padding-left:0;
}
.pager li.next>a:focus, .pager li.next>a:hover {
    text-decoration: none;
    background-color: transparent;
    background:url(../images/arrow-next-roll.svg) no-repeat; background-size: 110px 90px;background-position-x:20px; color:#fff;height: 100px;
    width: 140px;border:none;
    transition:0.5s;
}
.pager li.next>a {
    text-decoration: none;
    background-color: transparent;
     padding-top: 30px;
    padding-left:0;
    background:url(../images/arrow-next-normal.svg) no-repeat; background-size: 110px 90px;background-position-x:15px; color:#fff;height: 100px;
    width: 145px;border:none;
}
li.previous a {background:url(../images/arrow-prev-roll.svg) no-repeat; background-size: 110px 90px;background-position-x:0px; color:#fff;height: 100px;
    width: 145px;border:none;}
.pager .previous>a {
    padding-top: 30px;
    padding-left:0;
}
.pager li.previous>a:focus, .pager li.previous>a:hover {
    text-decoration: none;
    background-color: transparent;
    background:url(../images/arrow-prev-normal.svg) no-repeat;
    background-size: 110px 90px;
    background-position-x:-5px;
    color:#fff;
    height: 100px;
    width: 145px;
    border:none;
     transition:0.5s;
}
.pager .icon-chevron-right,.pager .icon-chevron-left{display:none;}
.pager {
    padding-left: 0;
    margin: 0px 0;
    text-align: center;
    list-style: none;
    position: absolute;
    top: 94px;
    z-index: 2;
    left: 2%;
    width:98%;
}

.titulo-modulo.menu:before {
    background: url(../images/ico-M1.png)no-repeat;
    position: absolute;
    content: "";
    width: 65px;
    height: 75px;
    left: 28px;
    top: -15px;
    background-size: contain;
}
.titulo-modulo.dos.menu:before {
    background: url(../images/ico-M2.png)no-repeat;
    position: absolute;
    content: "";
    width: 65px;
    height: 75px;
    left: 28px;
    top: -15px;
    background-size: contain;
}
.titulo-modulo.tres.menu:before {
    background: url(../images/ico-M3.png)no-repeat;
    position: absolute;
    content: "";
    width: 65px;
    height: 75px;
    left: 28px;
    top: -15px;
    background-size: contain;
}
#contenido-interno .page-header { display: none!important;}
.botones {display: flex; justify-content:center;flex-flow:row wrap;}
a.boton-modulo  {
margin-top:35px;
}

.boton-modulo span {
    background: #fff;
    position: relative;
    padding: 10px 20px 10px 20px;
    border-radius: 0px;
    font-family: 'Quicksand', sans-serif;
    text-transform: none;
    font-size: 1em;
    font-weight:bold;
    color: #000;
    -webkit-box-shadow: 0 10px 6px -6px #333;
    -moz-box-shadow: 0 10px 6px -6px #333;
    box-shadow: 0 10px 6px -6px #333;
    display: block;
}
.boton-modulo a:hover span {
   -webkit-box-shadow: 0 10px 6px -6px #000;
     -moz-box-shadow: 0 10px 6px -6px #000;
          box-shadow: 0 10px 6px -6px #000;
          background: #ff5451;
          color:#fff;
}
/* Grow */
.hvr-grow .boton-modulo, .hvr-grow .ninxs-home,.hvr-grow .adolescentes-home {
  display: inline-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);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow .boton-modulo:hover, .hvr-grow .boton-modulo:focus, .hvr-grow .boton-modulo:active,
.hvr-grow .ninxs-home:hover, .hvr-grow .ninxs-home:focus, .hvr-grow .ninxs-home:active,
.hvr-grow .adolescentes-home:hover, .hvr-grow .adolescentes-home:focus, .hvr-grow .adolescentes-home:active{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* Bounce In */
.hvr-bounce-in {
  display: inline-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);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.texto-blanco h3,.texto-blanco h1, .texto-blanco p {color:#fff;}
.texto-blanco h3, .texto-blanco h1 {font-family: 'Palanquin Dark', sans-serif; font-size:1.8em;}
.titulo-modulo h2 {color:#fff;margin-top: 0px; font-size:2em;}
.titulo-modulo.dos h2 {width: 100%;}
.titulo-modulo span {font-size: 1.7em;color:#fff;font-family: 'Palanquin Dark', sans-serif;}
.titulo-modulo {position: relative;padding-left: 0px; margin-bottom:20px;padding-top:90px; text-align:center;}
.titulo-modulo:before {
background:url(../images/ico-M1.png)no-repeat; position:absolute; content:"";
width:75px; height:95px;left:35%;top:-10px;background-size:contain;
}
.titulo-modulo.dos:before {
background:url(../images/ico-M2.png)no-repeat; position:absolute; content:"";
width:75px; height:95px;left:35%;top:-10px;background-size:contain;
}
.titulo-modulo.tres:before {
background:url(../images/ico-M3.png)no-repeat; position:absolute; content:"";
width:75px; height:95px;left:35%;top:-10px;background-size:contain;
}
a.boton-modulo:hover .icono-poder, a.boton-modulo:hover .icono-proceso, a.boton-modulo:hover .icono-derechos,
a.boton-modulo:hover .icono-responsabilidad, a.boton-modulo:hover .icono-justicia, a.boton-modulo:hover .icono-prevencion{

}

.icono-poder{background: url(../images/ico-menu-M1-01.svg)no-repeat center center;
    top: -5px;
    content: "";
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
    background-size:contain;
    margin-bottom:20px;
}
.icono-proceso{background: url(../images/ico-menu-M1-02.svg)no-repeat center center;
    top: -5px;
    content: "";
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
    background-size:contain;
    margin-bottom:20px;
}

.icono-derechos {background: url(../images/ico-menu-M2-01.svg)no-repeat center center;
    top: -5px;
    content: "";
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
    background-size:contain;
    margin-bottom:20px;
}
.icono-responsabilidad {background: url(../images/ico-menu-M2-02.svg)no-repeat center center;
    top: -5px;
    content: "";
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
    background-size:contain;
    margin-bottom:20px;
}
.icono-justicia {background: url(../images/ico-menu-M2-03.svg)no-repeat center center;
    top: -5px;
    content: "";
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
    background-size:contain;
    margin-bottom:20px;
}
.icono-prevencion {background: url(../images/ico-menu-M2-04.svg)no-repeat center center;
    top: -5px;
    content: "";
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
    background-size:contain;
    margin-bottom:20px;
}

.icono-restaurativa {background: url(../images/ico-menu-M3-01.svg)no-repeat center center;
    top: -5px;
    content: "";
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
    background-size:contain;
    margin-bottom:20px;
}
.icono-organiza {background: url(../images/ico-menu-M3-02.svg)no-repeat center center;
    top: -5px;
    content: "";
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
    background-size:contain;
    margin-bottom:20px;
}
.icono-practicas {background: url(../images/ico-menu-M3-03.svg)no-repeat center center;
    top: -5px;
    content: "";
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
    background-size:contain;
    margin-bottom:20px;
}
.icono-tenencia {background: url(../images/ico-menu-M3-0.svg)no-repeat center center;
    top: -5px;
    content: "";
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
    background-size:contain;
    margin-bottom:20px;
}

a.boton-modulo {margin-right: 30px;display: block;text-align:center; width:220px;}
.navbar-toggle {
    margin-top: 7px!important;
}
.navbar-toggle {
    position: absolute;
    left:10px;
    padding: 12px!important;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 10px;
    top: 35px;
    background: #156E7F;
-webkit-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.45); 
box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.45);
}
.navbar-toggle:hover {
    background-color: #ffd006!important;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 1px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 0em;
    line-height: 14px;
}
.addthis_inline_share_toolbox {
    display: inline-flex;
}
html {
  scroll-behavior: smooth;
}
#home-top .sppb-section:after {
background:url(../images/header-img-der.png)no-repeat; position:absolute; content:"";
width:165px; height:300px;right:17px;top:75px;background-size: contain;
}
#home-top .sppb-section:before {
    background: url(../images/header-img-izq.png)no-repeat;
    position: absolute;
    content: "";
    width: 165px;
    height: 300px;
    left: 23px;
    background-size: contain;
    top: 17px;
}

.banner-titulo-principal {
background:#ffd006;
}

.titulo-principal h2 {
    text-transform: none;
    text-align: center;
    font-size: 1.7em;
    color: #05507C;
    line-height: 1.3!important;
}
.margen-arriba {margin-top:30px;}
.menu-judicial ul li a {
    background: #f5dab3;
    margin-right: 10px;
    color: #000;
    font-weight: bold;
    font-size:1.1em;
}
.menu-judicial ul li a:hover, .menu-judicial ul li a:focus, .menu-judicial ul li a:active {
    color: #fff;
    margin-right: 10px;
    background: #3Ac18b!important;
    font-weight: bold;
}
#btop {
    display: none;
    position: fixed;
    bottom: 7%;
    right: 17%;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #056d43;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    font-size: 18px;
}

#btop:hover {
  background:#FF783D; /* Add a dark-grey background on hover */
}
.lista-deberes {width: 100%;margin-left: 0%;padding: 20px 20px 20px 10px;position:relative;}
.lista-deberes:before {background: url(../images/Justicia-Mod02-icn-deberesResponsabilidadesMenoresA.svg)no-repeat;position: absolute;content: "";
width: 150px;height: 150px;bottom: -49px;left: -17px;bottom: -80px;
}
.lista-deberes:after {background:url(../images/Justicia-Mod02-icn-deberesResponsabilidadesMenoresB.svg)no-repeat; position:absolute; content:"";
width:150px; height:150px;right:-70px;bottom:-80px;
}
.fila-sanciones .sppb-addon-text-block {padding-left:10px;padding-right:10px; padding-top:15px; padding-bottom:15px;}
.lista-delitos {text-align:center;}
.timeline-proceso p.timeline-date {font-size: 3em!important;}
.timeline-proceso h3 {font-size: 1.3em!important; color:#fff;}
.flex-container.menu-espacios-cel {display:flex; flex-flow:nowrap;position:relative;background:#1E757F;}
.flex-container.menu-espacios-cel:before {position:absolute;content:""; background:#1E757F; color:#fff;width:100%;height:60px;
    left:0; top:7px;}
.imagen-menu { z-index: 1;}
.menu-espacios-cel .btn-primary {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    white-space: break-spaces;
    text-align:left;
    font-size:1em!important;
}
.menu-espacios-cel .dropdown-menu>li>a {
    display: block;
    padding: 7px 20px!important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    font-size: 1.1em!important;
    background:#1E757F;
}
.menu-espacios-cel .dropdown-menu>li>a:hover {
    display: block;
    padding: 7px 20px!important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    font-size: 1.1em!important;
    background:#FF783D;
}
span.texto-espacio {
    font-size: 1em!important;
}
.menu-espacios-cel .btn-primary.active, .menu-espacios-cel .btn-primary:active,.menu-espacios-cel .btn-primary:focus, .menu-espacios-cel .open>.dropdown-toggle.btn-primary,
.menu-espacios-cel .btn.active, .menu-espacios-cel .btn:active, .menu-espacios-cel .btn:focus, .menu-espacios-cel .open>.dropdown-toggle.btn{
    color: #fff;
 background-color: transparent;
    border-color: transparent;
border:none!important;
}
.menu-espacios-cel .dropdown {
   width:80%;display:flex;flex-flow:row;
}
.navbar-default a {
    line-height: 1.3!important;
}
.menu-espacios-cel .dropdown .dropdown-toggle.flecha {background: url(../images/ico-more-naranja.svg)no-repeat transparent!important;
background-position-y: center!important;background-position-x: 0px!important;width: 20px;border:none!important;background-size:18px 18px!important;}
.menu-modulos, #lateral .publicos {display: none;}
.tabs-division img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
    width: 300px;
}
.instruccion {
    margin-top: 20px;
    margin-bottom: 20px;
}
.item-juicio {margin-bottom: 20px;display:block;}
.item-paso {
    padding: 10px;
}
/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (min-width: 768px) {
.ayuda-header {width: 120px;position: absolute;top: 10px;right: 0;}
.volver-menu2 a {display:none;}
.modulo-header .titulo {font-family: 'Palanquin Dark', sans-serif;text-transform: uppercase;
font-size: 2.2em;color: #006e7e;line-height: 1.2em!important;text-align:left;}
.modulo-header h1 {font-family: 'Palanquin Dark', sans-serif;text-transform: uppercase;
font-size: 1.4em;color: #069a6e;margin-bottom:0;margin-top:0;text-align:left;}
.boton-modal .modal-1 a:before {background:url(../images/modulos/mod1/Justicia-Mod01-icn-temaCivil.svg)no-repeat; left:30px;width:140px; height:140px;top:-136px;background-size: contain;}
.boton-modal .modal-2 a:before {background:url(../images/modulos/mod1/Justicia-Mod01-icn-temaLaboral.svg)no-repeat; left:0px;width:140px; height:140px;top:-150px;background-size: contain;}
.boton-modal .modal-3 a:before {background:url(../images/modulos/mod1/Justicia-Mod01-icn-temaPenal.svg)no-repeat; left:-8px;width:140px; height:140px;top:-150px;background-size: contain;}
.boton-modal .modal-4 a:before {background:url(../images/modulos/mod1/Justicia-Mod01-icn-temaFamilia.svg)no-repeat; left:-5px;width:140px; height:140px;top:-136px;background-size: contain;}
.fila-flex .sppb-column-addons {
    display: flex!important;
    flex-flow: wrap;
    justify-content: space-evenly;
    padding-top:100px;
    padding-bottom:70px;
}
.pager li.next>a:focus, .pager li.next>a:hover {
    text-decoration: none;
    background-color: transparent;
    background:url(../images/arrow-next-roll.svg) no-repeat; background-size: 130px 90px;background-position-x:15px; color:#fff;height: 100px;
    width: 150px;border:none;
}
.pager li.next>a {
    text-decoration: none;
    background-color: transparent;
     padding-top: 30px;
    padding-left:0;
    background:url(../images/arrow-next-normal.svg) no-repeat; background-size: 130px 90px;background-position-x:15px; color:#fff;height: 100px;
    width: 150px;border:none;
}
li.previous a {background:url(../images/arrow-prev-roll.svg) no-repeat; background-size: 130px 90px;background-position-x:0px; color:#fff;height: 100px;
    width: 160px;border:none;}
.pager .previous>a {
    padding-top: 30px;
    padding-left:0;
}
.pager li.previous>a:focus, .pager li.previous>a:hover {
    text-decoration: none;
    background-color: transparent;
    background:url(../images/arrow-prev-normal.svg) no-repeat;
    background-size: 130px 90px;
    background-position-x:-5px;
    color:#fff;
    height: 100px;
    width: 160px;
    border:none;
}
.pager .icon-chevron-right,.pager .icon-chevron-left{display:none;}
.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
    position: absolute;
    top: 94px;
    z-index: 2;
    left: 2%;
    width:95%;
}
#main-box-contenido{background: url(../images/patron-azul.png);padding:30px 10px 50px 10px; clear:both; overflow:hidden;}
.menu-adolescentes #main-box-contenido, .menu-ninas-ninos #main-box-contenido{background: transparent;padding:30px 10px 50px 10px; clear:both; overflow:hidden;}
#contenido-interno {background:#fff;padding-left: 0;padding-right: 0;}
.menu-adolescentes #contenido-interno, .menu-ninas-ninos #contenido-interno {background:transparent;}

.como-se-organiza-la-justicia-restaurativa-en-el-poder-judicial-de-costa-rica-y-quienes-participan .pager {
    top: 140px;
}
    .item-paso {
    padding: 10px;
    min-height: 122px;
}
.titulo-modulo2 .titulo {font-size: 1.9em!important;}
.titulo-modulo1.sub1 {position:relative;padding-left:100px; padding-top:10px;}
.titulo-modulo1.sub1:before {background:url(../images/ico-M1-01.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:0px;top:3px;background-size: contain;}
.titulo-modulo1.sub2 {position:relative;padding-left:100px; padding-top:10px;}
.titulo-modulo1.sub2:before {background:url(../images/ico-M1-02.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:0px;top:3px;background-size: contain;}
.titulo-modulo2.sub1 {position:relative;padding-left:100px; padding-top:10px;}
.titulo-modulo2.sub1:before {background:url(../images/ico-M2-01.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:0px;top:3px;background-size: contain;}
.titulo-modulo2.sub2 {position:relative;padding-left:100px; padding-top:10px;}
.titulo-modulo2.sub2:before {background:url(../images/ico-M2-02.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:0px;top:3px;background-size: contain;}
.titulo-modulo2.sub3 {position:relative;padding-left:100px; padding-top:10px;}
.titulo-modulo2.sub3:before {background:url(../images/ico-M2-03.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:0px;top:3px;background-size: contain;}
.titulo-modulo2.sub4 {position:relative;padding-left:100px; padding-top:10px;}
.titulo-modulo2.sub4:before {background:url(../images/ico-M2-04.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:0px;top:3px;background-size: contain;}
.titulo-modulo3.sub1 {position:relative;padding-left:100px; padding-top:10px;}
.titulo-modulo3.sub1:before {background:url(../images/ico-M3-01.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:0px;top:3px;background-size: contain;}
.titulo-modulo3.sub2 {position:relative;padding-left:100px; padding-top:10px;}
.titulo-modulo3.sub2:before {background:url(../images/ico-M3-02.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:0px;top:3px;background-size: contain;}
.titulo-modulo3.sub3 {position:relative;padding-left:100px; padding-top:10px;padding-top:10px;}
.titulo-modulo3.sub3:before {background:url(../images/ico-M3-03.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:0px;top:3px;background-size: contain;}
.titulo-modulo3.sub4 {position:relative;padding-left:100px; padding-top:10px;}
.titulo-modulo3.sub4:before {background:url(../images/ico-M3-04.svg)no-repeat; position:absolute; content:"";
width:90px; height:80px;left:0px;top:3px;background-size: contain;}
.idea-destacada {position:relative;margin-left:20%; background:#ea161b; padding:20px 30px;width:70%;}
.idea-destacada:before {
    background: url(../images/deco.png)no-repeat;
    position: absolute;
    content: "";
    width: 80px;
    height: 117px;
    left: -108px;
    top: 10px;
    background-size: contain;
}
    .tabs-division img {
    display: block;
    width: 250px;
    height: auto;
    margin: 0 auto;
}
#lateral .publicos {display: block;}
.menu-modulos {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    margin-bottom:15px;
}
.menu-espacios-cel {display:none!important;}
.flex-container {
  display: flex;
  align-items: stretch;
}

.flex-container .texto p {
  color: #000;
}
.flex-container .image {width:35%;}
.flex-container .texto {width:65%;}
.no-margin-top h3 {margin-top:0px!important;}
.fila-proceso p {position:relative;padding-left:30px;padding-top:0px;}
.fila-proceso img {margin-bottom:15px!important;}
.fila-proceso.uno p:before {left: -35px;top: 30px;position: absolute;content: "1";font-size: 70px;font-weight: bold;}
.fila-proceso.uno.ninas p:before {left: -35px;top: 0px;position: absolute;content: "1";font-size: 70px;font-weight: bold;}
.fila-proceso.dos p:before {left: -35px;top: -5px;position: absolute;content: "2";font-size: 70px;font-weight: bold;}
.fila-proceso.tres p:before {left: -35px;top: -25px;position: absolute;content: "3";font-size: 70px;font-weight: bold;}
.fila-proceso.cuatro p:before {left: -35px;top: 15px;position: absolute;content: "4";font-size: 70px;font-weight: bold;}


.fila-proceso.uno.ninos p:before {left: -30px;top: -10px;position: absolute;content: "1";font-size: 70px;font-weight: bold;}
.fila-proceso.dos.ninos p:before {left: -30px;top: -20px;position: absolute;content: "2";font-size: 70px;font-weight: bold;}
.fila-proceso.tres.ninos p:before {left: -30px;top: -20px;position: absolute;content: "3";font-size: 70px;font-weight: bold;}
.fila-proceso.cuatro.ninos p:before {left: -35px;top: -30px;position: absolute;content: "4";font-size: 70px;font-weight: bold;}
.fila-proceso.cinco.ninos p:before {left: -35px;top: -20px;position: absolute;content: "5";font-size: 70px;font-weight: bold;}
.fila-proceso.seis.ninos p:before {left: -35px;top: -10px;position: absolute;content: "6";font-size: 70px;font-weight: bold;}

.fila-etapa .texto {position:relative;padding-left:55px; padding-top:0px;}
.fila-etapa {border:5px solid #fff;}

.fila-etapa.uno .texto:before {left: 0px;top: 0px;position: absolute;background:url(../images/num-etapa1.svg)no-repeat;width:40px; height:40px;content: "";font-size: 50px;font-weight: bold;color:#fff;}
.fila-etapa.dos .texto:before {left: 0px;top: 0px;position: absolute;background:url(../images/num-etapa2.svg)no-repeat;width:40px; height:40px;content: "";font-size: 50px;font-weight: bold;color:#fff;}
.fila-etapa.tres .texto:before {left: 0px;top:0px;position: absolute;background:url(../images/num-etapa3.svg)no-repeat;width:40px; height:40px;content: "";font-size: 50px;font-weight: bold;color:#fff;}
.lista-deberes {width: 60%;margin-left: 30%;padding: 20px;position:relative;}
.lista-deberes:before {background: url(../images/Justicia-Mod02-icn-deberesResponsabilidadesMenoresA.svg)no-repeat;position: absolute;content: "";
width: 150px;height: 200px;left: -110px;bottom: -30px;
}
.lista-deberes:after {background:url(../images/Justicia-Mod02-icn-deberesResponsabilidadesMenoresB.svg)no-repeat; position:absolute; content:"";
width:150px; height:200px;right:-110px;bottom:-30px;
}
.fila-flex2 .sppb-addon-wrapper{
    width:45%;
}
a.boton-modulo {width:195px;}
.botones {display: flex; justify-content:flex-start;flex-flow:row wrap;}
.titulo-modulo.dos h2 {width: 80%;}
.titulo-modulo span {font-size: 1.7em;color:#fff;font-family: 'Palanquin Dark', sans-serif;}
.titulo-modulo {position: relative;padding-left: 90px; margin-bottom:20px;padding-top:0;text-align:left;}
.titulo-modulo:before {
background:url(../images/ico-M1.png)no-repeat; position:absolute; content:"";
width:75px; height:95px;left:0px;top:5px;background-size:contain;
}
.titulo-modulo.dos:before {
background:url(../images/ico-M2.png)no-repeat; position:absolute; content:"";
width:75px; height:95px;left:0px;top:5px;background-size:contain;
}
.titulo-modulo.tres:before {
background:url(../images/ico-M3.png)no-repeat; position:absolute; content:"";
width:75px; height:95px;left:0px;top:5px;background-size:contain;
}
    #home-top .sppb-section {background: url(../images/header-bck.png)#006e7e;padding:325px 30px 70px!important; clear:both; overflow:hidden;
    background-size:cover; position:relative;
}
.navbar-toggle {
    display: block;
}
.sppb-container-inner {
    padding-left: 15px;
    padding-right: 15px;
}
#home-top .sppb-section:before {
    background: url(../images/header-img-izq.png)no-repeat;
    position: absolute;
    content: "";
    width: 190px;
    height: 300px;
    left: 151px;
    background-size: contain;
    top: 20px;
}
#home-top .sppb-section:after {
background:url(../images/header-img-der.png)no-repeat; position:absolute; content:"";
width:190px; height:300px;right:151px;top:80px;background-size: contain;
}
#footer .moduletable a {color:#fff; padding-left:40px; text-decoration:underline;}
.fondo-comparte h3 {
    color: #fff;
    font-size: 1.5em;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    text-align:center;
    margin-top: 10px;
}
.addthis_inline_share_toolbox {
display:block;
    text-align: center;
}
.mainbody{
margin-top: -20px;
position: relative;
}
}
@media screen and (min-width: 992px) {
    .fila-sanciones .sppb-addon-text-block {padding-left:10px;padding-right:10px; padding-top:15px; padding-bottom:15px; min-height:385px;}
 .fila-sanciones.ninos .sppb-addon-text-block {padding-left:10px;padding-right:10px; padding-top:15px; padding-bottom:15px; min-height:255px;}
.fila-proceso p {position:relative;padding-left:45px;padding-top:0px;}
.fila-proceso.uno p:before {left: -5px;top: 17px;position: absolute;content: "1";font-size: 70px;font-weight: bold;}
.fila-proceso.uno.ninas p:before {left: -5px;top: -10px;position: absolute;content: "1";font-size: 70px;font-weight: bold;}
.fila-proceso.dos p:before {left: -12px;top: -5px;position: absolute;content: "2";font-size: 70px;font-weight: bold;}
.fila-proceso.tres p:before {left: -12px;top: -25px;position: absolute;content: "3";font-size: 70px;font-weight: bold;}
.fila-proceso.cuatro p:before {left: -18px;top: 17px;position: absolute;content: "4";font-size: 70px;font-weight: bold;}
.lista-deberes {width: 60%;margin-left: 20%;padding: 20px;position:relative;}
.lista-deberes:before {background: url(../images/Justicia-Mod02-icn-deberesResponsabilidadesMenoresA.svg)no-repeat;position: absolute;content: "";
width: 150px;height: 200px;left: -110px;bottom: -30px;
}
.lista-deberes:after {background:url(../images/Justicia-Mod02-icn-deberesResponsabilidadesMenoresB.svg)no-repeat; position:absolute; content:"";
width:150px; height:200px;right:-110px;bottom:-30px;
}
.navbar-default a{min-height:55px;}
.customexplora h2 {
    color: #000;
   text-transform: uppercase;
    font-size: 2em;
    text-align: center;
    margin-bottom: 30px;
}
.mapa {position:relative;padding-left:85px;}
.mapa:before {background:url(../images/img-mapa.svg); position:absolute; content:"";
width:150px; height:150px;left:-80px;top:10px;
}
.nav>li {
    display: inline-block;
    line-height: 1.2em;
    border-left:none;
    padding: 0px 12px 0px 12px;
}
.nav{display:flex; align-items: center; margin-top:20px;flex-flow: wrap;}

}
    li.item-128 a {
    width: 310px;
}
li.item-127 a {
    width: 213px;
    display: block;
}
li.item-118 a {
    width: 163px;
    display: block;
}
@media screen and (min-width: 1024px) {
.navbar-header {
  background-position-y:123px;
}
}
@media screen and (min-width: 1200px) {
    .tabs-division img {
    display: block;
    width: 280px;
    height: auto;
    margin: 0 auto;
}
.fila-proceso p {position:relative;padding-left:30px;padding-top:0px;}
.fila-proceso.uno p:before {left: -30px;top: 5px;position: absolute;content: "1";font-size: 70px;font-weight: bold;}
.fila-proceso.uno.ninas p:before {left: -30px;top: -15px;position: absolute;content: "1";font-size: 70px;font-weight: bold;}
.fila-proceso.dos p:before {left: -30px;top: -15px;position: absolute;content: "2";font-size: 70px;font-weight: bold;}
.fila-proceso.tres p:before {left: -30px;top: -25px;position: absolute;content: "3";font-size: 70px;font-weight: bold;}
.fila-proceso.cuatro p:before {left: -35px;top: -5px;position: absolute;content: "4";font-size: 70px;font-weight: bold;}

.fila-proceso.uno.ninos p:before {left: -30px;top: -25px;position: absolute;content: "1";font-size: 70px;font-weight: bold;}
.fila-proceso.dos.ninos p:before {left: -30px;top: -25px;position: absolute;content: "2";font-size: 70px;font-weight: bold;}
.fila-proceso.tres.ninos p:before {left: -30px;top: -35px;position: absolute;content: "3";font-size: 70px;font-weight: bold;}
.fila-proceso.cuatro.ninos p:before {left: -35px;top: -35px;position: absolute;content: "4";font-size: 70px;font-weight: bold;}
.fila-proceso.cinco.ninos p:before {left: -35px;top: -25px;position: absolute;content: "5";font-size: 70px;font-weight: bold;}
.fila-proceso.seis.ninos p:before {left: -35px;top: -25px;position: absolute;content: "6";font-size: 70px;font-weight: bold;}
.fila-proceso.siete.ninos p:before {left: -35px;top: -25px;position: absolute;content: "7";font-size: 70px;font-weight: bold;}
.fila-proceso.ocho.ninos p:before {left: -35px;top: -25px;position: absolute;content: "8";font-size: 70px;font-weight: bold;}
.fila-proceso.nueve.ninos p:before {left: -35px;top: -25px;position: absolute;content: "9";font-size: 70px;font-weight: bold;}
.fila-proceso.diez.ninos p:before {left: -35px;top: -25px;position: absolute;content: "10";font-size: 60px;font-weight: bold;}
    .addthis_inline_share_toolbox {
display:flex;
    text-align: center;
}
    .navbar-toggle {
    display: none;
}
    li.item-128 a {
    width: 310px;
}
#home-top .sppb-section { padding: 70px 30px 70px!important;}
    .container.logo img {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
    .navbar-header {
  float: none!Important;
  padding-bottom:18px;
  background:url(../images/antemenu1.svg)#fff no-repeat;
  background-position-y:122px;

}
.nav>li {
    display: inline-block;
    line-height: 1.2em;
    border-left:1px solid #fff;
    padding: 0px 12px 0px 12px;
}
#home-top .sppb-section:after {
background:url(../images/header-img-der.png)no-repeat; position:absolute; content:"";
width:244px; height:411px;right:-17px;bottom:-60px;background-size: contain;
}
#home-top .sppb-section:before {
    background: url(../images/header-img-izq.png)no-repeat;
    position: absolute;
    content: "";
    width: 244px;
    height: 525px;
    left: -23px;
    background-size: contain;
    bottom: -60px;
}
  .navbar-header .logo img {
  max-width: 390px;
  height: auto;
}
a.ninxs-home, a.adolescentes-home {
    text-align: center;
    position: relative;
    padding-top: 400px;
    display: block;
}
a.ninxs-home:before {
background:url(../images/btn--explorar-contenido-1-normal.png); position:absolute; content:"";
width:400px; height:380px;left:30px;top:0px; background-size: contain;
}
a.adolescentes-home:before {
background:url(../images/btn--explorar-contenido-2-normal.png); position:absolute; content:"";
width:400px; height:380px;left:30px;top:0px; background-size: contain;
}
a.ninxs-home:hover:before {
background:url(../images/btn--explorar-contenido-1-roll.png); position:absolute; content:"";
width:400px; height:380px;left:30px;top:0px; background-size: contain;
}
a.adolescentes-home:hover:before {
background:url(../images/btn--explorar-contenido-2-roll.png); position:absolute; content:"";
width:400px; height:380px;left:30px;top:0px; background-size: contain;
}
.customexplora a span {
    background: #fff; position:relative;
    padding: 10px 75px 10px 25px;
    border-radius: 10px;
    font-family: 'Palanquin Dark', sans-serif;text-transform: uppercase;
font-size: 1.5em;color: #0f6967;
  -webkit-box-shadow: 0 10px 6px -6px #333;
     -moz-box-shadow: 0 10px 6px -6px #333;
          box-shadow: 0 10px 6px -6px #333;
}
.customexplora a:hover span {
   -webkit-box-shadow: 0 10px 6px -6px #000;
     -moz-box-shadow: 0 10px 6px -6px #000;
          box-shadow: 0 10px 6px -6px #000;
}
}
#actividad {background:url(../images/textura-fondo.png)repeat center top;background-size:contain;}
/*ninos reto*/
h3.q-title {
            color: #1E757F;
            display: flex;
            margin-bottom: 3rem;
            text-transform: inherit;
        }

        h3.q-txt {
            text-transform: inherit;
            margin: 3rem 0;
        }

        .q-title span.q-nun {
            background: #1E757F;
            margin: -17px 4px;
            color: white;
            width: 50px;
            height: 50px;
            text-align: center;
            border-radius: 50%;
            font-size: 1.4em;
            line-height: 47px;
        }

        .q-ul {
            padding: 0 3px 0 0;
            list-style: none;
        }

        .q-ul li {
            background: #229A6E;
            padding: 10px;
            color: white;
            margin: 10px 0;
            border-bottom: 3px solid white;
            box-shadow: 3px 3px 3px 0 rgb(51 51 51 / 35%);
            cursor: pointer;
            transition: .2s;
        }

        .q-ul li:hover {
            transform: scale(1.01);
        }

        .q-ul li.q-incorrent {
            background-color: red;
        }

        .q-ul li.q-corrent {
            background-color: green;
        }

        .q-btnNext:focus {
            text-decoration: none;
            color: white;
        }

        .q-btnNext {

            background-image: url(/templates/masterbootstrap/images/arrow-next-normal.svg);
            width: 150px;
            height: 100px;
            line-height: 88px;
            background-repeat: no-repeat;
            background-size: 130px 90px;
            text-align: center;
            color: white;
        }



        .q-btnNext:hover {

            background: url(/templates/masterbootstrap/images/arrow-next-roll.svg) no-repeat;
            text-decoration: none;
            background-color: transparent;
            background-size: 130px 90px;
            background-position-x: 15px;
            color: #fff;
            height: 100px;
            width: 150px;
            border: none;
        }

        .q-answer {

            font-size: 1.2em;
            box-shadow: 5px 5px 5px 0 rgb(51 51 51 / 35%);
            margin: 5px;
            padding: 4rem;
        }

        .reto-title {
            background: #FF783D;
            color: #fff;
            width: max-content;
            margin: auto;
            padding: 15px;
            position: relative;
        }

        .reto-title img {
            width: 100px;

        }

        .reto-bck {
            background: url(/templates/masterbootstrap/images/reto-bck.png);
            overflow: hidden;
            padding: 4rem 0;
        }

        .reto-container {
            width: 90%;
            margin: -2rem auto 0 auto;
            
            padding: 2rem;
            background-color: white;
        }

        .q-btnNext-box {
            display: flex;
            justify-content: flex-end;
        }

        .q-question {
            max-width: 90%;
            margin: auto;
        }

        .q-answer li::marker {
            color: yellow;
        }

        .txt-final {
            color: #1d76bb;
            font-weight: bold;
        }

        img {
            max-width: 100%;
            display: block;
            margin: auto;
        }

        .justify-content-center {
            justify-content: center;
        }

        .d-none {
            display: none;
        }

        .rowa {
            display: flex;
            justify-content: center;
            margin: 4rem 0;
        }

        a.btn-final {
            background-color: #FF783D;
            color: white;
            text-align: center;
            display: block;
            padding: 15px;
            margin: 3px;
            box-shadow: 3px 3px 3px 0 rgb(51 51 51 / 35%);
            border-right: 5px solid white;
            border-bottom: 5px solid white;
            transition: .2s;
        }

        a.btn-final:hover {
            transform: scale(1.02);
            text-decoration: none;
        }

        a.btn-final.repetir-reto {
            background-image: url(/templates/masterbootstrap/images/ico-btn-repetir.svg);
            background-repeat: no-repeat;
            background-position: right;
        }

        a.btn-final.repasar-reto {
            background-image: url(/templates/masterbootstrap/images/ico-btn-repasar.svg);
            background-repeat: no-repeat;
            background-position: right;
        }
        .modal.participantes {
            text-align: center;
        }

        .modal.participantes img {
            width: 230px;
        }
        a.q-btnNext span.icon-chevron-right:before {
            content: '';
        }
    .osmap-has-children ul {
    padding-inline-start: 10px;
}
    
        @media screen and (max-width: 572px) {
            .reto-container {width: 100%; padding: 2rem 0;}
            .q-answer {padding: 5px;}
        }
        @media screen and (max-width: 767px) {
  .boton-modal a {
    margin-top: 100px;
    margin: 0 auto;
    width: 200px;
    margin-bottom: 110px;
} 
  .modal-4 a {
    margin-top: 100px;
    margin: 0 auto;
    width: 200px;
    margin-bottom: 40px!important;
} 
        li.previous {
    width: 50%;
}
li.next {
    width: 50%;
}
            header#header {
                position: sticky;
                top: 0px;
                z-index: 2;
            }
            .headroom--unpinned {
                transform: inherit;
            }
            .modal {
                top: 150px;
            }
            .pager {
                top: 0;
                position: relative;
                z-index: 1;
                display: flex;
                flex-flow: row wrap;
                height:80px;
            }
        }
        .nav.menu li a:active, .nav.menu li a:focus {
            background: #0f5563;
        }
.btnDisabled{
            pointer-events: none;
            opacity: .5;
        }

/*fin ninos reto*/

.sitemap {padding-top: 20px;padding-bottom: 40px;padding-left:0px!Important;padding-right: 0px!Important;}

.sitemap  h1{text-transform: none; font-weight: bold;}


.sitemap  ul li a{
    padding-bottom: 10px;
    display: block;
}
 @media screen and (min-width: 768px) {
            .sitemap {padding-top: 20px;padding-bottom: 40px;padding-left:40px!Important;padding-right: 40px!Important;}
            .osmap-has-children ul {
    padding-inline-start: 40px;
}
        }