#page-container {
  position: relative;
  min-height: 100vh;
}

.clsForm{
	width:80%;
	margin: 0 auto;
    font-family:arial, tahoma, helvetica, sans-serif; 
    font-size:18px; 
    padding:0px; 
    background-color:#fff; 
    border-radius:4px; 
    border:0px solid #d6d6d6; 
    /*box-shadow:#ccc 0px 0px 20px 0px;*/
	
}
.clsFormChild{
    width: 50%;
    box-sizing: border-box;
    border:1px solid #d6d6d6;
    padding:5px 30px 30px 30px; 
}

.clsLogo{
    width: 50%;
}
.liSubMenuChild{
    color:#000;
}
.liSubMenuChild:hover{
	color:red;
}

@media (min-width: 300px) {
    .clsTextoMenu{
        font-size:14px;
        font-weight:bold;             
    }
    .clsTextoMenu2{
        padding:18px 15px 0px 15px;
    }         
	.clsForm{
		width:90%;
	}
    .clsFormChild{
        float:none;
        width: 95%;
        margin:0 auto;
    }
    .clsLogo{
        width:auto;
        height:30px;
        margin-top:10px;            
        margin-left:0px;            
    }
    .clsPosicionLogo{
        text-align:center;
    }
    .clsPosicionMenu{
        width:280px;
        margin:0 auto;    
    }    
    .clsDivResumenCompra{
        width:95%;
        margin: 0 auto;
    }
    .clsResumenCompra{
        width:94%;
    }
    .clsImgPrograma{
        float:left;
        width: 100%;
        border-radius: 4px;
    }
    .clsInstrucciones{
        float:left;
        width:95.5%;
        margin-top:10px;
        margin-right:0px;
    }
    .clsRegistro{
        margin:0 auto;
        margin-top:45px; 
    }
    .clsLoginRegistro{
        width:100%;    
        margin: 0 auto;
    }    
    .clsSexo{
        width:100%;        
    }
    .clsNacimiento{
        width:100%;    
        margin-left:0px; 
    }
    .clsInputNacimiento{
        width:30%;
    }
    .clsFontInputSelect{
        font-size:16px;
    }      
    .clsFooter{
        width:100%;
        margin:0 auto;
        height:200px;
    }      
    .clsFooterCol1{
        width:50%;
    }        
    .clsFooterCol2{
        width:100%;
        margin-top:30px; 
    }           
    .clsFooterCol3{
        width:100%;
    }       
}

@media (min-width: 650px) {
    .clsTextoMenu{
        font-size:16px;
        font-weight:bold;             
    }
    .clsTextoMenu2{
        padding:36px 12px 12px 12px;
    }        
	.clsForm{
		width:90%;
	}
    .clsFormChild{
        float:left;
        width: 45%;
        margin-left: 25px;
    }
    .clsLogo{
        width: auto;
        height: 40px;
        margin-top:23px;            
        margin-left:20px;  
    }    
    .clsPosicionLogo{
        float:left;
    }
    .clsPosicionMenu{
        width:100%;
    }         
    .clsDivResumenCompra{
        width:90%;
        margin: 0 auto;
    }
    .clsResumenCompra{
        width:98%;
    }
    .clsImgPrograma{
        float:left;
        width: 100%;
        border-radius: 4px;
    }
    .clsInstrucciones{
        float:left;
        width:97%;
        margin-top:10px;
        margin-right:0px;
    }
    .clsLoginRegistro{
        width:95%;
        margin: 0 auto;
    }    
    .clsRegistro{
        margin-top:0px;
        margin-left:30px;    
        display:inline-block;         
    }
    .clsNacimiento{
        width:100%;  
        margin-left:0px; 
    }
    .clsInputNacimiento{
        width:28%;
    }
    .clsFontInputSelect{
        font-size:16px;
    }    
    .clsFooter{
        width:90%;
        margin:0 auto;
        height:200px;
    }      
    .clsFooterCol1{
        width:50%;
    }        
    .clsFooterCol2{
        width:100%;
        margin-top:30px; 
    }           
    .clsFooterCol3{
        width:100%;
    }          
}

@media (min-width: 850px) {
    .clsTextoMenu{
        font-size:17px;
        font-weight:bold;             
    }
    .clsTextoMenu2{
        padding:36px 12px 12px 12px;
    }   
	.clsForm{
		width:68%;
	}
    .clsFormChild{
        float:left;
        width: 45%;
        margin-left: 25px;
    }
    .clsLogo{
        width: auto;
        height: 40px;
        margin-top:23px;            
        margin-left:20px;  
    }    
    .clsPosicionLogo{
        float:left;
    }
    .clsPosicionMenu{
        width:100%;
    }         
    .clsDivResumenCompra{
        width:89%;
        margin: 0 auto;
    }
    .clsResumenCompra{
        width:97%;
    }
    .clsImgPrograma{
        float:left;
        width: 100%;
        border-radius: 4px;
    }
    .clsInstrucciones{
        float:right;
        width:260px;
        margin-top:0px;
        margin-right:0px;
    }
    .clsLoginRegistro{
        width:95%;
        margin: 0 auto;
    }    
    .clsRegistro{
        margin-top:0px;
        margin-left:30px;    
        display:inline-block;         
    }
    .clsNacimiento{
        width:100%;  
        margin-left:0px; 
    }
    .clsInputNacimiento{
        width:28%;
    }
    .clsFontInputSelect{
        font-size:14px;
    }      
    .clsFooter{
        width:80%;
        margin:0 auto;
        height:160px;
    }     
    .clsFooterCol1{
        width:33%;
    }        
    .clsFooterCol2{
        width:33%;
        margin-top:15px; 
    }           
    .clsFooterCol3{
        width:100%;
    }     
}

