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

/* default */
* {margin:0px;padding:0px;border:0px none;outline:0px none;}
body, html {font-family:Arial, Helvetica, sans-serif;color:#000;font-size:11px;background:url(images/bg1.jpg) center 0px #F7FAF6; }
h1, h2, h3, h4, h5, h6 {color:#000;font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin:10px 0px;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:11px;}
h6 {font-size:10px;}
a img {border:0px none;outline:0px none;}
a {color:#E84326;text-decoration:none;}
a:hover {color:#000;}
p {margin:10px 0px;}

/* blueprint */
.clear {clear:both;}
.hide {display:none;}
.fl {float:left!important;}
.fr {float:right!important;}
.al {text-align:left;}
.ar {text-align:right;}
.ac {text-align:center;}
.pa {position:absolute;}
.pr {position:relative;}
.pf {position:fixed;}
.bold {font-weight:bold}
.italic {font-style:italic}
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}

/* layout */
#wrapper {width:100%;}
#container {width:1000px;margin:0px auto 0px auto;position:relative;z-index:5;padding:0px 0px 0px 0px;background:url(images/bg.png) repeat-y 0px 100px scroll;}
#header {/*height:147px;*/background:#fff; z-index:30; position:relative; width:960px; margin-left:20px; margin-bottom:-1px;}
#body {margin:0px 0px 0px 0px;padding:0px 20px 15px 20px;margin:0px 0px 0px 0px;}
#left {}
#center {}
#right {}
#footer {height:66px; width:960px;background:url(images/bg_footer.png) repeat-x;margin:0px auto;}

/* header */
.header1 {height:115px; position:relative;}
.header1 .img {margin:28px 0px 0px 32px; position:absolute;}
.header2 {height:108px;}
.header3 {height:33px;padding-left:20px;}
#banner-top {padding:5px 0px 0px 0px;}
#sample-menu-4 {width:920px;}
#sample-menu-4 ul {width:920px;background:#FD6420; margin-top:1px;}
#search {width:200px;height:60px;float:right;position:absolute;color:#777;margin:28px 0px 0px 762px;}
#search a {color:#777;}
#search a:hover {color:#ccc;}
.search-input {margin-top:14px;}
.search-input img {margin:-3px 0px 0px 10px;}
.search-input input {font-size:11px;color:#777;border:1px #777 solid;}
#facebook-link {position:absolute;right:20px;top:66px;}

/* body */
#content {padding:40px 0px 0px 20px;}
.bottom-nav {padding:20px 0px 0px 0px;margin-top:0px; position:relative;}
.bottom-link {width:80px;margin-right:14px;height:120px;padding:10px 0px 0px 10px;display:block;float:left;text-transform:uppercase;color:#000;font-weight:bold;text-decoration:none;position:relative;background-repeat:no-repeat;}
.bottom-link:hover {color:#000;text-decoration:none;}
.b-color1 {background-image:url(images/istock1.png);}
.b-color2 {background-image:url(images/istock2.png);}
.b-color3 {background-image:url(images/istock3.png);}
.b-color4 {background-image:url(images/istock4.png);}
.b-color5 {background-image:url(images/istock5.png);}
.b-color6 {background-image:url(images/istock6.png);}
.b-color7 {background-image:url(images/istock7.png);}
.b-color8 {background-image:url(images/istock8.png);}
.b-color9 {background-image:url(images/istock9.png);}
.nav-background {width:920px;height:30px;background:#FF2121;margin-top:-39px;position:absolute;z-index:0;}
.ul-menu {padding: 20px 0px 0px 0px;list-style: none;}
.ul-menu li {padding: 0;margin: 0px;float: left;position: relative;text-align: center;}
.ul-menu li em {background: url(images/bg-hover.png) no-repeat;width: 141px;height: 75px;padding: 5px 0px 5px 5px;position: absolute;top: -85px;left: -40px;z-index: 2;display: none;color:#FFF;font-weight:bold;font-size:11px;font-style:normal;text-align:left;font-family:Verdana, Geneva, sans-serif;}
#map {height:400px;}
#container #body .red-link {color:#FF2121;}
#container #body .red-link:hover {color:#000;}

/* mainmenu */
#mainmenu {list-style:none;padding:0px;margin:0px;}
#mainmenu > li {display:block;float:left;}
#mainmenu > li > a {height:33px;line-height:35px;display:block;text-align:center;background:url(images/bg-menu.png) repeat-x;color:#FFF;font-size:16px;font-weight:bold;padding:0px 19px;}
#mainmenu > li > a:hover, #mainmenu > li > a.menucurrent {background-image:url(images/bg-menu-hover.png);}
#mainmenu > li > a.menu-last {width:72px;}
#mainmenu li ul {display:none;position:absolute;list-style:none;padding:0px;margin:0px;width:910px;padding-left:10px;left:50%;margin-left:-460px;}
#mainmenu li ul li {display:block;float:left;}
#mainmenu li ul li a {height:30px;line-height:30px;display:block;text-align:center;color:#FFF;font-size:13px;padding:0px 9px;}
#mainmenu li ul li a:hover {color:#FFCECE;}

/* nav tjedan */
#nav-tjedan {list-style:none;padding:0px;margin:0px;display:block;}
#nav-tjedan li {display:block;float:left;}
#nav-tjedan li a {width:79px;height:44px;display:block;color:#000;font-size:11px;text-align:center;font-weight:bold;line-height:23px;background:url(images/bg-nav-tjedni.png) no-repeat;margin-right:5px;}
#nav-tjedan li a span {position:relative;font-weight:normal;font-size:10px;margin-top:-10px;display:block;}
#nav-tjedan li a.last {margin-right:0px;}
#nav-tjedan li a:hover, #nav-tjedan li a.current {color:#FFF;background-position: -81px 0px;}

/* film page */
#film-list {padding-top:10px;}
.film {padding:10px;margin-bottom:15px;background:url(images/gradient1.png) repeat-x left bottom #F5F1F9;}
.film-odd {background:url(images/gradient2.png) repeat-x left bottom #fff!important;}
.film-even {background:url(images/gradient1.png) repeat-x left bottom #F5F1F9!important;}
.film-right {padding-left:30px;width:414px;}
.film ul {list-style:none;}
.film ul li {line-height:17px;}
.film .item-footer {width:400px;margin-top:14px;}
.film a.pogledaj {background:#000;}
.film a.pogledaj:hover {background:#E8E6E5;color:#000;}
.film h3 {margin:0px 0px 15px 0px;font-size:14px;}
.film h4 {margin:0px 0px 11px 0px;font-size:11px;color:#aaa;}
#film-opsirnije {margin-top:-10px;padding:17px;}
#film-opsirnije .film-right {padding-left:20px;width:270px;}
#film-opsirnije .film-left {min-height:10px;height:auto!important;height:10px;}
#film-opsirnije .item-footer {width:auto;margin:18px 0px 7px 0px;}
#film-opsirnije .radnja {margin-top:15px;}
#film-opsirnije .film-right h3 {color:#FF6D00;font-size:16px;}
#raspored {min-height:100px;height:auto!important;height:100px;padding:6px 6px 40px 6px;background:#FFF;border:1px solid #FF6D00;position:relative;width:250px;}
#raspored p {margin:0px;}
#raspored p.first {margin-top:6px;}
#raspored p.raspored-bottom {position:absolute;bottom:6px;color:#F00;}
.film h2.tekst, h2.tekst {color:#FF2121;font-size:18px;margin:0px;}
.static p {line-height:17px;color:#555;font-size:12px;line-height:18px;margin:12px 0px;}
.static p a {color:#555;font-weight:bold;text-decoration:underline;}
.static p a:hover {color:#555;text-decoration:none;}
h2.naslov {color:#FF6D00;margin:0px 0px 5px 0px;font-size:17px;}
.right-banner a {display:block;margin:15px 0px 10px 0px;width:300px;height:197px;color:#FFF;font-size:15px;font-weight:bold;text-align:center;line-height:365px;}
.right-banner a:hover {color:#FFF;}
.bann1 {background:url(images/banner-gradient1.png) repeat-x;}
.bann2 {background:url(images/banner-gradient2.png) repeat-x;}
.bann3 {background:url(images/banner-gradient3.png) repeat-x;}
.bann3 a, .bann3 a:hover  {color:#000;}
.bann1 a {background:url(images/bann1.jpg) no-repeat 2px 2px;}
.bann2 a {background:url(images/bann2.jpg) no-repeat 2px 2px;}
.bann3 a {background:url(images/bann3.jpg) no-repeat 2px 2px;}
#botuni {width:300px;height:105px;position:relative;background:url(images/botuni.png) no-repeat;}
#botuni a {display:block;float:left;margin-right:0px;width:90px;height:80px;top:16px;}
#botuni ul {padding:10px 0px 0px 0px;}
#botuni a.link1 {padding:0px;}
#botuni a.link2 {padding:0px; width:105px;}
#botuni a.link3 {padding:0px; width:90px;}
.rezervacije-container {min-height:600px;height:auto!important;height:600px;}

/* raspored extra */
.vrijeme-danas a {display:block;margin-bottom:10px;width:250px;height:36px;background:url(images/raspored_sprite2.png);}
.vrijeme-danas a:hover {background-position:0px -43px;color:#fff;}
.vrijeme-danas a span.span1 {position:absolute;font-size:20px!important;color:#FFF!important;margin:6px 0px 0px 40px;}
.vrijeme-danas a span.span2 {position:absolute;color:#F35B05;margin:11px 0px 0px 135px;}
.vrijeme-danas a:hover span.span2 {color:#fff;}
#raspored .item {float:left;padding:10px 25px 10px 25px;}
#raspored .item h3 {margin:0px 0px 15px 0px;font-weight:bold;font-size:12px;}
#raspored .item a {display:block;margin-bottom:5px;width:122px;height:32px;background:url(images/raspored_sprite1.png);background-position:0px -37px;color:#000;font-size:14px;font-weight:bold;}
#raspored .item a:hover {background-position:0px 0px;color:#000;}
#raspored .item a span.span1 {margin:8px 0px 0px 34px;position:absolute;}

/* panel */
.img-holder {float:left;width:500px;height:316px;overflow:hidden;}
.panel-list {float:left;width:420px;height:316px;position:relative;overflow:hidden;}
.list-item {cursor:pointer;position:relative;z-index:10;}
.list-item .item-footer {margin-top:5px;}
.animated-hover {width:420px;height:79px;background:#E8E6E5;position:relative;z-index:0;margin-top:0px;margin-bottom:-79px;}
.list-scroll {position:relative;width:420px;}
.item-r {float:left;padding:5px 0px 5px 8px;}
.item-l {float:left;padding-left:8px;width:356px;font-size:0px;}
.item-l h4 {margin:5px 0px 5px 0px;color:#FF2121;}
.item-l p {margin:0px 0px;line-height:13px;font-size:11px;}
.active {background:url(images/gradient1.png) repeat-x #EBE9E8!important;}
.active2 {background:url(images/gradient1.png) repeat-x #EBE9E8!important;}
.holder-info {width:475px;height:42px;padding-top:8px;position:relative;margin-top:266px;padding-left:25px;background-color:#000;opacity:0.5;filter:alpha(opacity=50);}
.holder-info-text {width:475px;height:42px;padding-top:8px;position:relative;margin-top:-50px;padding-left:25px;}
.holder-info-text h3 {color:#fff!important;margin:0px 0px 5px 0px;/*color:#FF2121;*/}
.holder-info-text a {color:#fff;}
.holder-info-text a:hover {color:#FF2121;}
.img-holder {overflow:hidden;position:relative;}
.h-img {position:absolute;}
.h-img img { width:500px; }
li.home a:hover, li.home:hover {border-bottom:0px none!important;}
a.opsirnije {display:block;padding:0px 8px;background:#FF2121;color:#FFF;text-align:center;float:left;margin-right:3px;font-size:11px;}
.opsirnije:hover {background:#E8E6E5;color:#000;}
.rezerviraj {display:block;padding:0px 8px;background:#FF6D00;color:#FFF;text-align:center;float:left;font-size:11px;}
.rezerviraj:hover {background:#E8E6E5;color:#000;}
.listaj-up, .listaj-down  {width:21px;height:14px;position:absolute;z-index:11;margin:296px 0px 0px 390px;cursor:pointer;}
.listaj-up {background:url(images/up.png) no-repeat;margin:296px 0px 0px 365px;}
.listaj-down {background:url(images/down.png) no-repeat;}
.rezerviraj-ico {display:block;float:left;width:14px;height:12px;margin-left:2px;margin-top:1px;background:url(images/ico-rezervacije.png) no-repeat;}

/* footer */
#footer-container {width:960px;margin:0px auto;padding-top:0px;}
.footer-nav {position:absolute;color:#FFF;margin:15px 0px 0px 15px;}
.footer-nav a {color:#fff;padding:2px 10px; margin-right:4px;}
.footer-nav a:hover {color:#fff;background:#CE090E;}
.footer-nav a.facebook{padding:0px;margin:0px 10px;}
.footer-nav a.facebook:hover {background:none;}
.footer-nav a.facebook img {vertical-align:middle;}
.footer-summary {color:#FFF;position:absolute;margin:15px 0px 0px 870px;}

/* pocetna */
.pocetna {padding-top:21px;}
.pocetna-left {width:585px;float:left;}
.pocetna-right {/*width:310px;*/width:300px;float:left;margin-left:35px;}
.block1 {padding:12px;margin-bottom:0px;}
.block1-left {float:left;width:350px;}
.width425 {width:400px;}
.block1-right {float:right;}
.block1 h2, .block1 h3, .block1 h4 {margin:0px 0px 7px 0px;font-weight:bold;}
.block1 h2 {color:#000;font-size:13px;}
.block1 h3 {color:#000;font-size:16px;}
.block1 h4 {color:#CCC;font-size:11px;margin:0px 0px 2px 0px;}
.block1 p {color:#666;line-height:16px;}
.play-icon {width:18px;height:18px;position:absolute;z-index:20;background:url(images/play_pouse2.png) no-repeat;background-position:-18px 2px;cursor:pointer;right:20px;}
.letter1, .letter2, .letter3 {width:579px;padding:0px 0px 0px 10px;height:45px;line-height:45px;color:#FF2020;font-size:13px;font-weight:bold;background:url(images/bg-sprite1.png) no-repeat;margin:0px 0px 5px 0px;}
.letter1 a, .letter2 a, .letter3 a, .letter1 a:hover, .letter2 a:hover, .letter3 a:hover {color:#FFF;}
.letter1 {background-position:0px 0px;line-height:49px;}
.letter2 {background-position:0px -51px;margin-top:6px;}
.letter3 {background-position:0px -100px;line-height:39px;}
.letter3 form {display:inline;}
.letter3 form .input {margin-left:10px;border:1px solid #A6A8AC;width:162px;}
.letter3 form .button {background:url(images/bg-button.png) no-repeat;margin-top:9px;margin-left:5px;position:absolute;width:20px;height:21px;cursor:pointer;}

/* paginator */
.paginator {}
.PageNormal, .PageBold {}
.PageNormal {display:block;float:left;border:1px #fff solid;text-align:center;padding:2px 5px;background:url(images/bg-paginator.png) repeat-x bottom left #FF8C01;color:#FFF;margin-right:5px;}
.PageNormal:hover {color:#FFF;background:#FF1720;}
.PageBold {}
.PageBold:hover {}

/* tabs */
#tabs {/*margin-top:20px;*/}
.ui-tabs-panel, .ui-widget-content {/*background-color:#fff;*/}
.ui-tabs-panel *, .ui-widget-content * {/*background-color:#fff;*/}
.bg-right, .bg-left {width:20px;height:250px;position:absolute;top:0px;}
.bg-right {background:url(images/bg-right.png) no-repeat;margin:0px 0px 0px 980px;}
.bg-left {background:url(images/bg-left.png) no-repeat;margin:0px 0px 0px 0px;}
.tagcloud {}
.tagcloud a {color:#000;font-weight:bold;text-decoration:none;line-height:25px;}
.tagcloud a:hover {color:#000;}
.tag1 {font-size:10px;}
.tag2 {font-size:12px;}
.tag3 {font-size:14px;}
.tag4 {font-size:16px;}
.tag5 {font-size:18px;}
.tag6 {font-size:22px;}
.static ol, .static ul {	padding-left:30px;}
#thumbs-adv ul {padding-left:0px;}
.static p .slika-clanak {float:left;padding:3px 10px 3px 0px;}

/* nagradna igra */
ul.odgovori {float: left;width: 300px;font-size: 120%;font-weight: bold;margin-bottom: 15px;padding: 0px;}
ul.odgovori li {padding: 3px;padding-left: 0px;margin-left: 0px;}
ul.odgovori li label input {margin-right: 5px;}
ul.podaci {clear: both;float: left;width: 250px;margin-right: 20px;padding-bottom: 20px;}
ul.podaci li {padding: 0px;margin: 2px;}
ul.podaci label input {float: right;	}
ul.podaci label input#submit {cursor:pointer;display:block;margin-top:5px;padding:6px 10px 6px 10px;color:#fff;font-size:13px;font-weight:bold;background:url(images/bg-sprite1.png) no-repeat;background-position:0px -10px;}
ul.podaci label input#submit:hover {background-position:0px -54px;}
div.nagradna-note {float: left;width: 250px;}
.nagradna-slika {float:left;margin-right:20px;margin-top:5px;}
h2.nagradna-naziv {margin-bottom: 0px;}
div.nagradna-opis {clear: both;padding-top: 10px;}
div.nagradna-user {clear: both;padding-top: 10px;}
h2.h2-nagradna2, h2.n-arhiva {clear: both;padding-top: 15px;font-weight: bold;}
#nagradna-forma {display: block;}
h2.n-arhiva {clear: both;padding-top: 15x;border-top: 1px solid #e3dfe7;}

/* info tablica */
ul.infotablica {margin:5px;padding:5px;background:#fff;border:1px solid #f1ecf6}
ul.infotablica li {padding:5px;overflow:auto;border-bottom:1px solid #f0f0f0}
ul.infotablica li.infonaslov {background:#e0151d url(./images/bg_footer.png) top;color:#fff;font-weight:bold;text-transform:uppercase}
ul.infotablica li.infopodnaslov {background:#333333;color:#fff;font-weight:bold;}
ul.infotablica li div.info2 {width:50%;float:left}
ul.infotablica li div.info3 {width:33%;float:left}
ul.infotablica li div.info4 {width:25%;float:left}
ul.infotablica li div.info5 {width:20%;float:left}
ul.infotablica li div.info6 {width:16%;float:left}
ul.infotablica li div small {display:block;color:#666666}

/* kontakt */
form {padding-left:0px;}
.kontakt {width:540px;height:120px;text-align:center;}
.kontakt-slika {float:left;margin:0px 0px 0px 120px;padding:2px;border:#FFE9D9 1px solid;}
.kontakt-input {padding:10px 0px 0px 0px;position:relative;display:block;}
.kontakt-input p {margin-top:4px;position:absolute;left:310px;display:inline;}
.kontakt-text {width:290px;height:20px;line-height:20px;background:#EBEBEB;border:#EBEBEB 1px solid;color:#444;font-size:12px;padding:3px 0px 0px 3px;}
.kontakt-botun {background:url(images/button.png) no-repeat;border:0 none;color:#444;cursor:pointer; height:32px; line-height:31px;text-align:center;font-size:11px;color:#6C6C6C;width:91px;}
.kontakt-botun:hover {color:#E84326;}
textarea {width:535px;height:150px;background:#EBEBEB;color:#444;font-size:12px;padding:5px;font-family:Arial, Helvetica, sans-serif;border:#EBEBEB 1px solid;}
.error {border:1px #f00 solid!important;}

/* komentari */
#forma-komantar {display:block;position:relative;width:565px;}
a.komentar-aktiviraj, a.komentar-aktiviraj:hover {color:#E84326;}
.komentar {position:relative;margin-top:22px;}
.komantar-top {height:20px;line-height:12px;background:url(images/sprite1.png) no-repeat 0px 0px;padding-left:40px;}
.komentar p {display:block;margin:0px;padding:15px;background-color:#FF2121;color:#FFF;line-height:17px;}
.komentar .komantar-ime {float:left;font-weight:bold;font-size:15px;}
.komentar .komantar-datum {float:right;color:#FF6D00;font-weight:bold;margin-right:10px;}
.komentar1 .komantar-top {background:url(images/sprite1.png) no-repeat 0px 0px!important;}
.komentar1 p {background-color:#FF2121!important;}
.komentar2 .komantar-top {background:url(images/sprite1.png) no-repeat 0px -20px!important;}
.komentar2 p {background-color:#006AA7!important;}
.komentar3 .komantar-top {background:url(images/sprite1.png) no-repeat 0px -40px!important;}
.komentar3 p {background-color:#FF6D00!important;}