body{
    margin:0px;   
    font-family: 'Montserrat', sans-serif;
    color: #4D4D4D;
    font-size: 15px;
    background-color: #ffffff;
    line-height: 25px;
    font-weight: 400;

}


/*BOTONERA*/

.botonera {
    float: left;
    margin-top: 6px;
}

.navbar-principe{
    background-image: none;
    border-radius: 0px;
    box-shadow: none;
    background-color:transparent;
    border:none;
}

.navbar-default .navbar-nav > li > a {
   color: #181818;
   font-size: 14px;
   font-weight: 400;
}

.navbar {
    margin-bottom: 0px;
}

.navbar-principe .nav > li > a {
    padding: 10px 10px;
}


.nav.navbar-nav.navbar-principe {
    float: left;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #653CF0; /*143e36*/
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #7cc92f;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}


.navbar-principe .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}



.botonera-xs .navbar-default {
    box-shadow: none !important;
    background-color: transparent;
    background-image: none;
    border-radius: 0px !important;
    border: none;
}

.botonera-xs .navbar-toggle {
    margin-left: 0px;
    background-color:transparent;
    border: none;
    top:14px;  /*--0*/
}


.botonera-xs .navbar-default .navbar-toggle .icon-bar {
    background-color: #653CF0;
}

.botonera-xs .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}


.botonera-xs .navbar-default .navbar-nav > li > a {
    margin-left: 15px;
    margin-top: 6px;
    color: #fff;
    font-size: 16px;
    padding-bottom: 5px;
}


.botonera-xs .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #FFF;
    background-color: transparent;
}


.botonera-xs .navbar-default .navbar-nav > li > p {
    margin-left: 30px;
    margin-top: 6px;
    color: #fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 17px;
    margin-bottom: 0px;
    line-height:20px;
}
.botonera-xs .navbar-default .navbar-nav > li > span {
    margin-left: 30px;
    margin-top: 6px;
    color: #fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight:bold;
}

.botonera-xs .navbar-inverse {
    background-image: none;
    background-color:#653CF0;
}



.botonera-xs .navbar-nav {
    margin: 0px -15px;
}


.logo {
    margin-top: 9px;
}

.cabecera.largo {
   background-color: #fff;
   position: relative;
   z-index: 3;
   height: 90px;
   padding-top: 20px;
}

.cabecera.corto{
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 777777;
    top: 0;
    box-shadow: 0px -5px 8px 0px #111; 
    height: 90px;
}


.cabecera.corto .navbar-default .navbar-nav > li > a {
    color: #7C364E;
}

.cabecera.corto .navbar-default .navbar-nav > li > a:hover, .cabecera.corto .navbar-default .navbar-nav > li > a:focus {
    color: #3F3E3E;
}


.cabecera.corto .botonera-xs .navbar-default .navbar-nav > li > a {
    color:   #fff;
}

.cabecera.corto .botonera-xs .navbar-default .navbar-nav > li > a:hover {
    color:   #fff;
}



.cabecera.corto .botonera {
    margin-top: 24px;
}

.cabecera.corto .logo {
    margin-top: 0px;
}



.cabecera.corto .logo-sticky{
    display: block;
    margin-top: 20px;
}

.cabecera.corto .logo-sticky img{
    display: block;
}

.cabecera.corto .logo{
    display: none;
}



.cabecera.corto .logo-sticky-xs{
    display: block;
    margin-top: 10px;
}

.cabecera.corto .logo-sticky-xs img{
    display: block;
    margin: auto;
    padding-right: 30px;
}

.cabecera.corto .logo-xs{
    display: none;
}

.logo-xs img{
    display: block;
    margin: auto;
    padding-right: 30px;
}


.cabecera.corto  .botonera-xs .navbar-default .navbar-toggle .icon-bar {
    background-color: #16C7DF;
}


.logo-xs {
    margin-top: 10px;
}

/*BOTONERA*/


