html {
	  height: 100%;
	  width: 100%;
         }
body { 
	margin:0; 
        font-family: Lato; 
	}
.header-img {
	  background: url("../imagenes/LDBanner.svg") no-repeat;
	  -webkit-background-size: cover;
	  background-size: cover;
	  max-width: 100%;
	  background-position: center center;
	  padding: 20vh;
          /*max-height: 40vh;*/
          margin: 0;
	}

.barra {
  overflow: hidden;
  /*background-color: #a9bcd0fd;*/
  background-color: #FFF;
  list-style-type: none;
  margin: 0;
  padding: 10px 0 0 0;
  height: 80px;
}

.barra li a{
  color: #0080fffc;
  text-align: center;
  padding-right: 15px;
  text-decoration: none;
  font-size: 20px;
}
.barra li{
  display: inline;
}
.barra li .activo {
  color: #05223ffc;
}

.menu{ 
     padding-top: 25px;
     float:right;
  }

.isotipo {
	vertical-align: middle;
	width: 50px;
        /*pading: 20px 15px;*/
}

/*.logotipo {
  //float: left;
  //color: #1a2c3fff;
  color: #0080fffc;
  //text-align: center;
  padding-left: 10px;
  //text-decoration: none;
  font-size: 28px;
  display:inline-block; 
  vertical-align: middle; 
}*/
.imagotipo{
  float: left;
  padding: 15px 20px;
}



/*.barra .icono {
  display: none;
}
*/
.limite { 
     max-width: 900px;
     margin: 0 auto;
  }


.contenido {
  padding: 10px 10px 40px 10px;
  margin: 15px;
  transition: 0.3s;
}

/* @media screen and (max-width: 600px) {
  .menu_movil { 
     float:right;
  }
  li { 
     display: inline; 
  }
}
*/

@media screen and (max-width: 600px) {
  .logotipo {
          display: none;
        }
  .isotipo{
          margin-left: 5px;
        }
}

@media screen and (max-width: 1024px) {
  .header-img {
          /*background: url("../imagenes/LDBanner2.svg") no-repeat;*/
          padding: 15vh 0;
        }
}
@media screen and (max-width: 700px) {
  .header-img {
          padding: 10vh 0;
        }
}
@media screen and (max-width: 600px) {
  .header-img {
          background: url("../imagenes/LDBanner2.svg") no-repeat;
          -webkit-background-size: cover;
          background-size: cover;
          max-width: 100%;
          background-position: center center;
          padding: 10vh 0;
          margin: 0;
        }
}

.box {    
          background-color: rgba(255,255,255,0.6);
          padding: 20px;
          max-width: 500px;
          text-align: center;
          border-radius: 50px;
          -webkit-animation: animatezoom 0.6s;
          animation: animatezoom 0.6s
        }
@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}
.btn {    
          background-color: #0080fffc;
          border-radius: 10px;
          border: none;
          color: white;
          padding: 10px;
          text-align: center;
  	  text-decoration: none;
  	  display: inline-block;
  	  font-size: 16px;
        }

.footer {
   width: 100%;
   height: 100%;
   background-color: #0080fffc;
   color: white;
   text-align: center;
   margin: 0;
   padding: 20px 0 10px 0;
}
.social{
  color: #FFF;
  padding-right: 15px;
  text-decoration: none;
  font-size: 20px;
}