/* 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: #d3ccbc; font: 12px Arial, Helvetica, sans-serif; line-height: 18px; color: #585858; }
input, select, textarea { font: 12px Arial, Helvetica, sans-serif; line-height: 18px; color: #585858; }

.picBorder { border: 1px solid #a6a6a6; }
.txtBig { font: 15px 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; }

.err { font-weight: bold; color: #aa0000;}

.ok { font-weight: bold; color: #64b100;}

/* FORM ELEMENTS */
.textbox { background: #ffffff; border: 1px solid #999999; line-height: 17px; height: 17px; padding: 2px 0 2px 5px; }
textarea { background: #ffffff; border: 1px solid #999999; line-height: 17px; padding: 2px 0 2px 5px; }
.searchbox { line-height: 17px; height: 17px; width: 130px; }
.loginbox { line-height: 17px; height: 17px; width: 105px; margin: 5px 0 0 0; }
select { background: #ffffff; border: 1px solid #c7c7c7; padding: 2px; font-size: 11px; }

.btn { padding: 5px 10px; font: 12px Arial, Helvetica, sans-serif; color: #ffffff; background: url(img/btnBgnd.gif) repeat-x left center; border: none; cursor: pointer; }


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

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

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


#floatMenu{position:absolute;}
#floatRightMenu{position:absolute;width:210px;}

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

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

.scheduleTabs a:link, .scheduleTabs a:active, .scheduleTabs a:visited { color: #3e3a3a; }
.scheduleTabs a:hover { color: #000000; }

.scheduleTabs a.active:link, .scheduleTabs a.active:active, .scheduleTabs a.active:visited { color: #ab1212; }
.scheduleTabs a.active:hover { color: #ab1212; }

.scheduleItem a:link, .scheduleItem a:active, .scheduleItem a:visited { color: #ffffff; background: #1d344e; }
.scheduleItem a:hover { color: #cccccc; background: #831414; }

.scheduleItem2 a:link, .scheduleItem2 a:active, .scheduleItem2 a:visited { color: #ffffff; background: #1d344e; }
.scheduleItem2 a:hover { color: #cccccc; background: #831414; }

.footer a:link, .footer a:active, .footer a:visited { color: #ffffff; }
.footer a:hover { color: #91a0b1; }

.menuRight a.active:link, .menuRight a.active:active, .menuRight a.active:visited { color: #ab1212; }
.menuRight a.active:hover { color: #ab1212; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.fullHeight { height: 100%; }
.marginTop1 { margin: 12px 0 0 0; }
.marginTop2 { margin: 17px 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 40px; }


.wrapper { cursor:default !important;  width: 988px; margin: 0 auto; background: url(img/siteBgnd.png) repeat-y 0 0; }

.siteTop { width: 980px; height: 100px; margin: 0 auto; background: #2b6099 url(img/siteTopBgnd.gif) repeat-x left bottom; overflow: hidden;position: relative; }
.logo { float: left; width: 200px;position:relative; }
.siteTopMain { float: left; width: 780px; position:relative; }
.social {font-size:11px;color:#FFFFFF; text-align: right; padding: 0 81px 0 0; margin: 20px 0 0 0; position:relative;}
.social a {font-size:11px;}
.social img { margin: 0 0 0 12px; vertical-align:bottom;}
.gplusone { position:absolute; right:0px; top:0px; width:70px; }

.partnerLogos { margin: 10px 10px 0 auto; height:42px;}
.partnerLogos td { border-right: 1px solid #546d89; padding: 0 12px; }
.partnerLogos td.search { padding: 0 0 0 16px; border-right: none; }
.partnerLogos td.search input { vertical-align: middle; }

.commArea { width: 965px; height: 108px; margin: 5px auto 0 auto; overflow: hidden; }
.commLeft { float: left; width: 220px; height: 108px; }
.comm728 { float: left; width: 735px; height: 108px; text-align: right; margin-top:9px;position:relative;}

.middle { width: 965px; margin: 0px auto; padding: 0 0 10px 0; overflow: hidden; }
.left { float: left; width: 120px; min-height:800px; }
.main { float: left; width: 843px; padding: 0 0 5px 0; min-height:750px; }

.leftMenu { width: 120px; padding: 10px 0 7px 0; background: url(img/menuLeftBgnd.png) no-repeat 0 0; text-align: center; }
.leftMenu a { padding: 0 15px; margin: 10px 0; display: block; font-size: 11px; text-transform: uppercase; line-height: 13px; font-weight: bold; }
.leftMenuBottom { background: url(img/menuLeftBgnd.png) no-repeat left bottom; height: 7px; line-height: 7px; font-size: 1px; }

.movieSearch { height: 57px; background: url(img/movieSearchBgnd.png) no-repeat 0 0; }
.movieSearch table { position: relative; top: 17px; left: 25px; }
.movieSearch table td { font-size: 14px; font-weight: bold; color: #000000; }
.movieSearch select { width: 250px; font-size: 12px; margin: 0 35px 0 20px; padding: 3px; }

.rotatorWrapper { background: url(img/rotatorBgnd.png) no-repeat 0 0; margin: -5px 0 0 0; height: 244px; }
.rotatorWrapper2 { background: url(img/rotatorBgndNarrow.png) no-repeat 0 0; margin: -5px 0 12px 0; height: 300px; }
.rotatorBottom { background: url(img/rotatorBgnd.png) no-repeat left bottom; height: 9px; line-height: 1px; font-size: 1px; }
.rotatorBottom2 { height: 9px; line-height: 1px; font-size: 1px; }
.rotator { padding: 9px; overflow: hidden; }
.rotatorLeft { float: left; width: 507px; height: 236px; }
.rotatorLeft h2 { background: #831414; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #ffffff; padding: 7px 15px 6px 15px; }

.rotatorLeft { position: relative;}
.rotatorPic {display: none; position: absolute;}
.rotatorPic div { position: absolute; }

.rotatorNagradnaWrapper { position: relative; height:250px;}
.rotatorNagradna {display: none; position: absolute; width:246px;}

.rotatorPic .pic { width: 507px; height: 230px; overflow:hidden; }
.rotatorPic .rotatorTrailer { width: 507px; height: 230px;overflow:hidden;position: absolute;visibility:hidden;}
.rotatorPic .links { top: 201px; left: 145px; width: 230px; text-align: center; padding: 5px 0 6px 0; background: url(img/picLinksBgnd.png) repeat; color: #91a0b1; }
.rotatorPic img { border: 1px solid #909dae; border-top: none; }

.rotatorRight { float: left; width: 318px; height: 230px; padding: 6px 0 0 0; }
.rotatorRight2 { float: left; padding: 0 0 0 18px }

.rotatorslikice {width: 505px; background: url(img/trailerThnBgnd.png) repeat-x 0 0; text-align: center; margin-top:230px;position:absolute;left: 1px;}
.rotatorslikice div { float:left; padding: 4px 0; }
.rotatorslikice .active img { border: 1px solid #ffffff; }

.rotatorMovie { width: 120px; margin: 0 auto; border: 1px solid transparent; }
.rotatorRight .active { border: 1px solid #909dae; }

.indexMiddle { width: 837px; margin: -15px auto 0 auto; overflow: hidden; }
.boxes { float: left; width: 526px; }
.services { float: left; width: 310px; }

.quickLinks { width: 310px; height: 85px; margin: 0 0 1px 0; background: url(img/quickLinkBgnd2.png) no-repeat 0 0; }
.quickLinks th { font-weight: normal; text-align: left; padding: 10px 0 10px 25px; line-height: 16px; }
.quickLinks td { width: 90px; text-align: center; }
.quickLinks td img { margin: 0 10px 0 auto; }

.boxSmall { width: 260px; background: url(img/boxSmallBgnd.png) no-repeat 0 0; vertical-align: top; }
.boxSmall .boxSmallInner { padding: 4px 8px 0 6px; }
.boxSmall h2 { background: #1d344e; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #ffffff; padding: 7px 15px 6px 15px; }
.boxSmallBody { padding: 12px 15px; }
.boxSmallBody ol{padding-left:20px;margin:0;}
.boxSmallBottom { background: url(img/boxSmallBgnd.png) no-repeat left bottom; height: 4px; line-height: 4px; font-size: 1px; }
.boxSmallDivider { line-height: 1px; font-size: 1px; height:10px; }
.boxSmall2 h2 { background: #1d344e; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #ffffff; padding: 7px 15px 6px 15px; }

.najava { width: 215px; }
.najava th div {height:60px; overflow:hidden;}
.najava th div img { margin: 2px 12px 0 0; }
.najava th img { margin: 2px 12px 0 0; }
.najava th, .najava td { vertical-align: top; }
.najava td  { width: 100%; line-height: 15px; }
.najava td a { text-transform: uppercase; }

.nagradnaNav { padding: 0 0 10px 15px; margin: 0; list-style: none; }
.nagradnaNav li { float: left; width: 13px; height: 13px; background:url(img/nagradnaNumBgnd.png) no-repeat 0 0; font-size: 9px; line-height: 14px; text-align: center; margin: 0 5px 0 0; }
.nagradnaNav li.active { background:url(img/nagradnaNumActiveBgnd.png) no-repeat 0 0; }
.nagradnaNav li.active a {color: #ffffff;}

.cinestarFB { margin: 0; border-top: 1px solid #909dae; padding: 10px 0 0 10px; }

.newsletterWrapper { margin: 7px 0 0 0; background: url(img/newsletterBgnd.png) no-repeat 0 0; height: 98px; }
.newsletter { position: relative; width: 480px; left: 20px; top: 7px; }
.newsletter th { width: 53%; text-align: left; vertical-align: top; font-weight: normal; }
.newsletter td { vertical-align: top; padding: 3px 0 0 0; }
.newsletter .captcha td { text-align: center; }
.newsletter .captcha td img { margin: 0 5px; }

.boxBig { width: 825px; margin: 15px auto 0 auto; background: #e3e3e3 url(img/boxBigBgnd.gif) repeat-x 0 0; border: 1px solid #9e9e9e; }
.reklama590 { text-align: center; margin: 5px auto 0 auto; padding: 7px 0; }
.movieInfo { padding: 15px 18px; line-height: 20px;min-height:200px; }
.movieInfoPic { float: left; margin: 3px 15px 5px 0; }
.movieInfo h1 { font: 18px Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #ad1313; line-height: 24px; padding: 0 0 5px 0; }
.movieInfo p span { font-weight: bold; text-transform: uppercase; color: #2b5c94; }
.movieTrailer { width: 325px;float: right; margin: 3px 0 5px 25px; }
.movieTrailer div { padding: 0 0 7px 0; }

.schedule { background: #eaeaea; width: 825px; margin: 15px auto 0 auto; border: 1px solid #9e9e9e; }
.schedule h2.red { background: #831414; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #ffffff; padding: 7px 15px 6px 15px; }
.schedule h2.blue { background: #1d344e; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #ffffff; padding: 7px 15px 6px 15px; }
.scheduleTabs { height: 32px; }
.scheduleTabs a { float: left; display: block; padding: 7px 9px; margin: 0 7px 0 0; text-align: center; font-weight: bold; background: #c5c5c5; }
.scheduleTabs a.active { background: #ffffff; }
.scheduleBody { background: #e3e3e3 url(img/boxBigBgnd.gif) repeat-x 0 0; position:relative; height:320px; }
.scheduleBodyWrapper { padding: 20px 15px 15px 15px; overflow: hidden; position:absolute;display:none;top:0px;left:0px;width:825px; }
.scheduleBodyWrapper2 { padding: 20px 15px 15px 15px; overflow: hidden; position:absolute;display:none;top:0px;left:0px;width:825px; }

.scheduleItem { margin: 0 0 3px 0; overflow: hidden; }
.scheduleItem p { float: left; display: block; width: 140px; text-align: left; padding: 3px 5px; margin: 0 3px 0 0; color: #3e3a3a; background: none; }
.scheduleItem p.dayOdd { background: #c5c5c5; }
.scheduleItem a { float: left; display: block; width: 45px; padding: 3px 0; text-align: center; margin: 0 3px 0 0; }
.scheduleItem span { float: left; display: block; width: 45px; padding: 3px 0; text-align: center; margin: 0 3px 0 0; color: #ffffff; background: #6e6e6e; }

.scheduleItem2 { margin: 0 0 3px 0; overflow: hidden; }
.scheduleItem2 p { float: left; display: block; width: 140px; text-align: left; padding: 3px 5px; margin: 0 3px 0 0; color: #3e3a3a; background: none; }
.scheduleItem2 p.dayOdd { background: #c5c5c5; }
.scheduleItem2 a { float: left; display: block; width: 45px; padding: 3px 0; text-align: center; margin: 0 3px 0 0; }
.scheduleItem2 span { float: left; display: block; width: 45px; padding: 3px 0; text-align: center; margin: 0 3px 0 0; color: #ffffff; background: #6e6e6e; }

.pageWrapper { width: 827px; margin: 5px auto 0 auto; overflow: hidden; }
.page { float: left; width: 600px;min-height:800px; background: #e3e3e3 url(img/boxBigBgnd.gif) repeat-x 0 0; border: 1px solid #9e9e9e; }
.page h2.red { background: #831414; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #ffffff; padding: 7px 15px 6px 15px; }
.page h2.blue { background: #1d344e; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #ffffff; padding: 7px 15px 6px 15px; }
.pageContent { padding: 15px; }
.pageContent h1 { font: 18px Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #ad1313; line-height: 24px; padding: 15px 0 10px 0; }
.right { float: left; width: 210px; padding: 0 0 0 15px; }

.right h2 { background: #831414; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #ffffff; padding: 7px 15px 6px 15px; }
.menuRight { background: #ffffff url(img/boxBigBgnd.gif) repeat-x left bottom; border: 1px solid #9e9e9e; border-top: none; padding: 10px 14px; }
.menuRight p { background: url(img/bullet-arrow.png) no-repeat 0 9px; padding: 3px 0 3px 15px; }
.menuRight ul { margin: 3px 0 0 0; padding: 0; list-style: none; }
.menuRight ul li { padding: 2px 0 2px 25px; }
.boxRight { background: #ffffff url(img/boxBigBgnd.gif) repeat-x left bottom; border: 1px solid #9e9e9e; border-top: none; padding: 10px 14px; }

.boxRight ul { margin: 3px 0 0 0; padding: 0; list-style: none; }
.boxRight ul li { background: url(img/bullet-arrow.png) no-repeat 0 9px; padding: 2px 0 2px 15px; }

.footer {position: relative; width: 988px; margin: 0 auto; background: url(img/footerBgnd.png) repeat-y left bottom; text-align: center; }
.footer p { padding: 25px 0; color: #909dae; }
.footer div { position: absolute; width: 130px; left: 20px; top: 60px; }
.footer div.gplusone2 { position:absolute; left:125px; top:0px; width:70px; }
.footer div img { margin: 0 12px 0 0; }

.footer div.gd { position: absolute; width: 100px; left: 880px; top: 60px; }
.footer div.gd img { margin: 0 12px 0 0; }

.days {background:#ccc;padding:5px 10px 0 15px;overflow:hidden;}
.days div {float:left;padding:5px 10px;font-weight:bold;background:#666;text-align:center;margin:0 5px 0 0;}
.days div a:link, .days div a:active, .days div a:visited {color:#ccc;}
.days div a:hover {color:#fff;}
.days div.tabactive {background:#f6f6f6;color:#ab1212;}

.allMovieList { margin: 15px 15px 10px 15px; }
.allMovieItemWrapper { background: url(img/movieBgnd2.gif) repeat center center; border: 1px solid #6a97cc; 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 #6a97cc; 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 #6a97cc; }

.movieItemTitle:link, .movieItemTitle:active, .movieItemTitle:visited { font: 14px Arial, Helvetica, sans-serif; font-weight:bold; color: #831414; }
.movieItemTitle:hover { color: #000000; }

div.allMovieItem {
    border: 1px solid #CCC;
	padding: 12px 15px;
	margin-bottom: 10px;
	width:540px;
	position:relative;
}

div.allMovieItem .slika {
	border-right: 1px solid #bbbbbb;
	float:left;
}

div.allMovieItem .opis{
	float:left;
    color:#000;
    line-height:17px;
    padding:10px 0 0 10px;
    width:415px;
	
}

div.allMovieItem .opis2{
	float:left;
    color:#000;
    line-height:17px;
    padding-left:10px;
    width:415px;
	
}

div.allMovieItem .opis3{
	float:left;
    color:#000;
    line-height:17px;
    width:160px;
	
}

div.allMovieItem .slika3 {
	float:left;
}

#slikeblitz{margin:0 0 0 12px;}

.image {width:104px;height:104px;border:1px solid #FFF;float:left;margin-right:10px;margin-bottom:10px;position:relative; background:#ffffff;}
.image div { width:100px;height:100px;overflow:hidden;position:absolute;top:2px;left:2px;}
.image img { border:none; position:absolute; margin: 0 0 0 -70px; }


.tip {background: #fff;border: 1px solid #cccccc; width: 125px;z-index: 13000;}
.tip-title {font-weight:bold;font-size: 12px;margin: 0;	color: #000000;	padding: 8px;text-align:centar;}
.tip-text {	display:none;font-size: 12px;margin: 0;color: #000000;padding: 8px 8px 4px;}


/*.banner_overlay { background: url(img/banner_overlay_bg.png); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 2000; display: table-cell; vertical-align: middle; }

.banner_center { width: 250px; height: 250px; margin: 0 auto; #position: absolute; #top: 50%; }*/


.banner_overlay_bkp { position: fixed; z-index: 2000; background: url(img/banner_overlay_bg.png); display: table; height: 100%; vertical-align: middle; width: 100%; overflow: hidden; display: block; }

.banner_overlay { position: fixed; z-index: 2000; display: table; height: 100%; vertical-align: middle; width: 100%; overflow: hidden; display: block; }

.banner_center { text-align: center; position: relative; vertical-align: middle; display: table-cell; height: 250px; top: 50%; display: block; }

.banner_250 { width: 250px; height: 250px; text-align: center; margin-left: auto; margin-right: auto; top: -50%; position: relative; }

.banner_close { background: url(img/close.png) no-repeat; width: 46px; height: 46px; position: absolute; top: -40px; right: 0; z-index: 1000; }
.banner_close a { display: block; width: 46px; height: 46px; }