body{
background:#4D88A8 url(/img/login/foto.jpg) repeat-x 50% 0;
font-family:Arial;
Font-size:12px;
margin:0;
padding:0;
}
.logo{
position:absolute;
top:25px;
left:7%;
display:block;
width:275px;
height:95px;
background:transparent url(/img/login/logo.png) no-repeat 0 0;
margin:0 -138px 0 0;
}
.login{
position:absolute;
top:25%;
left:50%;
margin:0 0 0 -158px;
display:block;
width:316px;
height:301px;
background:transparent url(/img/login/login.png) no-repeat 0 0;
}
.login form{
position:relative;
margin:0;
padding:0;
}
.login form h1,
.login form input,
.login form button,
.login form a{
position:absolute !important;
border:none !important;
}
.login form h1{
color:#fff;
font-size:18px;
font-weight:normal;
top:15px;
left:32px;
}


.login form button{
position:absolute;
top:213px;
left:50%;
width:120px;
margin:0 0 0 -60px;
border:none;
background:none;
font-size:16px;
font-weight:bold;
color:#000;
cursor:pointer;
height:38px;

}
.login form button:hover{
color:#fff;
}

.login form .username{
position:absolute;
top:102px;
left:38px;
color:#000;
text-decoration:none;
width:240px;
height:30px;
font-size:14px;
background:transparent;
}

.login form .password{
position:absolute;
top:158px;
left:38px;
color:#000;
text-decoration:none;
width:240px;
height:30px;
font-size:14px;
background:transparent;
}

.login form a{
position:absolute;
top:270px;
left:38px;
color:#fff;
text-decoration:none;
}

.login form a:hover{
color:#000;
}

button, a{
-webkit-transition: color linear .4s;
-moz-transition: color linear .4s;
-o-transition: color linear .4s;
transition: color linear .4s;
}


.fascia{
position:absolute;
top:80%;
display:block;
width:100%;
height:auto;
background:transparent url(/img/login/fascia.png) repeat 0 0;
}
.fascia p{
float:right;
color:#fff;
text-decoration:none;
margin:5px 25px 5px 0;
padding:0 10px;
}

.fascia a{
color:#fff;
text-decoration:none;
}
.fascia a:hover{
color:#ccc;
}

.fascia .kumbe{
color:#DF0442;
}