/* 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; }


/* GLOBALS */
html, body { height: 100%; }
body { background: #e9eef1 url(img/bgnd.gif) repeat-x 0 0; font: 12px Arial, Helvetica, sans-serif; color: #2f2f2f; line-height: 18px; }
input, select, textarea {  font: 12px Arial, Helvetica, sans-serif; color: #2f2f2f; }

.picBorder { border: 1px solid #a6a6a6; }
.txtSmall { font-size: 10px; }
.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 { background: #ffffff url(img/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #d2d2d2; font-size: 11px; line-height: 14px; height: 13px; padding: 3px 0 3px 5px; }
.searchbox { width: 135px; margin: 4px 5px; padding: 0; background: none; border: none; color: #2f2f2f;  }
select { background: #ffffff; border: 1px solid #c7c7c7; padding: 2px 2px 2px 0; font-size: 12px; }


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

a:link, a:active, a:visited { color: #023a77; }
a:hover { color: #bc0900; }

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

.topMenu a:link, .topMenu a:active, .topMenu a:visited { color: #ffffff; }
.topMenu a:hover { color: #a4beda; }

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

.headerTop th a:link, .headerTop th a:active, .headerTop th a:visited { color: #a4beda; }
.headerTop th a:hover { color: #ffffff; }

.pageContent a:link, .pageContent a:active, .pageContent a:visited { color: #023a77; text-decoration: underline; }
.pageContent a:hover { color: #bc0900; text-decoration: underline;; }


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

.header { position: relative; width: 960px; height: 100px; margin: 0 auto; }
.headerMain { position: absolute; width: 670px; height: 100px; left: 290px; top: 0; }
.headerTop { margin: 0 0 0 auto; height: 52px; }
.headerTop th { text-align: right; padding: 0 20px 0 0; font-size: 11px; font-weight: normal; }
.headerTop td { width: 202px; background: #638cb9; }
.search { width: 170px; margin: 0 auto; background: #ffffff; }
.search input { vertical-align: middle; }
.topMenu { position: relative; width: 100%; height: 48px; margin: 0 0 0 auto; }
.topMenu td { border-right: 1px solid #638cb9; text-align: center; font-weight: bold; padding: 0 24px; white-space: nowrap; }
.topMenu .active { background: #638cb9; }

.middle { position: relative; width: 960px; margin: 0 auto; }
.left { position: absolute; width: 300px; height: 500px; left: 0; top: 0; }
.main { position: absolute; width: 650px; left: 310px; top: 0; padding: 30px 0 0 0; }

.logo { position: absolute; width: 300px; height: 191px; left: 0; top: -100px; z-index: 999; }
.leftMenu { background: url(img/boxBgnd.png) repeat-y center top; padding: 100px 35px 5px 40px; z-index: 1; }
.leftMenu p { background: url(img/bullet_square.gif) no-repeat 0 7px; padding: 0 0 0 15px; font-size: 15px; }
.leftMenu p.divider { background: url(img/dots_horizontal.gif) repeat-x left center; height: 21px; }
.leftMenu ul { margin: 5px 0 5px 25px; padding: 0; list-style: none; }
.leftMenu ul li { padding: 3px 0 0 0; }
.leftMenuBottom { background: url(img/boxEndings.png) no-repeat center bottom; height: 15px; line-height: 1; font-size: 1px; }

.box { margin-top: 20px; }
.boxTop { background: url(img/boxEndings.png) no-repeat center top; height: 15px; line-height: 1; font-size: 1px; }
.boxBody { background: url(img/boxBgnd.png) repeat-y center top; padding: 5px 35px 5px 40px; }
.boxBottom { background: url(img/boxEndings.png) no-repeat center bottom; height: 15px; line-height: 1; font-size: 1px; }

.main h1 { position: relative; font-size: 22px; line-height: 24px; border-bottom: 4px solid #9eb9d7; font-weight: normal; padding: 0 0 5px 0; margin: 0 0 15px 0; }
.main h1 span { position: absolute; top: 5px; left: 630px; text-align: right; }

.indexWelcome { width: 100%; }
.indexWelcome th { width: 274px; text-align: left; }
.indexWelcome th div { width: 254px; background: #ffffff; }
.indexWelcome th div img { margin: 7px; }

.indexActivities { width: 410px; vertical-align: top; }
.newsItem { width: 100%; }
.newsItem th { width: 120px; text-align: left; }
.newsItem th div { width: 110px; background: #ffffff; }
.newsItem th div img { margin: 5px; }
.newsItem td span { color: #727171; }
.indexActivities p.divider { background: url(img/dots_horizontal.gif) repeat-x left center; height: 21px; }

.indexDocuments { padding: 0 0 0 30px; vertical-align: top; }
.indexDocuments p { background: url(img/bullet_square.gif) no-repeat 0 7px; padding: 0 0 0 15px; }
.indexDocuments p.divider { background: url(img/dots_horizontal.gif) repeat-x left center; height: 21px; }

.pageContent {min-height:380px;}
.pageContent p { margin: 0 0 20px 0; }
.pageContent td p { margin: 0; }
.pageContent img { border-color: #aaaaaa; }

.footer { position: relative; margin: 20px 0 0 0; border-top: 4px solid #9eb9d7;  font-size: 11px; padding: 15px 0; }
.footer .gd { position: absolute; top: 14px; left: 570px; }

.bubble {position: absolute; left: 300px; top: 200px; width: 335px; height: 185px; background: url(img/bubble.png) no-repeat 0pt 0pt;}
.bubble div {padding: 18px 10px 15px 25px;}
.bubble span {color: #bc0900; font-size:15px; line-height:21px;}

.zupanije{display:none;}