@media (min-width: 992px) {
    .clsTextoMenu{
        font-size:17px;
        font-weight:bold;             
    }
    .clsTextoMenu2{
        padding:36px 12px 12px 12px;
    }  
	.clsForm{
		width:58%;
	}
    .clsFormChild{
        float:left;        
        width: 45%;
        margin-left: 30px;
    }
    .clsLogo{
        width: auto;
        height: 40px;
        margin-top:23px;            
        margin-left:40px;  
    }    
    .clsPosicionLogo{
        float:left;
    }
    .clsPosicionMenu{
        width:100%;
    }         
    .clsDivResumenCompra{
        width:73%;
        margin: 0 auto;
    }
    .clsResumenCompra{
        width:97%;
    }
    .clsImgPrograma{
        float:left;
        width: 100%;
        border-radius: 4px;
    }
    .clsInstrucciones{
        float:right;
        width:260px;
        margin-top:0px;
        margin-right:0px;
    }
    .clsLoginRegistro{
        width:80%;  
    	margin: 0 auto;        
    }    
    .clsRegistro{
        margin-top:0px;
        margin-left:30px;    
        display:inline-block;         
    }
    .clsNacimiento{
        width:100%;  
        margin-left:0px; 
    }
    .clsInputNacimiento{
        width:29%;
    }
    .clsFontInputSelect{
        font-size:14px;
    }      
    .clsFooter{
        width:70%;
        margin:0 auto;
        height:160px;
    }     
    .clsFooterCol1{
        width:33%;
    }        
    .clsFooterCol2{
        width:33%;
        margin-top:15px; 
    }           
    .clsFooterCol3{
        width:100%;
    }     
}

@media (min-width: 1200px) {
    .clsTextoMenu{
        font-size:17px;
        font-weight:bold;            
    }
    .clsTextoMenu2{
        padding:36px 12px 12px 12px;
    }    
	.clsForm{
		width:48%;
	}
    .clsFormChild{
        float:left;        
        width: 45%;
        margin-left: 35px;
    }
    .clsLogo{
        width: auto;
        height: 40px;
        margin-top:23px;            
        margin-left:40px;  
    }
    .clsPosicionLogo{
        float:left;
    }
    .clsPosicionMenu{
        width:100%;
    }        
    .clsDivResumenCompra{
        width:69%;
        margin: 0 auto;
    }
    .clsResumenCompra{
        width:98%;
    }
    .clsImgPrograma{
        float:left;
        width: 100%;
        border-radius: 4px;
    }
    .clsInstrucciones{
        float:right;
        width:390px;
        margin-top:3px;
        margin-right:5px;
    }
    .clsLoginRegistro{
        width:75%; 
        margin: 0 auto;
    }
    .clsRegistro{
        margin-top:0px;
        margin-left:30px;    
        display:inline-block;         
    }
    .clsNacimiento{
        width:100%;  
        margin-left:0px; 
    }
    .clsInputNacimiento{
        width:29%;
    }
    .clsFontInputSelect{
        font-size:14px;
    }      
    .clsFooter{
        width:60%;
        margin:0 auto;
        height:160px;
    }    
    .clsFooterCol1{
        width:33%;
    }        
    .clsFooterCol2{
        width:33%;
        margin-top:15px; 
    }           
    .clsFooterCol3{
        width:100%;
    }     
}

@media (min-width: 1440px) {
    .clsTextoMenu{
        font-size:17px;
        font-weight:bold;
    }
    .clsTextoMenu2{
        padding:36px 12px 12px 12px;
    }     
	.clsForm{
		width:45%;
	}
    .clsFormChild{
        float:left;        
        width: 45%;
        margin-left:35px;
    }
    .clsLogo{
        width: auto;
        height: 40px;
        margin-top:23px;            
        margin-left:40px;  
    }
    .clsPosicionLogo{
        float:left;
    }
    .clsPosicionMenu{
        width:100%;
    }        
    .clsDivResumenCompra{
        width:55%;
        margin: 0 auto;
    }
    .clsResumenCompra{
        width:98%;
    }
    .clsImgPrograma{
        float:left;
        width: 100%;
        border-radius: 4px;
    }
    .clsInstrucciones{
        float:right;
        width:390px;
        margin-top:3px;
        margin-right:5px;
    }
    .clsLoginRegistro{
        width:60%;
        margin: 0 auto;
    }
    .clsRegistro{
        margin-top:0px;
        margin-left:30px;    
        display:inline-block;         
    }
    .clsSexo{
        width:38.5%;        
    }
    .clsNacimiento{
        width:100%;  
        margin-left:0px; 
    }
    .clsInputNacimiento{
        width:30.4%;
    }
    .clsFontInputSelect{
        font-size:14px;
    }      
    .clsFooter{
        width:50%;
        margin:0 auto;
        height:160px;
    }    
    .clsFooterCol1{
        width:33%;
    }
    .clsFooterCol2{
        width:33%;
        margin-top:15px; 
    }         
    .clsFooterCol3{
        width:100%;
    }      
}

.clsTxt{
    width:100%; padding:8px; border:1px solid #cccccc; border-radius:6px;
}
.clsBtn{
    padding:6px 16px 6px 16px; border:0px solid #b60000; border-radius:4px; background:#b60000; color:white;
}
.clsBtn:hover{
    background:#e60000; color:white;
}
.lblRequerido{ 
    color:#F00;
}

.clsJustBtnClose .ui-dialog-titlebar { 	background:none; border:none; height:0px; width:0px; float:right; padding:15px; }
.clsJustBtnClose .ui-widget-content { background:none; }

.noTitleStuff .ui-dialog-titlebar { display:none; }