html { height: 100%; }
body { height: 100%; width: 100%; margin: 0px; padding: 0px; font-family: arial,sans-serif; font-size: 11px; }
form { margin: 0px; padding: 0px }
b { font-weight: bold; }
i { font-style: italic; }
a { color: #38578c; }
a:hover { color: #6b85b3; }
p { margin: 3px 0px 5px 0px; }
img { border: 0px; }
img.icon { border: 0px; width: 16px; height: 16px; }
div.clear { width: 1px; height: 1px; overflow: hidden; clear: both; }
div.holder { width: 954px; background: #ffffff; overflow: hidden; margin: 0px auto 0px auto;}
/* header */
div.header { width: 954px; height: 386px; overflow: hidden; position: relative; background: url(images/vesna-skare-ozbolt-nezavisni-kandidat.jpg) 0 0 no-repeat; padding: 0px; margin: 0px 0px 5px 0px; }
div.topItems { clear: both; overflow: hidden; height: 16px; margin: 21px 20px 0px 810px; }
div.invisibleHolder { clear: both; overflow: hidden; width: 954px; height: 40px; margin: 229px 0px 0px 0px; position: relative; }
div.socialPlace { position: absolute; top:0px; left: 770px; width: 144px; overflow: hidden; height: 33px; }
div.buttonPlace { position: absolute; top:0px; left: 270px; width: 150px; overflow: hidden; height: 40px; }
div.topMenu { clear: both; overflow: hidden; width: 920px; height: 58px; margin: 14px 17px 0px 17px; }
div.topMenu a { display: block; float: left; height:58px; margin: 0px; padding: 0px; background-position: 0 0; }
a#menuHome { background-image: url(images/Naslovnica.jpg); width: 118px; }
a#menuEvents { background-image: url(images/Dogadjanja.jpg); width: 116px; }
a#menuProgram { background-image: url(images/Izborni_program.jpg); width: 155px; }
a#menuAbout { background-image: url(images/Upoznajte_me.jpg); width: 132px; }
a#menuMultimedia { background-image: url(images/Multimedija.jpg); width: 124px; }
a#menuContribute { background-image: url(images/Vas_doprinos.jpg); width: 132px; }
a#menuBlog { background-image: url(images/Blog.jpg); width: 143px; }
div.topMenu a:hover { background-position: 0 -58px; }
div.topMenu a.active { background-position: 0 -116px; }
/* content area */
div.content { width: 920px; margin: 0px 17px 0px 17px; overflow: hidden; padding: 0px; }
/* left box */
div.boxLeft { width: 580px; float: left; margin: 0px 20px 0px 0px; overflow: hidden; padding: 0px; }
div.boxLeft h1 { margin: 10px 0px 20px 5px; font-size: 36px; font-family: tahoma, sans-serif; color: #adbdd9; font-weight: normal; }
a.h1link { font-size: 36px; font-family: tahoma, sans-serif; color: #adbdd9; font-weight: normal; text-decoration: none; }
a.h1link:hover { color: #adbdd9; }
div.fromTiny { margin: 0px 0px 0px 5px; overflow: hidden; width: 575px; font-size: 12px; color: #808080; line-height: 18px; }
div.boxLeft h1.small { margin: 10px 0px 10px 5px; font-size: 28px; font-family: tahoma, sans-serif; color: #adbdd9; font-weight: normal; }
a.h1linksmall { font-size: 28px; font-family: tahoma, sans-serif; color: #adbdd9; font-weight: normal; text-decoration: none; }
a.h1linksmall:hover { color: #adbdd9; }
div.searchInfo { font-family: Tahoma, sans-serif; font-size: 12px; color: #000000; margin: -5px 0px 20px 5px; }
div.fromTiny h2 { font-family: Georgia, serif; font-size: 20px; line-height: 26px; font-weight: normal; color: #adbdd9; margin: 20px 0px 10px 0px; }
div.fromTiny p { font-size: 13px; line-height: 20px; }
div.fromTiny ul, ol { font-size: 13px; line-height: 20px; }
div.fromTiny li { font-size: 13px; line-height: 20px; }
div.fromTiny img { }
div.fromTiny img.left { }
div.fromTiny img.right { }
div.searchItem { width: 575px; overflow: hidden; margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; border-bottom: 1px dotted #b7cadd; }
div.searchItemNumber { float: left; width: 38px; height: 52px; overflow: hidden; background: url(images/postIt.png) 0 0 no-repeat; font-family: Arial, sans-serif; font-weight: bold; font-size: 20px; line-height: 52px; color: #000000; text-align: center; }
div.searchItemData { float: left; margin: 9px 0px 0px 9px; width: 527px; overflow: hidden; }
a.searchItemLink { text-decoration: none; color: #adbdd9; font-size: 20px; font-family: Tahoma, sans-serif; line-height: 26px; }
a.searchItemLink:hover { color: #6b85b3; }
img.dataIcon { margin-bottom: -2px; }
div.baseData { margin: 0px 0px 10px 0px; overflow: hidden; font-family: Tahoma, sans-serif; font-size: 12px; color: #000000; line-height: 14px; }
div.baseData a { color: #6b85b3; }
div.mainImgDiv { overflow: hidden; margin: 10px 0px 15px 0px; border: 1px solid #b7c9dd; padding: 0px; }
img.mainImg { display: block; margin: 0px; border: 5px solid #ffffff; padding: 0px; }
h2.blueBar { text-indent: 13px; font-family: Tahoma, sans-serif; font-size: 14px; line-height:36px; font-weight: bold; color: #ffffff; margin: 20px 0px 5px 0px; background: url(images/bigLajsna.jpg) 0 0 no-repeat; width: 580px; height: 36px; overflow: hidden; }
div.blueBarBox { background: url(images/bigBoxBg.jpg) 0 0 repeat-y; width: 580px; overflow: hidden; }
div.blueBarBox div.bottom { background: url(images/bigBoxBottom.jpg) 0 0 no-repeat; width: 580px; height: 7px; overflow: hidden; }
div.blueBarBox div.itemHolder { width: 128px; margin: 13px 0px 5px 13px; float: left; overflow: hidden; }
div.tn { width: 126px; height: 94px; border: 1px solid #b7c9dd; overflow: hidden; margin: 0px; }
div.tn img.tn { width: 122px; height: 90px; border: 2px solid #ffffff;; overflow: hidden; display: block; cursor: pointer; }
div.photoItems { font-family: Arial, sans-serif; font-size: 11px; color: #000000; background: url(images/fotic.gif) 0 2px no-repeat; padding-left: 16px; margin: 5px 0px 5px 0px; }
div.descrition a { color: #6b85b3; font-family: Arial, sans-serif; font-size: 11px; text-decoration: none; }
div.descrition a:hover { text-decoration: underline; }
a.showAll { display: block; height:26px; margin: 0px; padding: 0px; background-position: 0 0; background-image: url(images/prikazi_sve.jpg); width: 103px;}
a.showAll:hover { background-position: 0 -26px; }
a.readMore { display: block; height:26px; margin: 0px; padding: 0px; background-position: 0 0; background-image: url(images/opsirnije.jpg); width: 94px;}
a.readMore:hover { background-position: 0 -26px; }
a.inlineMore { background: url(images/strelica.gif) 0 2px no-repeat; font-size: 11px; font-weight: bold; font-family: Tahoma, sans-serif; color: #38578c; text-decoration: none; padding-left: 13px;}
a.inlineMore:hover { color: #adbdd9; text-decoration: underline; }
input.send { display: block; height:26px; margin: 0px; padding: 0px; background-position: 0 0; background-image: url(images/posalji_button.jpg); width: 79px; border: 0px;}
input.send:hover { background-position: 0 -26px; }
input.searchInput { height:23px; margin: 0px; padding: 0px 3px 0px 3px; width: 175px; border: 1px solid #b7cadd; font-family: Arial, sans-serif; font-size: 12px; color: #000000; }
input.search { height:27px; margin: 0px; padding: 0px; width: 96px; border: 0px; }
div.invisible { width: 0px; height: 0px; overflow: hidden; clear: both; }
div.searchFormInput { float: left; overflow: hidden; height: 27px; margin: 0px 9px 0px 0px; }
div.najava { background: url(images/najaveBg.png) 0 0 repeat-y; width: 580px; overflow: hidden; margin: 0px 0px 1px 0px; }
div.najava1 { background: url(images/najaveBg.png) 0 0 repeat-y; width: 580px; overflow: hidden; margin: 0px 0px 1px 0px; }
div.najava2 { background: url(images/najaveBg2.png) 0 0 repeat-y; width: 580px; overflow: hidden; margin: 0px 0px 1px 0px; }
div.najava3 { background: url(images/najaveBg3.png) 0 0 repeat-y; width: 580px; overflow: hidden; margin: 0px 0px 1px 0px; }
div.najava4 { background: url(images/najaveBg4.png) 0 0 repeat-y; width: 580px; overflow: hidden; margin: 0px 0px 1px 0px; }
div.najavaInner { width: 560px; margin: 10px; overflow: hidden; }
div.najavaInner h1 { font-family: Georgia, serif; font-size: 26px; line-height: 30px; font-weight: normal; color: #000000; margin: 0px 0px 10px 0px; }
div.najavaInner p { font-family: Georgia, serif; font-size: 12px; line-height: 15px; font-weight: normal; color: #000000; margin: 0px 0px 5px 0px; }
/* right box */
div.boxRight { width: 320px; float: left; margin: 0px 0px 0px 0px; overflow: hidden; padding: 0px; }
div.whiteBox { width: 320px; overflow: hidden; margin: 10px 0px 0px 0px; background: url(images/rightBoxTop.jpg) 0 0 no-repeat; }
div.whiteBox div.whiteBoxFooter { width: 320px; overflow: hidden; margin: 0px 0px 0px 0px; background: url(images/rightBoxBg.gif) 0 0 repeat-y; }
div.whiteBox div.whiteBoxContent { width: 320px; overflow: hidden; margin: 0px 0px 0px 0px; background: url(images/rightBoxBottom.jpg) 0 100% no-repeat; }
div.whiteBox div.singlePlayer { width: 300px; height: 250px; overflow: hidden; margin: 5px 10px 15px 10px; }
div.whiteBox div.multyPlayer { width: 300px; height: 490px; overflow: hidden; margin: 5px 10px 15px 10px; }
div.whiteBox div.searchForm { width: 300px; overflow: hidden; margin: 5px 10px 15px 10px; }
div.whiteBox h2 { font-size: 22px; font-family: Tahoma, sans-serif; color: #6b85b3; font-weight: normal; margin: 10px 10px 10px 15px; }
div.whiteBox p { font-size: 12px; font-family: Tahoma, sans-serif; color: #808080; margin: 5px 15px 15px 15px; }
div.whiteBox div.submenu { width: 290px; overflow: hidden; margin: 5px 15px 20px 15px; }
div.whiteBox div.submenu a.link { font-size: 16px; font-family: Arial, sans-serif; color: #adbdd9; text-decoration: none; }
div.whiteBox div.submenu a.link:hover { color: #38578c; }
div.whiteBox div.submenu div.separator { width: 290px; height:2px; overflow: hidden; background: url(images/separator.gif) 0 0 no-repeat; margin: 5px 0px 5px 0px; }
div.videoBox { width: 320px; overflow: hidden; margin: 10px 0px 0px 0px; background: #000000; }
div.videoBox div.videoBoxTop { width: 320px; height: 60px; overflow: hidden; margin: 0px 0px 0px 0px; background: url(images/video_box_gore.gif) 0 0 no-repeat; }
div.videoBox div.videoBoxFooter { width: 320px; height: 35px; overflow: hidden; margin: 0px 0px 0px 0px; background: url(images/video_box_dole.gif) 0 100% no-repeat; }
div.videoBox div.singlePlayer { width: 300px; height: 250px; overflow: hidden; margin: 5px 10px 15px 10px; }
div.videoBox div.multyPlayer { width: 300px; height: 490px; overflow: hidden; margin: 5px 10px 15px 10px; }
/* footer */
div.footer { width: 920px; margin: 20px 17px 0px 17px; overflow: hidden; padding: 0px; }
div.footer div.footMenu { width: 920px; height: 33px; margin: 0px; overflow: hidden; padding: 0px; background: url(images/bottomBar.png); }
div.footMenu div.linkovi { width: 650px; margin: 12px 20px 10px 15px; float: left; color: #ffffff; font-size: 11px; font-family: Tahoma, sans-serif; }
div.footMenu div.linkovi a.footLink { color: #ffffff; text-decoration: none; }
div.footMenu div.linkovi a.footLink:hover { color: #ffffff; text-decoration: underline; }
div.footMenu div.footTop { width: 220px; margin: 11px 15px 9px 0px; float: left; color: #ffffff; font-size: 11px; font-family: Tahoma, sans-serif; text-align: right; }
div.footMenu div.footTop a.bttLink { color: #ffffff; font-size: 11px; font-weight: bold; background: url(images/arrowTop.png) 0 2px no-repeat; text-decoration: none; padding-left: 13px; }
div.footer div.pageEnd { width: 920px; height: 148px; margin: 0px; overflow: hidden; padding: 0px; background: url(images/footer.jpg); }
div.footer div.pageEnd div.copyright { width: 870px; height: 30px; margin: 110px 30px 8px 20px; font-size: 10px; color: #000000;}
/* pager */
div.pager { margin-top: 15px; font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #38578c; line-height: 19px; }
span.info { background: #38578c; color: #ffffff; padding-left: 3px; padding-right: 3px; line-height: 19px; }
a.pagingLink { border: 1px solid #adbdd9; color: #38578c; background: #ffffff; text-decoration: none; padding-left: 3px; padding-right: 3px; line-height: 19px; }
a.pagingLink:hover { background: #6c94d9; border: 1px solid #6c94d9; color: #ffffff; }
/****************************************************/
/* ACCORDION */
/****************************************************/
#accordion { margin-top: 3px; }
/* Layout helpers----------------------------------*/
#accordion .ui-helper-hidden { display: none; }
#accordion .ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
#accordion .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3px; text-decoration: none; font-size: 14px; list-style: none; }
#accordion .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#accordion .ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
#accordion .ui-helper-clearfix { display:block; }
/* end clearfix */
#accordion .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues----------------------------------*/
#accordion .ui-state-disabled { cursor: default !important; }
/* Icons----------------------------------*/
/* states and images */
#accordion .ui-icon { display: none; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals----------------------------------*/
/* Overlays */
#accordion .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Component containers----------------------------------*/
#accordion .ui-widget { font-family: Tahoma,sans-serif; font-size: 14px; line-height: 36px; }
#accordion .ui-widget input, #accordion .ui-widget select, #accordion .ui-widget textarea, #accordion .ui-widget button { font-family: Tahoma,sans-serif; font-size: 11px; }
#accordion .ui-widget-content { background: url(images/rightBoxBg.gif) 0 0 repeat-y; color: #000000; }
#accordion .ui-widget-content a { color: #adbdd9; }
/* Interaction states----------------------------------*/
#accordion .ui-state-default, #accordion .ui-widget-content .ui-state-default { height: 36px; line-height: 36px; border: 0px solid #b7cadd; background: #475b7e url(images/smallBar.jpg) 0 0 no-repeat; padding-left: 13px; font-weight: bold; color: #ffffff; outline: none; margin-top: 3px; cursor: pointer;}
#accordion .ui-state-default a, #accordion .ui-state-default a:link, #accordion .ui-state-default a:visited { color: #ffffff; text-decoration: none; outline: none; }
#accordion .ui-state-hover, #accordion .ui-widget-content .ui-state-hover, #accordion .ui-state-focus, #accordion .ui-widget-content .ui-state-focus { height: 36px; line-height: 36px; padding-left: 13px; border: 0px solid #b7cadd; background: #7995ba url(images/smallBar.jpg) 0 -36px no-repeat; font-weight: bold; color: #ffffff; outline: none; margin-top: 3px; cursor: pointer; }
#accordion .ui-state-hover a, #accordion .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; }
#accordion .ui-state-active, #accordion .ui-widget-content .ui-state-active { height: 36px; line-height: 36px; border: 0px solid #b7cadd; background: #b2c2e3 url(images/smallBar.jpg) 0 -72px no-repeat; padding-left: 13px; font-weight: bold; color: #ffffff; outline: none; margin-top: 3px; }
#accordion .ui-state-active a, #accordion .ui-state-active a:link, #accordion .ui-state-active a:visited { color: #ffffff; outline: none; text-decoration: none; }
/* Icons----------------------------------*/
/* states and images */
#accordion .ui-icon { width: 0px; height: 0px; /* background-image: url(images/ui-icons_222222_256x240.png); */ }
#accordion .ui-widget-content .ui-icon { /* background-image: url(images/ui-icons_222222_256x240.png); */ }
#accordion .ui-widget-header .ui-icon { /* background-image: url(images/ui-icons_222222_256x240.png); */ }
#accordion .ui-state-default .ui-icon { /* background-image: url(images/ui-icons_ffffff_256x240.png); */ }
#accordion .ui-state-hover .ui-icon, #accordion .ui-state-focus .ui-icon { /* background-image: url(images/ui-icons_ffffff_256x240.png); */ }
#accordion .ui-state-active .ui-icon { /*background-image: url(images/ui-icons_ffffff_256x240.png); */ }
#accordion .ui-state-highlight .ui-icon { /*background-image: url(images/ui-icons_2e83ff_256x240.png); */ }
#accordion .ui-state-error .ui-icon, #accordion .ui-state-error-text .ui-icon { /*background-image: url(images/ui-icons_cd0a0a_256x240.png); */ }
/* Misc visuals----------------------------------*/
/* Corner radius */
#accordion .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; }
#accordion .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
#accordion .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
#accordion .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
#accordion .ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
#accordion .ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
#accordion .ui-corner-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
#accordion .ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
#accordion .ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; }
/* #accordion----------------------------------*/
#accordion .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 2px; zoom: 1; line-height: 36px;}
#accordion .ui-accordion .ui-accordion-li-fix { display: inline; }
#accordion .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; line-height: 36px; }
#accordion .ui-accordion .ui-accordion-header a { display: block; font-size: 14px; padding-left: 13px; }
#accordion .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 0; top: 0; margin-top: 0; }
#accordion .ui-accordion .ui-accordion-content { padding: 0; border: 0; margin-top: 0px; position: relative; top: 1px; margin-bottom: 1px; overflow: auto; display: none; }
#accordion .ui-accordion .ui-accordion-content-active { display: block; }
/* Moji dodaci----------------------------------*/
#accordion div.acc-content { width: 100%; background: url(images/rightBoxBottom.jpg) 0 100% no-repeat; }
#accordion div.acc-inner { width: 290px; overflow: hidden; margin: 3px 15px 0px 15px; padding: 10px 0px 0px 0px; }
#accordion a.accordionMore { font-size: 16px; line-height: 18px; font-family: Tahoma, sans-serif; color: #adbdd9; text-decoration: none; margin: 0px; padding: 0px; }
#accordion a.accordionMore:hover { color: #6b85b3; }
#accordion div.separator { width: 290px; height:2px; overflow: hidden; background: url(images/separator.gif) 0 0 no-repeat; margin: 10px 0px 15px 0px; }
/****************************************************/
/* ACCORDION END */
/****************************************************/