﻿body
{
    background: #fff url(../images/bg.jpg) repeat-x;
    margin: 0;
    padding: 0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #5a5a5a;
    line-height: 20px;
}

a
{
    outline: none;
    color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
}

a:hover
{
    color: #CC0000;
    /*text-decoration: underline overline;*/
}

#banner
{
    background: url(../images/banner.jpg) no-repeat;
    width: 962px;
    height: 139px;
    padding-left: 1px;
    padding-top: 10px;
    margin-top: 11px;
}

.center
{
    width: 963px;
    margin: 0 auto;
    padding: 0 0 0 0;
}

#linkovi
{
    float: left;
}

.link1
{
    float: left;
    background: url(../images/link1.jpg) no-repeat;
    width: 165px;
    height: 90px;
}

.link2
{
    float: left;
    background: url(../images/link2.jpg) no-repeat;
    width: 158px;
    height: 90px;
}

.link3
{
    float: left;
    background: url(../images/link3.jpg) no-repeat;
    width: 160px;
    height: 90px;
}

.link4
{
    float: left;
    background: url(../images/link4.jpg) no-repeat;
    width: 158px;
    height: 90px;
}

.link5
{
    float: left;
    background: url(../images/link5.jpg) no-repeat;
    width: 156px;
    height: 90px;
}

.link6
{
    float: left;
    background: url(../images/link6.jpg) no-repeat;
    width: 166px;
    height: 90px;
}

.link1 a
{
    padding-top: 60px;
    padding-left: 62px;
    width: 103px;
    height: 35px;
    float: left;
    color: #2d2d2d;
    font-weight: bold;
    text-decoration: none;
}

.link1 a:hover
{
    float: left;
    background: url(../images/link1a.jpg) no-repeat;
    padding-top: 60px;
    padding-left: 62px;
    width: 103px;
    height: 35px;
}

.link2 a:hover
{
    float: left;
    background: url(../images/link2a.jpg) no-repeat;
    padding-top: 60px;
    padding-left: 58px;
    width: 100px;
    height: 35px;
}

.link3 a:hover
{
    float: left;
    background: url(../images/link3a.jpg) no-repeat;
    padding-top: 60px;
    padding-left: 55px;
    width: 106px;
    height: 35px;
}

.link4 a:hover
{
    float: left;
    background: url(../images/link4a.jpg) no-repeat;
    padding-top: 60px;
    padding-left: 27px;
    width: 138px;
    height: 35px;
}

.link5 a:hover
{
    float: left;
    background: url(../images/link5a.jpg) no-repeat;
    padding-top: 60px;
    padding-left: 55px;
    width: 102px;
    height: 35px;
}

.link6 a:hover
{
    float: left;
    background: url(../images/link6a.jpg) no-repeat;
    padding-top: 60px;
    padding-left: 55px;
    width: 111px;
    height: 35px;
}

.link2 a
{
    padding-top: 60px;
    padding-left: 58px;
    width: 100px;
    height: 35px;
    float: left;
    color: #2d2d2d;
    font-weight: bold;
    text-decoration: none;
}

.link3 a
{
    padding-top: 60px;
    padding-left: 55px;
    width: 101px;
    height: 35px;
    float: left;
    color: #2d2d2d;
    font-weight: bold;
    text-decoration: none;
}

.link4 a
{
    padding-top: 60px;
    padding-left: 27px;
    width: 128px;
    height: 35px;
    float: left;
    color: #2d2d2d;
    font-weight: bold;
    text-decoration: none;
}

.link5 a
{
    padding-top: 60px;
    padding-left: 55px;
    width: 91px;
    height: 35px;
    float: left;
    color: #2d2d2d;
    font-weight: bold;
    text-decoration: none;
}

.link6 a
{
    padding-top: 60px;
    padding-left: 55px;
    width: 111px;
    height: 35px;
    float: left;
    color: #2d2d2d;
    font-weight: bold;
    text-decoration: none;
}

#main-text-l .opis2 h3
{
    padding-top: 5px;
    margin-top: 5px;
    font-size: 14px;
    width: 200px;
    float: left;
}

#main
{
    float: left;
    margin-left: 6px;
    border-top: 1px solid #fff;
    width: 950px;
}

#main-bg
{
    float: left;
    background: #f3f3f3 url(../images/main03.gif) repeat-y;
    margin-left: 1px;
    width: 958px;
}
#left
{
    float: left;
    width: 225px;
    background-color: #d0d0d1;
}

