/* GLOBALS */
html, body { height: 100%; }
body { margin: 0; padding: 0; background: #ccd0d2 url(img/bgnd.gif) repeat-x 0 0; }
p, div, td { font: 12px Arial, sans-serif; color: #555555; line-height: 18px; margin: 0; padding: 0; }
input, select, textarea { font: 12px Arial, sans-serif; color: #555555; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-weight: normal; }
form { margin: 0; }

a img { border: none; }

.picBorder { border: 1px solid #a6a6a6; }
.txtSmall { font-size: 10px; color: #666666; }
.datum { font-size: 10px; color: #666666; }

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


/* FORM ELEMENTS */
.textbox, textarea { background: #fff url(img/textboxBgnd.gif) repeat-x 0 0; border: 1px solid #c7c7c7; padding: 4px 5px; }
.searchbox { width: 145px; }
select { background: url(img/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #a6a6a6; padding: 2px; }
.btn { background: #fff url(img/btnBgnd.gif) repeat-x left bottom; border: 1px solid #a6a6a6; padding: 1px 10px; font-size: 10px; text-transform: uppercase; cursor: pointer; }


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

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

.menuLeft a:link, .menuLeft a:active, .menuLeft a:visited { color: #444444; }
.menuLeft a:hover { color: #005891; }

.footerWrapper a:link, .footerWrapper a:active, .footerWrapper a:visited { color: #005891; }
.footerWrapper a:hover { color: #000000; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.marginTop { margin: 10px 0 0 0; }

.wrapper { width: 968px; background: #fff; border: 1px solid #ffffff; margin: 20px auto 0 auto; }

.header { width: 100%; }
.headerMain { background: url(img/shadowBgnd.gif) repeat-y 0 0; }
.menu { margin: 7px 0 7px auto; height: 46px; }
.menu td { background: url(img/menu_divider.gif) no-repeat 0 center; padding: 0 18px; }

.logoIndexBgnd { width: 225px; height: 140px; margin: 100px 0 0 23px; position: absolute; top: 0; z-index: 999; }
.logoIndexWrapper { margin: 0 0 0 23px; position: absolute; top: 0; padding: 55px 0 0 40px; z-index: 999; }
.logoWrapper { margin: 0 0 0 23px; position: absolute; top: 0; padding: 55px 0 0 30px; z-index: 999; }

.slideshowWrapper { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; z-index: 1; }

.indexBottomWrapper { background: #ffffff url(img/indexBottomBgnd.gif) repeat-x 0 0; padding: 20px 0; }
.indexBottom { width: 100%; }
.indexBottom td { vertical-align: top; }
.indexBottomSide { width: 215px; padding: 0 35px; }

.boxTitle { padding: 0 0 10px 0; }

.videoWrapper { background: #ffffff url(img/videoBgnd.gif) repeat-x left bottom; padding: 5px; }

.documents { width: 100%; }
.documents th, .documents td { padding: 3px 0 0 0; vertical-align: top; }
.documents th img { margin: 0 5px 0 0; }

.middleWrapper { background: url(img/shadowBgnd.gif) repeat-y 0 0; }
.middle { width: 100%; margin: 20px 0 0 0; }
.left { width: 248px; vertical-align: top; border-right: 1px solid #dadddf; }
.leftWrapper { padding: 90px 19px 0 19px; }
.main { vertical-align: top; }
.mainWrapper { padding: 0 20px 0 0; }

.searchWrapper { background: url(img/searchBgnd.gif) no-repeat 0 0; }
.search { width: 185px; height: 50px; margin: auto; }

.pathWrapper { background: #e3e6e7; padding: 7px 20px; }
.path li { font: 11px Arial, Helvetica, sans-serif; background: url(img/arrow_path.gif) no-repeat 0 5px; padding: 0 8px 0 16px; }

.menuLeftWrapper { padding: 20px 0 0 0; }
ul.menuLeft { margin: 0; padding: 0; list-style-type: none; }
ul.menuLeft li { background: url(img/divider_horiz.gif) repeat-x left bottom; padding: 7px 12px; }
ul.menuLeft a.active { color: #005891; }
ul.menuLeft .menuLeftCat { font: 13px Arial, Helvetica, sans-serif; padding: 6px 0 7px 10px; font-weight: bold; color: #666666; background: url(img/searchBgnd.gif) no-repeat 0 0; margin: 0 0 5px 0; }
ul.menuLeftSub { margin: 8px 0 0 0; padding: 0; list-style-type: none; }
ul.menuLeftSub li { background: none; padding:0; margin: 3px 0; }
ul.menuLeftSub li a { padding: 2px 0 2px 10px; display: block; color: #000000; }
ul.menuLeftSub li a:hover { color: #005891; }
ul.menuLeftSub li a.active { color: #005891; background: #dddddd; padding: 2px 0 3px 10px; display: block; }

.pageContentWrapper { margin: 0 20px 0 0; padding: 20px 0 0 20px; background: url(img/mainBgnd.gif) repeat-x 0 0; }
.pageContent { width: 100%; }
.pageHeader { padding: 1px 0; }
.pageTitle { background: url(img/divider_horiz.gif) repeat-x left bottom; }
.pageTitle h1 { font: 18px Arial, Helvetica, sans-serif; color: #006cb1; margin: 0 0 10px 0; }
.pageBody { padding: 15px 0 0 0; }
.pageBody p { margin: 12px 0; }

.newsPic { width: 105px; }
.newsPic img { border: 1px solid #a6a6a6; }
.newsDivider { background: url(img/divider_horiz.gif) repeat-x left center; padding: 5px 0; }
.newsDividerSpec { background: url(img/divider_horiz.gif) repeat-x left center; padding: 5px 0; }
.newsFooter { background: url(img/divider_horiz.gif) repeat-x left top; padding: 15px 0 0 10px; margin-top: 15px; }

.footerWrapper { width: 970px; margin: 0 auto; text-align: center; padding: 20px 0;  }
.footerWrapper div { margin: 3px 0; font-size: 11px; color: #666666; }
.footer { width: 100%; }
.footer td { vertical-align: top; }
.footerLeft { width: 200px; }
.footerMain { text-align: center; }
.footerRight { width: 200px; text-align: right; }


/* MENU */
.menu1 td a { padding: 0 20px; }
.subMenuContainer { position: relative; visibility: hidden; z-index: 500; padding-top: 15px; }
.subMenuDrop { background: #008ecc; border: 1px solid #006cb1; 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 #006cb1; margin: 0; padding: 0; white-space: nowrap; }
ul.subMenuLinklist li img { margin-right: 6px; border: none; }

ul.subMenuLinklist li a:link { display: block; width: 160px; height: 15px; padding: 5px 10px 5px 18px; background: #008ecc; border-right: none; color: #ffffff; }
ul.subMenuLinklist li a:active {  display: block; width: 160px; height: 15px; padding: 5px 10px 5px 18px; background: #008ecc; border-right: none; color: #ffffff; }
ul.subMenuLinklist li a:visited {  display: block; width: 160px; height: 15px; padding: 5px 10px 5px 18px; background: #008ecc; border-right: none; color: #ffffff; }
ul.subMenuLinklist li a:hover { display: block; padding: 5px 10px 5px 18px; background: #006cb1; color: #ffffff; text-decoration: none; }


/* IMAGE ROTATOR */
.picHolder{
    width:968px;
    height:350px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	z-index: 1;
}
.overPicHolder {
    width:968px;
    height:350px;
	position:absolute;
	z-index: 1;
	top: 142px;
	overflow: hidden;
}
.contentBgndHolder {
    width:145px;
    height:350px;
}
.contentHolder{
    width:145px;
    height:350px;
    text-align:center;
	position:absolute;
	top: 0px;
	z-index: 9999;
}
.txtHolder {
    height:310px;
	padding: 15px 0 0 0;
    text-align:left;
    font-size: 12px;
}
.naslov{
    margin-top:5px;
	padding-left: 18px;
	color: #ffffff;
    font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}
.content{
	width:115px;
	padding-left: 18px;
    margin-top:15px;
	font-size: 11px;
	color: #bbbbbb;
}
.divImage {
	position:absolute;
	display:none;
}

#rightImage{
    cursor:pointer;
}
#leftImage{
    cursor:pointer;
}

/* TABLES */

.tablica1 td, .tablica1 th {padding:2px 6px;}
.tablica1 thead th{color:#005891;background-color:#ddd;font-weight:bold;text-align:right;}
.tablica1 thead .prvi {text-align:left;}
.tablica1 tbody td{background-color:#eee;}
.tablica1 tfoot td{background-color:#ddd;font-weight:bold;}
.tablica1 .brojke{ text-align:right;}

/* GRAPHS */

.grafovi, .grafovi2 {float:left;}