/* 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; font: 11px Arial, Helvetica, sans-serif; line-height: 18px; color: #cccccc; }

.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; }
.searchbox2 { width: 300px; height:20px; margin: 2px;  font-size: 12px;}
.searchbox3 { width: 300px; height:150px; margin: 2px;  font-size: 12px;}
select { background: none; border: 1px solid #4a4a4a; padding: 2px; font-size: 11px; color:#a2a2a2;}


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

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

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

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

.leftMenu a:hover { color: #cccccc; }

.eventSelectItem a:link, .eventSelectItem a:active, .eventSelectItem a:visited { color: #cccccc; }
.eventSelectItem a:hover { color: #f7c600; }

a.linkblue:link, a.linkblue:active, a.linkblue:visited { color: #cccccc; }
a.linkblue:hover { color: #f7c600; }


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

.wrapper { background: #2b2f32 url(images/bgnd.png) repeat-x 0 0; min-height: 650px; padding: 0 0 25px 0; }

.header { width: 960px; height: 155px; margin: 0 auto; }
.logoContainer { vertical-align: bottom; padding: 0 0 5px 15px; }
.headerRight { width: 720px; text-align: right; vertical-align: top; background: url(images/headerBgnd.png) no-repeat 70px 70px; }
.headerLinks { margin: 25px 15px 0 0; padding: 0; list-style: none; }
.headerLinks li { display: inline; color: #997b00; font-size: 12px; }
.headerLinks .divider { padding: 0 10px; }

.reklameWrapper { width: 960px; margin: 5px auto 20px auto; border: 1px solid #444444; }
.reklame { width: 940px; height: 90px; margin: 10px auto; }

.menuTop { margin: 60px 15px 0 0; padding: 0; list-style: none; }
.menuTop li { display: inline; font-size: 14px; text-transform: uppercase; font-weight: bold; padding: 0 0 0 30px; }
.menuTop .active a { color: #f7c600; }

.slider { width: 962px; height: 342px; margin: 0 auto; background: #000000; border: 1px solid #444444; }
.shadowBig { height: 25px; background: url(images/shadowBig.png) no-repeat center top; }
.mainEventDesc { width: 910px; vertical-align: top; }
.context { position: absolute; width: 910px; }
.mainEventSelect { width: 50px; background: #000000 url(images/slideshowBgnd.png) repeat-x 0 0; vertical-align: bottom; padding: 0 0 5px 0; }
.eventSelectItem, .eventSelectItemActive { width: 25px; height: 25px; text-align: center; margin: 0 auto 5px auto; font-size: 12px; }
.eventSelectItem a { display: block; width: 25px; padding: 7px 0; line-height: 11px; background: url(images/slideNavItemBgnd.png) repeat 0 0; }
.eventSelectItemActive a { display: block; width: 25px; padding: 7px 0; line-height: 11px; background: url(images/slideNavItemActiveBgnd.png) repeat 0 0; color: #ffffff; }

.movieInfoPic { position: absolute; }
.movieInfoContainer { position: absolute; background: url(images/slideMovieInfoBgnd.png) repeat-x 0 0; top: 200px; right: 0; min-width: 300px; }
.movieInfoContainer2 { position: absolute; background: url(images/slideMovieInfoBgnd.png) repeat-x 0 0; top: 40px; right: 0; min-width: 300px; }
.movieInfo { margin: 18px 25px 10px 25px; padding: 0; list-style: none; }
.movieInfo .movieTitle { font-size: 25px; color: #ffffff; text-transform: uppercase; padding: 0 0 7px 0; }
.movieInfo .movieData { font-size: 12px; color: #cccccc; padding: 0 0 20px 0; }

.middle { width: 960px; margin: 0 auto; }
.left { width: 330px; vertical-align: top; border-right: 1px solid #343739; }
.leftWrapper { padding: 10px 30px 0 0; }
.main { vertical-align: top; }
.mainWrapper { background: none; padding: 0 0 0 35px; }
.right { width: 300px; vertical-align: top; }
.rightWrapper { margin: 0 0 0 20px; }

.boxHead { background: #111314; padding: 13px 0 13px 15px; }
.boxBody { background: #1d1f21; padding: 15px 0; }

.comingSoon { margin: 0 auto; }
.comingSoon td { width: 150px; padding: 0 10px; text-align: center; vertical-align: top; background: url(images/thnDivider.png) no-repeat left center; line-height: 15px;  }
.comingSoon img { margin: 0 0 7px 0; border: 1px solid #121415; }
.comingSoon .first { background: none; }

.indexSchedule { width: 250px; margin: 0 auto; }
.indexSchedule th, .indexSchedule td { color: #cccccc; padding: 4px 10px; vertical-align: top; }
.indexSchedule th { font-weight: normal; text-align: left; }
.indexSchedule td { width: 100%; }
.indexSchedule .passed th, .indexSchedule .passed td a { color: #a4a4a4; }
.indexSchedule .rowGray { background: #343639; }
.indexSchedule .rowGray a { color: #f7c600; }

.leftMenu { margin: 0; padding: 0; list-style: none; }
.leftMenu li { border-bottom: 1px solid #343739; 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(images/bullet_dot.png) no-repeat 2px 7px; }
.active>a { color: #f7c600; }

.mainWrapper { font-size: 12px; line-height: 19px; vertical-align: top; padding: 0 0 0 35px; }
.mainWrapper h1 { font: 20px Arial, Helvetica, sans-serif; color: #f7c600; text-transform: uppercase; margin: 10px 0 15px 0; }
.mainWrapper h1 img { vertical-align: middle; text-align: right; }
.mainWrapper h2 { font: 15px Arial, Helvetica, sans-serif; color: #ffffff; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; }
.mainWrapper p { margin: 0 0 13px 0; }
.mainWrapper td p { margin: 0; }
.mainWrapper .podnaslov { font: 12px Arial, Helvetica, sans-serif; color: #ffffff; text-transform: uppercase; font-weight: bold; margin: 0 0 8px 0; }

.pageMovieInfo { width: 100%; margin: 15px 0 20px 0; }
.pageMovieInfo th { text-align: left; vertical-align:top; }
.pageMovieInfo th img { margin: 0 30px 0 0; }
.pageMovieInfo td { width: 100%; }
.pageMovieInfo td p { margin: 0 0 3px 0; }

.pageMovieSchedule { width: 250px; border: 1px solid #343639; }
.pageMovieSchedule .rowGray { background: #343639; }
.pageMovieSchedule td { padding: 3px 10px; }
.pageMovieSchedule td span { color: #cccccc; }

.footer { width: 930px; margin: 0 auto; }
.footer td { padding: 25px 0; vertical-align: top; }
.footerLeft { width: 250px; }
.footerMain { text-align: center; color: #828282; }
.footerMain span { color: #997b00; padding: 0 10px; }
.footerRight { width: 100px; text-align: right; }

.allMovieList { margin: 5px 0 0 0; }
.allMovieItemWrapper { border-top: 1px solid #343739; padding: 11px 15px 9px 15px; margin-bottom: 7px; }
.allMovieItem { width: 100%; line-height: 18px; }
.allMovieItem td img { margin: 0 0 0 20px; } 
.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 #343739; }

.raspored { width: 100%; }
.highlight { background: url(img/highlight.png) repeat; }
.raspored td, .raspored th { padding: 5px 8px; vertical-align: top; text-align: left; border-bottom: 1px solid #343739; }
.raspored th { color: #74aedc; }
.rasporedTime { width: 45px; }
.rasporedDobna { width: 25px; text-align: right; vertical-align: middle; }