/*!------------------------------------------------------------------
[MAIN STYLESHEET]

PROJECT:	Project Name
VERSION:	Versoin Number
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[TABLE OF CONTENTS]
-------------------------------------------------------------------*/
/*  typography */

/*  CELULARES */

@media (max-width: 576px){
    
   .socioico{ 
    position: absolute;
    left: 0%;
    width: 100px !important; 
  }  

  .tituloquehacemos-socio{
    font-size: 18px !important;
    padding: 1% 25% 1% 4% !important;
    margin: 30px 0px 2px 90px !important;
  }

  .donanteico{

    position: absolute;
    left: 0% !important;
    width: 100px !important; 
  }

  .tituloquehacemos-donante{
    font-size: 18px !important;
    padding: 1% 8% 1% 4% !important;
    margin: 8% 0% 2% 25% !important;
  }

  .voluntarioico{

    position: absolute;
    left: 0% !important;
    width: 100px !important; 
  }

  .tituloquehacemos-voluntario{
    font-size: 18px !important;
    padding: 1% 2% 1% 4% !important;
    margin: 8% 0% 2% 25% !important;
  }

  
  /*padding: 1% 27% 1% 4%;*/
  .textoinicial-col-texto{
    padding: initial !important;
    margin-top: 10% !important;


  }

  /*MENU*/

    .dropdown-toggle::after {
      display: inline-block !important;

    }

  /*HOME*/

  .texto-portada {
    position: absolute;
    top: 40%;
    left: 0%;
  }

  .titulo-portada{
    font-size: 30px;
    text-align: center;
  }

  .boton-portada {
      left: 24%;
  }

  .sombra-celu{

    box-shadow: 0px 4px 25px 0px rgba(27, 39, 71, 0.15);
  }
  .boton-video-home{

    margin: 18% 0% 0% -57%;
    
  }
  .sombra-celu2{
    box-shadow: 0px 4px 25px 0px rgba(27, 39, 71, 0.35);
  }

  .titulo1{

    font-size: 35px !important
  }

  .titulo2{
    text-align: center !important;
    font-size: 40px !important;
  }

  .background-numeros{

    background-image: url(../images/home/fotocontador3.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
  }

  /*NOSOTROS*/

    .textoinicial {
      padding: 0% 0% 5% 0% !important;
     
      font-size: 18px !important;
    }

    .inicio-secciones{

      padding-top: 10px !important;
    }

    .texto-nos-img p {
      
      font-size: 19px !important;
     
      padding: 5% 0% 4% 0%;
     
    }

    #timeline:before {

      content: none;
    }

    .timeline-panel:before {
   
    content: none;
    
    }

    .fecha-timeline-left{
      background: #6D9A6C;
      color: white;
      font-size: 21px;
      padding: 2px 17px;
      border-radius: 0;
      font-weight: 400;
      border: 0;
      position: relative;
      z-index: 1;
      transition: .2s ease;
      overflow: hidden;
    }
    .fecha-timeline-right{
      background: #6D9A6C;
      color: white;
      font-size: 21px;
      padding: 2px 17px;
      border-radius: 0;
      font-weight: 400;
      border: 0;
      position: relative;
      z-index: 1;
      transition: .2s ease;
      overflow: hidden;
      text-align: right;
    }

     .tarjetas-valores-mision{
      background-color: #ff9b05; 
      text-align: left;
      padding: 0% !important;
    }

    .tarjetas-valores-vision{
      background-color: #44b4d5; 
      text-align: right;
      padding: 0% !important;
    }

    .tarjetas-valores-valores{
      background-color: #f7d200; 
      text-align: left;
      padding: 0% !important;
    }

    .checkform {
    
      font-size: 20px !important;
    
    }

    .tarjetas-cuerpo{

       padding: 20px 0px !important;
    }

    .titulo-pestanas {
   
    font-size: 30px !important;
    }

    /*QUEHACEMOS*/

    .section-quehacemos{

      padding-top: 5px !important;
      padding-bottom: 0px;
    }

   .tituloquehacemos{
    text-align: initial !important;
    padding: 5% 0% 7% 0%;
    background-color: #FF9C05;
    color: white;
    margin: 0% !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    font-size: 25px;
  }

  .textoinicial-b{

    font-family: 'Baloo Chettan 2', cursive;
    color: black;
    padding: 2% 0% 5% 0%;
    text-align: center;
    margin-bottom: 0%;
    color: #6D9A6C;
    font-size: 20px;
    line-height: 30px;

  }

  .check-list{
    font-size: 16px !important;
  }

  .texto-d{
    font-size: 16px !important;
  }

  .tarj-derecha strong{

   
    width: 30% !important;
  }

  .listado-inst{
    background-color: #FF9C05; 
    text-align: center;
    padding: 2% 0% 5% 0%;
  }

  .inst-ul{

    padding-left: 10px;
  }

  .carousel-caption h5{

      font-size: 15px;


  } 

  .titulo3{
  
  font-size: 35px;
  
}


  /*GALERIA*/

  .hover {
    overflow: hidden;
    position: relative;
    padding-bottom: 60%;
  }


  /*COLABORAR*/

  .textoinicial-col{

    font-size: 30px !important;

  }

  .boton-portada-2{
  
     margin-left: 0% !important;
     margin-top: 0%;

  }
  .tareas-titulo{

      padding: 0px;
    }

   

    .formulario-3{

      padding-left: 0%;
    }

    .centrado-celu{

      margin: 11px;
    }

  /*NOVEDADES*/
  .section-novededes{

    padding-top: 10px !important;
}

  .nov-destacada-titulo {
    
    font-size: 30px;
    text-align: center;
}
 .nov-destacada-noticia{

      text-align: left;

    }

    /*CONCURSOFOTOGRAFICO*/

    .botoninscripcion{

      margin-bottom: 2%;
    }

    .header-concurso{
      background: #ff9c0500;

    }

    .titulo-pestanas-concurso{

      margin-top: 2%;
    }

  /*FOOTER*/

  .textofooter{

    text-align: center;
  }

  .firma{
    padding: 0% !important;
    margin: 5% 0% !important;
  }

  .logo-celu{

    margin: 0px !important;
  }



}
@media (min-width: 577px){
    
   .socioico{ 
    position: absolute;left: 15%;
  } 

}
@media (min-width: 768px){
    

}
@media (min-width: 992px){
    

}
@media (min-width: 1200px){
    

}