#login{
 widht:720px;
 margin:0 auto;
 position:relative;
 top:-20px;
 padding:10px
}

#login1{
 widht:940px;
 margin:0 auto;
 position:relative;
 top:-20px;
 padding:10px
}

#login2{
 widht:300px;
 margin:0 auto;
 position:relative;
 top:-20px;
 padding:10px
}

#login label{
 display:block;
 padding:5px;
}

#login1 label{
 display:block;
 padding:5px;
}

#formlogin{
 margin: 0 auto;
 padding:inherit;
 width:680px;
 /* border: 1px solid #33568c; linha contorno tabela */
}

#formlogin1{
 margin: 0 auto;
 padding:inherit;
 width:920px;
 /* border: 1px solid #33568c; linha contorno tabela */
}

#formlogin2{
 margin: 0 auto;
 padding:inherit;
 width:230px;
 border: 1px solid #33568c;
}

.txt{
 border:thin solid #999999;
 height:20px;
}

.texto{
 color: #33568c;
}

.select{
 border:thin solid #999999;;
 height: 22px;
 width: 115px;
}


.textarea{
 border:thin solid #999999;
 height:55px;
}

.textarea2{
 border:thin solid #999999;
 height:150px;
}
.textarea:focus{
 border:thin solid #33568c; 
 box-shadow:0 2px 12px #33568c;
 -webkit-box-shadow: 0 2px 12px #33568c;
 -moz-box-shadow: 0 2px 12px #33568c;
}

.textarea2:focus{
 border:thin solid #33568c; 
 box-shadow:0 2px 12px #33568c;
 -webkit-box-shadow: 0 2px 12px #33568c;
 -moz-box-shadow: 0 2px 12px #33568c;
}

.txt:focus{
 border:thin solid #33568c; 
 box-shadow:0 2px 12px #33568c;
 -webkit-box-shadow: 0 2px 12px #33568c;
 -moz-box-shadow: 0 2px 12px #33568c;
}

.sb{
 border:none;
 height:30px;
 width:100px;
 margin-top:10px;
 cursor:pointer;
 background:#3c3c3c;
 color:#fff;
}

.sb:hover{
 background:#33568c;
 color:#fff;
}

/* Classes de heran�a */

.bradius{
 border-radius:6px;
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
}

/* Multiplos estilos */

.txt, .textarea, .textarea2, .select, .txt:focus, .sb, .sb:hover{
 transition: all 0.5s linear;
 -webkit-transition: all 0.5s linear;
 -moz-transition: all 0.5s linear;
}