html {
        height: 100%;
}
body {
        padding: 0;
        margin: 0;
        font-family: tahoma, sans-serif;
        font-size: 75.01%;
        color: #000;
        background: #fff;
}
#wrap {
        width: 1000px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
}

p {
        padding: 0;
        margin: 0 0 1em;
}

a {
        color: #01497e;
        text-decoration: none;
}
        a:hover {
                color: #3793be;
                text-decoration: none;
        }

.clr {
        clear: both;
}
.nobr {
        white-space: nowrap;
}

h1, h2, h3, h4 {
        padding: 0;
        margin: 1 0 0.3em;
        font-weight: normal;
}

h1 {
        font-size: 18px;
        text-transform: uppercase;
        margin: 0 0 1em;
        padding: 0;
        color: #01497e;
        text-align: center;
}
        h1.main {
                position: absolute;
                top: 3px;
                left: 0;
                width: 600px;
                z-index: 200;
        }
        h2 {
                font-family: verdana;
                text-align: center;
                color: #01497e;
                font-size: 16pt;
                padding: 1px 8px;
        }

/************************************************************************/

#top {
        height: 416px;
}
        #top .bg {
                height: 416px;
                background: url(/i/skin_vesna/top.jpg) 0 0 no-repeat;
        }
        #top .bg2 {
                height: 416px;
                width: 1000px;
                background: url(/i/skin_vesna/headerbottom.png) left bottom no-repeat;
                position: absolute;
                top: 314px;
                height: 102px;
                -background: none;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/i/skin_vesna/headerbottom.png');
                z-index: 2;
        }
        #topswf {
                height: 416px;
                width: 1000px;
                position: absolute;
                top: -18px;
                background: #fff;
        }

#top ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 14px;
        text-transform: uppercase;
        position: absolute;
        z-index: 2;
        top: 363px;
        left: 140px;
        -left: 120px;
}
        #top ul li {

        }
        #top a {
                color: #000;
        }

        #top ul li {
                text-align: center;
                height: 20px;
                line-height: 20px;
                float: left;
                margin: 0 3px;
                padding: 6px 23px;
                letter-spacing: 2px;
        }
        #top ul li:hover, #top ul li.active {
                background: #b3dbf5;
                padding: 3px 20px;
                border: 3px solid #a0cce3;
                -moz-border-radius: 5px;
        }
        #top ul li.active {
        }

#content {

        background: url(/i/skin_vesna/bottom.jpg) bottom left no-repeat;
        -zoom: 1;
}
        #content .wrap {
                background: url(/i/skin_vesna/newtop.jpg) 0 0 no-repeat;
                padding: 1px 0 109px;
                -zoom: 1;
        }


ul.items {
        clear: both;
}

.item, ul.items li {
        width: 185px;
        height: 147px;
                padding: 15px 19px 20px 20px;
                width: 146px;
                height: 112px;
        position: relative;
        text-align: center;
        margin: 0;
}
.item div.bg, ul.items li div.bg {
        background: url(/i/skin_vesna/icon.png) 0 0 no-repeat;
        -background: none;
        -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/i/skin_vesna/icon.png');
        position: absolute;
        width: 185px;
        height: 147px;
        left: 0;
        top: 0;
}
        .item:hover div.bg, ul.items li:hover div.bg {
                background: url(/i/skin_vesna/icon_hover.png) 0 0 no-repeat;
                -background: none;
                -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/i/skin_vesna/icon_hover.png');
        }
        .item a, ul.items li a {
                display: block;
        }

        .item span, ul.items li span {
                font-size: 16px;
                text-transform: uppercase;
                position: relative;
                z-index: 1;
                font-family: "Times New Roman", Times;
                font-size: 17px;
        }
        .item img, ul.items li img {
                width: 158px;
                height: 127px;
                position: absolute;
                left: 14px;
                top: 11px;
                border: none;
        }

#left li div.activity {
        display: none;
}
#left li.active div.activity {
        position: absolute;
        display: block;
        left: 174px;
        top: 46px;
        width: 36px;
        height: 31px;
        background: url(/i/skin_vesna/liactive.png) 0 0 no-repeat;
        -background: none;
        -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/i/skin_vesna/liactive.png');
}

ul.items {
        margin: 0;
        padding: 0;
        list-style: none;
}


#middle2 ul.items li span {
        top: 125px;
        line-height: 120%;
        display: block;
        font-size: 14px;
        line-height: 18px;
        text-transform: none;
        margin: 0 -19px 0 -20px;
}
#middle2 ul.items li {
        height: 160px;
        float: left;
        margin-bottom: 10px;
        margin-right: -15px;
}


#middle {
        position: relative;
        width: 1000px;
        left: 0;
        background: url(/i/skin_vesna/newmiddle.png) 0 0 repeat-y;
        -background: url(/i/skin_vesna/newmiddle2.png) 0 0 repeat-y;

        -zfilter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/i/skin_vesna/newmiddle.png');
}
#left {
        float: left;
        left: 3px;
        position: relative;
        margin-right: -206px;
        z-index: 100;
}
#right {
        right: 30px;
        margin-left: -196px;
        float: right;
        position: relative;
        z-index: 100;

}

#middle2 {
        position: relative;
        height: auto
        width: 610px;
        left: 180px;
        min-height: 200px;
        -zoom: 1;
        z-index: 1;
}

#middlei {
        position: relative;
        width: 1000px;
        z-index: 100;
        float: left;
}

#middle2 .top {
        height: 100px;
        background: url(/i/skin_vesna/newtop.png) 0 0 no-repeat;
        -background: none;
        -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/i/skin_vesna/newtop.png');
}
        #middle2 .mwrap {
                padding: 0px 40px 20px;
                width: 520px;
                font-size: 14px;
                float: left;
                margin-top: -60px;
                position: relative;
        }

#middle .bottom {
        height: 124px;
        background: url(/i/skin_vesna/newbottom.png) 0 0 no-repeat;
        -background: none;
        -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/i/skin_vesna/newbottom.png');
        width: 610px;
        position: absolute;
        bottom: -30px;
        left: 180px;
}

#copyright {
        bottom: 14px;
        font-size: 11px;
        line-height: 20px;
        color: #044e8a;
        width: 100%;
        position: absolute;
        z-index: 2;
        text-align: center;
}

#searchbox {
        font-size: 10px;
        color: #000;
        position: absolute;
        left: 11px;
        top: 54px;
        width: 210px;
        z-index: 200;

        left: 400px;
        top: 420px;
}
        #searchbox input {
                border: 1px solid #cfcfcf;
                width: 137px;
                width: 180px;
                padding: 1px 3px;
        }
        #ajaxSearch_submit {
                width: 40px !important;
                background: #fff;
                position: absolute;
                margin-left: 7px;
        }

.ditto_page, .ditto_currentpage {
        margin: 0 0.2em;
}

#ditto_pages {
        clear: both;
}

.news {
        margin: 0 0 2em;
        clear: both;
        font-size: smaller;
        padding-bottom: 2em;
        background: url(/i/skin_vesna/newsborder.gif) bottom center no-repeat;
}
        .news .topic {
                font-size: larger;
        }
        .news div.newspic, div.graypic {
                width: 158px;
                height: 127px;
                background: url(/i/skin_vesna/news_pic.gif) 0 0 no-repeat;
                float: left;
                margin-right: 10px;
                margin-bottom: 10px;
        }

        a img {
                border: none;
        }