html {
	background-image: url('images/bg.png');
	background-repeat:repeat-x;
	font-size: 10pt;
	background-color:White;
}

#promona_logo
{
    margin:0 auto;
    width:299px;
    height:30px;
    background-image: url('images/promona_logo.png');
    background-repeat:no-repeat;
    padding-bottom:15px;
}

#logo
{
    margin:0 auto;
    background-image: url('../Images/Login_Logo.png');
    background-repeat:no-repeat;
    width:299px;
    height:120px;
    }


#demo
{
    margin:15px auto;
    background-repeat:no-repeat;
    width:550px;
    height:120px;
    }

#welcome
{
    margin-top:10px;
    margin:0 auto;
    background-image: url('images/welcome.png');
    background-repeat:no-repeat;
    width:600px;
    height:37px;
    }


#demo_info
{
    text-align:center;
    margin:0 auto;
    height:63px;
    width:518px;
    background-image: url('images/demo.png');
    background-repeat:no-repeat;
}

#demo_info h6
{
    font-family: Helvetica, Arial;
    color:#ececec;
    font-size:14px;
    line-height:16px;
    
}

#demo_info p
{
    font-family: Helvetica, Arial;
    color:#ccc;
    font-size:14px;
    text-align:left;
    line-height:16px;
    }

label {
	display: block;
	color: #999;
}
.cf:before,

.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
:focus {
	outline: 0;
}
.loginform {
	width: 350px;
	margin: 0 auto;
	text-align:center;
}
.loginform ul {
	padding: 0;
	margin: 0;
}
.loginform li {
	display: inline;
	float: left;
}

.loginform input:not([type=submit]) {
	margin:10px auto;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	width:80%;
	height:40px;
	padding:0 30px;
	text-align:center;
}

.login_title
{   
    background-image: url('images/section_title.png');
    background-repeat:repeat-x;
    width: 100%;
	margin:0 auto;
	text-align:center;
    color:White;
    }
    
 .custom_fieldset
 {
        border:none;
        margin:0 auto;
     }
 
 .operater_forma_login_button
{
   background-image:url(../Images/operater_login_button.png);
   background-repeat:no-repeat;
   width:100%;
   height:48px;
   width:160px;
   margin:0 auto;
}

.svi_racuni_button{background-image:url(../Images/svi_racuni_button.png);background-repeat:no-repeat;width:100%;height:50px}.svi_racuni_button:hover{background-image:url(../Images/svi_racuni_button_hover.png);background-repeat:no-repeat;width:100%;height:50px}.svi_racuni_button:active{background-image:url(../Images/svi_racuni_button_active.png);background-repeat:no-repeat;width:100%;height:50px}
 
        
 .prijava
 {
     width:200px;
     height:50px;
     background-image: url('images/prijava_login.png');
     background-repeat:no-repeat;
     border:none;
}
     
 .login_button:hover
 {
}
     
 .login_button:active
 {
}
 
 .loginform li
 {
     width:100%;
     margin-top:10px auto;
     color:White;
     font-size:14px;
     text-transform:uppercase;
     margin-bottom:15px;
     }

 .val
 {
     color:White;
     padding-top:5px;
     font-size:10px;
     }
     
     .textbox_username
     {
         background-image: url('images/input_username.png');
	     background-repeat:repeat;
         margin:0 auto;
         width:308px;
         height:40px;
     }
     
          .textbox
     {
         margin:0 auto;
     }

     
     .txt_holder
     {
         overflow:hidden;
         padding:5px;
     }
     
    /*Validation Custom*/    
    .error_message {
    color: White;
    font-weight: bold;
    border:1px solid grey;
    }

    .error_message_valid {
        display: none;
    }

    input.input-validation-error {
        border: 1px solid #e80c4d;
    }

    input[type="checkbox"].input-validation-error {
        border: 0 none;
    }

    .validation-summary-errors {
        color: White;
        font-weight: bold;
        font-size: 12px;
        font-family:Helvetica;
    }

    .validation-summary-valid {
        display: none;
    }

h3
{   
    color:#333;
    font-family:Arial;
    font-weight:500;

}

/*#footer
{
        width:100%;
        height:40px;
        border:1px solid #ccc;
        position:absolute;
        bottom:0;
}*/