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

.transparent50 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.errorMessage { font-size: 16px; font-weight: bold; color: #d20000; }


/* GLOBALS */
html, body { height: 100%; }
body { background: #d8dee3; font: 12px Arial, Helvetica, sans-serif; line-height: 15px; color: #666666; }
input, select, textarea { font: 11px Arial, Helvetica, sans-serif; }

.picBorder { border: 1px solid #a6a6a6; }
.txtBig { font: 15px Arial, sans-serif; }
.txtSmall { font-size: 10px; line-height: 13px; }
.txtSmallest { font-size: 9px; line-height: 11px; }
.date, .datum { font-size: 10px; color: #7e8082; }

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

ul.linklist { margin: 12px 0 0 0; padding: 0; list-style: none; }
ul.linklist li { padding: 4px 0 4px 15px; line-height: 16px; background: url(../img/bullet_square.gif) no-repeat 0 10px; }

ul.rightMenu { margin: 0; padding: 0; list-style: none; }
ul.rightMenu li { padding: 6px 0 6px 15px; font-size: 16px; font-weight: bold; background: url(../img/bullet_square.gif) no-repeat 0 12px; }


/* FORM ELEMENTS */
.textbox, textarea {  background: #ffffff; border: 1px solid #abadb3; font-size: 11px; line-height: 14px; height: 13px; padding: 2px 0 3px 4px; }
select { background: #ffffff; border: 1px solid #abadb3; height: 21px; padding: 2px; }

.button { font-size: 16px; font-weight: bold; background: none; border: none; margin: 0; padding:0; cursor: pointer; }
.button:hover { color:#000000; }


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

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

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

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

a.linkGrey:link, a.linkGrey:active, a.linkGrey:visited { color: #aaaaaa; }
a.linkGrey:hover { color: #ffffff; }


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

.wrapper { background: #eff2f4 url(../img/bgnd.gif) repeat-x left top; padding: 0 0 20px 0; }

.whiteBorder { background: #ffffff; padding: 8px; }
.headerWhiteBorder { width: 960px; margin: 13px auto 0 auto; background: #ffffff; padding: 8px; }
.header { width: 100%; }
.header td { padding: 0 20px 0 25px; text-align: right; }
.logoContainer { width: 230px; }
.headerArt { float: right; }
.headerLinks { float: right; padding: 10px 0 0 20px; text-align: center; line-height: 16px; }
.headerLinks div span { padding: 2px; }

.menuMainWrapper { width: 975px; margin: 0 auto; padding: 17px 0 16px 0; text-align: center; }
.menuMain { margin: 0; padding: 0; list-style: none; }
.menuMain li { display: inline; font-size: 16px; font-weight: bold; padding: 0 0 0 24px; }
.menuMain li.first { padding: 0; }
.menuMain li img { vertical-align: middle; margin: 0 6px 0 0; }

.middleWrapper { width: 976px; margin: 0 auto; }
.main { width: 646px; float: left; }
.right { width: 316px; float: left; margin: 0 0 0 14px; }

.searchWrapper { position: absolute; visibility: hidden; width: 490px; height: 250px; margin-left:458px;margin-top:-7px; background: url(../img/searchBgnd.png) repeat; z-index: 999; border: 1px solid #abadb3; }
.search { padding: 18px 20px; font-size: 11px; color: #000000; }
.search h1 { position: relative; margin: 0 0 18px 0; font-size: 16px; padding: 0 0 13px 0; line-height: 16px; background: url(../img/dots_horiz.gif) repeat-x left bottom; }
.search h1 span { position: absolute; left: 425px; white-space: nowrap; font-size: 15px; color: #aaaaaa; font-weight: normal; }
.search .textbox { background: #ffffff; border: 1px solid #abadb3; font-size: 11px; line-height: 14px; height: 13px; padding: 2px 0 3px 4px; }
.searchbox { width: 340px; }
.search select { background: #ffffff; border: 1px solid #abadb3; height: 21px; padding: 2px; }
.search .selectHalfWidth { width: 215px; }
.searchBottom { background: url(../img/dots_horiz.gif) repeat-x left top; text-align: right; padding: 10px 0 0 0; margin: 18px 0 0 0; font-size: 16px; font-weight: bold; }
.searchRadios input { margin-right: 5px; }

.mainNewsContext { position: absolute; width: 630px; }

.mainNewsWrapper { position: relative; height: 270px; }
.mainNewsPic { position: absolute; cursor: pointer; }
.mainNewsText { position: absolute; width: 100%; height: 85px; top: 185px; background: url(../img/mainNewsTextBgnd.png) repeat; color: #ffffff; cursor: pointer; }
.mainNewsText div { height: 28px; margin: 10px 0 5px 0; text-transform: uppercase; line-height: 28px; }
.mainNewsText div span { padding: 7px 20px 7px 20px; }
.mainNewsText p { font-size: 22px; padding: 0 0 0 25px; line-height: 24px; }
.mainNewsNavWrapper { padding: 12px 15px; }

.mainNewsNav { width: 605px; height: 76px; }
.mainNewsNav div { width: 76px; height: 76px; background: #ffffff; position: relative; float: left; margin: 0 0 0 11px; }
#click01 { margin: 0; }
.mainNewsNav div div { background: none; width: 66px; height: 66px; margin: 5px; position: absolute; cursor: pointer; }
.mainNewsNav div div.thnWhiteLayer { background: url(../img/thnWhiteLayer.png) repeat; position: absolute; }

.boxTitle { background: url(../img/dots_horiz.gif) repeat-x left bottom; padding: 0 0 8px 0; }

.news { width: 100%; }
.newsContainer { width: 48%; vertical-align: top; }

.event { width: 100%; margin: 15px 0 0 0; }
.event th { text-align: left; width: 90px; position: relative; vertical-align: top; }
.event th div { width: 76px; height: 76px; background: #d4d4d4; }
.event th div div { background: none; width: 66px; height: 66px; margin: 5px; position: absolute; cursor: pointer; }
.event th div div.thnWhiteLayer { background: url(../img/thnWhiteLayer.png) repeat; position: absolute; }




.culturePicWrapper { width: 100%; }
.culturePicWrapper td { padding: 15px 0 5px 0; }
.culturePicNav { width: 564px; height: 76px;position: relative;overflow: hidden; }
.culturePicNav div div { width: 76px; height: 76px; background: #d4d4d4; position: relative; float: left; margin: 0 9px; }
.culturePicNav div div div { background: none; width: 66px; height: 66px; margin: 5px; position: absolute; cursor: pointer; }
.culturePicNav div div div.thnWhiteLayer { background: url(../img/thnWhiteLayer.png) repeat; position: absolute; }
.culturePicArrow { width: 15px; }

.scroller { position: absolute; height: 76px; width:1000px; left:0px;}

.calendarHead { width: 260px; margin: 0 auto 12px auto; }
.calendarHead td { font-size: 16px; font-weight: bold; }
.calendarArrow { width: 25px; }
.calendarRow { width: 100%; margin: 2px 0 1px 0; background: #ffffff; border-right: 1px solid #ecf1fb; }
.calendarRow td { width: 14%; padding: 7px 0; text-align: center; border-left: 1px solid #ecf1fb; }
.calendarRow td.active { background: url(../img/calendarBgnd.png) no-repeat center center; font-weight: bold; }
.calendarFooter { width: 100%; }
.calendarFooter td { width: 14%; padding: 5px 0 0 0; text-align: center; color: #666666; font-size: 9px; }

.news td { line-height: 17px; }
.news td p { font-size: 16px; line-height: 20px; font-weight: bold; }
.newsPic { width: 90px; }
.newsPic div { width: 76px; height: 76px; background: #d4d4d4; }
.newsPic div img { margin: 5px 0 0 5px; }
.newsDivider { background: url(../img/divider_horiz.gif) repeat-x left center; padding: 3px 0; }

.tagCloud { margin: 13px 0 0 0; line-height: 1.7em; }
.tagCloud a:hover { color: #000000; }
a.weight1 { color: #ff9900; font-size: 1.7em; font-weight: normal; }
a.weight2 { color: #AEC936; font-size: 1.4em; font-weight: bolder; }
a.weight3 { color: #6fa7ca; font-size: 1.2em; font-weight: bolder; }
a.weight4 { color: #6fa7ca; font-size: 1.1em; }
a.weight5 { color: #226F9F; font-size: 0.9em; }
a.weight6 { color: #858585; font-size: 1.2em; }

.box { padding: 12px 20px; }
.box2 { padding: 12px 20px; }
.box3 { padding: 8px 0; }
.formWrapper { background: #eeeeee; border: 1px solid #cccccc; padding: 15px 20px; }
.formWrapper2 { background: none; border: 1px solid #cccccc; padding: 15px 20px; }
.formStar { color: #d00000;; }

.linksIndex span { font-size: 16px; font-weight: bold; }
.podnaslov { font-size: 16px; font-weight: bold; }

.pageContent { line-height: 18px; padding: 5px 0 15px 0; }
.pageType { font-size: 11px; line-height: 11px; padding: 12px 10px 12px 10px; text-transform: uppercase; background: url(../img/pageTypeBgnd.png) no-repeat left bottom; margin: 0 0 15px 0; }
.pageTitle h1 { font-size: 24px; padding: 0 0 10px 0; line-height: 28px; background: url(../img/dots_horiz.gif) repeat-x left bottom;  }
.pageTags { background: url(../img/dots_horiz.gif) repeat-x left top; margin: 20px 0 0 0; padding: 10px 0 0 0; }

.footerWrapper { background: url(../img/footerBgnd.gif) repeat-x top; height: 70px; }
.footer { width: 960px; height: 60px; margin: 0 auto; }
.footer td { padding: 20px 0; vertical-align: top; font-size: 9px; }
.footerRight { text-align: right; }
.footerRight span { padding: 2px; }