/* 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, em, font, ins, kbd, q, s, samp, small, strike, 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: #000000 url(img/bgnd.jpg) no-repeat center top; font: 11px Arial, Helvetica, sans-serif; line-height: 15px; color: #dddddd; }

.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: none; border: 1px solid #4a4a4a; font-size: 11px; line-height: 11px; height: 16px; padding: 2px 0 0 3px; color: #a2a2a2; }
.searchbox { width: 145px; margin: 0 8px 0 0; }
select { background: #ffffff; border: 1px solid #c7c7c7; padding: 2px; font-size: 11px; }


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

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

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

.menuTop a:link, .menuTop a:active, .menuTop a:visited { color: #efa0a0; display: block; width: 100%; padding: 12px 0; background: url(img/menuTopBgnd.png) no-repeat center top; }
.menuTop a:hover { color: #ffffff; background: url(img/menuTopBgndActive.png) no-repeat center top; }
.menuTop .active a { color: #ffffff; background: url(img/menuTopBgndActive.png) no-repeat center top; }

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


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

.header { width: 920px; height: 115px; margin: 0 auto; background: url(img/headerShadow.png) no-repeat right top; }
.headerRight { text-align: right; vertical-align: top; padding: 10px 0 0 0; }
.headerLinks { margin: 0; padding: 0; list-style: none; }
.headerLinks li { display: inline; color: #bd171d; }
.headerLinks .divider { padding: 0 10px; }

.menuTop { width: 960px; margin: 0 auto 20px auto; height: 37px; background: url(img/menuTopBgnd.png) no-repeat 0 0; }
.menuTop td { width: 16%; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 12px; border-right: 1px solid #000000; }
.menuTop .last { border: none; }

.indexMainWrapper { width: 960px; height: 345px; margin: 0 auto 20px auto; background: url(img/darkBgnd.png) repeat 0 0; }
.indexMain { width: 100%; height: 345px; }
.mainEventDesc { width: 655px; vertical-align: top; }
.context { position: absolute; width: 625px; margin: 15px 0 0 15px; }
.context img { border: 2px solid #0e0200; }
.mainEventSelect { vertical-align: top; }
.eventSelectItem { width: 265px; background: url(img/darkBgnd.png) repeat 0 0; margin: 0 0 3px 0; padding: 16px 20px 19px 20px; color: #9a9a9a; cursor: pointer;}
.eventItems img { margin: 13px 0 0 10px;}
.eventSelectItem span {  font: 16px Calibri, Arial, Helvetica, sans-serif; color: #8e1318; text-transform: uppercase; font-weight: bold;}
.eventSelectItemActive { width: 265px; background: url(img/eventItemActive.png) repeat-y 0 0; margin: 0 0 3px 0; padding: 16px 20px 19px 20px; color: #ffffff;}
.eventSelectItemActive span { font: 16px Calibri, Arial, Helvetica, sans-serif; color: #cca335; text-transform: uppercase; font-weight: bold;}



.middleWrapper { width: 960px; min-height: 475px; margin: 0 auto 20px auto; background: url(img/darkBgnd.png) repeat 0 0; }
.middle { width: 900px; margin: 20px auto; }
.left { width: 270px; vertical-align: top; background:url(img/leftBgnd.png) no-repeat top right; padding: 10px 0 0 0; }
.main { font-size: 12px; line-height: 19px; vertical-align: top; padding: 0 0 0 30px; border-left: 1px solid #2f1817; }
.main h1 { font: 18px Calibri, Arial, Helvetica, sans-serif; color: #cca335; text-transform: uppercase; font-weight: bold; margin: 10px 0 15px 0; }
.main h2 { font: 13px Arial, Helvetica, sans-serif; color: #a2a2a2; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; }
.main p { margin: 0 0 13px 0; }
.main td p { margin: 0; }



.leftMenu { margin: 0 30px 0 0; padding: 0; list-style: none; }
.leftMenu li { border-bottom: 1px solid #412726; font-weight: bold; padding: 8px 5px 10px 5px; }

.leftSubmenu { margin: 8px 0 0 0; padding: 0; list-style: none; }
.leftSubmenu li { border-bottom: none; font-weight: normal; padding: 2px 0 2px 18px; }
.leftSubmenu .active { background: url(img/bullet_dot.png) no-repeat 2px 7px; }
.active>a { color: #cca335; }

.indexBoxes { width: 960px; margin: 0 auto 25px auto; }
.indexBox { width: 310px; background: url(img/darkBgnd.png) repeat 0 0; vertical-align: top; }
.indexBox>img, .indexBox a>img { margin: 5px; }
.indexBox p { margin: 20px 18px 0 18px; }
.indexBox p img { margin: 0 15px 0 0; }
.indexBox p ol { margin: 0; padding: 0 0 0 22px; }
.indexBox div.box { background: url(img/indexBoxBottom.png) no-repeat 0 0; padding: 10px 20px; text-align: right; }
.indexBox span { font: 16px Calibri, Arial, Helvetica, sans-serif; color: #8e1318; text-transform: uppercase; font-weight: bold; }

.footer { width: 960px; margin: 0 auto; padding: 15px 0; text-align: right; border-top: 1px solid #2f1817; }
.footer p { margin: 0 20px 0 0; }

.daysWrapper { background: url(img/daysBgnd.gif) repeat-x 0 0; }
.days td { font-weight: bold; padding: 5px 16px 15px 16px; }
.days td div { background: url(img/menuTopBgnd.png) no-repeat center top; border: 1px solid #000000; color: #fff; text-align: center; padding: 3px 15px; }

.allMovieList { margin: 5px 0 0 0; }
.allMovieItemWrapper { background: url(img/movieBgnd2.gif) repeat center center; border-top: 1px solid #412726; padding: 9px 15px; margin-bottom: 7px; }
.allMovieItem { width: 100%; line-height: 18px; }
.movieList { margin: 0 15px 10px 15px; }
.movieItemWrapper { background: url(img/movieBgnd.gif) repeat center center; border: 1px solid #2f1817; padding: 12px 18px ; margin-bottom: 10px; }
.movieItem { width: 100%; line-height: 18px; }
.movieInfo td { vertical-align: top; padding: 2px 5px; }
.movieTitleOrg { font-size: 12px; }
.thumb { margin-right: 12px; border: 1px solid #412726; }

.podnaslov { font: 13px Arial, Helvetica, sans-serif; color: #a2a2a2; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; }

.podnaslov2 { font: 15px Arial, Helvetica, sans-serif; color: #8e1318; text-transform: uppercase; font-weight: bold; margin: 0 0 5px 0; }