.sinpad{
    padding-right: 0px;
    padding-left: 0px;
}

.sinpad-izq{
    padding-left: 0px;
}

.sinpad-der{
    padding-right: 0px;
}



.btn-primario{
    background-color: #FD993D;
    border-radius: 50px;
    padding: 10px 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.btn-primario:hover, .btn-primario:focus {
    background-color: #C9DD72;
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}



.btn-secundario{
    background-color: #transparent;
    border-radius: 30px;
    padding: 10px 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border: 2px solid #fff;

}

.btn-secundario:hover, .btn-secundario:focus {
    background-color: #fff;
    color: #653CF0 !important; 
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    border: 2px solid #fff;
}


.btn-terciario{
    background-color: #A6C615;
    border-radius: 50px;
    padding: 10px 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.btn-terciario:hover, .btn-terciario:focus {
    background-color: #FD993D;
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}




.whatsapp{
    position: fixed;
    bottom: 10px;
    right: 15px;
    width: 73px;
    height: 65px;
    z-index: 555;
}

.chatear{
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 245px;
    height: 55px;
    z-index: 555;
    background-color: #653cf0;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding-top: 15px;
}

.chatear:hover, .chatear:focus {
    background-color: #4c29c5;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.chatear img{
    margin-right: 8px;
}

.box-frase h1{
    font-size: 65px;
    color: #fff;
    line-height: 75px;
    font-weight: 300;
    margin-bottom: 20px;
}

.box-frase span{
    font-weight: 700;
}

.box-frase p{
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
}

.box-frase{
    width:460px;
    height: 125px;
    margin-top:140px; 
}



#oportunidades{
    background-color: #FD993D;
}

#oportunidades h2{
    text-align: center;
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    padding-top: 70px; /*150 1920*/
}

#oportunidades p{
    text-align: center;
    color: #fff;
    width: 500px;
    margin: 30px auto;
}

#oportunidades .btn-secundario{
    width: 150px;
    margin: auto;
    display: block;
}

#numeros{
    background-color: #F7F7F7;
    margin-top: 30px;
    padding-top: 60px;
    padding-bottom: 60px;
}


#numeros h3{
    text-align: center;
    font-size: 60px;
    color: #FD993D;
    font-weight: 800;
    padding-top: 0px;
    margin-top: 0px;
}

#numeros p{
    text-align: center;
    margin-bottom: 0px;
}


.cabecera-top .btn-primario{
    float: right;
    margin-top: 40px;
}

.logo-footer img{
    display: block;
    margin: auto;
}

#footer-fundacion p{
    text-align: center;
    font-size: 15px;
    color: #4D4D4D;
    margin-bottom: 0px;
}

#footer-fundacion a{
    text-align: center;
    font-size: 15px;
    color: #4D4D4D;
    display: block;
}

.redes-sociales a{
    float: left;
    margin-right: 8px;
}

#footer-fundacion .redes-sociales{
    width: 84px;
    margin: 30px auto;
}

#home .redes-sociales{
    float: right;
    margin-top: 10px;
}


.imagenhover{
    transition: all 0.3s ease-in-out;    
}

.imagenhover:hover{
    transform: scale(1.3);   
}

.container{
    overflow: hidden;
}

.box-noticia{
    position: relative;
}

.box-noticia:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #000, #000);
    opacity: .4;
}

.fecha-noticia{
    position: absolute;
    top: 10px;
    padding: 30px 40px;
}

.fecha-noticia p{
    color: #fff;
    font-size: 14px;
}


.titulo-noticia {
  position: absolute;
  bottom: 40px;
  margin-left: 40px;
  margin-right: 40px;
  border-bottom: 1px solid #fff;
}


.titulo-noticia:hover a p, .titulo-noticia:focus a p{
  color: #FD993D;
}



.titulo-noticia p{
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
}


#noticias-home{
    padding-top: 80px;
    padding-bottom: 80px;
}

