@charset "utf-8";
html	{background:url(../imagens/login-fundo-html.jpg) repeat center 0;height:100%;}
body	{height:100%;}

#topo	{position:fixed;top:0;left:0;width:100%;}
#topo .bloco	{border-left:solid 1px #9cdde8;}

#rodape	{position:fixed;bottom:20px;left:0;width:100%;height:15px;}
#rodape *	{color:#fff;}
#rodape .col-1, #rodape .col-3	{margin-top:0;width:auto;}
#rodape .col-2	{display:none;}

#login	{width:100%;height:100%;display:table;}
#login .wrapper	{display:table-cell;vertical-align:middle;}

#form-login	{width:260px;margin:0 auto;}
#form-login h1	{text-align:center;margin-bottom:30px;}
#form-login h1 img	{color:#fff;font-size:20px;font-weight:bold;}

#form-login .bloco	{margin-bottom:10px;}
#form-login .bloco p	{margin-bottom:1px;}
#form-login .username, #form-login .senha	{width:240px;/*color:#9cdde8;*/}
#form-login .username	{border-radius:5px 5px 0 0;}
#form-login .senha	{border-radius:0 0 5px 5px;}

#form-login .entrar	{background-color:#fff;color:#9cdde8;font-size:20px;font-family:'Quicksand';;line-height:20px;text-transform:uppercase;width:260px;}
#form-login .suporte	{text-align:center;display:none;}
#form-login .suporte, #form-login .suporte *	{color:#fff;font-size:12px;line-height:15px;}

.terms-of-use{text-align:center; margin-top:20px;}
.terms-of-use a{color:#fff;font-size:12px;line-height:15px;}
.terms-of-use a:hover{text-decoration:underline;}