@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('font/sourcesanspro-semibold-webfont.eot');
    src: url('font/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('font/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('font/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'source_sans_proextralight';
    src: url('font/sourcesanspro-extralight-webfont.eot');
    src: url('font/sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sourcesanspro-extralight-webfont.woff') format('woff'),
         url('font/sourcesanspro-extralight-webfont.ttf') format('truetype'),
         url('font/sourcesanspro-extralight-webfont.svg#source_sans_proextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('font/sourcesanspro-regular-webfont.eot');
    src: url('font/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sourcesanspro-regular-webfont.woff') format('woff'),
         url('font/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('font/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {background: #323232; font-size: 13px}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}

#login_box {width: 605px; height: 190px; font-family: 'source_sans_proregular'; margin-top: 4%; padding: 55px 20px 20px 20px; background-color: rgba(80, 80, 80, 0.6); position: relative;}
#login_box .welcome {height: 30px; background: #222; color:#fff; position: absolute; top:0; left:0; right:0; line-height: 30px; vertical-align: middle; font-size: 12px;}

#login_box .col_left {float:left; width: 286px; height: 200px;}
#login_box .col_right {float: left; width: 319px; height: 200px;}
#login_box .recover {float:left; margin-top: 36px;}
#login_box .recover a {color:#fff;}
#login_box .recover a:hover {border-bottom: 1px dashed #fff}
#login_box button {float: right; padding: 8px 14px; background:#222; cursor: pointer; margin:0; border:0; color:#fff; margin-top: 30px;}
#login_box button:hover {color:#FFF; background:#323232;-webkit-transition: background-color 500ms linear;-moz-transition: background-color 500ms linear;-o-transition: background-color 500ms linear;-ms-transition: background-color 500ms linear;transition: background-color 500ms linear;}

#login_box a#login_logo {background: url("../../logo_big_black.png") no-repeat center;display: block; height: 118px; float: left; width: 265px; clear: both;}

#login_box .formlogin-box {clear: both;}
#login_box input {height: 30px; width:310px; color:#666; border:1px solid #bababa; clear: both; float: left; margin-bottom: 10px; padding-left:8px;}
#login_box label {float:left; margin-bottom: 6px; color: #fff;}

#login_box .alertbox {position: absolute; bottom:10px; left:10px;}
#login_box .alert {color:#e7383f; height:16px; line-height: 16px; vertical-align: middle; float: left;}
#login_box .alert_green {color:#38e761;height:16px; line-height: 16px; vertical-align: middle; float: left;}

#login_box .contacts_box {font-size: 11px;text-align: left;float:right; color: #ffffff; padding-top:5px; text-align: right;}
#login_box .contacts_box a, #login_box .contacts_box .cinza{color: #cccccc; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
#login_box .appversion {text-align:right;float:left;font-size: 11px;padding-top:15px;font-family: sans-serif; color: #ffffff;}
#login_box .applogo {float:left;}
#login_box .login_bottom {clear:both;float:left;padding-top:10px; margin-top:10px;  width:100%; display:block;}

#login_box .recover_title {font-size:12px; color:#fff; font-weight:bold}
#login_box .recover_description {font-size:14px;margin-top:5px; color: #fff;}