/*============= INDEX KINO =============
============ ( Ožujak 2009 ) ===========*/

.clear { clear:both; height:0px; overflow:hidden }
img{ border:0px }
a { text-decoration:none; color:#000 }
span{  margin: 0px 0px 0px 28px; font-style:normal; display:block }/*color:#828282; line-height:18px;*/
p { margin:0px; padding:0px }
h1 { font-size:12px; letter-spacing:-0.04em; color:#fff; position:relative; left:28px; top:85px; width:200px }
blockquote { border-top:1px solid #d8d8d8; margin: 5px 0px 0px 0px }
h2 { color:#7a7a7a; margin:0px; font-size:11px; font-weight:normal }
h3 { color:#1063b0; font-size:22px; letter-spacing:-0.08em; margin:0px  }
h3 a{ color:#1063b0; font-size:22px; letter-spacing:-0.04em; line-height:28px; margin:0px; display:block  }
h3 a:hover { text-decoration:underline }
.left { float:left }
.right { float:right }
.bleft { border-left: 7px solid #fff } 
.bright { border-right: 7px solid #fff }
.btop { border-top: 7px solid #fff }
.bbottom { border-bottom: 7px solid #fff }
ol, ul, li { list-style-type:none; margin:0px }
em { font-style:normal; display:block }
.separator { height:15px }
.element { border-top:1px solid #d8d8d8; margin: 10px 0px 0px 0px }

/*==================================================*/

.wrapper { padding:0px; }
a.kinotop { background:url(bg/maintopbg.jpg) no-repeat; height:123px; display:block }
.dtime { position:relative; left:840px; top:10px; font-size:14px; color:#fff; width:150px }

.contentleft { width:660px; padding:0px 7px 0px 0px; border-right:1px solid #cfd1ce }

.navitop { background:url( bg/lefttopnavi.jpg ) repeat-x; line-height:36px; height:35px; padding: 0px 10px; color:#fff }
/*
a.topnavi { color:#72a4d2; padding:0px 5px }
a.topnavi:hover { color:#fff }
a.topnaviactive { color:#fff; padding:0px 5px; font-weight:bold }
*/
ul.leftdays { background:#ababab; text-transform:uppercase; height:25px; line-height:25px; padding:0px 0px 0px 0px }
a.leftdays  { color:#646464; font-weight:bold; padding:0px 15px; letter-spacing:-0.02em }
a.leftdays:hover  { background:#1467b4; color:#fff }
.menuactive { color:#fff; font-weight:bold; padding:0px 15px; letter-spacing:-0.02em; background:#1467b4; }

.mainTopHeadline {text-indent:-9999px;}

.wrapper .contentleft .item { background:#f1f1f1 url(bg/itembg.jpg) repeat-x; border-top:1px solid #fff; zoom:1; padding: 0px 7px 7px 7px }
.wrapper .contentleft .divleft { padding:7px 7px 0px 0px}
.wrapper .contentleft .divright {  width:538px }
.wrapper .contentleft .divright .divrightinner { background:url(bg/itemseparator.jpg) repeat-y left; margin:7px 0px 0px 0px }
.wrapper .contentleft .divright .divrightinnersec { padding:0px 0px 0px 7px }


.contentright { width:300px; padding:0px 0px 0px 7px }
.topbanner { padding:0px 0px 10px 0px } 

ul.forumtopic { margin:0px; padding:0px; color:#000; position:relative; zoom:1 }
ul.forumtopic li { background: url( bg/bborderright.jpg ) repeat-x bottom; padding:7px; zoom:1 }
ul.forumtopic em { position:absolute; left:7px; color:#7a7a7a }
a.forumtopic:hover { color:#1d70bc }

a.forumallposts { display:block; padding:7px 7px 7px 45px; letter-spacing:-0.04em }
a.forumallposts:hover { text-decoration:underline; }

.username{ text-align:center; font-weight:bold; line-height:14px }

/*stars*/
.rating { text-align:center; margin:5px 0px 0px 0px }
.ratingitemtop { width:121px }
.ratingitemtop .inner { background:#fff; padding:2px 14px; border-left:1px solid #ccc; border-right:1px solid #ccc }
.ratingitemtop .bottom { background: url(bg/ratingitemtop.gif) no-repeat left -1px; display:block; height:5px; margin:0px }

.level{ background:url(bg/level.jpg) repeat-x; padding:0px 7px; line-height:25px; color:#fff; text-transform:uppercase; font-weight:bold }

/*rating*/
.current-rating{ list-style:none; margin: 3px 0px 0px 0px; padding:0px; width: 91px; height: 20px; position: relative; background: url(bg/stars.png) 0px -20px repeat-x }

.star-rating{ overflow:hidden; list-style:none; margin: 3px 0px 0px 0px; padding:0px; width: 91px; height: 20px; position: relative; background: url(bg/stars.png) top left repeat-x }
.star-rating li{ padding:0px; margin:0px; /*\*/float: left;/* */}
.star-rating li a{ display:block; width:20px; height: 20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px }
.star-rating li a:hover{ background: url(bg/stars.png) left bottom; z-index: 1; left: 0px; top:-1px }
.star-rating a.one-star{ left: 0px }
.star-rating a.one-star:hover{ width:19px }
.star-rating a.two-stars{ left:17px }
.star-rating a.two-stars:hover{ width: 37px }
.star-rating a.three-stars:hover{ width: 55px }
.star-rating a.three-stars{ left: 36px }
.star-rating a.four-stars{ left: 55px }	
.star-rating a.four-stars:hover{ width: 72px }
.star-rating a.five-stars{ left: 71px }
.star-rating a.five-stars:hover{ width: 91px }
		

/*film.aspx*/
h4 { margin:7px 0px 0px 0px; padding:0px; color:#1467B4; font-weight:bold; border-top:1px solid #d8d8d8; line-height:24px; font-size:12px }
h5 { margin:0px; padding:0px; color:#1467B4; font-weight:bold; line-height:24px; font-size:12px }
h6 { margin:0px; font-size:12px; line-height:24px }
.performance { background:#373737; padding:7px 10px 7px 117px; font-weight:bold; color:#828282; border-top:2px solid #fff }
.movieimgdiv { padding:0px 0px 0px 5px }
.movieimg { padding:5px 5px 0px 0px }
a.backtomain { background:#1467B4; color:#fff; font-weight:bold; padding:0px 7px; letter-spacing:-0.02em }
a.backtomain:hover { background:#373737 }

ul.program { padding:0px }
ul.program li { border-bottom:1px solid #ccc; line-height:24px }

.deactive { zoom:1; padding: 0px 7px }
.active { background:#1467B4; color:#fff; zoom:1; padding:0px 7px }

ul.forumcoment { padding:0px }
ul.forumcoment li { border-bottom:1px solid #ccc; padding:7px 0px }

.forumcomentsum { width:428px; color:#595959 }
.forumdet { background:#ccc; color:#fff; margin:0px 0px 5px 0px }
.forumcomentdate { background:#ccc; padding:3px } 
.forumcomentuser { color:#fff; background:#1467B4; font-weight:bold; text-align:right; padding:3px } 
.forumnoncomentuser { color:#fff; background:#838383; font-weight:bold; text-align:right; padding:3px } 


a.allcoments { color:#1467B4; text-align:center; text-decoration:underline; display:block; line-height:36px; font-weight:bold; letter-spacing:-0.02em }
a.allcoments:hover { text-decoration:none }
.rsp { margin:7px 0px 0px 0px }

/*admin*/
.adminwrapper { width:980px; padding:0px; background:#f1f1f1; margin:0px auto; font:normal 12px/12px Arial }
ul.adminmainnavi { margin:0px 320px; line-height:35px; background:#1063b0; height:35px }
ul.adminmainnavi li { margin:0px; text-transform:uppercase; font-size:14px; letter-spacing:-1px }
a.adminmainnavi { font-weight:bold; color:#fff; padding: 0px 20px 0px 20px }
a.adminmainnavi:hover { color:#fff; background:#373737; display:block }

.addbtn { background:#acacac; padding: 10px; font-size:12px; font-weight:bold }

a.lists { font:bold 12px/30px Arial; color:#000; width:935px }
a.lists:hover { background:#ababab; color:#fff }

a.delete { font:bold 12px/30px Arial; color:#000; width:20px; display:block; text-align:center; border-left:1px solid #E0E0E0 }
a.delete:hover { color:#fff; background:#ababab }


fieldset#predmet1 {font-family:Arial, helvetica, Sans-Serif; font-size:11px; padding-left:150px }
fieldset#predmet1 label {font-weight:bold;position:absolute; width:150px; text-align:right; margin-left:-160px; line-height:20px }
.slikaitem { position:absolute; bottom:100px; right:100px }

fieldset#predmet2 {font-family:Arial, helvetica, Sans-Serif; font-size:11px; padding-left:150px}
fieldset#predmet2 label {font-weight:bold;position:absolute; width:150px; text-align:right; margin-left:-160px; line-height:20px }


ul.lista {margin:0px; padding:0px; list-style:none }
ul.lista li {margin:0px; border-bottom:1px solid #e0e0e0; padding: 2px 0px }
ul.lista em {position:absolute; right:20px; width:20px }

.admincopyright { background:#ccc; line-height:30px; color:#aeaeae; font-weight:bold; padding: 0px 5px }

.menuOuter {margin-bottom:7px;}
.menuOuter ul.kinas {padding:0px;}
.menuOuter ul.kinas li {background:url(bg/lefttopnavi.jpg) repeat-x;}
.menuOuter ul.kinas li a.topnavi {display:block;padding:10px 20px;color:#9dbbd6;}
.menuOuter ul.kinas li a.topnavi:hover {color:#fff;}
.menuOuter ul.kinas li a.topnaviactive {display:block;color:#fff;font-weight:bold;padding:10px 20px;}