/* CSS RESET & GLOBALS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, tt, var, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

a:focus { outline: none; }
a img { border: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
br { line-height: 14px; }

.clearAll { height: 1px; line-height: 1px; font-size: 0; }


/* GLOBALS */
html, body { height: 100%; }
body { background: #e4eef9 url(img2/bg_top.png) repeat-x top; font: 12px Arial, sans-serif; line-height: 18px; color: #474747; }
input, select, textarea { font: 12px Arial, sans-serif; line-height: 18px; color: #646464; }

.picBorder { border: 1px solid #a6a6a6; }
.txtBig { font-size: 17px; }
.txtSmall { font-size: 11px; }
.txtSmallest { font-size: 9px; }
.date, .datum { font-size: 10px; color: #7e8082; }

ul.inline { margin: 0; padding: 0; list-style: none; }
ul.inline li { display: inline; }


/* FORM ELEMENTS */
.textbox, textarea, .textbox2 { background: #ffffff; border: 1px solid #2971a6; line-height: 17px; height: 17px; padding: 2px 0 2px 5px; color: #272727; width: 150px; }
.textbox2 { width: 200px; }
.searchbox { line-height: 19px; width: 100px; border: none; background: url(img2/white_75.png); border-left: 2px solid #0072bc; color: #8e8e8e; font-style: italic; height: 22px; padding: 7px 15px 7px; width: 280px; margin-right: 2px; font-size: 14px; }
.searchboxFocus { line-height: 19px; height: 19px; width: 300px; border: 1px solid #0f94e8; background: #feffda; padding: 2px 5px; }
.loginbox { line-height: 19px; height: 19px; width: 100px; border: 1px solid #5c5c5c; background: #ffffff; padding: 2px 5px; margin: 0 9px 0 0; }
.loginboxFocus { line-height: 19px; height: 19px; width: 100px; border: 1px solid #5c5c5c; background: #feffda; padding: 2px 5px; margin: 0 9px 0 0; }
select { background: #ffffff; border: 1px solid #c7c7c7; padding: 3px; }

.btn { padding: 2px 8px; color: #ffffff; background: #0973ba url(img2/btnBgnd.gif) repeat-x left center; border: 2px solid #0973ba; cursor: pointer; line-height: 16px; }


/* LINKS */
a:link, a:active, a:visited, a:hover { text-decoration: none; }

a:link, a:active, a:visited { color: #005ca2; }
a:hover { color: #cf0002; }

.boxSmall ul li a:link, .boxSmall ul li a:active, .boxSmall ul li a:visited { color: #646464; }
.boxSmall ul li a:hover { color: #005ca2; }

.boxSmall2 ul li a:link, .boxSmall2 ul li a:active, .boxSmall2 ul li a:visited { color: #646464; }
.boxSmall2 ul li a:hover { color: #005ca2; }

.menuTop a:link, .menuTop a:active, .menuTop a:visited { color: #474747; }
.menuTop a:hover { color: #0072BC; background: #FFF; }

.menuTop .active a:link, .menuTop .active a:active, .menuTop .active a:visited { color: #FFF; background: #0072BC; }
.menuTop .active a:hover { color: #FFF; }

.menuLeft a.active:link, .menuLeft a.active:active, .menuLeft a.active:visited { color: #000000; }
.menuLeft a.active:hover { color: #cf0002; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.fullHeight { height: 100%; }	
.marginTop1 { margin: 12px 0 0 0; }
.marginTop2 { margin: 17px 0 0 0; }
.marginTop3 { margin: 50px 0 0 0; }
.marginLeft1 { margin: 0 0 0 23px; }
.marginLeft2 { margin: 0 0 0 15px; }
.marginLeft3 { margin: 0 0 0 40px; }

.bg_bott { background: url(img2/bg_bott.png) repeat-x bottom; }

h1 { font-size: 20px; line-height:24px; font-weight: normal; color: #515151; }
h2 { font: 14px Arial, sans-serif; text-transform: uppercase; color: #005ca2; line-height: 18px; }

.siteTop { width: 960px; height: 130px; margin: 0 auto; }
.logo { float: left; width: 243px; }
.logo img { margin: 25px 0 0 0; }
.topLinks { float: left; width: 165px; padding: 43px 0 0 0; color: #1c1c1c; font-size: 14px; line-height: 26px; text-shadow: 1px 1px #FFF; }
.topLinks a { padding: 0 10px 0 0; }
.topLinks a img, .topLinks span img { vertical-align: middle; margin: 2px 10px 0 0; float: left; }
.topLinks span strong { font-size: 21px; font-weight: normal; display: block; }


.search { float: left; width: 352px; padding: 50px 40px 0 0; }
.search div {  }
.search div input { vertical-align: middle; }
.lang { float: right; padding: 50px 0 0 0; }
.lang a { height: 36px; line-height: 36px; display: block; background: #FFF; padding: 0 15px; font-size: 16px; float: left; margin-left: 2px; }
.lang a.active { background: url(img2/blue_60.png); color: #FFF; }
.langMenu { background: #ffffff; height: 21px; border: 1px solid #868686; padding: 3px 5px; cursor: pointer; line-height: 22px; }
.langMenu input, .langMenu img { margin: 0 0 0 16px; }
.langMenu input, .langMenu span { vertical-align: middle; }
.langDrop { background: #dee7f0; border: 1px solid #c2d3e2; padding: 0 10px; font-size: 11px; display:none; }
.langDrop div { padding: 3px 0; border-top: 1px solid #ffffff; }
.langDrop div img { margin: 0 5px 0 0; }
.langDrop div.first { border-top: none; }

.rotatorWrapper { width: 717px; margin-bottom: 12px; height: 310px; position: relative; }
.rotator { position: relative; width: 717px; height: 310px; margin: 0 auto; }
.rotatorSlide {  position: absolute; width: 717px; height: 310px; overflow: hidden; }
.rotatorSlide .pic { position: absolute; width: 480px; height: 270px; left: 0; top: 0; overflow: hidden; }
.rotatorSlide .pic img { min-height: 270px; } 
.pic_txt { position: absolute; right: 0; top: 0; width: 197px; height: 230px; background: url(img2/anima_txt.png) no-repeat; color: #FFF; font-size: 14px; line-height: 20px; padding: 20px; }
.rotatorSlide .text { position: absolute; left: 4px; bottom: 10px; background: url(img2/rotatorTextBgnd.png) repeat; color: #ffffff; padding: 5px 20px; font-style: italic; }
.rotatorSlide .text { font: 16px Arial Narrow, Arial, sans-serif; font-style: normal; }
.rotatorSlide .ktext {  font: 12px Arial Narrow, Arial, sans-serif; position: absolute; right: 4px; bottom: 10px;  background: url(img2/rotatorTextBgnd.png) repeat; color: #ffffff;  padding: 2px 5px; font-style: italic; }
.rotatorSlide h1 { font-size: 17px; line-height: 22px; margin-bottom: 15px; height: 68px; overflow: hidden; }
.pic_txt_content { height: 120px; overflow: hidden; }
.rotatorSlide a { color: #FFF; }
.rotatorSlide a:hover { color: #a4dffa; }
.pic_more { font-size: 14px; text-align: right; padding-top: 10px; }
.pic_more a { text-decoration: underline; }
.pic_more a:hover { text-decoration: none; }
/*.rotatorLink { float: left; background: #e3eefa; height: 40px; width: 239px; border-right: 1px solid #ababab; }
.rotatorLink a { color: #202020; font-size: 14px; display: block; height: 40px; line-height: 40px; padding-left: 20px; }
.rotatorLink.last { border: 0; width: 237px; }
.rotatorLink.active a { background: #033251; color: #FFF; }*/
.pic_title { background: #e3eefa; height: 40px; color: #202020; font-size: 14px; line-height: 40px; padding-left: 20px; position: absolute; bottom: 0; width: 717px; }
.rotatorNav { position: absolute; bottom: 11px; right: 10px; }
.rotatorLink { float: left; margin-right: 7px; }
.rotatorLink a { display: block; width: 16px; height: 16px; background: url(img2/anima_btn.png); text-indent: -9999px; }
.rotatorLink.active a { background: url(img2/anima_btn_a.png); }

.novost { float: left; width: 231px; margin-right: 12px; }
.novost.last { margin: 0; }
.novost_img { width: 231px; height: 150px; overflow: hidden; margin-bottom: 10px; }

/*
.novost_img img { min-height: 150px; }
*/

.novost h3 { font-size: 13px; font-weight: bold; color: #202020; height: 18px; overflow: hidden; margin-bottom: 7px; }
.novost_txt { height: 83px; overflow: hidden; line-height: 17px; margin-bottom: 10px; }
.novost_date { margin-right: 10px; float: left; color: #757575; }
.novost_more a { text-decoration: underline; }
.novost_more a:hover { text-decoration: none; }

.novosti_arhiva { clear: both; text-align: right; font-weight: bold; padding: 10px 10px 10px 0; }

.boxWrapper { width: 974px; margin: 0 auto; }
.boxes { width: 100%; }
.boxSmall { width: 300px; height: 136px; background: url(img2/boxSmallBgnd.png) no-repeat 0 0; vertical-align: top; font-size: 11px; line-height: 18px; }
.boxSmall3 { width: 224px; background: url(img2/boxSmallBgnd2.png) no-repeat 0 0; }
.boxBig { height: 136px; margin: 0 auto; background: url(img2/boxBigBgnd.png) no-repeat 0 0; font-size: 11px; line-height: 18px; }
.boxSmall div, .boxBig div { padding: 23px 20px 15px 20px; }
.boxSmall ul { margin: 3px 0 0 0; padding: 0; list-style: none; }




.boxSpecial { height: 106px; margin: 0 auto; background: url(img2/boxSpecialBgnd.png) no-repeat 0 0; font-size: 11px; line-height: 18px; }
.special { width: 950px; height: 90px; margin: 0 auto; }
.specialItemTTT { width: 260px; }

.gradonacelnik { width: 100%; }
.gradonacelnik th, .gradonacelnik td { vertical-align: top; }
.gradonacelnik th img { margin: 0 10px 5px 0; border: 2px solid #005ca2; }

.news { width: 100%; height: 90px; }
.news td { vertical-align: top; }
.newsCol { width: 250px; }
.news td.quickLinks { vertical-align: middle; }
.news td.quickLinks h2 { padding: 3px 0; }
.news ul { margin: 8px 0 0 0; padding: 0; list-style: none; }
.news .divider { background: url(img2/divider-vertical.gif) repeat-y center top; }

.menuTop { width: 960px; margin: 0 auto; height: 40px; border-top: 4px solid #0072bc; }
.menuTop ul { margin: 0; padding: 0; list-style: none; text-align: center; display: table; width: 100%; }
.menuTop ul li { display: table-cell; text-transform: uppercase; *float: left; padding-left: 4px; }
.menuTop ul li:first-child { padding: 0; }
.menuTop ul li a { display: block; padding: 0 15px; *padding: 0 29px; background: url(img2/white_60.png); height: 40px; line-height: 42px; font-size: 15px; white-space: nowrap; }
.menuTop ul li:first-child a { *padding: 0 32px; }

.middleWrapper { width: 960px; margin: 0 auto; padding: 15px 0 50px 0; }
.middle { width: 960px; margin: 0 auto; padding: 0; background: #ffffff; min-height: 400px; }
.page { width: 960px; margin: 0 auto; }
.left { width: 231px; vertical-align: top; }
.main { vertical-align: top; padding-left: 12px; width: 717px; }
.main_subpage { padding: 12px; width: 705px; }
.page_content { padding: 15px; }
.page_content ul { list-style: none; padding: 15px 0 15px 25px; margin: 0; }
ul.linkList2 { list-style: none; margin: 0; padding: 0 0 0 25px; }
.page_content ul ul { padding: 10px 0 10px 25px; }
.page_content ul li, ul.linkList2 li { background: url(img2/bull_blue.png) no-repeat 0 7px; padding-left: 15px; }
ul.linkList2 li { margin: 0 0 7px; }
.page_content ul li ul li { background: url(img2/bull.png) no-repeat 0 9px; padding-left: 15px; }
.content { padding: 20px 0 0 0; line-height: 20px; }
.pageBottom { margin-top:15px;padding: 15px 0 0 0; text-align: right; font-size: 11px; border-top: 2px solid #eaeaea; }
.pageBottom a { margin: 0 0 0 20px; }
.pageBottom a span, .pageBottom a img { vertical-align: middle; }
.pageBottom a img { margin: 0 5px 0 0; }
.pageBottom .share { float: left; }

.menuLeft { padding: 0 10px; margin-bottom: 40px; }
.menuLeft div { border-bottom: 1px solid #d5d5d5; font-size: 14px; padding: 10px 0; }
.menuLeft div.sub { background: #ffffff; padding: 0 0 0 15px; }
.menuLeft p { background: #ebeef0; padding: 5px 15px; margin: 0 0 1px 0; }
.menuLeft ul { margin: 8px 0; padding: 0 10px 0 0; list-style: none; }
.menuLeft ul li { padding: 2px 0 2px 12px; line-height: 14px; font-size: 11px; background: url(img2/icon-arrow.gif) no-repeat 0 5px; }

.home_box { float: left; background: #f4f4f4; height: 100px; width: 231px; margin-right: 12px; }
td.left .home_box { margin: 0; }
.home_box.last { margin: 0;}
.gradonacelnik_img { float: left; margin-right: 10px; }
.gradonacelnik_txt { float: left; width: 125px; padding-top: 10px; }
.gradonacelnik_txt h2 { font-size: 13px; color: #323232; line-height: 15px; }
.gradonacelnik_pisite { padding: 3px 0 7px; }
.gradonacelnik_txt a img { opacity: 0.8; margin-right: 5px; }
.gradonacelnik_txt a:hover img { opacity: 1; }
.mojzg_banner { background: url(img2/mojzagreb.gif) no-repeat; text-align: center; }
.mojzg_banner a { color: #004a83; display: block; padding-top: 58px; height: 42px; font-size: 14px; }
.mojzg_banner a:hover { background: url(img2/mojzagreb.gif) no-repeat bottom; }
.eusluge_banner { background: url(img2/eusluge.gif) no-repeat; }
.eusluge_banner a { display: block; padding: 30px 20px 0 85px; font-size: 16px; height: 70px; font-weight: bold; line-height: 21px; }
.eusluge_banner a:hover { background: url(img2/eusluge.gif) no-repeat bottom; }
.karta_banner { background: url(img2/kartazg.gif) no-repeat; }
.karta_banner a { display: block; padding: 4px 20px 0 100px; font-size: 14px; height: 85px; font-weight: bold; line-height: 21px; color: #FFF; }
.karta_banner a:hover { background: url(img2/kartazg.gif) no-repeat top; }
.karta_banner span { display: block; padding-bottom: 5px; }

.bott_boxes { padding-top: 12px; }
.box_links { width: 459px; background: #ededed; margin-right: 12px; color: #474747; padding: 15px 0 15px 15px; float: left; min-height: 175px; }
.box_links h3 { font-size: 13px; font-weight: bold; margin-bottom: 12px; }
.box_links td { vertical-align: top; padding-right: 15px; }
.box_links ul { list-style: none; margin: 0; padding: 0; }
.box_links li { line-height: 16px; padding: 3px 0; }
.box_links a { color: #474747; }
.box_links a:hover { color: #cf0002; }

.box_kontakt {	float: left; background: #ededed; width: 211px; padding: 10px; margin-right: 12px; color: #474747;}
.box_kontakt_in { background: #dbdbdb; line-height: 16px; color: #474747; padding: 12px; }
.box_press { margin-bottom: 10px; }
.box_press a { display: block; background: #dbdbdb url(img2/bull.png) no-repeat 20px center; height: 23px; line-height: 23px; padding-left: 35px; color: #474747; font-weight: bold; }
.box_press a:hover { color: #cf0002; background-color: #d1d1d1; }
.box_social a { display: block; height: 23px; }
.fb_link, .tw_link, .rss_link { float: left; }
.fb_link, .tw_link { margin-right: 10px; }
.fb_link a { background: url(img2/link_fb.gif) no-repeat; width: 80px; }
.tw_link a { background: url(img2/link_tw.gif) no-repeat; width: 73px; }
.rss_link a { background: url(img2/link_rss.gif) no-repeat; width: 37px; }
.box_social a:hover { background-position: bottom; }

.box_pics { float: left; width: 231px; }
.razg_rotator { position: relative; width: 231px; height: 97px; margin: 0 auto; }
.razg_rotatorSlide {  position: absolute; width: 231px; height: 97px; overflow: hidden; }
.razg_rotatorSlide .razg_pic { position: absolute; width: 231px; height: 97px; left: 0; top: 0; overflow: hidden; }
.razg_rotator_title { position: absolute; background: url(img2/black_60.png); z-index: 100; width: 231px; bottom: 0; }
.razg_rotator_title a { color: #FFF; font-size: 14px; padding: 2px 15px; display: block; line-height: 25px; }
.razg_rotator_title a:hover { background: url(img2/black_60.png); }
.razg_rotator_title strong { font-size: 16px; text-transform: uppercase; }

.submenu { clear: both; border-top: 2px solid #eaeaea; padding: 20px 0 5px 0; margin-top:15px; }

.footer { width: 960px; margin: 0 auto; padding: 20px 0 40px 0; text-align: center; font-size: 11px; line-height: 15px; clear: both; }


/* skopirano sa starog */
/*ul.linkList2 { margin: 0; padding: 0; list-style-type: none; }
ul.linkList2 li { padding: 5px;font: 12px Arial, Helvetica, sans-serif;  }*/


.listTreeHead { background: #dff2fe; border: 1px solid #adddfc; font-weight: bold; font-size: 12px; padding: 5px 10px; }
.page_content ul.listTree { margin: 0; padding: 0; list-style-type: none; }
.page_content ul.listTree li { margin: 0; padding: 0; padding: 3px 20px; background: url(img/bullet_square.gif) no-repeat 10px 7px; border: 1px solid #adddfc; border-top: none; }

.path { background: #298ace; padding: 8px 0 7px 15px; color: #FFF; margin-bottom: 15px; font-weight: bold; }
.path li { /*float: left; display: block;*/ }
.path_sep { background: url(img2/path_sep.png) no-repeat center 4px; width: 20px; margin: 0 7px; }
.path a { font-weight: normal; }


a.linkWhite:link { color: #fff; text-decoration: none; }
a.linkWhite:active { color: #fff; text-decoration: none; }
a.linkWhite:visited { color: #fff; text-decoration: none; }
a.linkWhite:hover { color: #c6e7fd; text-decoration: none; }

.newsMain { padding: 15px 5px 0 5px; }
.newsItem { margin-bottom: 15px; }
.newsItem2 { margin-bottom: 15px; border: 1px solid #c5e7ff;}
.newsTitle { width: 100%; border-bottom: 1px solid #c5e7ff; margin-bottom: 8px; }
.newsTitle2 { width: 100%; border-bottom: 1px solid #c5e7ff; padding:5px 10px; }
.newsTitle td { padding-bottom: 6px; }
.newsBody { font-size: 12px; line-height: 16px; }
.newsBody img { float: left; margin: 3px 10px 0 0; border: 1px solid #5dafe3; }
.newsDate { text-align: right; }
.newsRight { width: 175px; padding-top: 10px; }
.newsHeading { font-size: 11px; font-style: normal; }
.newsHeading img { margin-right: 7px; }

#scrollzanim div {padding:0;}

.clear { clear: both; }

hr { background: #d5d5d5; border: 0; height: 1px; line-height: 1px; clear: both; color: #d5d5d5; }

.table { border-collapse: collapse; }
.table td, .table th { border: 2px solid #C7DAF0; }


.social_naslov {
    width: 231px;
    text-align: center;
    font-size: 16px;
    color: #023e65;
    font-weight: bold;
    padding-top:10px;
}

img.bandic {
    margin-bottom: 10px;
}

.box_bandic_social {
    background: none repeat scroll 0 0 #EDEDED;
    float: left;
    margin-right: 12px;
    min-height: 205px;
    width: 231px;
}

.international_banner {
    float: left;
    margin-right: 12px;    
}

.welcome_banner {
    float: left;
    margin-right: 12px;    
}