@charset "iso-8859-1";

*{
    margin:0;
    padding:0;
}
html{}
/**/
body { 
    background: #1d86c8  no-repeat center center fixed;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} 

#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }


#main {
    position: relative;
    width: 500px;
    height: auto;
    margin: 90px auto;
    z-index: 100;
    background: #064974;
    padding: 20px;
    
    -moz-border-radius: 4px; /* Para Firefox */
    -webkit-border-radius: 4px; /*Para Safari e Chrome */
    border-radius: 4px; /* Para Opera 10.5+*/
}

#logo{
    width: 416px;
    height: 130px;
    margin: 10px auto;
    margin-bottom: 40px;
}


#blocoErro{
    width: 312px;
    height: auto;
    margin: 0 auto;
}

#erro{
    width:312px;
    height:25px;
    margin:0px auto;
    background: url('../img/bgErro.png') no-repeat;
}
#msgErro{
    float: left;
    width: 275px;
    height: auto;
    margin-left: 20px;
    margin-top: 4px;
    
    font-family:Helvetica, Arial, sans-serif;  
    color: #FFF;
    font-size:13px;
    font-weight:400;
    text-align: center;
}


#blocoLogin{
    width: 312px;
    height: 209px;
    margin: 5px auto;
}

#blocoUser{
    float: left;
    width: 312px;
    height: 41px;
    background: url('../img/bgFormUser.png') no-repeat;
    margin-bottom: 10px;
}

#blocoPass{
    float: left;
    width: 312px;
    height: 41px;
    background: url('../img/bgFormPass.png') no-repeat;
    margin-bottom: 10px;
    
}

#blocoBtn{
    float: left;
    width: 312px;
    height: 41px;   
}

#username{
    float:left;
    width: 250px;
    height: 31px;
    margin-left:30px;
    margin-top:4px;
	
    padding: 1px;
    padding-left:5px;
	
    font-family:Helvetica, Arial, sans-serif;
    font-size:15px;
    font-weight: 400;
    color: #FFF;

    text-decoration:none;
    line-height: 1.28;
    direction: ltr;
	
    border: 0px;

    background-color: transparent;
}

#check{
    float:left;
    width: 17px;
    height: 15px;
    margin-top: 13px;
    margin-left: 5px;

	
	
    border: 0px;

}




#password{
    float:left;
    width: 270px;
    height: 31px;
    margin-left:30px;
    margin-top:4px;
	
    padding: 1px;
    padding-left:5px;
	
    font-family:Helvetica, Arial, sans-serif;
    font-size:15px;
    font-weight: 400;
    color: #FFF;

    text-decoration:none;
    line-height: 1.28;
    direction: ltr;
	
    border: 0px;

    background-color: transparent;
}


#btn_entrar{
    float: left;
    width:313px;
    height:41px;
    margin-right: 14px;
    background: url(../img/bgBotao1.png) no-repeat;
    text-align:center;
    text-decoration:none;
    border: none;
    border: 0px;
		
    font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
    font-weight: 400;
    color: #FFF;
    cursor:default;
}
#btn_entrar:hover{
    background: url(../img/bgBotao2.png) no-repeat;
    text-decoration:none;
    border:none;
}

::-webkit-input-placeholder{
  color: #FFF;
  vertical-align: middle;
  
}


.esqueci_senha{
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0 0 0;
}
.esqueci_senha a{
    text-decoration: none;
    font-size: 10px;
    color: #ffffff;
    float: right;
    margin: 0 0 0 0;
    text-transform: uppercase;
    font-family: arial;
}
.esqueci_senha a:hover{
    text-decoration: underline;
}