html
{
    /*height:100%;*/
    /*min-height:100%;*/
}

body 
{
    background: #b6b7bc;
    font-size:100%;
    font-family: "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, "Helvetica Neue",sans-serif;    
    margin: 0px;
    padding: 0px;
    color: #0D3734;   

    min-height:100%;
/* W3C Markup, IE10 Release Preview */ 
background: linear-gradient(to bottom, #EEEEEE, #0D3734);
background-attachment:fixed;             
}

.Marco
{    
    border: 2px solid  #FFC861; 
    margin-top:63px;
    border-radius: 16px 16px 16px 16px;    
}

.Login
{    
    text-align:center;    
    color:Red; 
    margin: 0 auto; 
    width:100%;
}

input.textEntry 
{
    width: 214px;
    /*border: 1px solid #ccc;*/
    border: none;
    font-size:1.5em;
    outline:none;    
}

input.passwordEntry 
{
    width: 200px;
    border: none;
    font-size:1.5em;
    outline:none;
}


a
{
    text-decoration:none;
    color:White;
}

.Label
{
    color: #3366CC; 
}

#ContenedorGlobal
{
    margin: 0 auto;
    border: 0px;
    width: 700px;    
}

#Logo
{    
    background:#FFFFFF;
    color:#FFF;
    z-index: 0;
    text-align:center;
    margin: 0 auto;  
    border-radius: 16px 16px 0px 0px;           
    font-size:2em;
}

#InicioSesion
{    
    background: #FFF;    
    z-index: 0;
    text-align:right;
    margin: 0 auto;   
         
}


#usuario
{    
    border:1px solid #AAA;
    border-bottom:none;    
    vertical-align:middle;
    text-align:left;    
    margin: 0 auto;
    width:300px;    
    padding:10px 2px 5px 2px;
    border-radius: 8px 8px 0px 0px;                 
}

#contraseña
{
    border:1px solid #AAA;    
    vertical-align:middle;
    text-align:left;    
    margin: 0 auto;
    width:300px;  
    padding:10px 2px 5px 2px;
    border-radius: 0px 0px 8px 8px;                 
}

#error
{
    margin: 0 auto;
    width:100%;
}

.EncabezadoNotificacion
{    
    width:100%;
    background:yellow;
    color:red;
    font-size:3em;
    font-weight:bold;
}

.CuerpoNotificacion
{
    background:green;
    color:white;
    font-size:2em;
    font-weight:bold;
}

#Pie
{    
    background: #FFF;    
    z-index: 0;
    text-align:center;
    margin: 0 auto;
    border-radius: 0px 0px 16px 16px;     
    font-size:small;
    font-family:"ChicagoFLF","Arial";
}

/* --- media queries ---*/
@media screen and (max-width:960px) /*para pantallas con mas resolución el contenedor global crece hasta el 90%*/
{
    #ContenedorGlobal
    {
        margin: 0 auto;    
        width:700px;	  
        margin-bottom: 43px;          
    }
    #Logo
    {
        font-size:2em;
    }
}

@media screen and (max-width:640px) /*para pantallas tipo tablet se elimina los margenes laterales del contenedor global*/
{
    #ContenedorGlobal
    {
        margin: 0 auto;    
        width:100%;	            
        margin-bottom: 43px;
    }
    #Logo
    {
        font-size:2em;
    }
}