@import url('https://fonts.googleapis.com/css?family=Open+Sans:600i');

*{
    box-sizing:border-box;
	margin:0;
	padding:0;		
}

body{
    background-color: #F18700;
    background-image: url(../images/fondo_login_512.png);
    background-position: center top;
    background-repeat: no-repeat;
    font-family:Verdana, Geneva, sans-serif;
	font-size:12px;	
}

.contenedor{	
	margin:auto;
    padding-top: 20px;     
    text-align: center;
    width:100%;
}

#Progress_Background
{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #F0F0F0;
    filter: alpha(opacity*80);
    opacity: 0.8;
    z-index: 100000;
}

#Progress_Message
{
    position: fixed;
    top: 40%;
    left: 40%;
    height: 80px;
    width: 250px;
    z-index: 100001;
    background-color: #FFFFFF;
    border: 1px solid Gray;
    background-image: url('../img/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
}

/********** Estilos Login *********/
input{
    border-radius: 5px;
    height:40px;
    margin-bottom: 10px;
    margin-top: 5px;   
    padding: 5px;
    width:280px;  
}

#imgLogo{
    margin-bottom:20px;
    margin-top:90px;    
    width: 160px;    
}

#codigo, #clave{
    padding-left: 10px;	  
}

#enviar{
	background-color:#000000;
    border: 0px solid;
	color:#F18700;	
    font-size: 16px;
	height:45px;
}

#btnregistrar{
	background-color:#F19700;
    border: 0px solid;
	color:#000000;	
    font-size: 16px;
	height:45px;
}

#btnregresar{
	background-color:#F19700;
    border: 0px solid !important;
	color:#000000;	
    font-size: 16px !important;
	height:45px !important;
	margin:auto;
}

#divPagoRespuesta{
	padding:30px;
	background-color:white;
}

#divPagoRespuesta table{
	text-align:left;
}

/************** Login **************/

@media (min-width:640px){
    body{
        background-image: url(../images/fondo_login_970.png);
        font-size:12px;
    }    
    
    footer .contenedor{
        max-width:450px;
    }
    
    input{	
        border-radius: 6px;		    
        margin-bottom: 10px;
        max-width:450px;
        width:280px;
    }
    
    .contenedor{        
        max-width:480px;        
    }  
   	
}

@media (min-width:1024px){
    body{
        background-image: url(../images/fondo_login_1920.png);
    }     
    
    footer .contenedor{
        max-width:1024px;
        width: 100%;
    }   
    
    input{	
		width: 268px;
    } 
}