.login {
    width: 600px;
    height: 700px;
    background: url("/images/login_bg.jpg");
    margin: 30px auto;
    padding: 0px;
    border-radius: 10px;
}

a:aktiv {
    color: red;
}

.login_down {
    width: 600px;
    height: 405px;
    margin: 0px;
    padding: 0px;
}

.login_centar {
    width: 280px;
    height: 230px;
    margin: 0px auto;
    padding: 0px;

}

.email, .pass {
    width: 100%;
}

.login_button {
    margin: 0px auto;
    margin-top: 20px;
    width: 100px;
    font-size: 22px;
    display: block;
}

.login_out {
    font-size: 15px;
    margin: 35px auto 0px auto;
    width: 250px;
}

.izbornik {
    width: 960px;
    height: 40px;
    margin: 0px auto;
    padding: 0px;
    background: black;

}

.izbornik ul {
    width: 960px;
    height: 25px;
    margin: 0px;
    float: left;
    font-family: "Arial", Helvetica, sans-serif;
    margin-top: 5px;
}

.izbornik ul li {
    margin: 4px 4px;
float: left;
    list-style: none;

}

.izbornik ul li a {
text-decoration: none;
    margin: 0px 3px;
    font-size: 15px;
    color: white;
    font-family: arial san-serif;
    text-transform: uppercase;

}

.izbornik ul li a:hover {
color: red;

}

.izborni_okvir {
    width: 100%;
    height: 40px;
    border: 1px solid black;
    background: gainsboro;
    float:left;
}

.body {
    width: 100%;
    height: 500px;
    margin: 0px;
    padding: 0px;
}

.sredina {
    width: 960px;
    height: auto;
    margin: 0px auto;
    padding: 0px;
}

.profil_lijevo {
    width: 225px;
    height: 435px;
    float:left;
    margin: 0px;
    padding: 0px;
}

.profil_desno {
    width: 735px;
    height: auto;
    float:left;
    margin: 0px;
    padding: 0px;
}

.profil_korisnici {
    width: 960px;
    height: auto;
    padding: 0px;
    margin: 0px auto;
    float: left;
    margin-bottom: 20px;
}

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th,td {
    padding: 5px;
}

.promjena {
    width: 200px;
    height: 340px;
    margin: 0px auto;
}

#id {
    visibility: collapse;
}

.sredina_reg {
    width: 410px;
    margin: 0px;
    padding: 0px;
    float: left;
    height: 435px;
}

.reg_desno {
    float: left;
    width: 325px;
    margin: 0px;
    padding: 0px;
    height: 435px;
}

.reg_form {
    margin: 20px 5px 20px 5px;
}

.wraper {
    width: 960px;
    height: auto;
    margin: 0px auto;
    padding: 0px;
}

.izmjena_loz {
    width: 600px;
    height: auto;
    margin: 0px 0px 0px 20px;
    padding: 0px;
    float: left;
}

.izmjena_loz_desno {
    float: left;
    width: 340px;
}

.promjena_dugme {
    float: left;
}

.unosi_centar {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
}

.unos_centar1 {
    width: 960px;
    height: 500;
    margin: 0px auto;
    padding: 0px;

}


.unosi_centar p {
    margin: 0px;
    padding: 0px;
}
.unos_lijevo {
    float: left;
    width: 150px;
    height: 40px;
    margin: 10px 20px 10px 0px;
}

.unos_skolska {
    float: left;
    width: 110px;
    height: 40px;
    margin: 10px 20px 10px 0px;
}

.unos_redni {
    float: left;
    width: 75px;
    height: 40px;
    margin: 10px 20px 10px 10px;
}

.unos_ime {
    float: left;
    width: 150px;
    height: 40px;
    margin: 10px 20px 10px 7px;
}

.ime_firme {
    float: left;
    width: 220px;
    height: 40px;
    margin: 10px 20px 10px 0px;
}

.unos_telefon {
    float: left;
    width: 100px;
    height: 40px;
    margin: 10px 20px 10px 0px;
}

.unos_datuma {
    float: left;
    width: 275px;
    height: 40px;
    margin: 10px 20px 10px 0px;
}

.unos_datuma1 {
    float: left;
    width: 275px;
    height: 55px;
    margin: 0px 20px 10px 0px;
}

.unos_oib {
    float: left;
    width: 150px;
    height: 40px;
    margin: 10px 20px 10px 0px;
}

.red1 {
    width: 960px;
    height: 75px;
    float:left;
    margin: 0px;
    padding: 0px;
}
.red111 {
    width: 960px;
    height: 45px;
    float:left;
    margin: 0px;
    padding: 0px;
}

.red2 {
    width: 960px;
    height: 30px;
    float:left;
    margin: 0px;
    padding: 0px;
}
.red3 {
    width: 960px;
    height: 120px;
    float:left;
    margin: 0px;
    padding: 0px;
}

.predhodna_prijava {
    float: left;
    width: 170px;
    height: 40px;
    margin: 10px 20px 10px 0px;
    text-align: center;
}

.stipendija {
    width: 420px;
    float: left;
    margin: 16px 0px 0px 0px;
}

.primanja {
    width: 420px;
    float: left;
    margin: 33px 0px 0px 0px;
}

.bracni_status {
    width: 600px;
    float: left;
    margin: 33px 0px 0px 0px;
}

.branitelji {
    width: 320px;
    float: left;
    margin: 33px 0px 0px 0px;
}


.spol {
    width: 105px;
    float: left;
    margin: 33px 0px 0px 0px;
}

.ukupno {
    width: 291px;
    float: left;
    margin: 10px 20px 10px 0px;
}

