/* layout */
#header {
    text-align: center;
    height: 150px;
    background: #fff url(../images/head_bg.jpg) repeat-x 0 0;
    font-size: 1em;
}
#container {
    position: relative;
    top: 104px;
    width: 100%;
    overflow: auto;
    line-height: 130%;
}
#lcol {
    width: 145px;
    float: left;
    padding-top: 6px;
    height: 1%;
    text-align: center;
    line-height: 130%;
}
#rcol {
    padding-top: 6px;
    width: 125px;
    float: right;
/*    border-left: 1px solid #000; */
    text-align: center;
}
#main {
    margin: 0;
    padding-top: 10px;
    border-left: 150px #369 solid;
    border-right: 127px #FFD78C solid;
    padding: 0 13px 20px 13px;
    line-height: 130%;
}
#mainhp {
    margin: 0;
    padding-top: 10px;
    border-right: 127px #FFD78C solid;
    padding: 0 15px 20px 15px;
    line-height: 130%;
}
#mainpog {
    margin: 0;
    padding-top: 10px;
    border-left: 150px #369 solid;
    padding: 0 15px 20px 15px;
    line-height: 130%;
}
#footer {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 1.1em;
    line-height: 140%;
}
/* header stufff */
#header h2 {
    display: block;
    width: 230px;
    height: 150px;
    float: left;
    margin: 0;
    padding: 0;
    font-size: .3em;
    background: transparent url(../images/p2head.jpg) no-repeat 0 0;
    text-indent: -4000px;
}
#header h2 a {
    display: block;
    width: 230px;
    height: 150px;
}
#header .txtlnk {
    font-size: 1.1em;
    color: #fff;
    padding-top: 4px;
    margin: 0;
}
#header .txtlnk a {
    color: #fff;
}
#header .reklama {
    margin-top: 25px;
}
#topRight {
    width: 185px;
    height: 130px;
    color: #fff;
    background: transparent url(../images/head_bgr.jpg) repeat-x 0 0;
    float: right;
    padding: 3px 5px;
}
#topRight p {
    font-weight: bold;
    padding-top: 9px;
    color: #000;
    text-align: left;
    font-size: 1.2em;
}

/* spec links */
.whitelnk {
    color: #fff;
}
#topnav1 {
    text-align: right;
    position: absolute;
    font-size: 1.2em;
    top: 130px;
    right: 0;
    width: 520px;
    height: 20px;
    color: #fff;
    padding-right: 10px;
    font-weight: bold;
}
#topnav1 a {
    color: #fff;
}
#topnav2 {
    text-align: right;
    background-color: #d0e0e0;
    color: #000;
    padding-right: 10px;
    padding-top: 4px;
    font-weight: bold;
    position: absolute;
    font-size: 1.2em;
    top: 150px;
    right: 0;
    height: 20px;
    width: 100%;
}
#topnav2 a {
    color: #000;
}
#topspon {
    height: 72px;
    color: #fff;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    background: #fff url(../images/dblue_bg.png) repeat-y 0 0;
    padding-top: 6px;
    position: absolute;
    font-size: 1.2em;
    top: 174px;
    width: 100%;
}
#topspon p {
    display: block;
    margin: 0;
    padding-right: 5px;
    width: 145px;
    font-weight: bold;
    color: #fff;
    float: left;
    text-align: right;
}
#topspon p a {
    color: #fff;
}
#topspon .rek {
    display: block;
    width: 130px;
    height: 60px;
    float: left;
    text-align: center;
}
#botrek {
    height: 40px;
}
.rek2 {
    display: block;
    width: 100px;
    height: 40px;
    float: left;
    text-align: center;
}
h1 {
    font-size: 1.8em;
    margin: 0;
    padding: 10px 0 4px 0;
    line-height: 130%;
}
h2 {
    font-size: 1.4em;
    line-height: 130%;
}
p, td {
    line-height: 130%;
}
.fineprint {
    font-size: .9em;
}
.center {
    text-align: center;
}
.error {
    text-align: center;
    color: #f00;
}
/* left navig */
#lcol .kategorije {
    text-align: left;
    margin-left: 4px;
    width: 140px;
    background: #fff url(../images/nav_kateg.gif) no-repeat 0 0;
    padding-top: 22px;
}
#lcol .podkategorije {
    text-align: left;
    margin-left: 4px;
    width: 140px;
    background: #fff url(../images/nav_podkat.gif) no-repeat 0 0;
    padding-top: 22px;
}
#lcol .izdvajamo {
    text-align: left;
    margin-left: 4px;
    width: 140px;
    background: #fff url(../images/nav_izdvajamo.gif) no-repeat 0 0;
    padding-top: 22px;
}
#lcol .tekstovi {
    text-align: left;
    margin-left: 4px;
    width: 140px;
    background: #fff url(../images/nav_tekstovi.gif) no-repeat 0 0;
    padding-top: 22px;
}
#lcol ul {
    margin: 0;
    padding: 0;
    background: #fff url(../images/nav_bottom.gif) no-repeat left bottom;
    padding-bottom: 15px;
}

/* not used! */
#lcol ul.more {
    background: #fff url(../images/nav_bott_dalje.gif) no-repeat left bottom;
}

#lcol li {
    margin: 3px 0;
    padding-left: 20px;
    list-style: none;
    background: #fff url(../images/list1.png) no-repeat 8px 2px;
}
#lcol li ul {
    background-image: none;
    padding: 0;
    margin: 0;
}
#lcol li li {
    margin: 3px 0;
    padding-left: 13px;
    font-size: .9em;
    background: #fff url(../images/list2.png) no-repeat 0 2px;
}

