@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/ubuntu/Ubuntu-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Ubuntu2';
    src: url('fonts/ubuntu/Ubuntu-Bold.ttf') format('truetype');
}

body, html{
margin:0 auto;
padding:0px;
background: #fff;
}

a:active,a:focus{outline:0;}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
    {   
        border : 0px;
    } 

 input[type="submit"]:focus, input[type="button"]:focus
    {     
        outline : none; 
    }


a{
font-family:Arial;
margin:0px;
padding:0px;
color:#005694;
transition: color 0.3s ease 0s;
}

p{
font-family:Arial;
font-size:12px;
line-height:17px;
color:#000;
margin:0px;
padding:0px;
}

div#clear, div.clear{
clear:both;
height:1px;
}



div#login_box{
background:url(img/book.jpg) no-repeat 0 0;
width:582px;
height:533px;
position:relative;
text-align:left;
top:50px;
}

div#login_box span#titlu{
margin:0px;
padding:0px;
position:absolute;
top:100px;
left:290px;

font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:20px;
color:#444;
}

div#login_box span#lock{
margin:0px;
padding:0px;
position:absolute;
bottom:50px;
right:50px;
}

form#login_form{
margin:0px;
padding:0px;
position:absolute;
top:200px;
left:260px;
}

form#login_form input[type="text"], form#login_form input[type="password"]{
margin:0 0 10px 0;
padding:5px;
display:block;
width:150px;
border:1px solid #ccc;

border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;

-moz-box-shadow:0 0 5px #666;
-webkit-box-shadow:0 0 5px #666;
box-shadow:0 0 5px #666;

font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
color:#444;
}

form#login_form input[type="text"]:focus, form#login_form input[type="password"]:focus, form#login_form input[type="text"]:hover, form#login_form input[type="password"]:hover{
border:1px solid #ff0000;

border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;

-moz-box-shadow:0 0 5px #ff0000;
-webkit-box-shadow:0 0 5px #ff0000;
box-shadow:0 0 5px #ff0000;

}

form#login_form input[type="checkbox"]{
margin:0 3px 0 0;
padding:0px;

}

form#login_form label{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
color:#444;
margin:0;
padding:0px;
vertical-align:top;
cursor:pointer;
}

form#login_form input[type="submit"]{
margin:20px 0 0px 0;
padding:5px;
display:block;
width:60px;
border:1px solid #3ea8c0;
background:#3ea8c0;

border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;

-moz-box-shadow:0 0 5px #666;
-webkit-box-shadow:0 0 5px #666;
box-shadow:0 0 5px #666;

font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
color:#fff;
cursor:pointer;
}