/* CSS RESET & GLOBALS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, 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; }
ol, ul { list-style: none; }


/* GLOBALS */
html, body { height: 100%; }
body { background: #ecebe4 url(img/bgnd.gif) repeat-x left top; line-height: 1; }

body, td, th, textarea, input, select, h2, h3, h4, h5, h6 { font: 12px Arial, Helvetica, sans-serif; color: #444444; }

.picBorder { border: 1px solid #a6a6a6; }
.datum { font: 10px Arial, Helvetica, sans-serif; color: #818181; }
.txtSmall { font-size: 10px; }
.txtSmallest { font-size: 9px; }

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

ul.linkList li { margin: 10px 0; line-height: 14px; }

ul.linkList2 { margin: 5px 0; padding: 0; list-style: none; }
ul.linkList2 li { background: url(img/bullet_arrow.gif) no-repeat 0 8px; padding: 4px 0 4px 12px;  }


/* FORM ELEMENTS */
.textbox, textarea { background: #fff url(img/textboxBgnd.gif) repeat-x 0 0; border: 1px solid #bcbab3; padding: 4px 5px; }
textarea { overflow: auto; }
.searchbox { width: 250px; margin: 0 7px 0 0; }
select { background: url(img/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #c7c7c7; padding: 2px; }
.boxSelect { width: 100%; margin: 6px 0 0 0; }
.btn { cursor: pointer; color: #000000; }
.questionBox { margin: 8px 0 0 0; width: 169px; }
textarea.questionBox { height: 60px; }
.questionBtn { margin: 8px 0 0 0; }


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

a:link, a:active, a:visited { color: #396900; }
a:hover { color: #000000; }

.lang a:link, .lang a:active, .lang a:visited { color: #396900; background: none; }
.lang a:hover { color: #dddddd; background: none; }

.leftMenu a:link, .leftMenu a:active, .leftMenu a:visited { color: #ffffff; font-size: 13px; }
.leftMenu a:hover { color: #dddddd; }

.leftMenu a.activeCat:link, .leftMenu a.activeCat:active, .leftMenu a.activeCat:visited { color: #000000; }
.leftMenu a.activeCat:hover { color: #000000; }

.leftSubmenu a:link, .leftSubmenu a:active, .leftSubmenu a:visited { color: #396900; font-size: 12px; }
.leftSubmenu a:hover { color: #000000; }

.javniNatjecaji a:link, .javniNatjecaji a:active, .javniNatjecaji a:visited { color: #000000; }
.javniNatjecaji a:hover { color: #666666; }


/* WRAPPERS */
.fullStretch { width: 100%; }

.header { width: 980px; margin: 18px auto 0 auto; }
.headerLeft { width: 110px; text-align: center; }
.headerMain { background: url(img/headerBgnd.gif) repeat-x left bottom; vertical-align: bottom; }
.searchContainer { width: 320px; }
.search { width: 100%; margin: 30px 0 24px 0; }
.headerMenu { margin: 5px 0 0 auto; }

.middle { width: 980px; margin: 0 auto; height: 500px; }
.left { width: 220px; background: url(img/leftBgnd.gif) repeat-y top right; vertical-align: top; }
.main { background: #fff; vertical-align: top; }
.right { width: 225px; background: #dce8cf; vertical-align: top; }
.rightWrapper { width: 203px; position: relative; left: 11px; }
.rightSide { width: 15px; background: url(img/rightSideBgnd.gif) repeat-y top right; vertical-align: top; }

.leftMenu { margin: 20px 0; border-top: 1px solid #98aa81; }
.leftMenu li { border-bottom: 1px solid #98aa81; padding: 8px 15px; }
.leftMenu li.active { border-bottom: 1px solid #c7c6be; border-left: 1px solid #c7c6be; padding: 8px 15px; background: url(img/leftMenuItemActive.gif) no-repeat right top; padding: 8px 5px 8px 14px; }
.leftMenu li.leftSubmenuContainer { background: url(img/leftSubmenuBgnd.gif) repeat-y right top; border-left: 1px solid #c7c6be; padding: 8px 5px 8px 14px; }

.leftSubmenu { margin: 4px 0 2px 0; padding: 0 0 0 2px; }
.leftSubmenu li { border: none; padding: 2px 0 2px 12px; background: url(img/bullet_arrow.gif) no-repeat 0 6px; }

.newsTitle { background: #f5f5f5; border-bottom: 1px solid #dadada; padding: 18px 0 0 25px; }
.newsItem { width: 100%; margin: 15px auto 0 auto; }
.newsItem td { vertical-align: top; border-bottom: 1px solid #dadada; padding: 0 0 17px 0; }
.newsPic div { background: #dee8d2; padding: 6px; margin: 3px 15px 0 0; }
.newsPic div img { border: 1px solid #ffffff; }
.newsBody { width: 100%; }
.newsBody h2 { font: 13px Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 0 0 7px 0; line-height: 18px; }
.newsDate { font: 10px Arial, Helvetica, sans-serif; color: #818181; margin: 10px 0 0 0; }
.newsArchive { padding: 15px 20px; }

.pathContainer { background: #f5f5f5; border-bottom: 1px solid #dadada; padding: 12px 0 10px 20px; font-size: 11px; }
.pageContentWrapper { padding: 15px 20px 0 20px; }
.pageTitle { padding: 0 0 12px 0; background: url(img/dotsHoriz.gif) repeat-x left bottom; }
.pageTitle h1 { font: 18px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; margin: 0; }
.pageBody { padding: 15px 0; }
.pageBody p { margin: 0 0 17px 0; line-height: 17px; }
.pageBody ul { margin-left: 18px; list-style-type: disc; }
.pageFooter { background: url(img/dotsHoriz.gif) repeat-x left top; padding: 15px 0 10px 0; }
.pageFooter a { background: url(img/iconPrint.gif) no-repeat 0 3px; padding: 5px 0 5px 23px; }

.middleBottom { width: 980px; margin: 0 auto; }
.middleBottomMain { background: #ffffff url(img/javniBgnd.gif) repeat-x left top; border-top: 1px solid #dadada; padding: 15px 15px 5px 15px; }

.box { margin: 18px 0 0 0; }
.boxTitle { padding: 0 0 7px 10px; }
.boxBody1 { background: #ffffff; border: 1px solid #c6c5c2; padding: 10px; }
.boxBody2 { background: #e9efe3; border: 1px solid #c6c5c2; padding: 10px; }
.boxBody3 { background: #ffffff; border: 1px solid #c6c5c2; padding: 0 10px; }

.javni { width: 100%; }
.javniTabsContainer { background: url(img/javniTabsBgnd.gif) repeat-x 0 0; height: 35px; vertical-align: bottom; }
.javniNatjecajiTabs { margin: 0 auto; }
.javniMain { padding: 12px 15px 15px 15px; background: #ffffff; border: 1px solid #dadada; border-top: none; }

.pageEnd { width: 980px; margin: 0 auto; }
.pageEnd .left { background: none; text-align: right; }
.pageEnd .main { background: url(img/pageEndMainBgnd.gif) repeat-x 0 0; }
.pageEnd .right { background: url(img/pageEndRightBgnd.gif) repeat-x 0 0; }

ul.javniNatjecaji li { padding: 2px 0; }
.natjlijevidiv{ width:78px;float:left; padding: 3px 0;}
.natjdesnidiv{ width:600px;float:left; padding: 3px 0;}
ul.javniNatjecaji li img { vertical-align: middle; margin: 0 7px 0 0; }
ul.javniNatjecaji li span { font: 10px Arial, Helvetica, sans-serif; color: #818181; }

.footer { width: 980px; margin: 0 auto; }
.footer td { padding: 15px 0; font-size: 11px; }
.footerLeft { width: 220px; }
.footerMain { text-align: center; }


/* TABS NAVIGATION */
.headerMenu a { color: #396900; background: url(img/headerMenuItemBgnd.gif) right top no-repeat; text-decoration: none; padding-left: 13px; }
.headerMenu a span { background: url(img/headerMenuItemBgnd.gif) right top no-repeat; padding: 5px 26px 5px 0; }
.headerMenu a, .headerMenu a span { display: block; float: left; }

/* Hide from IE5-Mac \*/
.headerMenu a, .headerMenu a span { float: none; }
/* End hide */

.headerMenu a:hover { color: #000000; background: #781351 url(img/headerMenuItemOver.gif) left top no-repeat; padding-left: 13px; }
.headerMenu a:hover span { background: url(img/headerMenuItemOver.gif) right top no-repeat; padding: 5px 26px 5px 0; }

.lang { margin: 0 9px 10px 0; text-align: right; }
.lang a img { vertical-align: middle; margin: 0 10px 0 7px; }

.headerMenu .lang a { background: none; }
.headerMenu .lang a:hover { background: none; color: #000000; }


/* TABS NAVIGATION - JAVNI */
.javniNatjecajiTabs a { background: url(img/tabJavniBgnd.gif) left top no-repeat; padding: 6px 0 6px 17px; color: #385685; text-decoration: none; float: left; display: block; margin: 0 3px; font-size: 11px; }
.javniNatjecajiTabs a span { background: url(img/tabJavniBgnd.gif) right top no-repeat; padding: 6px 17px 6px 0; float: left; }

.javniNatjecajiTabs a:hover { color: #000000; }

.javniNatjecajiTabs a.active { background: url(img/tabJavniActive.gif) left top no-repeat; font-weight: bold; color: #000000; }
.javniNatjecajiTabs a.active span { background: url(img/tabJavniActive.gif) right top no-repeat; }

/* Hide from IE5-Mac \*/
.javniNatjecajiTabs a, .javniNatjecajiTabs a span { float: none; }
/* End hide */


/* MENU */
.menu1 td a { padding: 0 20px; }
.subMenuContainer { position: relative; visibility: hidden; z-index: 500; padding-top: 5px; }
.subMenuDrop { background: #ffffff; border: 1px solid #aba9a2; border-top: none; width: 160px; -moz-opacity: .96; filter: alpha(opacity=96); }
.subMenuDrop td { padding: 0; }
ul.subMenuLinklist { list-style-type: none; margin: 0; padding: 0; }
ul.subMenuLinklist li { font: 11px Arial, Helvetica, sans-serif; text-align: left; border-top: 1px solid #aba9a2; margin: 0; padding: 0; white-space: nowrap; }
ul.subMenuLinklist li img { margin-right: 6px; border: none; }

ul.subMenuLinklist li a:link { display: block; width: 150px; height: 15px; padding: 5px 10px 5px 13px; background: #ffffff; border-right: none; color: #396900; }
ul.subMenuLinklist li a:active {  display: block; width: 150px; height: 15px; padding: 5px 10px 5px 13px; background: #ffffff; border-right: none; color: #396900; }
ul.subMenuLinklist li a:visited {  display: block; width: 150px; height: 15px; padding: 5px 10px 5px 13px; background: #ffffff; border-right: none; color: #396900; }
ul.subMenuLinklist li a:hover { display: block; padding: 5px 10px 5px 13px; background: #aba9a2; color: #ffffff; text-decoration: none; }