html,body{

margin:0px;

height:100%;

}

.hidden{
  display: none;
}

.header {
    width: 100%;
    height: 10%;
    background: #004c66;
}


.logo{
    height: 80%;
}


.contenedor{
    height: 100%;
    width: 100%;
    background-color: red;    
}

.mapa{
    height: 78%;    
}

.footer {
  background-color: #004c66;
  position: fixed;
  bottom: 0;
  width: 100%;
    height: 6%;
  line-height: 250%;
  color: white;
}

h5{
  background-color: #004c66;
  bottom: 0;
  height: 25px;
  color: white; 
}

.img{
 height: 130px;
    width: 130px;
   /* margin-left: -20px;*/
}

.col-5{
    padding-right: 0px !important;
}

.btn-info{
    padding: 3px !important;
    margin-top: 3px !important;
}

.tel{
 /*   width: 50vh; */
        
}

/*@media (max-width:480px)
{
    .tel{
    width: 100vh;
        
}
    
}*/




.ocultarcel{
    display: block;
}

.mostrarcel{
    display: none;
}
.margenim{
    
}
.margenic{
    margin-left: 10%;
}
@media (max-width:480px)
{
 
       .ocultarcel{
        display: none;
    }
    .mostrarcel{
    display: block;
}
 .margenic{
  /*  margin-left: 25%; */
}
    .margenim
    {
        margin-left: 20%;
    }
    .img{
        vertical-align:super !important;
}
  
@media (min-height:768px)
{
     .tel{
    width: 60vh;
        
}

}

    @media (max-width:1500px)
{
     .tel{
  /*  width: 45vh;*/
        
}
    .img{
 height: 130px;
    width: 150px !important;
   /* margin-left: -20px;*/
}
}