@charset "utf-8";
/* CSS Document */

body { margin:0px; padding:0px; font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; font-size:12px; background-position:top left; background-repeat:repeat; /*background-image:url(images/site-background.jpg);*/ background-color:#000; color:#000}

/* Theme */
.default a {color:#0380b1; text-decoration:none}

.default a:hover {color:#fff}
.default .news-item a:hover span.news-title, .default .toolbar a.readmore:hover, .default .toolbar a.readmore:hover, .default ul.main_menu li a:hover, .default ul.main_menu li a.active, .default ul.film-menu li a.active, .default ul.film-menu li a:hover, .default span.sinopsis, .default h2.title, .default .related a:hover, .default ul.news-list li a:hover span.list-title, .default ul.pagination li a:hover, .default .raspored-title span.active, .default ul.raspored-list li a:hover, .default ul.raspored-list li a.active, .default ul.pagination li a:hover, .default ul.soon li a:hover span.list-title, .default ul.raspored-dani li a.active, .default .raspored-pregled a.active { color:#0380b1 !important } /* Boja teme */
.default .menu-bar {background-color:#000;} /* pozadina glavnog izbornika */
.default nav.footer-menu { background-image:url(images/default-footer-menu-red.jpg) } /* Footer pozadina */
.default .related {background:url(images/content-effect.jpg) top left no-repeat;}  /* related box back */
.default .cover-item a:hover, .default .br-thumbnails li.br-thumb-img:hover, .default .br-thumbnails li.br-thumb-img.br-curr, .default article ul, .default ul.news-list li a:hover img, .default ul.related-list li a:hover img, .default ul.soon li a:hover img, .default ul.soon li a:hover {border-color:#0380b1;}

.default .box, .default .c-box, .default .c-box2 {background-color:#000; color:#a7a7a7; background-image:url(images/box-back.jpg);}  /* pozadina boxova */
#epg_home .c-box, #epg_home .c-box2 { background:none; background-color:#1b1b1b;}
.default .news-item a img {border:1px solid #7f7f7f; } 
.default .news-item a:hover img, .default .film-gallery-item img:hover, .default .cover img:hover, .default ul.news-list li a:hover, .default .news-gallery-item a:hover img, .default ul.soon li a:hover img {border-color:#0380b1}  /* hover na slike */
.default span.title {color:#fff; font-family: 'Didact Gothic', sans-serif; background-color:#000} /* Editiranje naslova boxa */
.default span.news-title {color:#fff; }
.default article a:hover {color:#00b8ff !important} /* hover miša na link unutar teksta novosti ili stranica */

.default .nav-slide li a {background-color:#131313; color:#fff}
.font {font-family: 'Didact Gothic', sans-serif;}

.theme-home { background-image:url(images/default-theme-home.jpg) !important;}
.theme-page {background-image:url(images/default-theme-page.jpg) !important;}

.theme-home-gold { background-image:url(images/default-theme-home-gold.jpg) !important;}
.theme-page-gold {background-image:url(images/default-theme-page-gold.jpg) !important;}


.blue {background-image:url(images/default-title-back-blue.jpg); }
.red {background-image:url(images/default-title-back-red.jpg); }
.b-blue {background-image:url(images/default-box-title-blue.jpg); }
.b-grey {background-image:url(images/default-box-title-gray.jpg); }
.b-red {background-image:url(images/default-box-title-red.jpg); }
h1,h2,h3,h4,h5,h6 {font-weight:normal; line-height:32px; color:#0380b1; font-size:32px; margin:10px 0px}
h2 { line-height:25px; font-size:24px}
h3,h4,h5,h6  {line-height:20px; font-size:20px}
p {line-height:18px}
/* help */
.left {float:left}
.right {float:right}
.r-shadow {-webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.5);}
.shadow {-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);}
.high { z-index:100}

/* Layout */
header, footer, .page, .content {width:970px; margin:auto; position:relative}

.site-top {display:block; background-repeat:no-repeat;background-position:top center} 
.site-middle {display:block; background-repeat:no-repeat; background-position:top center;padding-top:80px}
.site-middle-page {display:block; background-repeat:no-repeat; background-position:top center;} 
.site-bottom {display:block;  background-repeat:no-repeat; background-position:top center; padding-bottom:100px; margin-top:60px}

.site-logo { background:url(images/site-logo.png) bottom left no-repeat;width:112px; height:132px; position:absolute;bottom:1px; left:30px}
.site-logo a {displaY:block; text-indent:-9999px;width:112px; height:132px;}
.menu-bar {display:block; position:relative; height:58px; padding-left:150px; margin-bottom:10px;}
.top-bar {height:100px; display:block; position:relative;}

.top-bar form { position:absolute; right:0; top:40px; height:30px; vertical-align:middle; line-height:30px; background-color:#000;}
.autocomplete_box { position:absolute; right:0; width:300px; top: 70px; z-index:10;}
#ssearch { outline:none; height:30px; padding:0px 10px; width:280px; line-height:30px; vertical-align:middle; background-color:#000; color:#FFF; border:0px;}

ul.autocomplete {position:absolute;  background-color: rgba(0, 0, 0, 0.9); z-index:10;}
ul.autocomplete li {height:52px; width:280px; margin:2px 10px; padding:0px;}
ul.autocomplete li a {line-height:18px; display:block; color:#fff; font-size:12px;text-transform:none;}
ul.autocomplete li a img {margin-top:2px; margin-right:5px; border:1px solid #393939; padding:0px;}
ul.autocomplete li a:hover {color:#0380b1;}
ul.autocomplete li a.active { background-color:#222;}
ul.autocomplete li a span {display:block; }
ul.autocomplete li:last-child {border:none; height:24px; line-height:24px; vertical-align:middle; color:#0380b1;}
ul.autocomplete li.search-all { height:24px; line-height:24px; vertical-align:middle; color:#CCC;}

.rotator {width:970px; height:400px; background-color:#000; margin:auto}
.rotator-pane {right:0px; bottom:25px; width:320px; height:auto; margin-bottom:5px; background-image:url(images/rotator-tooltip-back.png); background-repeat:repeat;}
span.date {display:block; font-size:14px; color:#a7a7a7; margin:0px 20px}
span.m-title {display:block; line-height:30px; font-size:30px; margin:10px 20px 0px 20px}
.rotator-pane a {display:block; font-size:20px; background-color:#000; line-height:40px; padding:0px 20px}
.rotator-pane a span.rotator-time {color:#fff; margin-right:15px; padding-left:35px; background:url(images/icon-time.gif) 0px 3px no-repeat}
.br-thumb-img { margin:0px 10px !important;}
.br-thumbnails {padding-bottom:30px !important; background-image:url(images/rotator-cover-shadow.png); background-repeat:repeat-x; background-position:bottom left !important}

.content {background-color:#fff; background-image:url(images/content-back.jpg); background-repeat:repeat-x; background-position:bottom left;} 


.column {width:650px; margin-right:20px;}
aside.side {width:300px;}
aside.n-column {width:300px; margin-left:25px; margin-top:30px}

article {position:relative}
article.info {background-image:url(images/info-pane2.jpg); background-repeat:repeat-x; background-position:top left; padding-bottom:35px;padding-left:340px; padding-right:25px}
article.news {padding:15px 25px 35px 20px; width:595px;}
article p { margin:20px 0px }
article a {font-weight:bold}

article ul {display:block; border-left:4px solid; }
article ul li { padding:8px 15px; background:url(images/article-uls.jpg) top left repeat-y; border-bottom:1px solid #fff}

article.news img {display:block; border:3px solid #fff}
article.lists, div.article-fix {background:url(images/news-pane.jpg) top left repeat-x;}
article.lists {padding:15px 25px 35px 25px}

.status {display:block; color:#a7a7a7; margin-bottom:5px; font-size:10px; padding:0px 5px}

span.title {display:block;font-size:26px; line-height:55px; background-position:top right; background-repeat:no-repeat; padding:0px 15px}
span.news-title {font-size:20px; line-height:20px;}

/* elements */
.box {display:block; margin-bottom:20px; position:relative; background-repeat:repeat-x; background-position:left bottom; color:#a7a7a7}
.banner_box { margin-bottom:20px;}
.c-box, .c-box2 {margin-bottom:20px; position:relative; background-repeat:repeat-x; background-position:left bottom;}
.c-box {width:315px; margin-right:20px;}
.r-box {width:300px;}
.c-box2 {width:315px}

.related { width:930px; height:100px; padding:20px; margin-bottom:25px }

.related-title {background-color:#000000; padding:10px 10px 10px 55px; width:180px; margin:35px 0px 0px 20px; color:#fff; text-transform:uppercase; font-size:22px; background-image:url(images/arrow-left.gif); background-repeat:no-repeat; background-position:15px center}
.related a {color:#fff; display:block}

.tab {display:block; height:276px; padding:25px 0px; color:#fff;}
span.sinopsis { font-size:36px; line-height:40px; display:block; margin:15px 0px}
h1.title {font-size:32px; color:#fff; margin-bottom:5px; margin-top:0px;}
h1.n-list {font-size:32px; color:#fff; line-height:40px; display:block; margin-bottom:25px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
h2.title { font-size:20px; margin-bottom:25px;margin-top:0px}
.info-row {display:block; margin-bottom:15px;}
.info-row span.tinytxt {color:#a7a7a7; width:80px;}
.info-row span.txt {width:500px;}
.trailer {width:605px; height:276px;}

.film-gallery {width:525px; overflow:hidden; height:276px; position:relative; margin-top:8px}
.film-gallery-items {position:absolute; width:20000em;height:276px;}
.film-gallery-item {float:left; width:525px;}
.film-gallery-item a {margin:0px 2px; margin-bottom:4px; float:left}
.film-gallery-item img {display:block; width:100%;}
.f-gallery-left, .f-gallery-right { background-image:url(images/arrows-gallery.gif); background-repeat:no-repeat; text-indent:-9999px}
.f-gallery-left {width:40px; height:276px; background-position:-40px 120px;}
.f-gallery-left:hover { background-position:0px 120px }
.f-gallery-right {width:40px; height:276px; background-position:-80px 120px;}
.f-gallery-right:hover { background-position:-120px 120px}

nav.film-bar {display:block; background-color:fff; height:45px; background-image:url(images/nav-bar-back.jpg); background-repeat:repeat-x; background-position:bottom left}
.cover {position:absolute; width:330px; height:373px; left:0px; top:-25px; background-image:url(images/cover-shadow-big.png); background-repeat:no-repeat; background-position:bottom center; padding-bottom:40px}
.cover a {margin:0px 35px;}
.cover img {border:1px solid #bebebe}
.cover-item { margin-right:10px; background:url(images/cover-shadow.png) bottom center no-repeat; padding-bottom:22px}
.cover-item a { border:3px solid #fff; display:block; margin:0px 10px}
.cover-item a:hover { }
.cover-item a img {display:block}

.news-slide {width:630px; height:115px; position:relative; margin:10px 10px 0px 10px; overflow:hidden}
.news-items { position:absolute; width:20000em;}
.news-item {float:left; width:630px;}
.news-item a {float:left; width:305px; padding-right:10px; color:#a7a7a7}
.news-item a img {float:left; margin:0px 10px 10px 0px}

.nav-slide {position:absolute; top:0px; right:0; padding:16px}
.nav-slide li {float:left; width:26px; margin-left:8px;  line-height:26px;}
.nav-slide li a {display:block; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background-image:url(images/nav-arrows.png); text-indent:-9999px}
.n-left { background-position:0px 0px;}
.n-left:hover { background-position:0px -26px}
.n-right { background-position:-26px 0px }
.n-right:hover { background-position:-26px -26px}

.toolbar {display:block; background-repeat:no-repeat; background-position:top left; height:30px; background-image:url(images/toolbar-back.jpg); background-color:#000}
.toolbar a.readmore {height:18px; font-size:9px; margin-right:15px; padding-top:13px; text-transform:uppercase; color:#9d9d9d}
.ico-arhiva {background-image:url(images/icon-more.png); background-position:top right; background-repeat:no-repeat; padding-right:11px;}
.ico-arhiva:hover { background-position:right -30px; color:#fff}

.hr-time {width:30px;}
.r-now { background-repeat:no-repeat; background-position:center; width:30px; min-height:25px; text-indent:-9999px;}
.hr-title {width:225px;}

footer { background-image:url(images/footer-back.jpg); background-repeat:repeat-x; background-position:top left; background-color:#0e0e0e; height:90px;}
.footer-logo {width:91px; height:111px; position:absolute; left:15px; top:-23px; background-image:url(images/footer-logo.png); background-repeat:no-repeat; background-position:top left}
.footer-logo a {display:block; text-indent:-9999px; line-height:111px}
nav.footer-menu {display:block; margin-left:270px; padding-left:70px; height:40px; background-position:top left; background-repeat:no-repeat}

.h-player {display:block; height:155px; width:300; position:relative;}
.h-player a { position:absolute; left:0; top:0; width:300px; height:155px; background-image:url(images/play.png); background-repeat:no-repeat; background-position:center;}
.h-program {width:300px; height:75px; background-image:url(images/h-program-back.jpg); background-repeat:no-repeat; background-position:top left; position:relative;}
.h-program a.tv { background-image:url(images/icon-tv.png); background-position:10px 10px; background-repeat:no-repeat; padding-left:70px; color:#aba8a8; font-size:20px;width:150px; line-height:20px; padding-top:15px }
.h-program a.tv:hover {color:#fff}
.h-program a.download { background-image:url(images/icon-download.png); background-repeat:no-repeat; background-position:0px 0px; width:50px; height:40px; margin-top:28px; margin-right:10px; text-indent:-9999px;}
.h-program a.download:hover { background-position:0px -40px }

.about {color:#aba8a8; position:absolute; left:120px; margin-top:15px; font-size:11px}
.about span, .about a:hover {color:#fff}
.credits {margin-top:15px;color:#aba8a8; font-size:10px; margin-right:20px; line-height:16px; height:16px; vertical-align:middle;}
.credits img { line-height:16px; height:16px; vertical-align:middle; margin-left:5px;}
.credits.creditsdevelop { margin-top:3px;}

.raspored-wrapp { padding:10px 0px; background-image:url(images/article-raspored-back.jpg); background-repeat:repeat-x; background-position:bottom left; background-color:#3b3b3b; color:#a7a7a7 }
.page-column {position:absolute; color:#fff; left:25px; width:300px; top:20px}

.raspored-column {width:275px; margin:0px 10px;}
.raspored-pregled {padding:15px;width:635px; margin-right:10px;background-image:url(images/raspored-list-back.jpg); background-repeat:repeat-x; background-position:bottom right; background-color:#272727}

span.tv-time {width:50px; font-size:14px}
.raspored-pregled a {width:250px; margin-right:25px;padding-left:30px }
.raspored-pregled a.active, .raspored-pregled a.hot {background-repeat:no-repeat; min-height:22px}
.raspored-pregled a.active { background-image:url(images/500-black.gif); background-position:0px 0px; }
.raspored-pregled a.hot { background-image:url(images/487-black.gif); background-position:0px 2px; }
span.tv-director {width:200px;}
.raspored-btns {float:right}
.raspored-btns a { margin-right:10px;width:22px; height:22px; background-image:url(images/icon-raspored.gif); text-indent:-9999px; padding:0px}
.raspored-btns a.btn-info { background-position:0px 0px }
.raspored-btns a.btn-info:hover { background-position:0px -22px }
.raspored-btns a.btn-trailer { background-position:-22px 0px }
.raspored-btns a.btn-trailer:hover { background-position:-22px -22px }
.raspored-btns a.btn-galerija { background-position: -44px 0px}
.raspored-btns a.btn-galerija:hover { background-position:-44px -22px }

.raspored-title {display:block; padding:0px 15px; background-color:#000; height:50px;}
.raspored-title span { line-height:50px; font-size:22px; color:#fff}
.raspored-title span.r-datum, ul.raspored-dani li a span.r-datum {color:#a7a7a7; font-size:11px;}
span.r-time {color:#fff; width:35px;}
span.director {display:block; color:#a7a7a7}
.page-title {width:940px; height:55px; padding:15px 15px; background-image:url(images/news-pane.jpg); background-repeat:no-repeat; background-position:top left; position:relative}

.n-gallery-wrapp {background-color:#000;background-image:url(images/box-back.jpg); background-position:bottom left; background-repeat:repeat-x}
.news-gallery {width:520px; position:relative; overflow:hidden; height:90px; margin:5px 0px}
.news-gallery-items {position:absolute; width:20000em}
.news-gallery-item {float:left; width:525px;}
.news-gallery-item a {float:left; margin:2px}
.news-gallery-item a img {border:1px solid #707070; }
.n-gallery-left, .n-gallery-right {width:37px; background-image:url(images/arrows-gallery.gif); background-repeat:no-repeat; text-indent:-9999px; height:90px}
.n-gallery-left { background-position:-40px 30px;}
.n-gallery-left:hover { background-position:0px 30px }
.n-gallery-right {background-position:-80px 30px;}
.n-gallery-right:hover { background-position:-120px 30px}
.n-gallery-title {display:block; color:#fff; font-size:22px;padding:5px 5px; color:#fff; margin:0px 10px 0px 10px}

.box-related {margin-bottom:15px; background-image:url(images/raspored-list-back.jpg); background-repeat:repeat-x; background-position:bottom right; background-color:#272727; display:block}
.box-related h1.title {border-bottom:1px solid #a7a7a7; padding-bottom:10px; color:#000}

a.tv-download {display:block;color:#fff; font-size:20px; width:50px; height:40px; background-image:url(images/icon-download.png); background-position:0px 0px; background-repeat:no-repeat;  text-indent:-9999px; position:absolute; top:25px; right:25px}
a.tv-download:hover { background-position:0px -40px;}

/* tables */
table.t-news {margin:25px 0px}
table.t-news thead tr { background-color:#a7a7a7; text-transform:uppercase; color:#fff}
table.t-news tr { border-bottom:1px solid #dddddd }
table.t-news td { padding:5px 10px }
table.t-news tfoot tr { background-color:#f2f2f2;border-bottom:none;}
table.t-news tfoot tr td{ line-height:15px; color:#727272}

/* UL's */
ul.raspored-lista {display:block}
ul.raspored-lista li {display:block; margin:5px 0px; padding:5px 0px; border-bottom:1px solid #333}
ul.raspored-lista li:last-child {border:0px}
ul.raspored-lista li a {color:#a7a7a7}
ul.raspored-lista li a:hover {color:#fff}
ul.raspored-lista li a.active {color:#fff; font-weight:bold;}

ul.raspored-dani {display:block; margin-bottom:15px}
ul.raspored-dani li { height:50px; margin-bottom:3px; background-image:url(images/rotator-tooltip-back.png);}
ul.raspored-dani li a {display:block; color:#a7a7a7; font-size:22px;padding:0px 25px; }
ul.raspored-dani li a:hover {color:#fff}
ul.raspored-dani li a span { line-height:50px}
ul.raspored-dani li a.active { background-color:#000; background-image:url(images/icon-time.gif); background-repeat:no-repeat; background-position:12px 14px; padding-left:45px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);}

ul.related-list { border:0px;}
ul.related-list li { background-image:none; border:0px; padding:0px 5px}
ul.related-list li a {display:block; color:#a7a7a7; font-size:14px; border-bottom:1px solid #333; padding:5px; font-weight:normal}
ul.related-list li a span {display:block; font-size:10px; color:#666}
ul.related-list li:last-child a {border-bottom:0px}
ul.related-list li a img {float:left; margin:3px 10px 3px 0px; border:2px solid #a7a7a7;}

ul.raspored-list {display:block; padding:10px; background-image:url(images/raspored-list-back.jpg); background-repeat:repeat-x; background-position:bottom right; background-color:#272727}
ul.raspored-list li {border-bottom:1px solid #363536; padding:7px 0px;}
ul.raspored-list li a {padding-left:30px; background-repeat:no-repeat; color:#fff;}
ul.raspored-list li a.active {background-image:url(images/500-black.gif);  }
ul.raspored-list li a.hot {background-image:url(images/314-black.gif); font-weight:bold;}
ul.raspored-list li:last-child {border-bottom:0px}

nav.pagination-bar {display:block; border-top:1px dotted #dddddd; padding:10px 0px 0px 10px;}
ul.pagination { float:right; border:0px;}
ul.pagination li {float:left;background:none; border-bottom:0px; margin-right:5px; padding:0px}
ul.pagination li a {border:0px; display:block; padding:5px 10px;color:#a7a7a7;font-size:14px; text-transform:uppercase;text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); }
ul.pagination li a.active { color:#0380b1;}

ul.soon li img {float:left}
ul.soon li { width:440px; float:left; padding:0px; margin:10px; border-bottom:0px; background-color:#fff}
ul.soon li a span.news-date {display:block; font-size:11px; text-transform:uppercase; line-height:18px; text-align:left; color:#a7a7a7}
ul.soon li a span.genre {display:block; margin:2px 0px;font-size:11px;  line-height:18px; text-align:left; color:#a7a7a7}

ul.soon li:hover {-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);}

ul.soon li:nth-child(even) { clear:right;}
ul.soon li:nth-child(odd) { clear:left;}


ul.news-list, ul.soon { border:0px; padding:25px 0px}
ul.news-list li { width:286px; float:left; padding:0px; margin:10px; border-bottom:0px; background-color:#fff} /* 2kolone 440px */
ul.news-list li a, ul.soon li a {color:#000; display:block; padding:15px; font-weight:normal; border-left:4px solid #dddddd; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);}
ul.news-list li img, ul.soon li img {margin:0px 15px 5px 0px; border:3px solid #dddddd; display:block}
ul.news-list li a span.list-title, ul.soon li a span.list-title { font-size:24px; line-height:25px; display:block; padding:0px 5px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);}
ul.news-list p, ul.soon p { margin:5px 5px 0px 5px; color:#666}
ul.news-list li a:hover span.list-title {color:#000}
ul.news-list li a span.news-date {display:block; font-size:10px; line-height:18px; text-align:right; color:#a7a7a7}

.news-list-image { width:100%;}
.img_crop { height:140px; display:block; overflow:hidden;}

.list-news { border:none !Important;}
.list-news li { display:block; background:none !important; overflow:auto;}
.list-news li, .list-news a { border:0px; display:block;}
.list-news li img { float:left;border:3px solid #dddddd; margin-right:10px; margin-bottom:10px;}
.list-news a p { margin:5px 5px 0px 5px; color:#666; font-weight:normal;}
.list-news li a:hover p { color:#CCC;}
.list-news li a span.news-date { color:#333; font-weight:normal; font-size:11px;}
.list-news li a:hover img { border-color:#0380b1;}

ul.film-menu { height:45px; margin:0px 15px}
ul.film-menu li {float:left; margin:5px 0px 0px 0px;}
ul.film-menu li a {display:block; font-size:14px; text-transform:uppercase; color:#a7a7a7; line-height:35px; height:40px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); border-left:1px dotted #ccc; padding:0px 10px; text-align:center; font-weight:bold}
ul.film-menu li a.active { font-weight:bold; background-image:url(images/film-menu-bullet.jpg); background-repeat:no-repeat; background-position:bottom center;} /* malo podići tekst ako treba line-height:30px */

ul.f-menu {margin-right:10px}
ul.f-menu li {float:left; height:40px; margin:0px 5px}
ul.f-menu li a {display:block; line-height:40px; color:#aba8a8; padding:0px 5px; }
ul.f-menu li a.active, ul.f-menu li a:hover {color:#fff}

ul.home-raspored {display:block; padding-bottom:5px; background-image:url(images/raspored-box-back.jpg); background-repeat:repeat-x; background-position:top left; background-color:#1b1b1b}
ul.home-raspored li { border-bottom:1px dotted #3b3b3b; min-height:25px}
ul.home-raspored li a {display:block; padding:0px 15px; color:#a7a7a7; line-height:25px;}
ul.home-raspored li a.active {color:#fff; background-color:#00435d;}
ul.home-raspored li a.active .hr-title, ul.home_raspored li a.hot, ul.home-raspored li a.hot .hr-title {font-weight:bold}
ul.home-raspored li a:hover {color:#fff}

ul.home-raspored li a.hot { background-color:#530200; color:#fff} /* zelena #016501*/
ul.home-raspored li a.hot .r-now { background-image:url(images/487.gif);} /* 314 - eksplozija*/
ul.home-raspored li a.active .r-now { background-image:url(images/500.gif);}
ul.home-raspored li:last-child {border-bottom:none;}

ul.main_menu {}
ul.main_menu li { float:left; background-color:#000; /*background-image:url(images/menu-li.jpg); background-position:top left;*/ background-repeat:repeat-y; position:relative}
ul.main_menu li a {display:block; line-height:34px; padding:12px 25px; color:#CCC; font-size:16px; text-transform:uppercase; font-weight:bold}
ul.main_menu li a:hover, ul.main_menu li a.active {}
ul.main_menu ul {position:absolute; display:none; right:0px}
ul.main_menu ul li { width:180px; padding:0px 10px}
ul.main_menu ul li a {padding:0px 5px; font-size:14px; border-bottom: 1px solid #252525}
ul.main_menu ul li:last-child a {border:0px}
ul.main_menu ul ul {right:200px; top:2px}

ul.main_menu li a.m1film, ul.main_menu li a.m1gold { width:65px; height:34px; padding-left:5px; padding-right:5px }
ul.main_menu li a.m1film span {padding:0px; width:65px; height:68px; background-image:url(images/logo-m1.png); background-repeat:no-repeat; position:absolute; top:-10px; background-position:bottom center;  text-indent:-9999px;}
ul.main_menu li a.m1gold span {padding:0px; width:65px; height:68px; background-image:url(images/logo-m1gold.png); background-repeat:no-repeat;position:absolute; top:-10px; background-position:bottom center; text-indent:-9999px;}

/* forms */
form.newsletter {display:block; padding:10px}
form.newsletter label {display:block}
form.newsletter .field {margin-top:8px; width:234px; float:left; height:30px; border:1px solid #282828; border-right:0px; background-image:url(images/form-nsltw-back.jpg); background-repeat:repeat-y; background-position:top right; background-color:#1f1e1f; color:#848384; padding:0px 5px}
form.newsletter .btn {margin-top:8px;float:left; height:32px; border:1px solid #282828; border-left:0px; width:35px; line-height:30px; background-color:#1f1e1f; color:#848384; background-image:url(images/frm-btn.gif); background-position:10px 0px; background-repeat:no-repeat; text-indent:-9999px}
form.newsletter .btn:hover { background-position:10px -32px }
form.newsletter input:focus, form.newsletter input:hover {outline: none;}

/* ie6 */
.ie6 .nav-slide li a {background-image:url(images/nav-arrows.png);}
.ie6 .ico-arhiva {background-image:url(images/icon-more.png);}
.ie6 .h-program a.tv { background-image:url(images/icon-tv.png);}
.ie6 .h-program a.download { background-image:url(images/icon-download.png);}
.ie6 .cover-item { background:url(images/cover-shadow.png) bottom center no-repeat;}
.ie6 .br-thumbnails {background-image:url(images/rotator-cover-shadow.png);}
.ie6 .rotator-pane {background-image:url(images/rotator-tooltip-back.png);}




#rotator1 .br-ext-cp { height:70px !important; bottom:-70px !Important;}


/* all */
::-webkit-input-placeholder { color:#a7a7a7; text-align:left }
::-moz-placeholder { color:#a7a7a7; text-align:left} /* firefox 19+ */
:-ms-input-placeholder { color:#a7a7a7; text-align:left} /* ie */
input:-moz-placeholder { color:#a7a7a7; text-align:left}

.logos { position:relative;}
.logo_bnet { width:110px; height:60px; background:url(images/logo-bnet.png) no-repeat; position:absolute; text-indent:-9999px; right:0px; top:-70px;}
.logo_optima { width:110px; height:60px; background:url(images/logo-optima.png) no-repeat; position:absolute; text-indent:-9999px; right:240px; top:-70px;}
.logo_amis { width:110px; height:60px; background:url(images/logo-amis.png) no-repeat; position:absolute; text-indent:-9999px; right:120px; top:-70px;}
.logo_bh { width:110px; height:60px; background:url(images/logo-bh.png) no-repeat; position:absolute; text-indent:-9999px; right:0px; top:-70px;}
.logo_maxtv { width:250px; height:60px; background:url(images/logo-maxtv.png) no-repeat; position:absolute; text-indent:-9999px; right:0px; top:-70px;}


/* GOLD */

.gold a { color:#e2b845;}
.gold article a:hover { color:#333 !important;}
.gold .news-item a:hover span.news-title, .gold .toolbar a.readmore:hover, .gold .toolbar a.readmore:hover, .gold ul.main_menu li a:hover, .gold ul.main_menu li a.active, .gold ul.film-menu li a.active, .gold ul.film-menu li a:hover, .gold span.sinopsis, .gold h2.title, .gold .related a:hover, .gold ul.news-list li a:hover span.list-title, .gold ul.pagination li a:hover, .gold .raspored-title span.active, .gold ul.raspored-list li a:hover, .gold ul.raspored-list li a.active, .gold ul.pagination li a:hover, .gold ul.soon li a:hover span.list-title, .gold ul.raspored-dani li a.active, .gold .raspored-pregled a.active { color:#e2b845 !important } /* Boja teme */
.gold .cover-item a:hover, .gold .br-thumbnails li.br-thumb-img:hover, .gold .br-thumbnails li.br-thumb-img.br-curr, .gold article ul, .gold ul.news-list li a:hover img, .gold ul.related-list li a:hover img, .gold ul.soon li a:hover img, .gold ul.soon li a:hover {border-color:#e2b845 !important;}

.gold ::-moz-selection{background: #e2b845; color: #FFF; text-shadow: none;}
.gold ::selection {background: #e2b845; color: #FFF; text-shadow: none;} 

.gold .news-item a:hover img, .gold .film-gallery-item img:hover, .gold .cover img:hover, .gold ul.news-list li a:hover, .gold .news-gallery-item a:hover img, .gold ul.soon li a:hover img {border-color:#e2b845}  /* hover na slike */

.gold ul.autocomplete li a:hover {color:#e2b845;}

.gold .list-news li a:hover img { border-color:#e2b845 !important;}
.gold .list-news li h2 { color:#e2b845 !important;}

.gold .news-slide span.news-title {color:#e2b845 !important; }
.gold .news-slide a p { color:#a7a7a7 !important;}
.gold .news-slide a:hover p { color:#fff !important;}

.gold .site-logo { background:url(images/gold-site-logo.png) bottom left no-repeat;}
.gold .footer-logo { background-image:url(images/gold-footer-logo.png); }
.gold nav.footer-menu { background-image:url(images/gold-footer-menu-red.jpg) } /* Footer pozadina */

.gold .blue {background-image:url(images/gold-title-back-blue.jpg); }
.gold .red {background-image:url(images/gold-title-back-red.jpg); }
.gold .page-title {width:940px; height:55px; padding:15px 15px; background-image:url(images/gold-news-pane.jpg); background-repeat:no-repeat; background-position:top left; position:relative}

.gold article.lists, .gold div.article-fix {background:url(images/gold-content-effect.jpg) top left repeat-x;}
.gold .related {background:url(images/gold-content-effect.jpg) top left no-repeat;}  /* related box back */
.gold .page-title { background-image:url(images/gold-content-effect.jpg); }


.gold .b-blue {background-image:url(images/gold-box-title-blue.jpg); }
.gold .b-red {background-image:url(images/gold-box-title-red.jpg); }

.gold .h-program {width:300px; height:75px; background-image:url(images/g-program-back.jpg); background-repeat:no-repeat; background-position:top left; position:relative;}

.gold h1, .gold h2, .gold h3, .gold h4, .gold h5, .gold h6 {color:#e2b845}

.gold a.tv-download {background-image:url(images/gold-icon-download.png); }
.gold a.tv-download:hover { background-position:0px -40px;}