body {background-color:#fff;color:#000;font-family:Arial, sans-serif;font-weight:normal;font-size:100%;line-height:1.2em;margin:0;padding:0;}

a {color:#fff;text-decoration:none;}
a:hover {color:#000;}
a:active {color:#666;}

img {border:0;vertical-align:middle;}

ul, li {margin:0;padding:0;}

p {margin:0.2em 0;padding:0;font-size:0.8em;line-height:1em;color:#fff;}
	p.date {font-size:0.7em;}
    p.more {margin:16px 0;}

h1 {margin:0;padding:0;font-weight:bold;font-size:2em;line-height:2em;letter-spacing:-.1em}
h2 {margin:4px 0 0;padding:0;font-weight:normal;font-size:1.1em;line-height:1em;letter-spacing:-.05em !important;}
h3 {margin:0;padding:0;font-weight:bold;font-size:2em;line-height:0.9em;letter-spacing:-.1em;}
h4 {margin:0;padding:0;font-weight:bold;font-size:1.1em;line-height:1.1em;letter-spacing:-.05em;clear:both;}
Q {font-size:2.2em;color:#000;line-height:3em;font-weight:bold;letter-spacing:-0.05em !important;letter-spacing:-0.1em;}
hr {border:none;height:16px;margin:3em 0;background:transparent url('images/bullet.png') repeat-x}

.errorlist {font-weight:bold;color:#c00;font-size:1.2em;background-color:#ff0;padding:2px 4px;list-style:none;}

#header, #footer, #koledar, #container, #announcment, #nav, .nav, #subnav, .rola, .top, .leg , .tleg  
{margin-left:auto;margin-right:auto;width:984px;background-color:#666;color:#fff;overflow:hidden;clear:both;}

.center {display:block;margin-left:auto;margin-right:auto;}
.nav {letter-spacing:-1px;font-size:1.2em;height:32px;background:#333;overflow:hidden;}
    .nav ul {height:24px;margin:4px 16px;}
    .nav ul li {display:inline;}
    .nav a {display:block;float:left;padding:0 2px;margin:2px 8px;font-weight:bold;}
    .nav h2 a, .nav.r h2 a:hover {color:#fff;}
    
.top {background:transparent url('images/tshade_fff.png') top left repeat-x;height:8px;}
.leg {background:#4d4d4d url('images/hshade_4D.png') top left repeat-x;height:12px;}
.tleg {background:#fff url('images/hshade_fff.png') top left repeat-x;height:12px;}
.nav.r {font-weight:normal;text-transform:lowercase;background:#d00;}
    .nav.r ul {font-weight:bold;font-size:.9em;margin:8px 0 0;list-style:disc outside;}
    .nav.r ul li {float:left;margin:0 4px;padding:0 4px;color:#000;}
    .nav.r ul li a {color:#900;margin:0;padding:0;border-bottom:2px solid #d00;} .nav.r a:hover {border-bottom:2px solid #000;color:#900;}
    .nav.r ul li a.active {border-bottom:2px solid #900;} .nav.r a.active:hover {border-bottom:2px solid #000;}
.rola {height:280px;background-color:#8B9298;}
    .rola .section {position:relative;float:left;width:916px;overflow:hidden;overflow-x:hidden;background:transparent url('images/vshade_8B9298.png') top right repeat-y;}
    .rola .container {position:relative;height:280px;width:4000px;top:0;left:0;}
	.rola .blok {float:left;height:280px;width:304px;margin-right:0;overflow:hidden;background:transparent url('images/vshade_8B9298.png') top left repeat-y;}
	.rola .blok .content {margin:9px 3px 0 9px;}
    
	.rola .content img {margin:0 8px 0 0;vertical-align:middle;}
	.rola .content p.date {display:inline;font-size:.9em;line-height:1.5em;letter-spacing:-.05em;color:#565C62;}
	.rola .content h4 {float:left;}
    .rola .content h4 a {color:#565C62;} .rola .content h4 a:hover {text-decoration:underline;}
	.rola .content h3 {clear:both;text-transform:lowercase;} 
    .rola .content h3 a:hover {color:#ddd;}
	
	.rola .btn {float:left;width:26px;margin:126px 3px;}
	.rola .btn a {display:block;height:26px;width:26px;float:left;}
	.rola .btn.bw a {background:url("images/btn_left.png") transparent top left no-repeat;} .rola .btn.bw a:hover {background-image:url("images/btn_left_hw.png");}
	.rola .btn.fw a {background:url("images/btn_right.png") transparent center no-repeat;} .rola .btn.fw a:hover {background-image:url("images/btn_right_hw.png");}
	.rola .btn.bw a.E6 {background:url("images/btn_left_E6.png") transparent top left no-repeat;} .rola .btn.bw a.E6:hover {background-image:url("images/btn_left_hw_E6.png");}
	.rola .btn.fw a.E6 {background:url("images/btn_right_E6.png") transparent center no-repeat;} .rola .btn.fw a.E6:hover {background-image:url("images/btn_right_hw_E6.png");}
	
	.rola.x2 { height: auto; }
	.blok.item.x2 { height: 400px; }

	
#koledar  {background-color:#fff;height:64px;}

#header {height:288px;background:#666 url('images/slika.jpg') bottom right;}
    #header form {float:right;margin:0;padding:0;}
    #header input {border:none;background:#000;color:#fff;padding:4px;}
    #header input.curr {font-weight:bold}
    #header input:hover {background:#5AAAD2;cursor:pointer;}
    #header input:active {background:#EC1C24;cursor:pointer;}
    
    #header #corp {height:40px;margin:0 16px 144px;}
    #header #logo {margin:0 16px;height:80px;text-align:right;}
    #header #logo h1 {margin:0;padding:0;}

    #header.crop {margin-top:-160px;}
    #header.crop #corp {margin:160px 16px 0;}

#nav {background:#333;}
#subnav {background:#fff url('images/hshade_fff.png') top left repeat-x;font-size:1em;margin-bottom:16px}
    
    ul.program, ul.cat{float:left;}
    ul.type, ul.vip {float:right;}
    
    #nav a {color:#fff;border-bottom:2px solid #333;}  #nav a:hover {border-bottom:2px solid #d00;}
    #subnav a {color:#565C62;border-bottom:2px solid #ddd;} #subnav a:hover {border-bottom:2px solid #d00;}
   
    #nav ul.type a {color:#6cf;}
    
    #subnav ul.vip a {color:#d00;padding:0;}
    #subnav ul.vip li {padding:0;margin:0;}
    #subnav ul.vip img {margin:2px 0;vertical-align:middle;float:left;}

#footer {background:#333;}
	#footer a:hover {color:#fff;}
    
    #footer .nav {width:auto;height:auto;padding:16px;list-style:none;background:#666 url('images/hshade_666.png') top left repeat-x;text-align:center;}
    #footer .nav  li {padding:0;margin:0 8px}
	#footer .nav a {color:#999;} #footer .nav a:hover {color:#fff;}
    #footer .nav.skupina {padding:4px 16px;font-size:1em;}
    #footer .nav.skupina a {color:#333;} #footer ul.nav.skupina a:hover {color:#ccc;}
    
    #footer ul.sponzorji {margin:96px;list-style:none;clear:both;}
        #footer ul.sponzorji li {float:left;padding:32px;}
        #footer ul.sponzorji.rang5 li {padding:5px 15px;}
        
    #footer #citat {padding:32px 128px;clear:both;}
    #footer #citat Q {color:#565C62;line-height:.8em;}
    #footer #citat p {text-align:left;color:#565C62;}

    #footer .produkcija {margin:32px 0}
    #footer .logo {margin:32px 0 0}
    #footer .kolofon {margin:32px 32px 0 640px;text-align:left;}
        #footer .kolofon p {color:#fff;line-height:1.2em;margin:1em 0 0;}
        #footer .kolofon h3 {color:#ccc;line-height:1.2em;margin:1em 0 0;}
        #footer .kolofon h4 {color:#999;line-height:1em;}
	    #footer .kolofon .nav {font-size:0.8em;color:#004c00;margin:0;padding:0;background:none transparent;}
	    #footer .kolofon .nav li {margin:0;padding:0 8px 0 0}
	    #footer .kolofon .nav a {color:#999;} #footer .kolofon .nav a:hover {color:#fff;}
	    #footer .kolofon .produkcija a {color:#666;text-decoration:none;font-size:.9em;font-weight:bold;} #footer .kolofon .produkcija a:hover {color:#fff;}
	
#announcment {background:#fff none;text-align:center;padding:0;}
	#announcment h1 {color:#000;font-size:1.8em;letter-spacing:-0.05em;margin:1em 2em;line-height:.7em;}
	
#dogodki.rola {background:#E6E6E6;}
    #dogodki.rola .section {background-image:url('images/vshade_E6.png');}
	#dogodki.rola .blok {background-image:url('images/vshade_E6.png');}
	#dogodki.rola  h3 {color:#000;text-transform:none;line-height:.7em;} 
        #dogodki.rola  h3 a  {color:#000;}
        #dogodki.rola  h3 a:hover  {color:#565C62;}
	#dogodki.rola  h4 {color:#fff;float:none;font-size:2em;}
	#dogodki.rola  p {color:#999;}
	#dogodki.rola  p.date {color:#8B9298;line-height:1em;display:block;}
	#dogodki.rola .content p.more a {color:#E6E6E6;} #dogodki.rola .content p.more a:hover {color:#565C62;}
    
#container  {color:#fff;background:#8B9298;overflow:auto;height:auto;}
    #container a {color:#666;font-weight:bold;} #container a:hover {color:#fff;}
    #container p {font-size:.8em;line-height:1em;margin:1em 0 .5em;}
	#container p.date {color:#666;margin:0 0 2em;}
	#container p.more a, #container a.more {color:#666;margin-left:4px;} #container p.more a:hover, #container a.more:hover {color:#000;}
	#container p.opis {font-size:.8em;line-height:1em;margin:0;padding:0;}
    
	#container h2, #container h3 {display:inline;font-size:2em;letter-spacing:-0.05em;text-transform:lowercase;margin:0;padding:0;line-height:.8em;color:#fff;}
    #container .list h3 {font-size:1.5em;}	
    #container h3 {color:#000;}	
    #container h3 a {color:#000;border-bottom:2px solid #d00;padding:0 .1em;}  #container h3 a:hover {color:#333;border-bottom-color:#333;}	
    #container h4 {margin:32px 8px 4px 0;padding:4px 16px;color:#ccc;background:url("images/arr_right_000.png") #4d4d4d 2px center no-repeat;color:#fff;}
    #container .content h4 {display:inline;color:#ccc;background:transparent none;padding:0 .3em;font-size:1.5em} 
        
    #container  form {padding:16px;margin:0 0 16px;color:#999;font-size:.8em;}
    #container  form label {clear:both;float:left;width:130px;color:#000;font-size:1.2em;margin:2px 0;padding:2px 4px;text-align:right;}
    #container  form p {font-size:1em;color:#fff;font-weight:bold;}
    #container  textarea, #container  select,
    #container  input {vertical-align:middle;font-size:1.4em;font-weight:bold;font-family:Helvetica, Arial, sans-serif;line-height:1em;color:#334;padding:2px 4px;
                    margin:2px 0;width:auto;background:#e6e6e6;border:2px solid #ccc;}
    #container  textarea{width:220px;height:164px;}
    #container  input.submit {background:#900;color:#fff;clear:both;float:left;margin:32px 0 32px 138px;width:auto;font-size:1.2em;}
    #container  input.submit:hover {background:#f00;}
    #container  input.submit:active {background:#000;}
    #container  select {font-size:1em;width:232px;padding:2px 0;}
    #container  img {vertical-align:middle;margin:0 8px 0 0;}
    #container  .slika {margin:8px 0;padding:8px 8px 16px;background:#565C62 url('images/hshade_8B9298.png') bottom left repeat-x;}
    
	#container .content {margin:16px 480px 64px 16px;padding:0 16px;}
                
    	#container .content .image {float:none;height:40px;width:80px;margin:40px 0 -40px 0}
    	#container .content  .meta {color:#090;margin:1em 0;}
        #container .content  .meta input {font-size:.9em;width:320px;background:#aaa;text-align:right;font-weight:normal;border:none;}
        #container .content  .meta {margin:16px 0;}
    	#container .content  .video {width:441px;height:366px;background:#0D2F0D url('images/hshade_8B9298.png') bottom left repeat-x;border-top:6px solid #0D2F0D;}
    	#container .content  .video span {padding:8px;}
    	#container .content .mp3 { vertical-align: top; height: 24px; margin:5px 8px 4px 20px;padding:4px 16px;color:#ccc;background:url("images/arr_right_000.png") 2px center no-repeat;color:#fff; } 
    	#container .content .mp3 div { display: inline-table; margin: 2px 10px; height: 24px; vertical-align: top; }
    
	#container .content.tiles {margin:16px 0;}
                
        #container .content.tiles img {margin:8px 0 8px -2px;}	
        #container .content.tiles h3 {font-size:1.2em;color:#fff;}	
        #container .content.tiles h3 a {color:#fff;} 
    	#container .content.tiles ul li {display:block;float:left;width:216px;height:256px;margin:8px;}
    	#container .content.tiles ul li.newline {clear:both;}
        
        #container .content.tiles.small {width:516px;}
        
            #container .content.tiles.small ul li {width:100px;height:100px;margin:0;}
        	#container .content.tiles.small img {width:100px;height:100px;margin:0;}
        
        #container .content.kolofon ul {padding:0;margin:16px 32px;font-size:.8em;}
        #container .content.kolofon ul li {margin:0;}
    
	#container .toolbox  {width:432px;float:right;margin:0;background:url('images/vshade_8B9298.png') #565C62 top left repeat-y;}
    	#container .toolbox .narrow  {width:200px;float:right;margin:0 8px 0 0}
    	#container .toolbox .wide  {width:400px;float:right;clear:both;margin:8px 16px 16px 0;}
        #container .toolbox .wide .section {position:relative;float:left;width:400px;margin:0;overflow:hidden;overflow-x:hidden;}
        #container .toolbox .wide .container {position:relative;}
    	#container .toolbox .wide .blok {float:left;height:128px;width:100px;margin:0;padding:0;overflow:hidden;}
        
        #container .toolbox ul {margin:0 16px 16px;font-size:.8em;list-style:none outside;}	
        #container .toolbox li {margin:6px 0;color:#000;text-transform:lowercase;}
        #container .toolbox.placilo li {text-transform:none;}
        #container .toolbox h3 {margin:16px 0;display:block;float:none;font-size:1.5em;}	
        #container .toolbox img.slika {margin:0;padding:8px 8px 16px;background:#333 url('images/hshade_565C62.png') bottom left repeat-x;}
        
        #container .toolbox li.alt1 a {color:#6ce;font-size:1.1em;}
        #container .toolbox li.alt2 a {color:#09c;font-size:1.4em;}
        #container .toolbox li.alt3 a {color:#9cf;font-size:1.2em;}
        #container .toolbox li.alt4 a {color:#eef;font-size:1.5em;}
        #container .toolbox li a {color:#fff;border-bottom:1px solid #d00;font-size:1.5em;}	
        #container .toolbox li a:hover {background-color:#d00;color:#fff;}	
        
        #container .toolbox ul.plain {list-style:disc outside;}	
        #container .toolbox ul.plain li {color:#ccc;font-size:1em;}	
    
    #container .comments {color:#090;padding:16px 480px 64px 16px;background:#4d4d4d url('images/tshade_8B9298.png') top left repeat-x;clear:both;}
        #container .comments ul {color:#fff;margin:1em 0 1em 1em;font-size:1em;font-weight:bold;list-style:disc outside;}
        #container .comments .author {color:#565C62;}
        
.endline {clear:both;height:16px;}

.forms td {color:#eee;vertical-align:top;}
.forms th {vertical-align:top;}
#container .forms input.required, #container .forms select.required, #container .forms textarea.required  {border-color:#c00;}
.forms .break {border-top:1px solid #ccc;}