@font-face {
    font-family: 'Baloo';
    src:url('../fonts/Baloo.ttf.woff') format('woff'),
        url('../fonts/Baloo.ttf.svg#Baloo') format('svg'),
        url('../fonts/Baloo.ttf.eot'),
        url('../fonts/Baloo.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
/* body {
  
} */



.tit-menu {
    font-family: 'Baloo';
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    line-height: 35px;
    margin: 0px 0px 0px 0px;
    background-color: #32AA00;
    border-radius: 5px 5px 0px 0px;
    text-shadow: 1px 1px 4px #00000080;

}

.tit-menu-blue {
    font-family: 'Baloo';
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    line-height: 35px;
    margin: 0px 0px 0px 0px;
    background-color: rgb(18, 142, 199);
    border-radius: 5px 5px 0px 0px;
    text-shadow: 1px 1px 4px #00000080;

}

.img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    width: 100%;
    height: 500px;
}

/*Login*/
/* body{

    /*background-image: url("../img/fondoSapam.jpg");*/
    /*color: white*/;
    /* background-position: top;
    background-size: cover;
    height: 100%; */

   /* display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    justify-content: center;
    align-items: center;*/
/* } */ 

h3{
    color: white;
}

/*.navbar{
    background-color: red;
    text-decoration-color: green;
}

.container{
    height: 100%;
    align-content: center;
}*/

.btn{
    color: white;
    cursor: pointer;
}

.card{
    height: 370px;
    margin-top: auto;
    margin-bottom: auto;
    width: 400px;
    background-color: rgba(0,0,0,0.7) !important;
}

.input-group-prepend span{
    width: 50px;
    background-color: #32AA00;
    color: black;
    border:0 !important;
}

.login_btn{
    color: black;
    background-color: #32AA00;
}

.login_btn:hover{
color: black;
background-color: white;
}


.minh-100 {
  height: 100%;
}



input:valid {
    background-color: #80ff80;
}



.jumbotron{
  /* color: #FFFFFF; */
  height: 350px;
  background-image: url("../img/headersapamvalle.jpg");
  /* background-position: 20% 15%; */
  background-size: 100% 180%;
  background-repeat: no-repeat;
}


.responsive {
    width: 100%;
    max-width: 300px;
    height: auto;
  }
  
  
  button {
      margin-left: auto;
      margin-right: auto;
  }
  
  /*ESTILOS FOOTER RESPONSIVE*/
  
  .position-text{
      
    color: blue;
    font-family: 'Amaranth';
    font-size: 22px;
    margin-top: 20px;
  }
  
  *{
      margin: 0;
      padding: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  footer {
      width: 100%;
      font-family: 'Alata';
  }
  
  h6{
      font-size: 20px;
      color: #A9CCE3;
  }
  .footer-container{
      width: 100%;
      background: #263238;
      color: #fff;
  }
  
  .footer-main{
      width: 98%;
      max-width: 1000px;
      margin: auto;
      padding: 50px 0;
      display: flex;
      flex-wrap: wrap;
  }
  
  .footer-main .footer-columna{
      width: calc(100% / 3);
      text-align: justify;
  }
  
  .footer-main .footer-columna a{
      width: calc(100% / 3);
      text-align: justify;
      color: white;
  }
  
  .footer-main .footer-columna:nth-child(2) {
      padding: 0 20px;
  }
  
  .footer-main .footer-columna h4 {
      font-size: 25px;
      color: #00C6EE;
      margin-bottom: 20px;
      font-family: 'Amaranth';
  }
  
  .footer-main .footer-columna span p {
      display: inline-block;
      margin-left: 5px;
      margin-bottom: 15px;
      font-family: Calibri;
  }
  
  
  
  .footer-copy-redes {
      width: 100%;
      background: #1e282d;
      
  }
  
  .main-copy-redes{
      width: 98%;
      max-width: 1000px;
      padding: 15px 0;
      margin: auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      -ms-align-items: center;
      align-items: center;
  }
  
  .main-copy-redes .footer-copy{
      width: 70%;
      color:#fff;
  }
  
  .main-copy-redes .footer-redes{
      width: 10%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }
  
  .main-copy-redes .footer-redes a{
      display: inline-block;
      text-decoration: none;
      width: 40px;
      height: 40px;
      line-height: 40px;
      border-radius: 50%;
      background: #fff;
      color: #000;
      text-align: center;
      
  }
  
  /*ESTILOS RESPONSIVOS*/
  
  @media screen and (max-width: 952px){
      .footer-main .footer-columna{
          width: 100%;
          text-align: center;
          margin: 10px 0;
      }
  
      .footer-main .footer-columna h3{
          font-size: 28px;
      }
  
      .footer-main .footer-columna p{
          font-size: 14px;
      }
  
      .main-copy-redes .footer-copy{
          width: 100%;
          text-align: center;
          margin-bottom: 20px;
      }
  
  
      .main-copy-redes .footer-redes{
          width: 20%;
          margin: auto;
      }
  
  }
  
  @media screen and (max-width: 408px){
      .main-copy-redes .footer-redes{
          width: 100px;
          
      }
  
  }
  
  /*ESTILOS DE LOS IFRAME*/
  
  .embed-container-one {
      position: relative;
      padding-bottom: 55.25%;
      height: 0;
      overflow: hidden;
  }
  .embed-container-one iframe {
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .embed-container-two {
      position: relative;
      padding-bottom: 150.25%;
      height: 0;
      overflow: hidden;
  }
  
  .embed-container-two iframe {
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%;
  }