.link
{
    float: left;
    background: url(../images/link11.jpg) no-repeat;
    width: 225px;
    height: 36px;
}

#left-linkovi
{
    float: left;
    background: #aaabad;
    width: 225px;
}

#footer
{
    clear: both;
    background: url(../images/footer.jpg) repeat-x;
    height: 104px;
    width: 100%;
    float: left;
}

.link a
{
    float: left;
    height: 31px;
    width: 205px;
    padding-top: 7px;
    padding-left: 20px;
    color: #000000;
    text-decoration: none;
}

.link a:hover
{
    float: left;
    background: url(../images/hover.jpg) no-repeat;
    height: 31px;
    width: 205px;
    padding-top: 7px;
    padding-left: 20px;
    color: #fff;
    text-decoration: none;
}

#banner1
{
    background: url(../images/kron_23.jpg) no-repeat;
    float: left;
    height: 57px;
    font-size: 14px;
    padding-top: 0px;
    width: 225px;
}

#banner1 a
{
    float: left;
    height: 35px;
    display: block;
    width: 200px;
}

.header-link a
{
    float: left;
    color: #fff;
    font-size: 11px;
    padding-left: 20px;
    margin-bottom: 8px;
    margin-top: 11px;
    font-weight: bold;
    text-decoration: none;
}

.header-link a span
{
    font-size: 13px;
}

#banner2
{
    background: #e03639 url(../images/kron_24.jpg) no-repeat;
    float: left;
    height: 165px;
    width: 225px;
}

#banner3
{
    background: url(../images/kron_25.jpg) no-repeat;
    float: left;
    height: 127px;
    line-height: 17px;
    width: 225px;
}

#banner3 a
{
    float: left;
    color: #000000;
    width: 200px;
    height: 110px;
    position: absolute;
    margin-bottom: 13px;
    line-height: 17px;
    text-decoration: none;
}

#banner3 a:hover
{
    color: #000000;
}

#banner4
{
    background: #787878 url(../images/kron_31.jpg) no-repeat;
    float: left;
    font-size: 11px;
    line-height: 20px;
    color: #fff;
    padding-left: 20px;
    height: 134px;
    padding-top: 10px;
    width: 200px;
}

.banner45
{
    background: #787878 url(../images/kron_31.jpg) no-repeat;
    float: left;
    font-size: 11px;
    line-height: 20px;
    color: #fff;
    padding-left: 20px;
    height: 134px;
    padding-top: 10px;
    width: 204px;
}

#prazno55
{
    background: #d0d0d1;
    float: left;
    font-size: 11px;
    line-height: 20px;
    color: #fff;
    padding-left: 20px;
    width: 200px;
}

.komp
{
    float: left;
    background: #ededed;
    border: 1px solid #d8d8d8;
    float: left;
    width: 238px;
    margin-top: 10px;
    font-size: 11px;
    height: 325px;
    margin-left: 8px;
}

.komp1_
{
    float: left;
    width: 238px;
    margin-top: 10px;
    font-size: 11px;
    height: 237px;
    cursor: crosshair;
    display: block;
    background: url(../images/kv4.png) no-repeat;
    background-position: bottom;
}

.komp1
{
    float: left;
    background: url(../images/kv4.png) no-repeat;
    background-position: bottom;
    width: 238px;
    font-size: 11px;
    padding-left: 10px;
    color: #525252;
    text-decoration: none;
    height: 237px;
}

.komp1:hover
{
    float: left;
    background: url(../images/kv4a.png) no-repeat;
    background-position: bottom;
    width: 238px;
    height: 237px;
}

.komp2_
{
    float: left;
    width: 238px;
    margin-top: 10px;
    font-size: 11px;
    padding-left: 10px;
    height: 237px;
    display: block;
    background: url(../images/kv4.png) no-repeat;
    background-position: bottom;
}

.komp2
{
    float: left;
    background: url(../images/kv4.png) no-repeat;
    background-position: bottom;
    width: 238px;
    padding-left: 10px;
    font-size: 11px;
    color: #525252;
    text-decoration: none;
    height: 237px;
}

.komp2:hover
{
    float: left;
    background: url(../images/kv4a.png) no-repeat;
    background-position: bottom;
    width: 238px;
    height: 237px;
}

.sivo
{
    color: #696969;
    font-size: 12px;
}

