#imglogin1{
  max-width:100%;
  position:absolute;
  height:100%;
  width:100%;
  background: url(https://3intranet.com/assets/images/fondo-colaborador.jpg);
}


#imgvamos{
   width:60px;
   height:60px;
   display: block;
}

#imgmeasombra{
   width:60px;
   height:60px;
   display: block;
}

#imgmegusta{
   width:60px;
   height:60px;
   display: block;
}

#imgexcelente{
   width:60px;
   height:60px;
   display: block;
}

#imagen1{
   margin: 0 auto;
   display: block;
   height:550px;
}



/* CEL VERTICAL 428x926*/ 
@media (min-width: 320px) and (max-width: 480px) {
    #imglogin1 {
        background: url(https://3intranet.com/assets/images/fondo-cel-vert.jpg); 
    } 

}
/* CEL  horizontal 926x428*/
@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
    #imglogin1 {
        background: url(https://3intranet.com/assets/images/fondo-cel-hor.jpg); 
        height:200%;
    } 

}



/*COMUNICADOS*/

/* CEL VERTICAL 428x926*/ 
@media (min-width: 320px) and (max-width: 480px) {
    #imgexcelente{
       width:30px;
       height:30px;
       display: block;
    }

}
/* CEL  horizontal 926x428*/
@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
    #imgexcelente{
       width:40px;
       height:40px;
       display: block;
    }

}

/* CEL VERTICAL 428x926*/ 
@media (min-width: 320px) and (max-width: 480px) {
    #imgvamos{
       width:30px;
       height:30px;
       display: block;
    }

}
/* CEL  horizontal 926x428*/
@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
    #imgvamos{
       width:40px;
       height:40px;
       display: block;
    }

}
/* CEL VERTICAL 428x926*/ 
@media (min-width: 320px) and (max-width: 480px) {
    #imgmeasombra{
       width:30px;
       height:30px;
       display: block;
    }

}
/* CEL  horizontal 926x428*/
@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
    #imgmeasombra{
       width:40px;
       height:40px;
       display: block;
    }

}
/* CEL VERTICAL 428x926*/ 
@media (min-width: 320px) and (max-width: 480px) {
    #imgmegusta{
       width:30px;
       height:30px;
       display: block;
    }

}
/* CEL  horizontal 926x428*/
@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
    #imgmegusta{
       width:40px;
       height:40px;
       display: block;
    }

}

/* CEL VERTICAL 428x926*/ 
@media (min-width: 320px) and (max-width: 480px) {
    #imagen1{
       margin: 0 auto;
       display: block;
       height:144px;
    }

}
/* CEL  horizontal 926x428*/
@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
    #imagen1{
       margin: 0 auto;
       display: block;
       height:144px;
    }

}

/* CEL VERTICAL 428x926*/ 
@media (min-width: 320px) and (max-width: 480px) {
    #info{
       display: none;
    }

}
/* CEL  horizontal 926x428*/
@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
    #info{
       margin: 0 auto;
       display: block;
       height:40px;
    }

}