/* All pages */
#banner_left { width:170px; height:380px; position:absolute; top:200px; left:-190px;}
#banner_right { width:170px; height:380px; position:absolute; top:200px; right:-190px;}
body {margin-top: 0px;background-color:#6FC5FF; background-image: url(/assets/img/bcg.jpg); background-repeat: repeat-x; background-position: 0px -182px; overflow-x:hidden;}
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;}
.clearfix{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
img, div{ behavior: url(js/iepngfix.htc); }
a:link {text-decoration: none; color:#DD137B;}
a:visited {text-decoration: none; color:#DD137B;}
a:hover {text-decoration: underline; color:#DD137B;}
a:active {text-decoration: none; color:#DD137B;}
div#container{width:981px;margin:0 auto;}
div#header{position:relative;width:981px; height:176px; position:relative;}
div#header_l a:link {color:#000;}
div#header_l a:active {color:#000;}
div#header_l a:visited {color:#000;}
div#header_l a:hover {color:#666; text-decoration:none;}
div#header_r a:link {color:#000;}
div#header_r a:active {color:#000;}
div#header_r a:visited {color:#000;}
div#header_r a:hover {color:#666; text-decoration:none;}
div#header_l{position:absolute; top:0px; left:0px; width:330px; border:solid 6px #DAEFFB; border-top:0px; background-color:#FFF; padding:5px; float:left; height:26px; margin-left:-6px;}
div#header_l ul {margin:0px; padding:0px;}
div#header_l li {list-style:none; display:inline-block; vertical-align:middle;}
div#header_r{position:absolute; top:0px; right:0px; width:610px; border:solid 6px #DAEFFB; border-top:0px; background-color:#FFF; padding:5px; float:right; height:26px; margin-right:-6px;}
div#header_r ul {margin:0px; padding:0px; font-size:10px; color: #333;}
div#header_r li {list-style:none; display:inline-block; vertical-align:middle;}
div#header_navigacija{width:981px; background: url(/assets/img/bcg_nav.jpg) repeat-x;height:36px; border:solid 5px #FFF; position:absolute; top:115px; left:-5px;}
div#header_linkovi{width:400px; height:15px; position:absolute; top:8px; right:0px; font-size:10px; text-align:right; color:#666;}
div#header_linkovi a { color:#666; }
div#header_linkovi a:link { color:#666; }
div#header_linkovi a:active { color:#666; }
div#header_linkovi a:visited { color:#666; }
div#header_linkovi a:hover { color:#000; text-decoration:underline; }
img#header_logo {position:absolute; top:47px; left:0px;}
div#sadrzaj{position:relative; width:981px; text-align:left;}
div#sadrzaj_left {width:732px; float: left;}
div#sadrzaj_right {width:234px; float: right;}
div#footer{clear:both;width:100%; padding:10px; color:#ffffff; text-align:right;}
div#footer a:link { color:#ffffff; }
div#footer a:active { color:#ffffff; }
div#footer a:visited { color:#ffffff; }
div#footer a:hover { color:#000; text-decoration:underline;  }
a:link { color:#900; }
a:active { color:#900; }
a:visited { color:#900; }
a:hover { color:#000; text-decoration:underline;  }
.box{padding:10px; border:solid 2px #A6DBFE; background-color:#FFF; margin-bottom:15px;}
.box2{padding:10px; border:solid 2px #E9E9E9; background-color:#FFF; margin-bottom:15px;}
.box_head{ height:21px; margin-bottom:10px; margin-top:4px;}
.box_head span{ padding:4px; background-image:url(/assets/img/bcg_box_head.jpg); color:#FFF; font-weight:bold; }
.box_head2{ height:21px; margin-bottom:10px; margin-top:4px;}
.box_head2 span{ padding:4px; background-color:#CCC; color:#FFF; font-weight:bold; }
.box_red{padding:10px; border:solid 2px #A6DBFE; background-image:url(/assets/img/bcg_box_red.jpg); margin-bottom:15px; color:#FFF;}
.box_red_head{ height:21px; margin-bottom:10px; margin-top:4px;}
.box_red_head span{ padding:4px; background-color:#FFFFFF; color:#000000; font-weight:bold; }
.border{border:solid 2px #A6DBFE; padding:0px; margin-bottom:15px;}
.sadrzaj_2kolone{width:359px;}
.clear{clear:both;}
.alr{float:right;}
.all{float:left;}
.mab{margin-bottom:10px;}
.mat{margin-top:10px;}
.mar{margin-right:10px;}
.mal{margin-left:10px;}
.tar{text-align:right;}
.tal{text-align:left;}
.border_r{border-right:solid 1px #CCC; margin-right:8px; padding-right:8px;}
.img{border:solid 1px #E2E2E2; padding:3px; float:left; margin-right:10px;}
.img2{border:solid 2px #E2E2E2; padding:6px; float:left; margin-right:10px; margin-right:15px; margin-bottom:15px;}
.list{ margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #CCC; height:60px; }
.list2{ margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #CCC; height:110px; }
.list3{ margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #CCC; height:160px; }
.list4{ margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #CCC; }
.list5{ margin-bottom:3px; padding-bottom:3px; border-bottom:solid 1px #CCC; }
h4{ display:block; clear:both; padding:20px; background-color:#CCC; color:#F00; font-size:14px;}

.sadrzaj_naslov{ font-size:11px; padding-bottom:4px; font-weight:bold;}
.sadrzaj_naslov2{ font-size:18px; border-bottom:solid 1px #E8E8E8; padding-bottom:4px;}
.sadrzaj_nadnaslov{ font-size:10px; color:#666;}
.tekst_uvod{font-size:13px; color:#666;}
.tekst_nadnaslov{ font-size:12px; font-weight:bold; padding:6px; background-color:#06C; color:#ffffff;}
.tekst_datum{font-size:11px; color:#666; float:right;}

/* END: All pages */
/* Navigacija */
.navigacija {position:relative;height:36px;padding-top:3px; padding-left:12px;margin:0px;overflow: hidden;width: 918px;}
.navigacija li {float: left;list-style: none;}
.navigacija li.back {background: url("/assets/img/lava.gif") no-repeat right -30px;width: 9px; height: 30px;z-index: 8;position: absolute;}
.navigacija li.back .left {background: url("/assets/img/lava.gif") no-repeat top left;height: 30px;margin-right: 9px; /* 7px is the width of the rounded shape */}
.navigacija li a {font: bold 14px arial;text-decoration: none;color: #fff;outline: none;text-align: center;top: 7px;text-transform: uppercase;letter-spacing:0;z-index: 10;display: block;float: left;height: 30px;position: relative;overflow: hidden;margin: auto 10px;text-shadow: 1px 1px #454545}
.navigacija li a:hover, .navigacija li a:active, .navigacija li a:visited {border: none;}
/* END: Navigacija */
/*--Main Image Preview--*/
div#main {height:333px; margin-bottom:10px;}
.main_image {
	width: 487px; height: 333px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;	padding: 10px;
}
.main_image p {
	font-size: 1.2em;
	padding: 10px;	margin: 0;
	line-height: 1.6em;
}
.block small { 
	padding: 0 0 0 20px; 
	background: url(/assets/img/icon_calendar.gif) no-repeat 0 center; 
	font-size: 1em; 
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}

.image_thumb {
	float: left;
	width: 240px;
	background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
}
.image_thumb img {
	border: 1px solid #ccc; 
	padding: 5px; 
	background: #fff; 
	float: left;
}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0; padding: 12px 10px;
	background: #f0f0f0 url(/assets/img/nav_a.gif) repeat-x;
	width: 220px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
}
.image_thumb ul li.hover {
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #fff;
	cursor: default;
}
html .image_thumb ul li h2 {
	font-size:11px;
	margin: 5px 0; padding: 0;
}
.image_thumb ul li .block {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 100px;
}	
.image_thumb ul li p{display: none;}
fieldset{border: 1px solid #CCC;}
legend{color: #fff;background: #14A7D1;border: 4px solid #FFFFFF;padding: 10px;} 
label { display:block; margin-bottom:3px; margin-top:6px; font-size:11px; color:#666; padding-top:4px;}
input {border:2px solid #E1E1E1; padding:2px; background:#F9F9F9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
input:hover { background:#F9F9F9; border:2px solid #B1DFFD; color:#333333;}
input:focus {background:#fff; border:2px solid #CCCCCC; color:#333333;}
textarea {border:2px solid #E1E1E1; padding:2px; background:#F9F9F9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
textarea:hover { background:#F9F9F9; border:2px solid #B1DFFD; color:#333333;}
textarea:focus {background:#fff; border:2px solid #CCCCCC; color:#333333;}
select {border:2px solid #E1E1E1; padding:2px; background:#F9F9F9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
select:hover { background:#F9F9F9; border:2px solid #B1DFFD; color:#333333;}
select:focus {background:#fff; border:2px solid #CCCCCC; color:#333333;}

/* Tabovi */
.tabs_sadrzaj{width:339px; margin-right:15px;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 28px;
	width: 100%;
	background-color:#014E82;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	position: relative;

}
ul.tabs li a {
	text-decoration: none;
	display: block;
	font-size: 11px;
	font-weight:bold;
	padding: 0 20px;
	outline: none;
	color: #ffffff;
}

ul.tabs li a:hover {background: #027BCA;}	
li.active a:link { color:#014E82; }
li.active a:active { color:#014E82; }
li.active a:visited { color:#014E82; }
li.active a:hover { color:#014E82;}

html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
}
.tab_content {
	padding: 15px;
	padding-right:0px;
}
.tab_content h2 { font-size:11px; margin:0px; color:#900; font-weight:bold;}
.tab_content h3 {color:#666666; padding-bottom:3px; font-size:10px; font-weight:normal; margin:0px;}
.tab_content img {border:solid 1px #CCC; padding:3px; float:left; margin-right:10px;}

/*slider/*
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:264px;	width: 728px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}

.pozicija{ width:728px; height:265px; position:realtive; float:left;}
.pozicija div{ margin-top:-240px; margin-left:25px;}
.span1{ background-color:#C00; padding:6px; font-size:22px; color:#FFF; line-height:30px;}
.span2{ background-color:#014E82; padding:6px; font-size:12px; color:#FFF; font-weight:bold;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 10px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(/assets/img/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}
h1{font-size:30px; color:#C00; font-weight:normal; margin:0px;}
h2{font-size:18px; color:#C00; font-weight:normal; margin:0px; margin-bottom:4px;}
h3{font-size:12px; color:#C00; margin:0px;}

#showtime-box .cat-show { width:32px; height:140px; display:block; float:left; text-indent:-999em;}
#showtime-box .navigo { float:left; width:335px; height:30px;  position:absolute; top:175px; z-index:10;}
#scrollable .prev { background:url(/assets/img/strelica-week-prev.gif); position:absolute; top:4px; left:0px; width:22px; height:20px; display:block;}
#scrollable .next { background:url(/assets/img/strelica-week-next.gif); position:absolute; top:4px; right:0px; width:22px; height:20px; display:block;}
#showtime-box .navi { margin:0 auto; position:relative; top:10px; width:200px; text-align:center;}
#showtime-box .navi span { width:15px; height:15px; display:inline-block; background:url(/assets/img/navi.gif) no-repeat 0 0;}
#showtime-box .navi span.active { background: url(/assets/img/navi_a.gif) no-repeat 0 0;}
#showtime-box .showtime-items { height:170px; overflow:hidden; clear:both; font-size:10px;}
#showtime-box .showtime-items .show-item{ float:left;}
#showtime-box .showtime-items .show-item{ float:left; width:335px; background-color:#FFFFFF; margin-right:10px;}
#showtime-box .showtime-items .show-item a { display:block;}
#showtime-box .showtime-items .show-item a img{ border:1px solid #cecfd2; float:left;}
#showtime-box .showtime-items .show-item p { float:left; margin:0; padding:0 0 0 10px; width:335px; color:#3c3c3c;}
#showtime-box .showtime-items .show-item p a{ text-decoration:none; color:#3c3c3c;}
#showtime-box .showtime-items .show-item p a:hover{ text-decoration:underline; color:#3c3c3c;}
.show-item span { color:#06C; font-size:9px;}


.komentari_napomena{font-size:11px; color:#666666;}
.komentari_form{border:solid 1px #CCCCCC; padding:4px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; width:356px; color: #666666; background-color:#F9F9F9; margin-top:3px; margin-bottom:8px;}
.komentari_button{padding:4px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; width:175px; color: #FFFFFF; background-color:#000000; margin-top:3px; margin-bottom:8px; font-weight:bold; border:0px;}
.komentari_sadrzaj{border:#CCCCCC solid 1px; padding:10px; background-color:#F9F9F9;}
.komentari_sadrzaj2{height:200px; overflow:auto; padding-right:10px;}
.komentari_sadrzaj3{margin-bottom:15px; margin-top:6px;}
.komentari_red{padding-bottom:4px; border-bottom:solid 1px #CCCCCC;}