/* 
    Creado el : 28/04/2015, 12:07:54 PM
    Autor     : Ing. Maai Nolasco Sánchez
*/
#winPrincipal
{
    padding: 0;
}
#formLogueo{
    background: #ccc;	
    box-shadow: 5px 5px 1em rgba(0,0,0,.2); /*Sombra Externa*/
    float: none;
    height: 220px;
    margin: 2%  auto 2% auto;
    padding: 0.2em 0.2em 0.2em 0.2em;
    text-align: center;
    width: 342px;
}
#formLogueo label {
    color: rgba(0,0,0,0.4);
    float: left;
    font-size: 1.1em;
    margin-left: 5px;
    margin-top: 0.4em;
}

#logueo {
    border: 1px solid #b1b1b1;
    height: 130px;
    padding-top: 10px;
    margin: 12%  3% 2% 2%;
}

.lblLogueo {
    color: rgba(0,0,0,0.3);
    font-size: 0.6em; 
    width: 100px;
    text-align: right;
}

.inputLogueo {
    border-radius: 5px 5px 5px 5px;
    box-shadow: inset 0 3px 10px rgba(0,0,0,.4); /*Sombra Interna*/
    color: olive;
    font-size: 1.1em;
    height:30px;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 50%;
}

#mensajePrincipal{
    width: 780px;
    margin: auto;
    float: none;
    color: #747474;
    font-size: 1.0em;
    text-align: justify;
}

.boton.naranja {
    background-color: #dd493b;
    border-color: #B0281A #B0281A #AF301F #B0281A;
    text-shadow: rgba(0, 0, 0, 0.0976563) 0px 1px 0px;
}
.boton.naranja:hover {
    background-color:#DD5F58;
}
.boton.naranja a {
    color:#fff;
}

.boton.verde {
    background-color: #dd493b;
    border-color: #B0281A #B0281A #AF301F #B0281A;
    text-shadow: rgba(0, 0, 0, 0.0976563) 0px 1px 0px;
}
.boton.verde:hover {
    background-color:#DD5F58;
}
.boton.verde a {
    color:#fff;
}

#btnCambiarPasswd
{
    display: block;
}

/******************************************************************************************************************************************/
/************************************************* M E D I A   Q U E R Y S ****************************************************************/
/******************************************************************************************************************************************/
@media screen and (max-width: 687px){
    #formLogueo
    {
        margin: 25% auto;
        width: 280px;
    }
}
@media screen and (max-width: 560px){
    #formLogueo
    {
        margin: 30% auto;
        width: 280px;
    }
}