@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
*
{
margin:0;
padding:0;
}
body 
{
    font-family: 'Droid Serif', serif;
    font-size:22px;
    width:100%;
    height:100%;
}
#header
{
    background-color:white;
    width:33%;
    position:absolute;
    top:25%;
    left:33%;
    border:1px solid #646462;
    border-radius:10px;
    overflow:hidden;
    min-height:290px;
    -webkit-box-shadow: 10px 13px 17px -3px rgba(0,0,0,0.66);
    -moz-box-shadow: 10px 13px 17px -3px rgba(0,0,0,0.66);
    box-shadow: 10px 13px 17px -3px rgba(0,0,0,0.66);
 }
 #header #divlogo {
     padding-top:5px;
     text-align:center; 
     width:100%;
     height:70px;
     border-bottom: 2px solid #B8B8B8;
     margin-bottom: 20px;
     background-color:#EAEAEC;
 }
 #header .logo {
     margin-top:1%;
     margin-bottom:6%;
     height:50px;
 }
 
#divError{
    font-size:14px !important;
    text-align:center;
}

label{
    font-size:14px;
}

#form1 {
    width:100%;
    height:100%;
    padding:30px;
    padding-top:0;
    padding-bottom:20px;
}

.glyphicon {
    font-size: 22px;
    float:left;
    margin-top:-2px;
}    
/*Login secundario*/
#divresetpass
{   
    width:100%;
    text-align:center;
}
#resetpass {
    font-size:12px!important;
    text-align:center!important;

}

p {font-size:15px!important;}

@media screen and (max-width: 850px) 
{
        #header
        {
            width:300px;
            left:20%;
         }
}

@media screen and (max-width: 400px) 
{
        #header
        {
            left:0;
            width:100%;
            text-align:center;
         }
}

@media screen and (max-height: 700px) 
{
        #header
        {
            top:20%;
        }
}

@media screen and (max-height: 400px) 
{
        #header
        {
            top:0;
        }
}