/* 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; }
input, textarea, select { font: 11px Arial, Helvetica, sans-serif; }


/* GLOBALS */
html, body { height: 100%; }
body { background: #ffffff url(img/bgnd.gif) repeat-x center top; font: 12px Arial, Helvetica, sans-serif; line-height: 15px; color: #000000; }

.picBorder { border: 1px solid #a6a6a6; }
.txtBig { font: 16px Calibri, Arial, sans-serif; }
.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 left top; border: 1px solid #b6c9d9; font-size: 11px; line-height: 11px; height: 17px; padding: 5px 0 0 5px; }
.searchbox { width: 180px; margin: 0 5px; }
select { background: #ffffff; border: 1px solid #c7c7c7; padding: 2px; font-size: 11px; }.button { background: url(img/btnBgnd.gif) no-repeat 0 0; margin: 0; padding: 0 0 0 10px; border: none; font-size: 11px; cursor: pointer; }
.btn { background: #3c97e4; border: 1px solid #9ecbf2; color: #ffffff; padding: 3px 10px; font-weight: bold; color: #ffffff; cursor: pointer; }


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

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

.linksBottom a:link, .linksBottom a:active, .linksBottom a:visited { color: #ffffff; }
.linksBottom a:hover { color: #d6e7f7; }

.path a:link, .path a:active, .path a:visited { color: #ffffff; }
.path a:hover { color: #d6e7f7; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.marginTop1 { margin: 10px 0 0 0; }
.marginTop2 { margin: 30px 0 0 0; }
.marginLeft1 { margin: 0 0 0 15px; }

.header { width: 950px; height: 120px; margin: 0 auto; z-index: 999; position: relative; }
.logoContainer { width: 290px; vertical-align: bottom; }
.headerMain { text-align: right; vertical-align: top; }
.headerRight { width: 240px; }
.menuTop { margin: 102px 0 0 35px; }

.shadowTop { width: 984px; height: 17px; margin: 10px auto 0 auto; background: url(img/shadowTop.png) no-repeat top center; }
.shadowBottom { width: 984px; height: 17px; margin: 0 auto; background: url(img/shadowBottom.png) no-repeat bottom center; }
.shadowMiddle { width: 984px; margin: 0 auto; background: url(img/shadowBgnd.png) repeat-y 0 0; }
.middleWrapper { width: 950px; margin: 0 auto; padding: 6px 0; background: #3c97e4; }

.middle { width: 938px; margin: 0 6px; }
.main { background: #ffffff; }
.right { width: 272px; background: url(img/zastava.jpg) no-repeat 0 0; vertical-align: top; }
.right div { position: absolute; margin: -139px 0 0 -47px; z-index: 1; }
.colDivider { width: 6px; }

.mainPic { position: relative; float: left; width: 220px; height: 116px; overflow: hidden; }
.mainPic div { position: absolute; width: 220px; cursor:pointer; }
.mainPicText { background: #000000; color: #ffffff; height: 34px; top: 82px; display:none;}
.mainPicText p { margin: 8px 10px 7px 10px; line-height: 16px; }

.bottom { width: 938px; margin: 6px 6px 0 6px; }
.bottomMain { vertical-align: top; }
.bottomRight { width: 272px; padding: 10px 0; background: #9ecbf2; vertical-align: top; text-align: center; vertical-align: middle; }

.menuBottom { width: 100%; height: 50px; }
.menuBottom div { float: left; width: 216px; }
.menuBottom div img { margin: 13px 0 10px 20px; }
.menuBottom .first { background: #ffffff; margin: 0 6px 0 0; }
.menuBottom .second { background: #e9f3fa; margin: 0 6px 0 0; }
.menuBottom .third { background: #d5e7f5; }

.sloganContainer { height: 160px; vertical-align: bottom; }
.sloganContainer img { margin: 25px 0 15px 20px; }
.linksBottomContainer { vertical-align: bottom; width: 195px; }
.linksBottom { margin: 10px 0 10px 0; padding: 0; list-style: none; }
.linksBottom li { background: url(img/bullet_square_white.gif) no-repeat 0 10px; padding: 5px 0 5px 15px; }

.path { width: 938px; padding: 4px 6px 11px 15px; font-size: 11px; color: #ffffff; }

.pageContent { width: 900px; margin: 20px auto 10px auto; }
.pageLeft { vertical-align: top; width: 280px; }
.pageMain { vertical-align: top; line-height: 18px; height:300px; }
.pageMain p { margin: 0 0 15px 0; }
.pageMain td p { margin: 0; }
.pageTitle { background: url(img/dots_horizontal.gif) repeat-x 0 25px; margin: 0 0 15px 0; }
.pageTitle h1 { display: inline; background: #ffffff; color: #343434; font: 28px Calibri, Arial, sans-serif; padding: 0 10px 0 0; line-height: 30px; }

.pageLeftWrapper { padding: 5px 30px 0 0; }
.menuLeftCat { font: 18px Calibri, Arial, sans-serif; text-transform: uppercase; background: #3c97e4; color: #ffffff; padding: 5px 10px; }
.menuLeft { margin: 6px 0 0 0 ; padding: 0; list-style: none; }
.menuLeft li a { display: block; padding: 8px 10px; background: #d5e7f5; margin: 0 0 3px 0; border: 1px solid #d5e7f5; }
.menuLeft .active a { background: #ffffff; padding: 8px 10px 8px 18px; }

.okvir { float: left; padding: 5px; background: #eaeaea; border: 1px solid #d6d6d6; margin: 5px 20px 10px 0; }

/* IMAGE GALLERY */

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


/* NOVOSTI */

.news { width: 100%; margin: 5px 0 0 0; }
.newsItem { width: 210px; vertical-align: top; line-height: 16px; }
.newsItem h2 { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; margin: 10px 0 2px 0; }

.newsItem2 { width: 420px; vertical-align: top; line-height: 16px; }
.newsItem2 h2 { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; margin: 10px 0 2px 0; }

.newsDate { color: #777777; margin: 0 0 5px 0; }
.newsBody { border-top: 1px solid #cccccc; padding: 10px 0 0 0; }

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

/*Vertical Slide*/

.vertical_slide_container {	width: 100%; margin: 0;	padding: 0;	left: 0; position: absolute; z-index: 9999; display: none; }
.pobjednickiWrapper { text-align: center; }
.pobjednickiWrapper img { margin: 0 0 0 340px; }

.vertical_slide { color: #FFFFFF; background: #003969; padding: 10px; font-weight: bold; }
.vertical_slide h1 { font: 24px Arial, sans-serif; margin: 0 0 10px 0; padding: 0; }
.vertical_slide table { margin: 10px auto 15px auto; }
.vertical_slide table td { padding: 4px 10px; }