﻿@media screen {
    body { margin: auto 0px; background-image: url(img/background.gif); }
    div, a, input, select, table { font: 11px tahoma; color: #333333; }

    h1, h2 { margin: 0px; }
    /*Link styles*/
    a { text-decoration: none; color: Black; }
    a.headerLinks { color: #2c7411; }
    a.headerLinks:hover { text-decoration: underline; }
    a.autorEmail { color: #2c7411; text-decoration: underline; }
    a.opsirnijeLink { color: #2c7411; text-decoration: underline; position: absolute; bottom: 10px; right: 10px; }

    a.preracunajLink { color: #2c7411; text-decoration: underline; position: absolute; right: 10px; }

    a:hover { color: #2c7411; }
    .hoverLink { color: White; }
    .hoverLink:hover { color: #cbf299; }
    .statistikaTab:hover { color: White; }
    .extraLinks:hover { text-decoration: underline; }
    .searchAutor { color: #2c7411; font-weight: bold; }
    .searchAutor:hover { color: Black; }
    a.naslovLinkNaClanak { color: #2c7411; font: bold 15px Trebuchet MS; }
    a.naslovLinkNaClanak:hover { text-decoration: underline; }

    a.textLinkNaClanak { font-size: 12px; line-height: 16px; }
    a.textLinkNaClanak:hover { text-decoration: underline; color: #333333; }
    a.textLinkNaClanak2 { font-size: 11px; line-height: 15px; }
    a.textLinkNaClanak2:hover { text-decoration: underline; color: #333333; }
    a.kategorijeLink { font-weight: bold; display: block; }
    a.kategorijeLink:hover { color: #2c7411; }
    /*DIV styles*/


    div.container { background-image: url(img/div-background2.png); background-repeat: repeat-y; width: 994px; margin: 0 auto; height: 100%; }
    div.topContainer { width: 994px; height: 45px; margin: 0 auto; }
    div.header { text-align: right; margin: 0px 15px 10px 129px; padding-top: 11px; /*color:#2c7411;*/ }
    div.banner { margin-left: 16px; width: 966px; }
    div.bannerLogin { width: 442px; height: 195px; background-image: url(img/header_left_login.jpg); float: left; position: relative; }
    div.bannerLoginText { margin: 0px 0px 13px 15px; color: #8cc761; }
    div.headerImg { width: 520px; height: 195px; background-image: url(img/header-img.jpg); float: left; }
    div.contentContainer { margin-left: 16px; width: 962px; position: relative; }
    div.leftContentContainer { width: 782px; float: left; /*	min-height:1010px; 	_height:1000px;*/ }
    div.searchContainer { height: 35px; width: 782px; background-image: url(IMG/search_pattern.gif); margin-top: 10px; float: left; font-size: 14px; vertical-align: middle; }
    div.clanciMainContainer { width: 602px; float: left; margin-top: 10px; }
    div.clanciContainers { background-color: White; float: left; position: relative; }

    div#uvodnikContainer { width: 170px; height: 627px; }
    div.headingContainer { margin: 10px 0px 0px 10px; color: #a90900; font-size: 12px; }

    div.headingClanak, span.headingClanak { margin: 10px 5px 3px 10px; color: #2c7411; font: bold 15px Trebuchet MS; }
    div#headingClanka { padding-right: 10px; font-size: 18px; color: white; text-transform: uppercase; position: relative; z-index: 1; }
    div.autorUvodnik { background-color: #cbf299; height: 70px; margin-top: 0px; }
    div.imeAutorUvodnik { margin-left: 10px; font-size: 12px; color: #666666; }
    div.imeAutorClanak { margin-left: 10px; font: bold 15px Trebuchet MS; color: White; }
    div.textSkraceniClanak { margin: 10px 10px 0px 10px; font-size: 12px; line-height: 16px; overflow: hidden; z-index: 1; }

    div.middleClanciContainer { float: left; width: 422px; height: 627px; margin-left: 10px; }
    div#izdvojenoContainer { width: 422px; height: 322px; }
    div.date { margin: 0px 0px 0px 0px; color: #2c7411; }


    div#novostiContainer { width: 206px; height: 295px; margin-top: 10px; }
    div.novostiContent { margin: 9px 10px 10px 10px; overflow: hidden; height: 65px; }
    div.zastita { padding: 0px 0px 30px 0px; position: relative; width: 150px; float: left; }
    div#kClanakaContainer { width: 206px; height: 295px; margin: 10px 0px 0px 10px; overflow: hidden; }
    div#zadnjiClanci { width: 206px; height: 295px; margin: 10px 0px 0px 10px; overflow: hidden; }
    .headingChoice { margin: 10px 0px 0px 10px; font: bold 11px tahoma; }
    div.kalendarIzborWrap { background-color: #cbf299; height: 200px; overflow: hidden; }
    div.kalendarIzbor { width: 206px; height: 50px; overflow: hidden; background-color: #cbf299; }
    div#predstavljamoTvrtkeContainer { width: 296px; height: 189px; margin: 10px 0px 0px 10px; position: relative; }
    div#predstavljamoContainer { width: 296px; height: 189px; margin: 10px 0px 0px 0px; }
    div#bibliotekaContainer { width: 602px; height: 147px; margin-top: 10px; }
    div#vocariContainer { width: 602px; height: 147px; margin-top: 10px; }
    div.infoContainer { margin: 10px 0px 0px 10px; padding: 10px; width: 150px; overflow: hidden; background-color: #cbf299; float: left; height: 1120px; position: relative; }
    div.vKalkulator { position: relative; float: left; width: 160px; }
    div.headingInfo { font-weight: bold; }
    div.preporuke { margin: 10px 0px 0px 10px; color: #2c7411; }
    div.rightContainer { float: left; height: 1090px; /*height:890px;*/ width: 170px; margin-left: 10px; }
    div.pomoc { background-image: url(img/Pomoc.gif); height: 94px; margin-top: 10px; }
    div.pomocTekst { padding: 58px 10px 0px 20px; }
    div.newsletter { /*background-image:url(img/newsletter.gif);*/ background-repeat: no-repeat; background-color: #4d9b25; color: #000000; height: 107px; margin: 10px 0px 0px 0px; padding-top: 0px; }
    div.newsPoruka { padding: 5px 10px 5px 10px; color: #ffffff; }
    div.forum { background-image: url(img/forum.jpg); background-repeat: no-repeat; background-color: #4d9b25; padding-top: 1px; padding-bottom: 5px; overflow: hidden; margin: 10px 0px 10px 0px; }
    div.statistika { width: 170px; height: 227; margin-top: 10px; position: absolute; }
    div#struktura { display: none; }
    .statistikaTab { font-weight: bold; color: #FFFFFF; }
    div.statistikaContent { background-color: #4D9B25; height: 156px; position: relative; }
    div.footer { background-image: url(img/div-background-down2.png); background-repeat: no-repeat; width: 994px; height: 16px; margin: 0 auto; }
    .neaktivanDio { background-image: url(img/tab_neaktivan.png); float: left; position: relative; font: bold 12px tahoma; color: White; height: 23px; width: 102px; margin-right: -16px; background-position: bottom left; background-repeat: no-repeat; }
    .aktivanDio { background-image: url(img/tab_aktivan.png); position: relative; float: left; font: bold 12px tahoma; color: White; z-index: 1; height: 23px; width: 102px; margin-right: -16px; background-position: bottom right; background-repeat: no-repeat; }
    div.headingLijeviMeni { /*margin:0px -10px 0px -10px;*/ padding: 5px 0px 5px 10px; background-color: #4d9b25; font: bold 12px tahoma; color: white; }
    div.subHeadingLijeviMeni { font-weight: bold; color: #2c7411; margin: 10px 0px 10px 0px; }
    div.clanakHeader { background-color: #2c7411; background-image: url(img/tab_shadow.gif); background-position: bottom right; background-repeat: repeat-x; margin: -10px -10px 0px -10px; /*padding-top:10px; */ }

    div.tabClanak { margin-right: -16px; height: 24px; display: block; }
    div.pretragaHeader { width: 782px; height: 79px; background-color: #2c7411; float: none; }
    div.traka { /*background-color:#4d9b25;*/ padding: 5px 0px 5px 10px; color: #8cc761; }
    div.traka a { color: #cbf299; text-decoration: underline; }
    div.pretragaNaslov { padding: 5px 0px 0px 10px; font: bold 18px Trebuchet MS; color: White; }
    span.statistikaRezulata { font: 11px tahoma; padding-top: 2px; padding-left: 1px; display: block; }
    span.rezPretragaKategorija { font: bold 13px Trebuchet MS; color: #a90900; text-transform: uppercase; }
    span.highlight { background-color: #4d9b25; color: White; }
    div.inputBoxWrap { width: 236px; height: 17px; border-left: 1px solid #808080; border-top: 1px solid #808080; border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8; float: left; }
    /*IMG styles*/
    img { border: 0px; }
    img.jezikImg { margin: 10px 0px 0px 16px; float: left; }
    img.imgLinkButton { border: 0px; float: none; }

    img.imgNovosti { margin: 0px 10px 0px 0px; }
    img.limiters { float: none; clear: both; margin: 0px; padding: 0px; }
    /*INPUT styles*/
    input.loginInput { margin: 141px 0px 0px 19px; height: 13px; width: 179px; border-width: 2px; }
    input.searchInput { float: left; height: 16px; width: 263px; margin: 5px 0px 0px 58px; font-size: 14px; font-weight: bold; }
    .datumInput { margin: 10px 0px 10px 35px; text-align: center; width: 129px; height: 12px; }
    .newsInput { height: 13px; margin: 0px 0px 0px 8px; width: 125px; border-width: 2px; }
    .kontaktInput { width: 236px; height: 18px; padding-left: 3px; border: none 0px; background: url(img/input_background.gif) no-repeat; }
    .prijavaInput { width: 286px; height: 18px; padding-left: 3px; background: url(img/input_background2.gif) no-repeat; }
    .kontaktText { width: 581px; height: 101px; padding: 0px; margin: 0px; /* *margin-top:-1px; 	*margin-bottom:-1px;*/ border-top: 1px solid #404040; border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8; border-left: 1px solid #404040; background-color: #cbf299; }
    /*ASP controls styles*/

    .languageDrop { margin: 12px 0px 0px 10px; height: 19px; width: 131px; float: left; vertical-align: middle; }
    .loginSubmit { position: relative; top: 4px; left: 6px; }
    .searchLocation { margin: 5px 0px 0px 64px; float: left; height: 23px; width: 134px; font-size: 14px; }
    .searchTopic { margin: 8px 0px 0px 115px; float: left; height: 19px; width: 131px; }
    .searchSubmit { display: block; float: left; margin: 6px 0px 0px 12px; }
    .kalendarDrop { height: 17px; width: 185px; margin: 10px 0px 0px 10px; }
    .datumLeft { position: absolute; margin: 13px 0px 0px 10px; }
    .datumRight { position: absolute; margin: 13px 0px 0px 7px; }
    .prognozaLokacija { margin: 10px 0px 10px 0px; width: 150px; height: 19px; }
    .newsSubmit { position: relative; top: 2px; left: 6px; }
    /*List styles*/
    .list { list-style-image: url(img/arrow_right.gif); margin-top: 0px; margin-bottom: 0px; margin-right: 10px; padding-top: 3px; }

    .listMember { margin-left: -14px; line-height: 18px; }
    .listSingle { list-style-image: url(img/arrow_right_single.gif); margin-top: 0px; margin-bottom: 0px; margin-right: 10px; padding-top: 3px; }
    .listSingle .listMember { margin-left: -14px; line-height: 18px; }


    /*Table Styles*/
    table.TableClanak { width: 782px; vertical-align: top; margin-top: 10px; table-layout: fixed; overflow: hidden; height: 1100px; }
    td.clanakLijeviMeni { padding-bottom: 10px; width: 170px; background-color: #cbf299; vertical-align: top; }
    td.clanakContainer { width: 602px; background-color: White; vertical-align: top; border-left: solid 10px #81c055; }
    td.ScrollTabRavno { background-position: bottom left; background-repeat: no-repeat; background-image: url(img/scroll_left_lijevi.png); width: 3px; height: 24px; position: relative; z-index: 2; }
    td.ScrollTabGore { background-position: bottom left; background-repeat: no-repeat; background-image: url(img/scroll_gornji.png); width: 15px; height: 7px; position: relative; z-index: 2; }

    td.ScrollTabKut { background-image: url(img/scroll_left_desni.png); background-position: bottom left; background-repeat: no-repeat; width: 22px; height: 24px; position: relative; z-index: 2; }
    td.ScrollTabDolje { background-position: bottom left; background-repeat: no-repeat; background-color: White; width: 15px; height: 17px; position: relative; z-index: 2; }

    td.TabAktivan { position: relative; z-index: 1; color: #3a7d21; }
    td#TabAktivanTDL { width: 11px; height: 24px; background-image: url(img/tab_aktivan_lijevi_kraj.png); }
    td#TabAktivanTDD { width: 23px; height: 24px; background-image: url(img/tab_aktivan_desni_kraj.png); }
    td#TabAktivanTDG { width: 68px; height: 7px; background-image: url(img/tab_aktivan_gore.png); background-repeat: no-repeat; }
    td#TabAktivanTDDolje { width: 68px; height: 17px; background-color: white; }

    td.TabNeaktivan { color: White; position: relative; }

    td#TabNeaktivanTDL { width: 11px; height: 24px; background-image: url(img/tab_neaktivan_lijevi_kraj.png); }
    td#TabNeaktivanTDD { width: 23px; height: 24px; background-image: url(img/tab_neaktivan_desni_kraj.png); }
    td#TabNeaktivanTDG { width: 68px; height: 7px; background-image: url(img/tab_neaktivan_gore.png); background-repeat: no-repeat; }
    td#TabNeaktivanTDDolje { width: 68px; height: 17px; background-color: #4d9b25; }
    td.kontaktLabel { padding-bottom: 4px; }
    table.kontaktTable { margin-top: 15px; }
    table.kontaktTable td { border-bottom: solid 15px white; }
    td.komentarKontakt { border-left: 1px solid #808080; border-top: 1px solid #808080; }
    td#kontaktNoBorder { border-bottom: none; }



    table.paging { width: 762px; margin: 0px 10px 0px 10px; position: relative; top: 3px; }
    table.paging td { font: 11px tahoma; }
    table.paging td a { font: 11px tahoma; color: #333333; }
    table.paging span.currentPage { font-weight: bold; text-align: center; color: #2c7411; display: block; width: 12px; height: 14px; }
    table.paging a.page { text-align: center; display: block; width: 12px; height: 14px; text-decoration: none; }
    table.paging a.page:hover { color: #2c7411; text-decoration: underline; }

    table.paging a.prev { text-decoration: none; font-weight: bold; background-image: url(img/button_submit_left.gif); display: block; width: 70px; height: 15px; background-repeat: no-repeat; }
    table.paging a.next { text-decoration: none; font-weight: bold; background-position: right; background-image: url(img/button_submit_right.gif); display: block; width: 70px; height: 15px; background-repeat: no-repeat; }
    table.paging a.prev:hover { color: #2c7411; }
    table.paging a.next:hover { color: #2c7411; }


    div.rssBox { height: 80px; width: 358px; overflow: hidden; border: 1px solid #d5cfcb; }

    div.displayNone { display: none; }

    div.displayBlock { display: block; }
    /*table.paging { float: right; position: relative; top: 3px; }
        table.paging td { width: 12px; font-size: 10px; }
        table.paging td a { font-size: 10px; color: #757575 }
        table.paging span.currentPage {  text-align: center; color: #CC292B; display: block; width: 12px; height: 14px;}
        table.paging a.page {  text-align: center; display: block; width: 12px; height: 14px; text-decoration: none }
        table.paging a.page:hover { color: #CC292B; text-decoration: underline }
        table.paging a.first { background-image: url(img/paging_left_arrow_bkg_first.gif); display: block ; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; width: 10px; height: 12px; background-position: left 3px; background-repeat: no-repeat}
        table.paging a.first:hover { background-image: url(img/paging_left_arrow_active_bkg_first.gif);  }
        table.paging a.prev { background-image: url(img/paging_left_arrow_bkg.gif); display: block ; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; width: 8px; height: 12px; background-position: center 3px; background-repeat: no-repeat }
        table.paging a.prev:hover { background-image: url(img/paging_left_arrow_active_bkg.gif);  }
        table.paging a.next { background-image: url(img/paging_right_arrow_bkg.gif); display: block ; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; width: 8px; height: 12px; background-position: center 3px; background-repeat: no-repeat}
        table.paging a.next:hover { background-image: url(img/paging_right_arrow_active_bkg.gif);  }
        table.paging a.last { background-image: url(img/paging_right_arrow_bkg_last.gif); display: block ; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; width: 10px; height: 12px; background-position: right 3px; background-repeat: no-repeat  }
        table.paging a.last:hover { background-image: url(img/paging_right_arrow_active_bkg_last.gif);  }*/

}

@media print {
    body { font: 12px times new roman; color: black; width: 100%; }
    .topContainer, .banner, .searchContainer, .rightContainer, #kClanakaContainer, .infoContainer, #novostiContainer, .InitLogo, .clanakLijeviMeni, .copyright, .extraTools { display: none; }
    .izdvojenoContainer { clear: both; margin-top: 10px; }
    a { text-decoration: none; color: Black; }
    a.opsirnijeLink { display: none; }
    div#izdvojenoContainer { margin-top: 20px; }
    div.autorUvodnik { margin-bottom: 20px; }
    img.limiters { display: none; float: none; clear: both; }
    div.headingContainer { font-weight: bold; margin-top: 20px; }
    div.headingClanak { font-weight: bold; margin-top: 20px; }
}

.subCategories { position: absolute; left: 605px; top: 35px; z-index: 1000; background-color: #CBF299; width: 170px;margin: 10px;border: 1px solid #4d9b25;border-top: none; }

