@media only screen and (min-width:321px) and (max-width: 536px) {

    #leftside {
        display: table;
        margin: 0 auto;
   }
     
    #content {       
        min-width: 359px;
        width: auto;
        margin: 0 auto;
    }

    #content .loginContent{
        width: 100%;
    }

    #content .loginContent td {
        width: 100px;
    }

    #content .loginContent td p {
        /* display: inline-block; */
    }

    #promos img{
        padding:20px 0;
    }


}

@media only screen and (max-width: 320x) {
   
    #leftside {
        
    }

    #content {
        
    }

    #content .loginContent td {
       
    }

    #content .loginContent td p {
        
    }

}


.selected {
    display:block !important;
}

.lgpage {
    display:none;    
}

.fila{
    display:inline-block;
    width:100%;
    margin-bottom:10px; 
}

.fila.errortext{
    whitespace:nowrap;
}

.dato{
    display:inline;
    }

.msgerror{
    display:inline-block;
}

.lbldato{
    display:inline-block;
    margin-bottom:5px;
}

.lgpage{
    width:100%;
}

.errortext{
    color:red;
}

#controles input[type="submit"]{
    margin-left:35px;
}


#avisovigencia {
    color: red;
    text-align: center;
    margin: 20px 0
}

#promos{
    cursor:pointer;
    title:'Ir a las promociones.';
}


#promos img{
    width: 82%;
     cursor:pointer;
     title:'Ir a las promociones.';
}