.mjesecni_iznos {
    width: 200px;
    float: left;
    margin: 10px 20px 10px 0px;
}

.unos_iban {
    width: 200px;
    float: left;
    margin: 10px 20px 10px 0px;
}

.unos_upload {
    width: 260px;
    float: left;
    margin: 10px 20px 10px 0px;

}

.unos_submit {
    width: 100%;
    height: 40px;
    margin-top: 20px;
    float: left;
    margin-bottom: 20px;
}

.unos_gumb {
    padding: 10px 35px;
}

.radio1 {
    margin: 0px!important;
}

.forma_pretraga {
    width: 960px;
    height: 50px;
    margin: 15px 0px;
    padding: 0px;
    float: left;
}

.unos_upload_ispravak {
    width: 450px;
    float: left;
    margin: 10px 20px 10px 0px;
}

.oib {
    width: 960px;
    height: auto;
    margin: 20px 0px 20px 0px;
    padding: 0px;
}

.forma_oib {
    width: 960px;
    height: auto;
    margin: 20px 0px 20px 0px;
    padding: 0px;
}

.oib_submit {
    margin: 13px 0px 0px 20px;
    float: left;
}

.tablica {
    width: 960px;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;

}

.odobreno {
    background-color: lightgrey;
}

.pet {
    color: #ffffff;
    font-size: 15px;
}

.red2_tablica {
    width: 960px;
    height: auto;
    float:left;
    margin: 10px 0px;
    padding: 0px;
}

.izvjestaj1 , .izvjestaj2, .izvjestaj3, .forma_ispis {
    width: 960px;
    height: 60px;
    margin: 0px;
    padding: 0px;
    float: left;
    margin-top: 10px;
}

.forma_ispis p {
    width: 725px;
    height: 20px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    float:left;
}

.forma_ispisp {
    width: 625px;
    height: 20px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    float:left;
}

.forma_ispis select {
    float: left;
    margin-top: 5px;
}

.ispis_gumb {
    float: right;
    margin-top: 5px;
    padding: 5px 20px;
}

.myButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #caefab;
    -webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
    box-shadow:inset 0px 1px 0px 0px #caefab;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
    background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
    background-color:#77d42a;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #268a16;
    display:inline-block;
    cursor:pointer;
    color:#306108;
    font-family:arial;
    font-size:20px;
    font-weight:bold;
    padding:30px 63px;
    text-decoration:none;
    text-shadow:0px 1px 0px #aade7c;
}
.myButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
    background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
    background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
    background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
    background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
    background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
    background-color:#5cb811;
}
.myButton:active {
    position:relative;
    top:1px;
}

.myButton1 {
    -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
    box-shadow:inset 0px 1px 0px 0px #f29c93;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
    background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
    background-color:#fe1a00;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #d83526;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:20px;
    font-weight:bold;
    padding:30px 62px;
    text-decoration:none;
    text-shadow:0px 1px 0px #b23e35;
}
.myButton1:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
    background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
    background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
    background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
    background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
    background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
    background-color:#ce0100;
}
.myButton1:active {
    position:relative;
    top:1px;
}


.myButton2 {
    -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    box-shadow:inset 0px 1px 0px 0px #97c4fe;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
    background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
    background-color:#3d94f6;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #337fed;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:20px;
    font-weight:bold;
    padding:30px 27px;
    text-decoration:none;
    text-shadow:0px 1px 0px #1570cd;
}
.myButton2:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
    background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
    background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
    background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
    background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
    background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
    background-color:#1e62d0;
}
.myButton2:active {
    position:relative;
    top:1px;
}


.myButton3 {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#777777;
    font-family:arial;
    font-size:20px;
    font-weight:bold;
    padding:30px 30px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
.myButton3:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
    background-color:#dfdfdf;
}
.myButton3:active {
    position:relative;
    top:1px;
}


.btnzuta {
    background: #f7e200;
    background-image: -webkit-linear-gradient(top, #f7e200, #b8b82b);
    background-image: -moz-linear-gradient(top, #f7e200, #b8b82b);
    background-image: -ms-linear-gradient(top, #f7e200, #b8b82b);
    background-image: -o-linear-gradient(top, #f7e200, #b8b82b);
    background-image: linear-gradient(to bottom, #f7e200, #b8b82b);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btnzuta:hover {
    color: #ffffff;
}

.btnnar {
    background: #ff4400;
    background-image: -webkit-linear-gradient(top, #ff4400, #bd3c00);
    background-image: -moz-linear-gradient(top, #ff4400, #bd3c00);
    background-image: -ms-linear-gradient(top, #ff4400, #bd3c00);
    background-image: -o-linear-gradient(top, #ff4400, #bd3c00);
    background-image: linear-gradient(to bottom, #ff4400, #bd3c00);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btnnar:hover {
   color: #ffffff;
}

.btnsvpl {
    background: #00a6ff;
    background-image: -webkit-linear-gradient(top, #00a6ff, #007bbd);
    background-image: -moz-linear-gradient(top, #00a6ff, #007bbd);
    background-image: -ms-linear-gradient(top, #00a6ff, #007bbd);
    background-image: -o-linear-gradient(top, #00a6ff, #007bbd);
    background-image: linear-gradient(to bottom, #00a6ff, #007bbd);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btnsvpl:hover {
   color: #ffffff;
}






.dodaj_mjesto {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color:#ffffff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
    margin-top: 25px;
}
.dodaj_mjesto:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color:#f6f6f6;
}
.dodaj_mjesto:active {
    position:relative;
    top:1px;
}