﻿/* URI: http://www.ri-karneval.com.hr | CSS master stylesheet | Copyright (c) 2009.-2011. Multilink d.o.o (http://www.multilink.hr) */

/* Now we go live ************************************************************************************/
#watch{width:340px;height:260px;position:absolute;padding:30px;background:#cc0000 url(../images/livebox/box_bck.jpg) 10px 10px no-repeat;display:none;z-index:9999;}
#watch #closebox{position:absolute;top:-10px;right:-10px;display:block;background:url(../images/livebox/closebox.png) top center no-repeat;width:28px;height:28px;cursor:pointer;text-indent:-9999px;z-index:9999;}
#watch h2{font-size:1.2em;line-height:1em;padding:11px 13px;margin-top:10px;float:right;text-transform:uppercase;color:#fff;font-weight:bold;display:block;width:296px;height:26px;background:url(../images/livebox/h2.png) no-repeat;}
#watch a{margin:10px 20px;display:block;text-transform:uppercase;font-weight:bold;color:#fff;}
#watch a:hover{text-decoration:none;color:#ffcc00;}

.emph{padding:0 10px;margin-bottom:10px;background:#cc0000;color:#fff;}
.emph strong{text-transform:uppercase;}
.sectiontitle{padding:2px 5px;background:#ffcc00;color:#000;}

.hide{display:none;}

/* Globals ******************************************************************************************/
* {margin:0;padding:0;outline:none;}

html{font:12px/18px Arial, Helvetica, sans-serif;color:#666;background:#231f20 url(../images/bck.jpg) top left repeat-x;}								
body{background:url(../images/splat.png) top center no-repeat;}

.r5, h3.warning, .emph, .sectiontitle{-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.r5top{-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;-o-border-radius-topleft:5px;border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;-o-border-radius-topright:5px;border-top-right-radius:5px;}
.r5bottom{-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;-o-border-radius-bottomleft:5px;border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;-o-border-radius-bottomright:5px;border-bottom-right-radius:5px;}
.r5left{-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;-o-border-radius-topleft:5px;border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;-o-border-radius-bottomleft:5px;border-bottom-left-radius:5px;}
.r5right{-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;-o-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;-o-border-radius-bottomright:5px;border-bottom-right-radius:5px;}

a img,fieldset{border:none;}
.copy img{max-width:610px;}
a{color:#666;text-decoration:none;}
a:hover{outline:none;color:#005aaa;text-decoration:underline;}

/* Typeset ********************************************************************************************/
/* Headings ***/
h1{float:left;text-indent:-9999em;}
h1 a{display:block;width:242px;height:63px;}
body#hr h1 a{background:#fff url(../images/sprite.jpg) 319px 90px;}
body#en h1 a{background:#fff url(../images/sprite_en.jpg) 0px 0px;}
h2{color:#fff;text-transform:uppercase;font-size:1.2em;line-height:1em;margin-bottom:1.2em;width:600px;height:33px;padding:6px 10px;background:url(../images/sprite.jpg) 0px 0px;}
#right h2{position:absolute;top:0;left:0;font-size:1em;margin-bottom:0;width:270px;height:29px;padding:8px 10px;background:url(../images/sprite.jpg) -1px 90px;}
#grupa-opis h2{font-size:1.2em;line-height:1em;padding:7px 10px 9px 10px;margin:0;width:345px;height:29px;text-transform:uppercase;color:#fff;font-weight:bold;background:url(../images/title-grupa.jpg) 0px 0px;display:block;}
h3{font-size:1.1em;line-height:1.1em;margin-bottom:1.1em;}
h3.warning{display:block;text-align:center;padding:30px 10px;margin:10px;font-weight:bold;color:#cc0000;border:1px solid #cc0000;background:#f9d5d5;}
h4{font-size:1em;line-height:1em;text-transform:uppercase;}
/* Bodycopy & lists */
.copy p{font-size:1em;line-height:1.6em;margin-bottom:1.6em;}
.copy ul, .copy ol, .copy dd{margin-left:2em;padding:0;}
.copy li, .copy dt, .copy dd{font-size:1em;line-height:1.6em;}
.copy dt{color:#666;font-weight:bold;}

/* General layout ************************************************************************************/
.wrap{width:930px;margin:0 auto;padding:0 10px;background:#005aaa url(../images/wrap_bck.jpg) 0px 10px repeat-y;position:relative;}
#top{width:950px;height:20px;margin-bottom:5px;padding-top:25px;background:none;}
#header{width:930px;height:377px;padding:10px 10px 0 10px;margin-left:-10px;background:url(../images/header_bck.jpg) top left no-repeat;position:relative;overflow:hidden;}
#header.webcast{height:500px;background:url(../images/header_webcast.jpg) bottom left no-repeat;}
#content{width:930px;text-align:left;background:#fff url(../images/content_bck.jpg) bottom left no-repeat;padding:10px 0;margin:0;position:relative;}
#content.webcast{width:910px;padding:13px 10px 24px 10px;}
#left, #right, .cols{float:left;display:block;}
#content #left{width:630px;} #content.page #left{width:620px;margin-left:5px;}
#content #right{width:300px;} #content.page #right{width:290px;margin-left:10px;}
.copy{padding:0 10px 20px 10px;}
#footer{width:930px;margin-bottom:15px;padding-top:75px;background:#005aaa url(../images/shadow.jpg) top left no-repeat;color:#fff;font-size:0.9em;}
#banneri{width:950px;background:none;color:#fff;font-size:0.9em;}

/* Page top *****************************************************************************************/
/* Langswitch ***/
#top ul{position:absolute;top:20px;right:200px;list-style:none;padding:0;margin:0;}
#top.is_splash ul{right:20px;}
#top li{float:left;margin-top:4px;font-size:.9em;color:#fff;}
#top a{color:#fff;text-transform:uppercase;padding:0 5px;}
#top a:hover{text-decoration:underline;}
/* Search ***/
#top #search{position:absolute;top:23px;right:10px;}
#top input.text{background:#fff;padding:2px 3px;width:120px;font-size:.8em;color:#666;border:1px solid #d6d6d6;}
#top input.text:focus{color:#000;}
#top input.btn{color:#fff;font-size:.7em;width:46px;height:20px;background:url(../images/sprite.png) 139px -95px;border:none;cursor:pointer;}

/* Header ******************************************************************************************/
img#poster{position:absolute;top:102px;left:29px;width:184px;height:270px;z-index:999;}

/* Nav *********************************************************************************************/
#nav{float:left;height:63px;background:#fff;margin-bottom:10px;list-style:none;}
#nav li{float:left;margin-top:22px;font-size:.9em;text-transform:uppercase;position:relative;}
#nav li a:first-child{color:#666;padding:2px 0 16px 6px;display:block;}
#nav li a:hover, #nav li.over a, #nav li a.selected{color:#fff;text-decoration:none;}
/* HR ***/
body#hr #nav{width:682px;padding-left:5px;} 
body#hr #nav li#item-1-1 > a{width:76px;} body#hr #nav li#item-1-2 > a{width:62px;} body#hr #nav li#item-1-3 > a{width:85px;}
body#hr #nav li#item-1-4 > a{width:122px;} body#hr #nav li#item-1-5 > a{width:120px;} body#hr #nav li#item-1-6 > a{width:82px;} 
body#hr #nav li#item-1-7 > a{width:36px;padding-left:13px;} body#hr #nav li#item-1-8 > a{width:40px;padding-left:9px;}
body#hr #nav li#item-1-1 > a.selected, body#hr #nav li#item-1-1.over > a, body#hr #nav li#item-1-1 > a:hover{background:url(../images/sprite.jpg) 0px 126px;}
body#hr #nav li#item-1-2 > a.selected, body#hr #nav li#item-1-2.over > a, body#hr #nav li#item-1-2 > a:hover{background:url(../images/sprite.jpg) 556px 126px;}
body#hr #nav li#item-1-3 > a.selected, body#hr #nav li#item-1-3.over > a, body#hr #nav li#item-1-3 > a:hover{background:url(../images/sprite.jpg) 488px 126px;}
body#hr #nav li#item-1-4 > a.selected, body#hr #nav li#item-1-4.over > a, body#hr #nav li#item-1-4 > a:hover{background:url(../images/sprite.jpg) 397px 126px;}
body#hr #nav li#item-1-5 > a.selected, body#hr #nav li#item-1-5.over > a, body#hr #nav li#item-1-5 > a:hover{background:url(../images/sprite.jpg) 270px 126px;}
body#hr #nav li#item-1-6 > a.selected, body#hr #nav li#item-1-6.over > a, body#hr #nav li#item-1-6 > a:hover{background:url(../images/sprite.jpg) 141px 126px;}
body#hr #nav li#item-1-7 > a.selected, body#hr #nav li#item-1-7.over > a, body#hr #nav li#item-1-7 > a:hover{background:url(../images/sprite.jpg) 52px 126px;}
body#hr #nav li#item-1-8 > a.selected, body#hr #nav li#item-1-8.over > a, body#hr #nav li#item-1-8 > a:hover{background:url(../images/sprite.jpg) 52px 126px;}
/* EN
body#en #nav{width:662px;padding-left:25px;}
body#en #nav li#item-1-1 > a{width:59px;padding-left:8px;} body#en #nav li#item-1-2 > a{width:62px;} body#en #nav li#item-1-3 > a{width:49px;}
body#en #nav li#item-1-4 > a{width:110px;padding-left:14px;} body#en #nav li#item-1-5 > a{width:119px;} body#en #nav li#item-1-6 > a{width:68px;padding-left:14px;}
body#en #nav li#item-1-7 > a{width:36px;padding-left:13px;} body#en #nav li#item-1-8 > a{width:40px;padding-left:9px;}
body#en #nav li#item-1-1 > a.selected, body#en #nav li#item-1-1.over > a, body#en #nav li#item-1-1 > a:hover{background:url(../images/sprite.jpg) 556px 126px;}
body#en #nav li#item-1-2 > a.selected, body#en #nav li#item-1-2.over > a, body#en #nav li#item-1-2 > a:hover{background:url(../images/sprite.jpg) 556px 126px;}
body#en #nav li#item-1-3 > a.selected, body#en #nav li#item-1-3.over > a, body#en #nav li#item-1-3 > a:hover{background:url(../images/sprite.jpg) 52px 126px;}
body#en #nav li#item-1-4 > a.selected, body#en #nav li#item-1-4.over > a, body#en #nav li#item-1-4 > a:hover{background:url(../images/sprite.jpg) 397px 126px;}
body#en #nav li#item-1-5 > a.selected, body#en #nav li#item-1-5.over > a, body#en #nav li#item-1-5 > a:hover{background:url(../images/sprite.jpg) 397px 126px;}
body#en #nav li#item-1-6 > a.selected, body#en #nav li#item-1-6.over > a, body#en #nav li#item-1-6 > a:hover{background:url(../images/sprite.jpg) 141px 126px;}
body#en #nav li#item-1-7 > a.selected, body#en #nav li#item-1-7.over > a, body#en #nav li#item-1-7 > a:hover{background:url(../images/sprite.jpg) 52px 126px;}
body#en #nav li#item-1-8 > a.selected, body#en #nav li#item-1-8.over > a, body#en #nav li#item-1-8 > a:hover{background:url(../images/sprite.jpg) 52px 126px;}*/

/* EN - live */
body#en #nav{width:662px;padding-left:25px;}
body#en #nav li{margin-right:25px;}
body#en #nav li#item-1-7{margin-right:0;}
body#en #nav li#item-1-1 > a{width:59px;padding-left:8px;} body#en #nav li#item-1-2 > a{width:62px;} body#en #nav li#item-1-3 > a{width:49px;}
body#en #nav li#item-1-4 > a{width:119px;} body#en #nav li#item-1-5 > a{width:68px;padding-left:14px;}
body#en #nav li#item-1-6 > a{width:36px;padding-left:13px;} body#en #nav li#item-1-7 > a{width:40px;padding-left:9px;}
body#en #nav li#item-1-1 > a.selected, body#en #nav li#item-1-1.over > a, body#en #nav li#item-1-1 > a:hover{background:url(../images/sprite.jpg) 556px 126px;}
body#en #nav li#item-1-2 > a.selected, body#en #nav li#item-1-2.over > a, body#en #nav li#item-1-2 > a:hover{background:url(../images/sprite.jpg) 556px 126px;}
body#en #nav li#item-1-3 > a.selected, body#en #nav li#item-1-3.over > a, body#en #nav li#item-1-3 > a:hover{background:url(../images/sprite.jpg) 52px 126px;}
body#en #nav li#item-1-4 > a.selected, body#en #nav li#item-1-5.over > a, body#en #nav li#item-1-4 > a:hover{background:url(../images/sprite.jpg) 397px 126px;}
body#en #nav li#item-1-5 > a.selected, body#en #nav li#item-1-6.over > a, body#en #nav li#item-1-5 > a:hover{background:url(../images/sprite.jpg) 141px 126px;}
body#en #nav li#item-1-6 > a.selected, body#en #nav li#item-1-7.over > a, body#en #nav li#item-1-6 > a:hover{background:url(../images/sprite.jpg) 52px 126px;}
body#en #nav li#item-1-7 > a.selected, body#en #nav li#item-1-8.over > a, body#en #nav li#item-1-7 > a:hover{background:url(../images/sprite.jpg) 52px 126px;}

/* Level 2 ***/
.subnav{width:184px;background:#005aaa;border:2px solid #fff;padding:10px;list-style:none;}
#nav .subnav{position:absolute;top:30px;left:-90px;z-index:989;}
#nav .subnav.right{left:auto;right:0;}
#nav .subnav li{font-size:1em;display:block;margin:0;padding:0;width:184px;text-transform:none;position:relative;width:100%;}
#nav .subnav li a{color:#fff;padding:2px 4px;display:block;width:176px;}
#nav .subnav li a:hover, #nav .subnav li.over > a, #nav .subnav li a.selected{color:#005aaa;background:#fff;}
/* Level 3 ***/
#nav .subnav .subnav{position:absolute;top:-12px;left:178px;z-index:999;}
#nav .subnav.right .subnav{left:auto;right:180px;}
#nav .subnav .subnav a{color:#fff;width:174px;display:block;}
#nav .subnav .subnav a.selected, #nav .subnav .subnav a:hover{color:#005aaa;background:#fff;width:174px;}
/* show-hide */
.subnav{display:none;}
#nav li:hover .subnav, #nav li.over .subnav{display:block;}
#nav li:hover .subnav ul, #nav li.over .subnav ul{display:none;}
#nav li:hover .subnav li:hover .subnav, #nav li.over .subnav li.over .subnav{display:block;}

/* Multimedia panels *******************************************************************************/
ul#media{list-style:none;margin:0;padding:0;position:absolute;top:0;right:0;}
ul#media li#foto, #media li#video, #media li#cam{position:absolute;top:340px;margin:0;padding:0;height:47px;z-index:99;overflow:hidden;text-align:center;}
ul#media li#foto{right:211px;width:89px;} ul#media li#video{right:120px;width:90px;} ul#media li#cam{right:25px;width:95px;}
h3.trigger a{position:relative;width:100%;height:47px;line-height:1em;margin:0;padding:0;display:block;text-indent:-9999em;z-index:101;}
h3.trigger.hide a{height:53px;z-index:101;}
h3.trigger.hide{display:none;}
ul#media .jScrollPaneContainer{position:relative;margin-top:-32px;overflow:hidden;z-index:99;}
li#cam .jScrollPaneContainer{margin-left:1px;}
ul#media ul.panel{list-style:none;margin:0;padding:5px 0;background:url(../images/panel_bck.png) repeat;height:226px;width:100%;}
ul#media ul.panel li{margin:4px 0;padding:0;width:100%;text-align:center;position:relative;}
ul#media ul.panel li img{width:64px;height:47px;padding:3px;background:#fff;}
body#hr li#foto h3.trigger a{background:url(../images/sprite.png) 0px 106px;} body#hr li#foto h3.hide a{background-position:0px 53px;}
body#hr li#video h3.trigger a{background:url(../images/sprite.png) 362px 106px;} body#hr li#video h3.hide a{background-position:362px 53px;}
body#en li#foto h3.trigger a{background:url(../images/sprite_en.png) 0px 0px;} body#en li#foto h3.hide a{background-position:0px 53px;}
body#en li#video h3.trigger a{background:url(../images/sprite_en.png) 90px 0px;} body#en li#video h3.hide a{background-position:90px 53px;}
li#cam h3.trigger a{background:url(../images/sprite.png) 272px 106px;} li#cam h3.hide a{background-position:272px 53px;}

/* News ********************************************************************************************/
#news{background:url(../images/news_home.jpg) no-repeat;width:590px;height:496px;padding:20px;overflow:hidden;position:relative;}
.news{list-style:none;padding:0 10px;}
#news .news{margin:0;padding:0;width:580px;height:446px;}
.news li{display:block;margin-bottom:20px;line-height:1.4em;}
#news .news li{margin-bottom:30px;}
.news li img{width:180px;height:auto !important;max-height:120px;}
.news li.has_img{min-height:120px;}
.news li:last-child{margin-bottom:0;}
.news dd.image{position:absolute;top:0;left:0;width:180px;overflow:hidden;}
.news li.has_img dl{position:relative;padding-left:200px;}
.news dt{font-size:1.4em;font-weight:bold;}
.news dt a{color:#01aeef;}
#news .more a{position:absolute;top:476px;right:30px;font-size:.9em;padding-right:10px;background:url(../images/arrow.png) 100% 50% no-repeat;}

/* Community ************************************************************************************/
#community{list-style:none;position:absolute;top:491px;left:10px;}
#community li{float:left;margin-right:8px;padding:0;}
#community li:last-child{margin-right:0;}

/* Events *****************************************************************************************/
/* Events - calendar nav */
.calendar{background:#f1f1f1;margin:5px 0 20px 0;padding:5px 10px;list-style:none;}
.calendar li{float:left;}
.calendar a, .calendar span{margin:0 5px;}
.calendar a.selected, .calendar li.selected a{background:#cc0000;color:#fff;padding:0 5px;margin:0 2px;}
.calendar li.active a{color:#cc0000;}
.calendar li.inactive{color:#999;}

/* Events - table */
#calendar{clear:both;border-collapse:collapse;width:100%;margin:18px 0 36px;text-align:center;}
#calendar tr.highlight{background:#e3f1ff;}
#calendar th, #calendar td{padding:8px 12px 8px 9px;vertical-align:top;white-space:normal;}
#calendar th, #calendar td{text-align:left;}
#calendar th{font-size:1em;text-transform:uppercase;background:#f1f1f1;}
#calendar tr{height:30px;vertical-align:middle;}
#calendar tr td{padding-left:10px;border-bottom:1px solid #f1f1f1;}
#calendar tr.highlight{background:#e3f1ff;}
#calendar td.date, #calendar td.location{font-size:1em;line-height:1.6em;width:15%;}
#calendar td.event{font-size:1em;width:70%;text-align:left;}
#calendar td.event a{font-weight:bold;text-decoration:underline;}

/* Groups *****************************************************************************************/
#groups{display:block;clear:both;background:url(../images/skupine_home.png) no-repeat;width:250px;height:160px;padding:20px;margin:10px 0;overflow:hidden;}
#groups h3{margin-bottom:1em;}
#groups p{font-size:.9em;line-height:1.4em;text-transform:uppercase;}

/* Content - lists *******************************************************************************/
/* General lists ***/
.list{list-style:none;margin:0;padding:0 10px;}
.list li{float:none;padding-bottom:.8em;margin-bottom:.8em;border-bottom:1px solid #e5e5e5;}

/* Documents lists ***/
.docs{list-style:none;}

/* Media lists ***/
.media{list-style:none;}
.media li{float:left;padding:5px;width:140px;height:130px;text-align:center;display:table;}
.media a{display:inline-block;vertical-align:middle;}
.media a:hover{text-decoration:none;}
.media img{display:table-cell;vertical-align:middle;width:120px;height:80px;padding:5px;border:1px solid #e5e5e5;}

/* Pagination lists ***/
.paginate{margin:10px 0;padding:5px 10px;list-style:none;}
.paginate li{float:left;margin:2px 0;padding:0;font-size:1em;font-weight:bold;}
.paginate a{border:1px solid #00b0f9;background:#fff;padding:1px 5px;margin:0 4px;text-decoration:none;}
.paginate a:hover{background:#f9f9f9;}
.paginate .selected{padding:2px 5px;margin:0 4px;}

/* Sitenav ***/
.sitemap{list-style:none;margin-left:2em;padding:0;}
.sitemap li{line-height:2.6em;font-weight:bold;font-size:1em;border-bottom:1px solid #e5e5e5;}
.sitemap .inner{list-style:none;}
.sitemap .inner li{margin-left:3em;font-weight:normal;font-size:1em;border-bottom:none;}

/* Content - webcast *****************************************************************************/
#grouploading{display:block;width:20px;height:20px;margin:150px 170px 200px 170px;text-indent:-9999em;background:url(../images/loading.gif) center center no-repeat;}
#grupa-opis{position:absolute;top:90px;right:20px;width:370px;height:390px;padding:10px;background:#fff;}
#group{height:310px;overflow:auto;margin:0;padding:5px;}
.grupa li{margin-bottom:5px;padding:0;line-height:1.6em;list-style:none;border-bottom:1px solid #f1f1f1;}
/* Webcast - view footage btn */
#videobtn{display:block;cursor:pointer;color:red;}
/* Webcast - player ***/
.webcast #player{position:absolute;top:90px;left:20px;width:480px;height:410px;padding:0 10px;margin:0;background:#fff;text-align:center;}
.webcast #player p#livefrom, .webcast  #player p#powered{display:inline-block;text-indent:-9999em;text-align:center;margin:0 auto;padding:0;line-height:1em;}
body#hr .webcast #player p#livefrom{background:url(../images/uzivo.gif) no-repeat;height:12px;width:100px;}
body#rn .webcast #player p#livefrom{background:url(../images/livefromkorzo.gif) no-repeat;height:7;width:114;}
.webcast #player p#powered{background:url(../images/m-webcast-real.gif) no-repeat;height:35px;width:170px;}
/* Static page - player */
.is_splash #player, .page #left #player{width:480px;height:410px;padding:0 10px;background:#fff;margin:0 auto;}
.is_splash #livefrom, .is_splash #powered, .page #left #livefrom, .page #left #powered{text-indent:-9999em;text-align:center;display:block;padding:0;line-height:1em;}
body#hr.is_splash #livefrom, body#hr .page #left #livefrom{background:url(../images/uzivo.gif) no-repeat;height:12px;width:100px;margin:5px auto 0 auto;}
body#en.is_splash #livefrom, body#en .page #left #livefrom{background:url(../images/livefromkorzo.gif) no-repeat;height:12px;width:114px;margin:5px auto 0 auto;}
.is_splash #powered, .page #left #powered{background:url(../images/m-webcast-real.gif) no-repeat;height:35px;width:170px;margin:0 auto 5px auto;text-align:center;}

/* Webcast - groups ***/
dl#grupe-lista{height:410px;overflow:hidden;padding:10px 0;}
#content.webcast .jScrollPaneContainer{position:relative;margin:10px 0;overflow:hidden;}
#content.webcast .jScrollPaneContainer .jScrollPaneTrack{background:none;position:absolute;top:0;right:0;}
#content.webcast .jScrollPaneContainer .jScrollPaneTrack .jScrollPaneDrag{background:#cacaca;position:absolute;cursor:pointer;overflow:hidden;}

.grupe{margin:10px 0;padding:0;}
.grupe .left{float:left;display:inline-block;padding-left:10px;}
.grupe .right{float:right;text-align:right;display:inline-block;padding-right:10px;}
.grupe dt{font-weight:bold;text-transform:uppercase;text-align:center;background:#f1f1f1;padding:5px 0;height:20px;margin-bottom:5px;}
.grupe dd{padding:0;height:30px;border-bottom:1px solid #eee;}
.grupe dd .id{margin-right:5px;}
.grupe dd a{display:block;padding:5px 0;height:20px;}
.grupe dd a:hover, dl.grupe dd a.selected{color:#005aaa;text-decoration:none;background:#f1f1f1;}

/* Right col *************************************************************************************/
.rightcoltop{display:block;width:290px;height:15px;background:url(../images/rightcoltop.png) no-repeat;}
.rightcol{display:block;position:relative;width:260px;padding:45px 15px 5px 15px;background:url(../images/rightcol.png) repeat-y;}
.rightcolbot{display:block;width:290px;height:15px;background:url(../images/rightcolbot.png) no-repeat;}
.rightcolbot.margin{margin-bottom:20px;}

/* Right col - prijavnica ************************************************************************/
h4#prijavnica{width:260px;height:25px;padding:15px;background:url(../images/prijavnica.png) no-repeat;overflow:hidden;white-space:nowrap;}
h4#prijavnica a{color:#fff;}

/* Right col - top lists *************************************************************************/
#toplist{width:270px;height:210px;padding:10px;background:url(../images/toplista-home.png) no-repeat;overflow:hidden;}
.page #toplist{height:252px;background:url(../images/toplista-page.png) no-repeat;}
#toplist .videos{padding:0 5px;width:260px;background:#fff;color:#fff;font-size:.9em;}
#toplist ul{list-style:none;width:270px;margin:0;text-align:right;}
#toplist li{float:right;display:block;height:16px;margin:0;}
#toplist li a{color:#fff;text-transform:uppercase;font-size:.9em;padding:0 5px;}
#toplist a:hover{text-decoration:underline;color:#fff;background:none;}
#toplist li#t1s{background:url(../images/sprite.jpg) 92px 34px;width:92px;}
#toplist li#t2s{background:url(../images/sprite.jpg) 103px 17px;width:103px;}
#toplist li#t3s{background:url(../images/sprite.jpg) 64px 51px;width:64px;}
#toplist #t1{background:#cc0000;} #toplist #t2{background:#00b0f9;} #toplist #t3{background:#b2cc99;}

/* Right col - selectors & menupage ***************************************************************/
.rightcol{font-size:1em;}
#menupage.rightcol ul{list-style:none;}
#menupage.rightcol ul ul{margin:0 1em;}
#menupage.rightcol li{margin:2px 0;padding:0;width:100%;}
#menupage.rightcol a{color:#666;display:block;padding:3px 5px;}
#menupage.rightcol a:hover, #menupage.rightcol a.selected{text-decoration:none;color:#000;background:#e5e5e5;}
.rightcol select{width:255px;padding:3px;border:1px solid #d6d6d6;}


/* Footer ****************************************************************************************/
#footer h3{position:absolute;top:10px;left:10px;text-indent:-9999em;width:320px;height:20px;}
body#hr #footer h3{background:url(../images/sprite.jpg) 0px 45px;}
body#en #footer h3{background:url(../images/sprite_en.jpg) 0px 20px;}
#footer p{position:absolute;top:35px;left:10px;}
#footer a{color:#fff;} #footer a:hover{text-decoration:underline;}
#footer ul{position:absolute;top:14px;right:10px;padding:0;margin:0;list-style:none;text-align:right;}
#footer li.first{display:block;padding-bottom:2px;}
#footer li{display:inline;padding:0;margin:0;}
#footer li a{margin:0 5px;}
/* Footer - banneri ***/
#banneri p{text-align:center;padding:30px 0 20px 0;}
#banneri p a{color:#ffbf00;text-transform:uppercase;}
#banneri p a:hover{color:#fff;} 
#banneri ul{margin:0;padding:0 0 0 16px;list-style:none;}
#banneri li{float:left;margin-right:10px;padding-top:30px;}
#banneri li a{text-indent:-9999em;width:221px;height:74px;display:block;}
#banneri li a#b-er{background:url(../images/banneri/banner_erste.gif) top left no-repeat;}
#banneri li a#b-ko{background:url(../images/banneri/banner_konzum.gif) top left no-repeat;}
#banneri li a#b-zu{background:url(../images/banneri/banner_zuja.gif) top left no-repeat;}
#banneri li a#b-le{background:url(../images/banneri/banner_ledo.gif) top left no-repeat;}
/*#banneri li a#b-to{background:url(../images/banneri/banner_tower.gif) top left no-repeat;}
#banneri li a#b-gp{background:url(../images/banneri/banner_gpkrk.gif) top left no-repeat;}
#banneri li a#b-kw{background:url(../images/banneri/banner_kwig.gif) top left no-repeat;}*/

/*** forms - globals ***/
#_ctl0_ContactForm1_kontaktInfo span#_ctl0_ContactForm1_notificationLabel{font-size:1.1em;text-transform:uppercase;font-weight:bold;text-align:center;}
.form, .notificationLabel{width:590px;margin:0;padding:0 10px;}
.notificationLabel{text-align:center;font-size:1.2em;font-weight:bold;}
.form h3, .info-label h3{font-size:1.2em;text-transform:uppercase;text-align:center;padding:40px 0 20px 0;color:#005aaa;}
p.info-label{text-transform:uppercase;text-align:center;padding-bottom:20px;}
p.info-label strong{color:#cc0000;}
.info-label .error{display:block;text-align:center;padding:30px 10px;margin:10px;font-weight:bold;color:#cc0000;border:1px solid #cc0000;background:#f9d5d5;}
.info-label .ok{display:block;text-align:center;padding:30px 10px;margin:10px;font-weight:bold;color:#0059a9;border:1px solid #0059a9;background:#c7e2fa;}
.form h4{font-size:1em;text-transform:uppercase;margin:15px 0 5px 0;}
.form strong{margin-left:5px;font-size:1.3em;color:#cc0000;}
.form .entry{padding:10px;margin-bottom:5px;}
.entry#send{padding:20px 10px;}
.entry label{float:left;margin:0 10px 0 0;padding:0;width:225px;color:#666;}
.entry.high{height:50px;}
.entry input, .entry textarea, .entry select{width:300px;padding:3px;font-size:1em;line-height:1.4em;color:#666;font-family:Arial, Helvetica, sans-serif;background:#fff;border-width:1px;border-style:solid;border-color:#b5b5b5 #e8e8e8 #e8e8e8 #b5b5b5;}
.entry select{width:125px;margin-right:25px;}
.entry input:focus, .entry textarea:focus{color:#000;}
.entry input.antibot{float:left;width:55px;margin-top:10px;}
.entry img{float:right;margin-right:20px;}
.form .btn{margin:20px auto 0 auto;padding:0 0 5px 0;text-transform:uppercase;font-size:0.8em;width:70px;height:25px;display:block;cursor:pointer;color:#fff;background:url(../images/sprite.jpg) 453px 25px;border:none;}
/*** forms - .net generates shitty markup ***/
.entry table{float:left;}
.entry table.rbl{width:120px;} .entry table.chk{width:180px;} .entry table.chk-long{width:525px;}
.entry table.rbl tr, .entry table.rbl td{width:80px;} .entry table.chk tr, .entry table.chk td{width:180px;} .entry table.chk-long tr, .entry table.chk-long td{width:525px;} 
.entry table input{float:left;width:10px;margin:0 10px 5px 0;border:none;}
.entry table label{width:50px;margin-bottom:5px;} .entry table.chk label{margin-top:-5px;width:100px;} .entry table.chk-long label{width:300px;}


/* Plugins ***************************************************************************************/
/* jScroll ***/
.jScrollPaneContainer{display:block;position:relative;overflow:hidden;}
.jScrollArrowUp, .jScrollArrowDown{display:block;position:absolute;right:0;text-indent:-9999em;overflow:hidden;height:17px;width:15px;}
.jScrollArrowUp{top:0;background:url(../images/sprite.png) 30px -98px;}
.jScrollArrowDown{bottom:0;background:url(../images/sprite.png) 15px -98px;}

/* Colorbox ***/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#000;}
#cboxContent{background:#000;margin-top:20px;border:5px solid #000;}
#cboxTitle{position:absolute;bottom:0;left:0;background:url(../images/panel_bck.png) repeat;display:block;width:100%;height:30px;padding-top:10px;font-size:0.9em;text-transform:uppercase;color:#000;}
#cboxCurrent{position:absolute;bottom:10px;right:10px;font-size:0.9em;color:#000;}
#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff;}
#cboxPrevious{position:absolute;top:50%;left:0;margin-top:-32px;background:url(../images/controls.png) top left no-repeat;width:28px;height:65px;text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute;top:50%;right:0;margin-top:-32px;background:url(../images/controls.png) top right no-repeat;width:28px;height:65px;text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;} #cboxLoadingGraphic{background:url(../images/c-loading.gif) center center no-repeat;}
#cboxClose{position:absolute;top:0;right:0;display:block;background:url(../images/controls.png) top center no-repeat;width:38px;height:19px;text-indent:-9999px;z-index:999;}
#cboxClose.hover{background-position:bottom center;}

/* Cycle ***/
#slider{width:930px;height:304px;margin-top:63px;padding-top:10px;background:url(../images/wrap_bck.jpg) repeat-y;overflow:hidden;}
#slider .desc{position:absolute;top:-2px;right:0;width:400px;height:24px;text-align:right;padding-right:10px;color:#fff;font-size:.9em;background:#005aaa;opacity:0;}
#controls{position:absolute;top:73px;right:410px;z-index:9;opacity:0;}
#controls a{float:left;display:block;height:22px;padding:10px 10px 0 10px;margin-right:5px;color:#fff;font-size:.9em;font-weight:bold;background:#005aaa;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;-o-border-radius-bottomleft:5px;border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;-o-border-radius-bottomright:5px;border-bottom-right-radius:5px;}
#controls a:hover{text-decoration:none;}
#controls a.activeSlide{padding-top:30px;}

/*** fix 'em floats ***/
.float:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.float{display:block;}
* html .float{height: 1%;}
.float{display:block;}
/* end float fix */
