body{
 /*background-color: #0BAF82;*/
 background-image: url('../assets/img/itt_login_borro.png');
 background-position: top;
background-repeat: no-repeat;
background-size: cover;
    }
 .foo{
    background-color: rgba(0,0,0,0.8);
    width:100%;
    height:70px;
    position:absolute;
    bottom:0;
    left:0;
    }
    .foo_letras{
        font-size: 18px;
        width: 360px;
        margin: 20px auto;
        color:#fff;
    }
 .he{
        width: 100%;
        height: 100px;
        background-color: #1ac1ff;
        color:#eee;
        border-bottom: 1px solid #c6c6c6;
        text-align: center;
        padding-top: 25px;
        font:33px titulos4;
 }
 label{
         color: #2F4F4F;
         font-size: 20px;
 }
 #cont_login{
        
     width: 100%;
     height: 100%;
    }
    
#login{
    /*left y top al 50% para que quede centrado en la pantalla*/
  background-color: #eee;   
  box-shadow: 0px 0px 1px #1ac1ff;      
 }
 #cont_input,#cont_re{
     padding: 45px 20px 0px 20px;
 }
 #cont_re{
     display: none;
 }
@media (min-width:861px) and (max-width:1600px){
#login{
        margin: 5% auto;
        width: 30%;
    }
}
@media (min-width:451px) and (max-width:860px){
#login{
    margin: 10% auto;
        width: 70%;
    }
}
@media (min-width:0px) and (max-width:450px){
#login{
    margin: 25% auto;
        width: 90%;
    }
}