.komp3_
{
    float: left;
    width: 243px;
    margin-top: 7px;
    font-size: 11px;
    height: 237px;
    margin-left: 3px;
    display: block;
}

.komp3
{
    float: left;
    background: url(../images/kv4.png) no-repeat;
    width: 238px;
    padding-left: 7px;
    font-size: 11px;
    color: #525252;
    text-decoration: none;
    height: 237px;
}

.komp3:hover
{
    float: left;
    background: url(../images/kv4a.png) no-repeat;
    width: 238px;
    height: 237px;
}

.komp4_
{
    float: left;
    margin-top: 7px;
    width: 243px;
    font-size: 11px;
    height: 237px;
}

.komp4
{
    float: left;
    background: url(../images/kv4.png) no-repeat;
    width: 238px;
    padding-left: 7px;
    margin-left: 7px;
    font-size: 11px;
    text-decoration: none;
    color: #525252;
    height: 237px;
}

.komp4:hover
{
    background: url(../images/kv4a.png) no-repeat;
    float: left;
    padding-left: 7px;
    width: 238px;
    font-size: 11px;
    height: 237px;
}

.kompa
{
    font-size: 11px;
    text-decoration: none;
}

.kompa:hover
{
    font-size: 11px;
    text-decoration: none;
    color: #9D0000;
}

#banner4 a
{
    color: #ef5f61;
    text-decoration: none;
}

#main #left #banner4 a:hover
{
    color: #000;
    text-decoration: none;
}

.banner45 a
{
    color: #FFFFFF;
    text-decoration: none;
}

#main #left .banner45 a:hover
{
    color: #000000;
    text-decoration: none;
}

#banner5
{
    background: url(../images/99kron_31.jpg) no-repeat;
    float: left;
    font-size: 11px;
    line-height: 20px;
    color: #fff;
    height: 40px;
    width: 225px;
}

#banner5 a
{
    color: #5e5e5e;
    height: 20px;
    width: 205px;
    text-decoration: none;
}

#main #left #banner5 a:hover
{
    color: #000;
    text-decoration: none;
}

#left #banner3 .crvena a
{
    color: #db3134;
}

.crveno
{
    color: #db3134;
}

#banner6
{
    background: url(../images/87kron_31.jpg) no-repeat;
    float: left;
    font-size: 11px;
    line-height: 20px;
    color: #fff;
    padding-left: 0px;
    height: 39px;
    width: 225px;
}

#banner6 a
{
    color: #fff;
    height: 19px;
    width: 205px;
    text-decoration: none;
}

#main #left #banner6 a:hover
{
    color: #000;
    text-decoration: none;
}

#banner6a
{
    background: #2f2f2f;
    float: left;
    font-size: 11px;
    line-height: 20px;
    color: #fff;
    padding-left: 0px;
    height: 39px;
    width: 225px;
}

#banner6a a
{
    color: #fff;
    height: 19px;
    width: 205px;
    text-decoration: none;
}

#main #left #banner6a a:hover
{
    color: #000;
    text-decoration: none;
}

.footer_center2
{
    background-position: center top;
    background: url(../images/footer231-a.png) no-repeat;
    height: 1px;
    padding-top: 15px;
    width: 963px;
}
.footer_center
{
    float: left;
    background: url(../images/novi-footer231.jpg) no-repeat;
    padding-top: 30px;
    height: 31px;
    width: 963px;
}

h2
{
    color: #FFFFFF;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 11px;
}

.kom
{
    color: #fff;
    font-size: 11px;
    width: 200px;
    margin-left: 20px;
    padding-top: 0px;
}

.kom a
{
    color: #fff;
    font-size: 11px;
    text-decoration: none;
}

.kom1
{
    color: #525252;
    font-size: 11px;
    margin-left: 20px;
    padding-top: 6px;
}

.crvena
{
    color: #ec545a;
    margin-top: 10px;
    padding-bottom: 10px;
}

h2 span
{
    color: #fff;
    font-size: 12px;
}

h3
{
    color: #dc1921;
    margin-bottom: 3px;
    font-size: 11px;
}

.header-link a .tekst-pojasnjenje
{
    font-size: 11px;
    font-weight: normal;
    float: left;
    margin-top: 5px;
}

h3 a
{
    color: #dc1921;
    margin-bottom: 3px;
    text-decoration: none;
    font-size: 11px;
}

h3 a:hover
{
    color: #fa7075;
    margin-bottom: 3px;
    text-decoration: none;
    font-size: 11px;
}

