﻿body {background-image: url(/assets/img/bcg.jpg);background-repeat: repeat-x;background-color:#F3F2EE;margin-top: 0px;}
body,td,th {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;}
img, div{ behavior: url(js/iepngfix.htc); }
a:link {text-decoration: none; color:#C00;}
a:visited {text-decoration: none; color:#C00;}
a:hover {text-decoration: underline; color:#333;}
a:active {text-decoration: none; color:#C00;}
div#footer {font-size:10px; text-align:right; color:#CCC;}
div#footer a:link {text-decoration: none; color:#Ccc;}
div#footer a:visited {text-decoration: none; color:#Ccc;}
div#footer a:hover {text-decoration: underline; color:#ccc;}
div#footer a:active {text-decoration: none; color:#Ccc;}
div#container{width:999px;margin:0 auto;}
div#content{margin-bottom:15px; padding-left:15px; padding-right:15px; width:939px; background-color:#FFF; margin-left:15px; padding-bottom:15px;}
div#content2{margin-bottom:15px; padding-left:30px; padding-right:15px; width:954px;}
div#content_left{ float:left; width:655px;}
div#content_left_1{ float:left; width:425px; padding-right:15px; border-right:solid 1px #E0E0E0;}
div#content_left_2{ float:right; width:200px;}
div#content_left_4{ float:right; width:711px;}
div#content_left_4_1{ float:left; width:500px;}
div#content_left_4_2{ float:right; width:200px;}
div#content_left_3{ float:left; width:203px;}
div#content_left_5{ float:left; width:350px;}
div#content_left_6{ float:right; width:585px;}
div#content_right{ float:right; width:269px;}
div#header{width:999px; height:147px; position:relative; background:url(/assets/img/head_okvir.jpg) no-repeat 0 114px;}
img#logo {position:absolute; left:26px; top:53px;}
div#nav{overflow:hidden; position:absolute; right:25px; top:98px;}
div#banner{border:solid 1px #DFDDD7; background-color:#FFF; margin-bottom:15px; width:728px; height:90px; float:left;}
div#najnovije{border:solid 1px #DFDDD7; background-color:#FFF; margin-bottom:15px; width:240px; height:90px; float:right; background-image:url(/assets/img/bcg_najnovije.jpg);}
.naslov {font-size:28px; font-weight:normal; margin:0px; padding:6px; background-color:#C00; color:#FFF;}
.datum {font-size: 10px;color: #979695;}
h1 {font-size:30px; font-weight:normal; color:#C00; margin:0px;}
h2 {font-size:18px; font-weight:normal; color:#595859; margin:0px;}
h3 {font-size:14px; font-weight:normal; color:#595859; margin:0px; padding-top:10px; padding-bottom:0px; font-style:italic;}
.box_border{border:solid 1px #DFDDD7; background-color:#FFF; margin-bottom:15px;}
.box{background-color:#FFF; margin-bottom:15px;}
.box_video{padding:10px; border:solid 1px #DFDDD7; background-color:#FFF; margin-bottom:15px; width:153px; float:left; margin-right:15px;}
.box_videoteka{padding:4px; border:solid 1px #DFDDD7; background-color:#FFF; width:70px; height:120px; float:left; margin-right:8px;}
.box_desno { background-color:#F3F2EE; margin-bottom:15px;}
.box_desno a:link {text-decoration: none; color: #666;}
.box_desno a:visited {text-decoration: none; color:#666;}
.box_desno a:hover {text-decoration: underline; color:#666;}
.box_desno a:active {text-decoration: none; color:#666;}
.box_desno_sadrzaj {padding:8px;}
.box_login{padding:10px; border:solid 1px #DFDDD7; background-image:url(/assets/img/bcg_login.jpg); height:200px; margin-bottom:15px; position:relative;}
.box_topnews_left{padding:10px; border:solid 1px #DFDDD7; background-color:#FFF; height:200px; width:463px; margin-bottom:15px; float:left;}
.box_topnews_right{padding:10px; border:solid 1px #DFDDD7; border-left:0px; background-image:url(/assets/img/bcg_topnews.jpg); height:200px; width:224px; margin-bottom:15px; float:right;}
.box2{padding:10px; border:solid 1px #DFDDD7; background-color:#FFF; margin-bottom:15px;}
.box_head{ padding:4px; font-size:11px; font-weight:bold; color:#FFF; text-transform:uppercase; background-image:url(/assets/img/bcg_box_title.jpg);}
.box_head2{ padding:4px; font-size:11px; font-weight:bold; color:#FFF; text-transform:uppercase; background-image:url(/assets/img/bcg_box_title2.jpg);}
.list{ margin-bottom:6px; padding-bottom:6px; border-bottom:solid 1px #E0E0E0;}
.video_list{ margin-bottom:6px; padding-bottom:6px; border-bottom:solid 1px #E0E0E0; height:46px; width:265px; margin-left:15px; float:left;}
.all {float:left;}
.alr {float:right;}
.mal {margin-left:15px;}
.mar {margin-right:15px;}
.mar10 {margin-right:10px;}
.mab {margin-bottom:15px;}
.mat {margin-top:15px;}
.clear {clear:both;}
.img{border:solid 1px #E2E2E2; padding:3px; float:left; margin-right:10px; background-color:#FFF;}
.nav {float:right; text-transform:uppercase; margin-left:4px; font: bold 12px arial; text-transform: uppercase; text-decoration:none; cursor:hand;}
.nav a:link { text-decoration:none;}
.nav a:visited { text-decoration:none;}
.nav a:hover { text-decoration:none;}
.nav a:active { text-decoration:none;}
.nav_normal_1 {background-image:url(/assets/img/nav_2_1.jpg); width:10px; height:29px; float:left;}
.nav_normal_2 {background-image:url(/assets/img/nav_2_2.jpg); float:left; height:19px; padding-top:10px; color:#5F5F5F; text-align:center;}
.nav_normal_3 {background-image:url(/assets/img/nav_2_3.jpg); width:10px; height:29px; float:left;}
.nav_selected_1 {background-image:url(/assets/img/nav_1_1.jpg); width:10px; height:29px; float:left;}
.nav_selected_2 {background-image:url(/assets/img/nav_1_2.jpg); float:left; height:21px; padding-top:8px; color:#FFF; text-align:center;}
.nav_selected_3 {background-image:url(/assets/img/nav_1_3.jpg); width:10px; height:29px; float:left;}
div#top_nav {font-size:11px; text-align:right; color:#ffffff; position:absolute; top:8px; right:30px;}
div#top_nav a:link {text-decoration: none; color:#fff;}
div#top_nav a:visited {text-decoration: none; color:#fff;}
div#top_nav a:hover {text-decoration: underline; color:#fff;}
div#top_nav a:active {text-decoration: none; color:#fff;}
html>body .registracija {
background: url(/assets/img/registracija.png);
}
.registracija {
position:absolute; 
right:-30px; 
top:-30px;
width: 84px;
height: 81px;
z-index:1000;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/registracija.png', sizingMethod='scale');
}

/*Form */
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;}
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 #CCC; color:#333333;}
input: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 #CCC; color:#333333;}
select: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 #CCC; color:#333333;}
textarea:focus {background:#fff; border:2px solid #CCCCCC; color:#333333;}

/* Slider */
#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;}
/* Tabs */
.tabs_sadrzaj{width:339px; margin-right:15px;}
ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: 28px;width: 100%;background-color:#666;}
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:#999;}	
li.active a:link { color:#C00; }
li.active a:active { color:#C00; }
li.active a:visited { color:#C00; }
li.active a:hover { color:#C00;}
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;}

div#topnews { float:left; height: 14px; width:261px; padding-top:4px; font-size:10px; margin-left:5px; *margin-left:3px;}
.topnews-time {font-size:10px; color:#cc0000; height:25px; float:left; width:40px;}
div#topnews a {color: #666; text-decoration:none;}
div#topnews a:hover {color:#A40404; text-decoration:none;}
#pscroller {width:231px; height:85px; padding: 0px; margin-top:-2px;}




div#main {height:275px; width:655px;}
.main_image {width: 655px; height: 192px;float: left;background: #333;position: relative;overflow: hidden;color: #fff;}
.main_image h2 {font-size: 26px;font-weight: normal;margin:0px;color:#fff;font-weight:bold;margin-bottom:20px; margin-top:3px; float:right; clear:both; width:350px; background-color:#000; padding:6px; text-align:right; display:none;}
.main_image p {font-size: 10px;line-height: 13px;color:#fff;padding:0px;margin-top:-5px;font-family:Verdana, Geneva, sans-serif; display:none;}
.main_image a:hover {color:#fff; text-decoration: underline;}
.main_image a:visited {color:#fff;}
.main_image a:active {color:#fff;}
.main_image a:link {color:#fff;}
.block small {font-size: 1em; color:#666;font-family:Verdana, Geneva, sans-serif; display:none;}
.main_image .block small { visibility: visible; color:#FFF; float:right; padding:6px; background-color: #333; font-weight:bold;}
.main_image .desc{position: absolute;bottom: 0;	left: 0;width: 100%;display: none;}
.main_image .block{	width: 520px;padding:10px;}
.image_thumb {width: 655px;}
.image_thumb img {float: left;}
.image_thumb ul {margin: 0; padding: 0;	list-style: none;}
.image_thumb ul li{margin: 0; padding:2px; background-image:url(/assets/img/bcg_head_1.jpg); width: 126px; height:52px;float: left;border-right:1px solid #CCC;}
.image_thumb ul li.hover { background-image:url(/assets/img/bcg_head_1.jpg); cursor: pointer;}
.image_thumb ul li.active { background-image:url(/assets/img/bcg_head_2.jpg); cursor: default;}
html .image_thumb ul li h2 {font-size:11px;	font-weight:normal;margin: 4px 0; padding: 0; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif ; text-transform:uppercase; font-weight:bold;}
.image_thumb ul li small { font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#666; display:block;}
.image_thumb ul li h2 a:hover {color:#C00; text-decoration: underline}
.image_thumb ul li h2 a:visited {color:#C00; text-decoration: underline}
.image_thumb ul li h2 a:active {color:#C00; text-decoration: underline}
.image_thumb ul li h2 a:link {color:#C00; text-decoration: underline}
.image_thumb ul li.active small { font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#fff; font-weight:bold;}
.image_thumb ul li.active h2 a:hover {color:#fff; text-decoration: underline}
.image_thumb ul li.active h2 a:visited {color:#fff; text-decoration: underline}
.image_thumb ul li.active h2 a:active {color:#fff; text-decoration: underline}
.image_thumb ul li.active h2 a:link {color:#fff; text-decoration: underline}
.image_thumb ul li .block { padding-left:5px; padding-right:5px;}	
.image_thumb ul li p{display: none;}

ul#navigacija {padding:0; margin:0; list-style:none;}
ul#navigacija li {padding-bottom:6px; margin-bottom:6px; border-bottom:solid 1px #CCC; list-style:none; text-transform:uppercase;}
ul#navigacija .pod {padding-left:10px; text-transform:none; font-size:11px;}
ul#navigacija li a:link { color:#666; }
ul#navigacija li a:active { color:#666; }
ul#navigacija li a:visited { color:#666; }
ul#navigacija li a:hover { color:#666;}
ul#navigacija li.active { font-weight:bold; }
ul#navigacija li.active a:link { color:#C00; }
ul#navigacija li.active a:active { color:#C00; }
ul#navigacija li.active a:visited { color:#C00; }
ul#navigacija li.active a:hover { color:#C00;}

.lista {padding:0; margin:0; list-style:none; float:left;}
.lista li {padding-bottom:6px; list-style:none; margin-right:30px;}

.thumbs { margin:0px; padding:0px; overflow: hidden; margin-top:10px; }
.thumbs li { list-style: none; float: left; border:solid 1px #E2E2E2; padding:3px; background-color:#FFF; margin-left:9px; margin-bottom:9px; }
.thumbs li a { }
.thumbs li img { display: block; }
.thumbs li a img { border: none;}

#cycle { margin: 0; padding: 0; width: 500px; height: 333px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000;}
#cycle li { position: relative; list-style: none; margin: 0; padding: 3px; width: 500px; height: 333px; overflow: hidden; }
#cycle li div { position: absolute; bottom: 3px; left: 3px; padding: 3px; width: 494px; background: black; color: white; font-size: 12px; opacity: .8; }

.komentar { background-color:#F3F2EE; margin-bottom:6px; padding:8px;}
.komentari_sadrzaj3{ font-size:11px; margin-bottom:15px;}