#noticias-home h2{
    font-size: 22px;
    color: #FD993D;
    font-weight: 800;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 50px;
}

.copyright{
    background-color: #F7F7F7;
    padding-top: 5px;
    padding-bottom: 5px;
}

.copyright p{
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 14px !important;
}


#construir{
    background-color: #A6C615;
    padding-top: 50px;
    padding-bottom: 50px;
}

#construir h2{
    text-align: center;
    color: #fff;
    width: 75%;
    margin: auto;
    padding-bottom: 30px;
    font-size: 40px;
    font-weight: 800;
}

#construir h3{
    text-align: center;
    color: #fff;
    width: 75%;
    margin: auto;
    font-size: 24px;
    line-height: 38px;
    padding-bottom: 30px;
}

#construir p{
    color: #fff;
    width: 75%;
    margin: auto;
}

#sobre-fundacion{
    padding-top: 50px;
    padding-bottom: 50px;
}

#sobre-fundacion h2{
    text-align: center;
    color: #A6C615;
    padding-bottom: 30px;
    font-size: 40px;
    font-weight: 800;
}

#sobre-fundacion p{
    text-align: center;
    padding-bottom: 30px;
}


#sobre-fundacion .btn-primario{
    width: 200px;
    margin: auto;
    display: block;
}

#hacemos{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #FD993D;
    min-height: 400px;
}

.box-white{
    background-color: #fff;
    min-height: 200px;
    margin-right: 60px;
    margin-left: 60px;
    margin-bottom: 60px;
}

.contenido-box{
    width: 60%;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}


.contenido-box h2{
    color: #FD993D;
    padding-bottom: 20px;
    font-size: 28px;
    font-weight: 800;
}

.contenido-box h3{
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.contenido-box p{
    margin-bottom: 30px;
}



.quehacemoscol{
    padding-right: 0px;
    padding-left: 19px;
}

.contenido-box ul{
    margin-bottom: 30px;
    margin-left: 0px;
}


#nuestro-equipo{
    
}

.bg-equipo{
    background-color: #f9f9f9;
    min-height: 300px;
    margin-left: 60px;
    margin-right: 60px;
    padding-top: 80px;
    padding-bottom: 80px;
    margin-bottom: 50px;
}


.bg-equipo h3{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.bg-equipo p{
    text-align: center;
    font-size: 14px;
}

.bg-equipo .img-equipo img{
    margin: auto;
    display: block;
    border-radius: 50%;
}


.col-eq-5{
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-gral-equipo{
    width: 100%; /*75 1920*/
    margin: auto;
}

#titular-section h1{
    text-align: center;
    font-size: 55px;
    font-weight: 600;
    color: #111;
    margin-bottom: 0;
    margin-top: 0;
}

#titular-section{
    padding-top: 60px;
    padding-bottom: 60px;
}


.contenido-box.talleres h1{
    color: #FD993D;
    padding-bottom: 20px;
    font-size: 28px;
    font-weight: 800;
}

.contenido-box.talleres h2{
    color: #FD993D;
    padding-bottom: 2px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-left: 15px;
}

.contenido-box.talleres h3{
    padding-bottom: 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 0px;
    padding-top: 0px;
    color: #222;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.contenido-box.talleres h3 span{
    font-weight: 500 !important;
    color: #222;
    display: inline-block;
}

.contenido-box.talleres p{
    font-size: 14px;
}

.contenido-box.talleres span{
    font-size: 14px;
    font-weight: 600;
    display: block;
    color: #FD993D;
}


#titular-section.sec-orange h1{
    color: #FD993D;
    padding-bottom: 20px;
    font-size: 40px;
    font-weight: 800;
}

.item-nota{
    border: 1px solid #bbb;
    width: 90%;
    margin: 0px auto 35px;
}

.contenido-nota-blog{
    padding: 30px;
}


.contenido-nota-blog h2{
    padding-bottom: 0px;
    font-size: 26px;
    font-weight: 600;
    color: #000;
    padding-top: 0px;
    margin-top: 13px;
}