.slike
{
    background: url(../images/slike-bg.gif) no-repeat;
    width: 170px;
    margin-right: 20px;
    height: 123px;
}

#banner4 a:hover
{
    color: #000;
}

#banner3 a:hover
{
    color: #000;
}

#banner2 a:hover
{
    color: #000;
}

#banner1 a:hover
{
    color: #000;
}

#banner1 a:hover span
{
    color: #000;
}

.slike img
{
    padding-left: 8px;
    padding-top: 6px;
    height: 112px;
    width: 155px;
}

.slike a img
{
    border: none;
    text-decoration: none;
}

.slike a:hover
{
    background: url(../images/slike-bg.gif) no-repeat;
    width: 170px;
    margin-right: 20px;
    height: 123px;
}

.copy
{
    margin-left: 10px;
    font-size: 11px;
    float: left;
    width: 360px;
    text-align: left;
}

.text a:hover
{
    color: #000;
}

.text a
{
    color: #dc1921;
    text-decoration: none;
}

.naslovnica
{
    float: left;
    width: 136px;
    text-align: right;
}

.naslovnica a
{
    color: #dc1921;
    font-size: 11px;
    text-decoration: none;
}

.naslovnica a:hover
{
    color: #eb9a9d;
    text-decoration: none;
}

.virtus
{
    float: right;
    color: #3f3f3f;
    text-align: right;
    margin-right: 10px;
}

.virtus a
{
    color: #3f3f3f;
    font-size: 11px;
    margin-left: 5px;
    text-decoration: none;
}

.virtus a:hover
{
    color: #c2131a;
    font-size: 11px;
    margin-left: 5px;
    text-decoration: none;
}

#kont
{
    font-size: 11px;
    text-align: right;
    float: right;
    padding-top: 40px;
    margin-right: 40px;
}

#kont a
{
    color: #e11a22;
    text-decoration: none;
}

#kont a:hover
{
    color: #c22224;
    text-decoration: none;
}

#main-text
{
    float: left;
    background: #f3f3f3 url(../images/kron_18.jpg) repeat-x;
    width: 724px;
    min-height: 400px;
}

.naslovi-slike
{
    padding-left: 30px;
}

.naslovi-slike strong
{
    padding-left: 10px;
    padding-right: 60px;
}

h1
{
    font-size: 12px;
    color: #dc1921;
    margin-left: 22px;
    margin-bottom: 0px;
    margin-top: 15px;
}

.slike
{
    float: left;
    margin-top: 10px;
    width: 170px;
}

