@charset "UTF-8";body{
    font-size: 12px;
    background:#030A84;
}

body.sesion{
    font-size: 12px;
    color: #333;
    margin: 0 auto;
    background: url('../img/poeveedor-de-leche.png') fixed;
    background-size: cover;
    background-position: center center;
}
    
h1{color: #FFF;
    font-size: 20px;
    text-align: center;
    margin: 15px auto;
    text-transform: uppercase;
}
        
h2{color: #006194;    
    font-size: 16px;
    text-align: center;
    margin: 15px auto 25px;
}
            
b{
    margin: 7px 10px;
}

.tabla{
    border: 0;
    font-size: 10.5px;    
    margin: 5px auto;	
    min-width: 700px;	
    max-width: 1300px;
}

.tabla th{    
    border: 0;    
    font-size: 11px;    
    margin: 5px auto;    
    font-weight: bold;	
    color: #FFF;	
    padding: 6px 6px;
}
.tabla td{    
    font-size: 10.5px;    
    margin: 0;    
    padding: 3px 5px;	
    border: 1px solid #F4F8FA;
}

#container{	
    margin: 10px auto;	
    padding: 20px 0;	
    width: 80%;	text-align:center;
}

.ok{    
    background: #CCFF99 url('../img/ok.png') no-repeat;    
    background-position: 20px 50%;        
    color: #2E7C07;    
    font-size: 12px;    
    font-weight: bold;    
    width: 500px;    
    margin: 20px auto;    
    padding: 15px 60px;    
    -webkit-border-radius: 8px;    
    border-radius: 8px; 
}

.errors{    
    background: #FFCCCC url('../img/error.png') no-repeat;    
    background-position: 20px 50%;    
    color: #990000;    
    font-size: 12px;    
    font-weight: bold;    
    width: 500px;    
    margin: 20px auto;    
    padding: 15px 60px;    
    -webkit-border-radius: 8px;    
    border-radius: 8px; 
}

label{    
    /*padding: 0px 3px 0px 25px;*/ 
    font-weight: bold;    
    font-size: 12px;
}

input[type="text"], input[type="password"], select{    
    padding: 3px 7px;    
    border: 1px solid #999;    
    background: #FFF;    
    color: #555;    
    -webkit-border-radius: 5px 5px 5px 5px;    
    border-radius: 5px 5px 5px 5px;
}
    
input[type="submit"], input[type="button"]{ 
    border: none;    
    background: #006194;    
    color: #FFF;    
    cursor: pointer;    
    -webkit-border-radius: 5px 5px 5px 5px;    
    border-radius: 5px 5px 5px 5px;
}

/*input[type="submit"]:hover, input[type="button"]:hover{    
    padding: 5px 20px;    
    border: none;    
    background: #33CCFF;    
    color: #333;    
    -webkit-border-radius: 5px 5px 5px 5px;    
    border-radius: 5px 5px 5px 5px;
}*/

.nofill{    
    background: #FFF;    
}

.fill{    
    background: #E3EDF3;    
}