.contenido-nota-blog a:hover h2, .contenido-nota-blog a:focus h2 {
    color: #27a2e3;
}


.contenido-nota-blog span{
    padding-bottom: 20px;
    font-size: 12px;
    font-weight: 300;
    color: #111;
}

.contenido-nota-blog p{
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: 300;
    color: #111;
    margin-bottom: 5px;
}

.visualizaciones{
    border-top: 1px solid #ccc;
    padding-top: 10px;
}


.item-otras-notas h2{
    font-size: 16px;
    color: #333;
    margin-top: 0px;
}

.item-otras-notas{
     margin-bottom: 30px;
}


#nota-completa .img-nota-blog{
    margin-bottom: 20px;
    margin-top: 20px;
}


.otras-notas .img-nota-blog{
    margin-bottom: 10px !important;
}

.contenido-nota-completa span{
    padding-bottom: 20px;
    font-size: 12px;
    font-weight: 300;
    color: #111;
}

.contenido-nota-completa h1{
    font-size: 36px;
    font-weight: 600;
    color: #000;
    padding-top: 0px;
    margin-top: 13px;
    line-height: 42px;
}


.otras-notas h3{
    font-size: 17px;
    color: #FD993D;
    font-weight: 600;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}

p.destacado{
    padding-left: 20px;
    border-left: 2px solid #653cf0;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#footer-fundacion{
    margin-top: 30px;
}

#mapa{
    background-color: #A6C615;
    padding-top: 50px;
    padding-bottom: 50px;
}

#formulario{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #f9f9f9;
}


.formulario-contacto input{
    border-bottom: 1px solid #000;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
    box-shadow: none !important;
    background-color: #f9f9f9;
}

.formulario-contacto label{
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0px;
    color: #000;
}

.formulario-contacto textarea{
    border-bottom: 1px solid #000;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
    box-shadow: none !important;
    background-color: #f9f9f9;
}


.formulario-contacto .btn-primario{
    width: 200px;
    margin-top: 20px;
}


.col-talleres {
  background-image: url("../img/talleres.jpg");
  min-height: 1514px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.col-consejo {
  background-image: url("../img/consejo.jpg");
  min-height: 830px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.col-sede {
  background-image: url("../img/sede.gif");
  min-height: 420px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}


.col-buscamos {
  background-image: url("../img/que-buscamos.jpg");
  min-height: 700px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}


.box-text-slider{
    position: absolute;
    top: 150px;
    padding-left: 125px;
}

.box-text-slider p{
    font-size: 55px;
    background-color: #fff;
    color: #FD993D;
    line-height: 65px;
    font-weight: 800;
    display: inline;
}

.box-text-slider span{
    font-size: 18px !important;
    background-color: #fff;
    color: #111 !important;
    line-height: 22px !important;
    font-weight: 400 !important;
    display: inline;
    padding-bottom: 4px;
}

.box-text-slider .btn-line{
    margin-top: 20px;
}


.btn-line{
    background-color: #transparent;
    border-radius: 50px;
    padding: 10px 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: 2px solid #fff;
}

.btn-line:hover, .btn-line:focus {
    background-color: #fff;
    color: #111 !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);
    border: 2px solid #fff;
}

#header-proposito{
  background-image: url("../img/proposito.jpg");
  min-height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}


#header-proposito h1 {
  font-size: 55px;
  background-color: #A6C615;
  color: #fff;
  line-height: 65px;
  font-weight: 800;
  text-align: center;
  width: 740px;
  margin: 150px auto 0px;
}


#header-hacemos{
  background-image: url("../img/hacemos.jpg");
  min-height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

#header-hacemos h1 {
  font-size: 40px;
  background-color: #FD993D;
  color: #fff;
  line-height: 65px;
  font-weight: 800;
  text-align: center;
  width: 450px;
  margin: 200px auto 0px;
}