.slike_text
{
    float: left;
    width: 682px;
    font-size: 11px;
    padding-bottom: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.slike_text2
{
    float: left;
    width: 650px;
    font-size: 11px;
    padding-bottom: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cacaca;
}

.vise
{
    float: left;
    width: 650px;
    text-align: right;
}

.vise2
{
    float: left;
    width: 220px;
    margin-top: 60px;
    margin-bottom: 5px;
    text-align: right;
}

.vise2 a
{
    text-decoration: none;
    color: #e2373d;
}

.vise2 a:hover
{
    text-decoration: none;
    color: #f47b7f;
}

.vise23
{
    float: left;
    width: 225px;
    margin-top: 65px;
    margin-bottom: 5px;
    text-align: right;
}

.vise23
{
    text-decoration: none;
    color: #e2373d;
}

a:hover .vise23
{
    text-decoration: none;
    color: #f47b7f;
}

#main-text-l
{
    float: left;
    width: 505px;
}

#main-text-r
{
    float: left;
    margin-top: 0px;
    width: 200px;
}

.text
{
    float: left;
    width: 450px;
}

.slike_text h3 a
{
    color: #4a130e;
    text-decoration: none;
}

.slike_text a
{
    color: #dc1921;
    text-decoration: none;
}

.slike_text a:hover
{
    color: #a60910;
    text-decoration: none;
}

.slike_text2 a
{
    color: #dc1921;
    text-decoration: none;
}

.slike_text2 a:hover
{
    color: #a60910;
    text-decoration: none;
}

p
{
    text-indent: 5px;
}

p a
{
    color: #dc1921;
    text-decoration: none;
}

p a:hover
{
    color: #a60910;
    text-decoration: none;
}

.slika2
{
    float: left;
    width: 237px;
    text-align: center;
    background: #fefefe;
}

.slika2 img
{
    clear: both;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.opis2
{
    padding-left: 10px;
    float: left;
    height: 137px;
    padding-right: 10px;
}

#main-text-l .opis2 h3
{
    padding-top: 5px;
    font-size: 14px;
    float: left;
}

.opis2 p
{
    margin-top: 18px;
    margin-left: 20px;
    margin-bottom: 0px;
    float: left;
}

.check
{
    background: url(../images/check.png) no-repeat;
    background-position: left;
    width: 16px;
    display: block;
    float: left;
    padding-left: 10px;
    height: 20px;
}

.opis2 .tt3
{
    margin-left: 43px;
    margin-top: 37px;
}

.razz
{
    margin-left: 25px;
}

.opis2 .tt4
{
    margin-left: 25px;
    margin-top: 28px;
}

.opis2 .tt5
{
    margin-left: 30px;
    margin-top: 22px;
}

.hh
{
    float: left;
    width: 300px;
}

.hh img
{
    float: left;
    padding-right: 10px;
    border: none;
}

a img
{
    border: none;
}

.crvena22 

input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #c0c1c3;
    margin-bottom: 10px;
}

textarea
{
    border: 1px solid #c0c1c3;
    font-size: 11px;
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

textarea
{
    border: 1px solid #c0c1c3;
    font-size: 11px;
    width: 200px;
    height: 120px;
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.button input
{
    background: #dc1921;
    border: 2px solid #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    height: 25px;
    cursor: pointer;
    color: #fff;
}

.pc
{
    margin-left: 0px;
}

.input1
{
    padding-top: 10px;
}

#banner1 .header-link .naslov-link
{
    float: left;
    margin-top: 10px;
    font-weight: normal;
    font-size: 11px;
}

.sadrzaj
{
    width: 650px;
    margin-top: 20px;
    margin-left: 30px;
}

.tablica1
{
    width: 500px;
}

.tablica2
{
    width: 500px;
}

.table_1
{
    border: 1px solid #C0C0C0;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #808080;
}

.cell_1
{
    width: 200px;
}

.cell_2
{
    border: 1px dotted #C0C0C0;
    width: 100px;
    text-align: center;
    height: 16px;
}

.post
{
    text-align: left;
    vertical-align: top;
    width: 600px;
    margin-top: 20px;
    margin-left: 30px;
}

h4
{
    font-family: Arial, Helvetica, sans-serif;
}

.ljevo
{
    width: 300px;
    float: left;
    margin-left: 20px;
}

.desno
{
    width: 320px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
}

.clear
{
    clear: both;
    height: 0px;
    text-align: right;
}

.top
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: bold;
    font-style: normal;
    color: #808080;
    text-decoration: none;
}
.top:hover
{
    text-decoration: blink;
    color: #808080;
}
.tooltip
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}
.panel
{
    border-width: 1px;
    border-color: #C0C0C0;
    border-style: dotted dotted none dotted;
    padding-top: 5px;
}
#servis
{
    width: 600px;
    height: 255px;
    background-image: url('../images/Servis.png');
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 35px;
}

.novosti
{
    float: left;
    width: 650px;
    font-size: 11px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cacaca;
}

.novosti_datum
{
    outline: none;
    color: #CC0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    width: 650px;
}

.novosti_naslov
{
    width: 650px;
    font-size: 12px;
    font-weight: bold;
}

.novosti_text
{
    width: 650px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.novosti_text:hover
{
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.novosti_link
{
    outline: none;
    color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    float: right;
    margin-right: 10px;
}

.novosti_link:hover
{
    color: #CC0000;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.textovi
{
    color: #5a5a5a;
    float: left;
    width: 650px;
    font-size: 11px;
    padding-bottom: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
}
.dijagram
{
    padding: 5px;
    text-align: center;
    border-style: solid;
    border-color: #DF1A22;
    border-width: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #808080;
    width: 290px;
    height: 180px;
}
.slike_desno
{
    float: left;
    padding-left: 3px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
    border-style: solid;
    border-color: Silver;
}
.crta
{
    border-style: solid none none none;
    border-top-width: 1px;
    border-color: #C0C0C0;
    width: 100%;
    height: 10px;
    margin-top: 5px;
}
.gumb
{
    font-size: 11px;
}
.gumb:hover
{
    background-color: #C0C0C0;
}
.soc_mreze
{
    float: left;
    width: 246px;
    height: 21px;
}

