/* GLOBALS */
html, body { height: 100%; }
body { margin: 0; padding: 0; background: #fff; }
td, input, select, textarea { font: 11px Tahoma, Arial, sans-serif; color: #000; line-height: 15px; }
form { margin: 0; }

a img { border: none; }

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

ul.leftSubmenu { margin: 5px 0 0 0; padding: 0; list-style-type: none; }
ul.leftSubmenu li { background: url(img/bullet_arrow1.gif) no-repeat 0 6px; padding-left: 11px; margin: 4px 0; }

ul.leftSubmenu2 { margin: 3px 0 0 0; padding: 0; list-style-type: none; }
ul.leftSubmenu2 li { background: url(img/bullet_arrow2.gif) no-repeat 0 6px; padding-left: 11px; margin: 0; }

ul.linkList { margin: 0; padding: 0; list-style-type: none; }
ul.linkList li { background: url(img/bullet_arrow3.gif) no-repeat 0 6px; padding-left: 13px; }
ul.linkList li.linklistDivider { background: url(img/divider_hor2.gif) repeat-x 0 center; }
ul.linkList li.linklistDivider2 { background: none; }

ul.linkList2 { margin: 0; padding: 0; list-style-type: none; }
ul.linkList2 li { background: url(img/bullet_arrow3.gif) no-repeat 0 6px; padding-left: 13px; margin-top: 12px; }

/*.stripGold { background: #d6b140; }*/
.stripGold { background: #BEDAFC; }

.horizDivider { background: url(img/divider_hor2.gif) repeat-x 0 center; }
.datum { color: #7b6522; font-size: 10px; }


/* FORM ELEMENTS */
.textbox, textarea { background: #fff url(img/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #fff; padding: 3px 5px; }
.searchbox { width: 160px; }
.mailingBox { width: 184px; }
.loginBox { width: 160px; margin-bottom: 6px; }
select { height: 19px; background: #fff; }
.leftBoxSelect { width: 195px; margin-top: 2px; }
.button { background: #22488d url(img/buttonBgnd.gif) repeat-x 0 center; border: 1px solid #22488d; padding: 2px 5px; color: #fff; }


/* LINKS */
a:link { color: #00599e; text-decoration: none; }
a:active { color: #00599e; text-decoration: none; }
a:visited { color: #00599e; text-decoration: none; }
a:hover { color: #df0000; text-decoration: none; }

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: #cadcf3; text-decoration: none; }


/* WRAPPERS */
.header { width: 970px; border-top: 1px solid #ccc; margin-top: 15px; }
.logoContainer { vertical-align: bottom; text-align: left; padding: 0 0 27px 20px; border-left: 1px solid #ccc; }
.headerPic { text-align: right; }

.menuTop { width: 970px; border-top: 1px solid #fff; }
.menuTopShade { background: url(img/menuTopShade.gif) repeat-x 0 bottom; border-top: 1px solid #fff; }
.searchContainer { background: #22488d; width: 220px; height: 36px; }
/*.menuTopContainer { background: url(img/menuTopBgnd.gif) repeat-x 0 bottom; }*/
.menuTopContainer { background-color: #22488d }
.menuTopItem { padding: 0 20px; white-space: nowrap; }
.menuTopLast { padding: 0 20px; width: 100%; text-align: right; }

.middle { width: 970px; }
.leftCol { width: 220px; vertical-align: top; text-align: left; }
.mainCol { vertical-align: top; text-align: left; }
.mainCol a {
	
}
.rightCol { width: 220px; vertical-align: top; text-align: left; }

.leftMenu { width: 100%; }
.leftMenu td { padding: 8px 0 8px 15px; background-color: #fff; border-bottom: 1px solid #ddd; }

.box { width: 100%; }

.boxTitle { margin: 0; padding: 15px 0 0 10px; color: #00599e; font: 15px Arial, Helvetica, sans-serif; font-weight: bold; }
.boxTitle div { overflow: hidden; margin-bottom: 4px;  }
.boxTitle2 { margin: 0; padding: 13px 0 0 10px; color: #00599e; font: 15px Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 4px; }
.boxTitle3 { margin: 0; padding: 13px 0 0 10px; color: #00599e; font: 14px Arial, Helvetica, sans-serif; font-weight: bold; }

.boxBodyBlue { background: #bedafc; padding: 10px 12px; } 
.boxBodyGrey { background: #dddddd; padding: 10px 12px; } 
.boxBodyBlue2 { background: #dfedff; padding: 10px 12px; }
.boxBodyYellow { background: #f5e09f; border: 1px solid #d6b140; padding: 10px 12px; }

.boxBodyLightGreen { background: lightgreen; border: 1px solid limegreen; padding: 10px 12px; }

.pageTitle { padding: 5px 0; }
.pageTitle h1 { font: 17px Arial, Helvetica, sans-serif; color: #00599e; margin: 0; padding: 0; }
.pageContent { font: 12px Arial, Helvetica, sans-serif; line-height: 16px; padding-top: 15px; }
.pageContent p { margin: 0 0 14px 0; }

.footer { width: 970px; margin-top: 15px; }
.footerLeft { width: 220px; text-align: left; }
.footerMain { width: 530px; text-align: center; padding: 10px 0; }
.footerRight { width: 220px; text-align: right; }



.javni { width: 100%; }
.javniTabsContainer { background-color: #bedafc; height: 35px; vertical-align: bottom; }
.javniNatjecajiTabs { margin: 0; }
.javniNatjecajiTabs td { margin: 0; }
.javniMain { padding: 12px 15px 15px 15px; background: #ffffff; border: 1px solid #dadada; border-top: none; }

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

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


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

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

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

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


div.side-menu-item {
	font-weight: bold;
}

div.side-menu-item a {

}

.image {width:70px;height:70px;border:1px solid #CCC;float:left;margin-right:7px;margin-bottom:7px;position:relative;}
.image div { width:68px;height:68px;overflow:hidden;position:absolute;top:1px;left:1px;}
.image img { border:none; }