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:#8CC63F;text-decoration:none;} a:hover {color:#000;} a:active {color:#D9E021;}
ul, li {margin:0;padding:0;}
p {margin:0.2em 0;padding:0;font-size:0.8em;line-height:1em;}
	p.date {font-size:0.7em;}
h1 {margin:0;padding:0;font-weight:bold;font-size:2em;line-height:2em;letter-spacing:-.1em}
h2 {margin:0;padding:0;font-weight:bold;font-size:2em;line-height:0.8em;letter-spacing:-.05em}
h3 {margin:0;padding:0;font-weight:bold;font-size:1.2em;line-height:0.8em;letter-spacing:-.05em}
q {font-size:2.2em;color:#000;line-height:3em;font-weight:bold;letter-spacing:-0.05em !important;letter-spacing:-0.1em;} q a{color:#000} q a:hover{color:#000;background-color:#D9E021}
img {border:0;}
img {behavior:url('http://static.lokalpatriot.si/lokalpatriot.si/media/klub/Scripts/iepngfix/iepngfix.htc');}
hr {border:none;height:16px;margin:2em 0;background:transparent url('images/bullet_green.png') repeat-x}

.center {display:block;margin-left:auto;margin-right:auto;}

#header, #footer, #announcment, .rola  {margin-left:auto;margin-right:auto;width:984px;background-color:#1A5E1A;color:#fff;overflow:hidden;}
#koledar  {position:relative;margin-left:auto;margin-right:auto;width:984px;background-color:transparent;height:64px;overflow:hidden;}

#header {height:284px;background:#040;}
    #header #front {margin-top:16px;height:42px;background:transparent url('images/front_bg.png');}
    #header  #front .logo {margin:0 0 0 40px;height:2;clear:both;}
    #header  #front .logo h1 {margin:0;padding:0;font-size:10px;display:block; width:353px;float:left;}
    #header  #front .logo .social {float:right; padding:10px 7px;}
    #header  #front .logo .social a {margin-right: 4px;}
    #header ul#corp {display:block;float:right;height:22px;margin:4px 0 -4px;padding:4px 40px 0 0;font-size:0.7em;font-weight:bold;}
        #header ul#corp:hover {background:#030 none;}
        #header ul#corp input {padding:2px 2px 0;margin:0 0 0 8px;color:#fff;font:bold 1em sans-serif;background:transparent;border:1px solid #090;width:64px;vertical-align:middle;}
        #header ul#corp input.submit {padding:0;margin:0 0 0 4px;border:0 none;width:7px;height:10px}
           #header ul#corp input.submit {behavior:url('http://static.lokalpatriot.si/lokalpatriot.si/media/klub/Scripts/iepngfix/iepngfix.htc');}
        #header ul#corp li {display:inline;padding:0 0 0 22px;margin:0 0 0 4px;background:transparent url('images/bullet.png') center left no-repeat !important;background:none;vertical-align:middle;}

        #header ul#corp a {color:#ddd;text-decoration:none;}
        #header ul#corp a:hover {color:#fff;}

    #header ul#nav {height:32px;padding:0 30px;background:#040 url('images/nav_bg.png') repeat-x;overflow:hidden;}
        #header ul#nav li {display:inline;}
        #header ul#nav a {display:block;float:left;padding:6px 8px;margin:0 2px;height:32px;color:#fff;font-weight:bold;text-decoration:none;}
        #header ul#nav a:hover {background-color:#040;}

    #header h1 {margin:0;padding:0;}
    #header h1 a {color:#fff;text-decoration:none;}
    #header span {font-weight:bold;}
    #header p {display:block;float:left;font-style:italic;font-weight:bold;font-size:1em;color:#ccc;margin:46px 0 0}
    
    #header.narrow {height:90px;margin-top:-16px;background-position:center;}

    #header #topwrap {position:absolute; z-index: 100; top: 0; width: 984px; height:284p;}
    #header.narrow #topwrap { height: 90px;}
    
    #header .slideshow { height: 284px; }

#footer {padding:0;text-align:center;background:url("images/foot_bg.png") #1A5E1A top left repeat-x;}
    #footer #citat {margin:32px 240px 96px;}
    #footer #citat h2 {font-size:2.2em;color:#040;margin:0;text-align:left;line-height:0.6em;letter-spacing:-0.08em;font-weight:bold;}
    #footer #citat p {text-align:left;margin:0;color:#004c00;}
    
    #footer h2 {color:#fc3;line-height:1.2em;margin:1em 0 0;}
    #footer h3 {color:#fc3;line-height:1em;}
    
    #footer ul {margin:0;padding:16px;}
    #footer ul.nav {letter-spacing:-1px;font-size:1.1em;}
    #footer ul.nav.skupina {letter-spacing:-1px;font-size:1em;background-color:#060;}
    #footer ul.nav.skupina a {color:#004c00;} #footer ul.nav.skupina a:hover {color:#fc3;}
    #footer ul li {display:inline;padding:0;margin:0 0.1em;padding:0 0 0 .8em;font-weight:bold;background:url("images/bullet_green.png") transparent center left no-repeat;}
    #footer ul a {color:#030;text-decoration:none;}
    #footer ul.sponzorji li {background:none;}

    #footer .kolofon {margin:32px 32px 0 50%;text-align:left;}
        #footer .kolofon  ul {padding:0 4px;}
	    #footer .kolofon .nav {font-size:0.8em;color:#004c00;margin:.5em 0;text-align:left;}
	    #footer .kolofon .nav a {color:#040;text-decoration:none;}
    #footer .produkcija  {margin:2em 0;}
        #footer .produkcija  ul {background:transparent url('images/btn_green_green_right.png') 0 1px no-repeat;}
        #footer .produkcija .nav {font-size:0.8em;color:#004c00;margin:1em 0;text-align:left;}
	    #footer .produkcija .nav a {color:#fff;text-decoration:none;}
    
    #footer .logo {margin:32px 0 0}
	#footer a:hover, #footer ul a:hover, #footer .kolofon .nav a:hover {color:#fc3;}
    
.rola {height:180px;width:984px;position:relative;margin:16px auto;background:transparent url('images/bordershadow_h128.png') top left repeat-x;}
    .rola .section {position:relative;float:left;width:936px;overflow:hidden;overflow-x:hidden;}
    .rola .container {position:relative;height:auto;width:4000px;}
	.rola .blok {float:left;height:180px;width:312px;margin:5px 0 0;padding:0;overflow:hidden;background:transparent url('images/bordershadow_v_slane2.png') -1% 100% no-repeat;}
	.rola .blok .content {margin:9px 3px 0 9px;}
    
	.rola .content h2 {display:inline;font-size:1.5em;text-transform:lowercase;}
	.rola .content h3 {display:inline;font-size:1.5em;text-transform:lowercase;}
	.rola.x2 .content img {margin:1em 0;}
	
	.rola .btn {float:left;width:12px;margin-top:58px;margin-right:4px !important;margin-bottom:0;margin-left:6px !important;margin:58px 2px 0 4px;}
	.rola .btn a {display:block;height:18px;width:12px;float:left;}
    
	.rola .btn.bw a {background:url("images/btn_green_left.png") transparent top left no-repeat;} 
        .rola .btn.bw a:hover {background-image:url("images/btn_hover_black_left.png");}
	.rola .btn.fw a {background:url("images/btn_green_right.png") transparent center no-repeat;} 
        .rola .btn.fw a:hover {background-image:url("images/btn_hover_black_right.png");}
        
	.rola .btn.dark.bw a {background-image:url("images/btn_yell_grey_left.png");} 
        .rola .btn.dark.bw a:hover {background-image:url("images/btn_white_green_left.png");}
	.rola .btn.dark.fw a {background-image:url("images/btn_yell_grey_right.png");} 
        .rola .btn.dark.fw a:hover {background-image:url("images/btn_white_green_right.png");}
	
.rola .header{height:2.5em;color:#FCEE21;border-bottom:4px solid #FCEE21;background:#FFCC33 url('images/bordershadow_h128.png') top left repeat-x;}
	.rola .header h1, .rola .header ul {display:block;float:left;height:2em;color:#000;font-weight:normal;font-size:1.1em;text-transform:lowercase;margin:0.3em 0 0;letter-spacing:-1px;}
	.rola .header h1 {padding:0 0 0 0.5em;}
	.rola .header ul li {display:block;float:left;margin:0.5em 0 0 0.25em;padding:0 0 0 0.5em;background:url("images/bullet_yello.png") transparent center left no-repeat;}
	
	.rola .header a {text-decoration:none;}
	.rola .header a:hover {color:#FCEE21;}
	.rola .header h1 a {color:#000;}
	.rola .header ul a {color:#fff;}
	.rola .header ul li.shortcut a {color:#FCEE21;}
	.rola .header ul li.shortcut a:hover {color:#fff;}
	
.rola.x2{height:auto;overflow:hidden;margin:16px auto 0 auto;}
	.rola.x2 .blok {height:400px;margin:0}
	.rola.x2 .blok .corner {width:256px;height:16px;background-image:url('images/corner_black.png');background-position:bottom left;background-repeat:no-repeat;}
	.rola.x2 .btn {margin-top:116px;}
	.rola.x2 .blok .content {margin:0 3px 0 9px;padding:8px 0 0}
	.rola.x2 .content h2 {font-size:2em;}
	.rola.x2 .content h3 {font-size:2em;}
	.rola.x2 .content img.slika {margin:1em 0 8px;padding-bottom:16px;background:#003300 url('images/reflection.png') bottom left repeat-x;}
	.rola.x2  .content ul  {font-size:.8em;margin:1em;}
	.rola.x2  .content ul li {margin:-.5em 0;}
    
#container .content.tiles {margin:16px;}
    #container .content.tiles img {margin:8px 0 8px -2px;}	
    #container .content.tiles h2 {padding:1em 16px 0;float:none;clear:left;}	
    #container .content.tiles h3 {font-size:1.5em;color:#8CC63F;}	
    #container .content.tiles h3 a {color:##D9E021;} 
    #container .content.tiles ul li {display:block;float:left;width:200px;height:256px;margin:8px;}
    #container .content.tiles ul li.newline {clear:both;}
    #container .content.tiles.small {width:516px;}
    #container .content.tiles ul.foto li {width:100px;height:100px;margin:0;}
    #container .content.tiles ul.foto img {width:100px;height:100px;margin:0;}
    #container .content.tiles ul.video {height:auto;background:transparent none;border:none;}
    #container .content.tiles ul.video li {float:none;width:auto;height:auto;margin:1em 0;}

#announcment {background:#fff none;text-align:center;padding:0;}
	#announcment h1 {color:#000;font-size:1.5em;letter-spacing:-0.05em;margin:1em 2em;line-height:.7em;}
	
#napovednik.rola {background:#fff none;margin:0 auto;}
	#napovednik.rola .blok {margin:0;background:url('images/bordershadow_v_slane.png') 0 100% no-repeat;}
	#napovednik.rola .blok.expose, #napovednik.rola .blok.expose  .content {background-color:#ffc;}
	#napovednik.rola .vec { margin: 75px 80px; }
	#napovednik.rola .content h2, #napovednik.rola .content a  {color:#1A5E1A;}
	#napovednik.rola .content h2 em  {font-size:0.8em;color:#000;padding:0 8px 0 0;}
	#napovednik.rola .content h3 {color:#ccc;margin:0 .1em;}
	#napovednik.rola .content p {color:#000;}
	#napovednik.rola .content p.date {color:#666;font-weight:bold;}
	#napovednik.rola  a:hover {color:#000;}
    
	#napovednik.rola .btn.bw a {background:url("images/btn_green_left.png") transparent top left no-repeat;} 
        #napovednik.rola .btn.bw a:hover {background-image:url("images/btn_hover_black_left.png");}
	#napovednik.rola .btn.fw a {background:url("images/btn_green_right.png") transparent center no-repeat;} 
        #napovednik.rola .btn.fw a:hover {background-image:url("images/btn_hover_black_right.png");}

#novice.rola  {background:#1A5E1A none;margin:0 auto 16px;}
	#novice.rola .blok {margin:0;height:200px;}
	#novice.rola h2 {color:#D9E021;}
	#novice.rola p {color:#fff;}
	#novice.rola p.date {color:#fc3;}
	#novice.rola  a:hover {color:#fff;}
	#novice.rola .btn {margin-top:80px;}

#foto.rola  {background-color:#000;}
	#foto.rola .blok {margin-top:0;background-image:url('images/bordershadow_v_slane2W.png');}
	#foto.rola .content h2, #foto.rola .content a {color:#8CC63F;}
	#foto.rola .content h3 {display:block;font-size:1em;color:#cfc;margin:.5em 0;}
	#foto.rola .content p {color:#fff;}
	#foto.rola .content p.date {color:#999;}
	#foto.rola .content a:hover {color:#fff;}
	#foto.rola .content img.slika {background:#333 url('images/reflection_000.png') bottom left repeat-x;}

#video.rola  {background-color:#444;}
	#video.rola .blok {margin-top:0;width:160px;height:288px;background-image:url('images/bordershadow_v_slane3.png');}
	#video.rola .content h2, #video.rola .content a {color:#D9E021;font-size:1.2em;line-height:.9em;}
	#video.rola .content h3 {color:#FBB03B;}
	#video.rola .content p {color:#fff;}
	#video.rola .content p.date {color:#000;}
	#video.rola .content a:hover {color:#fff;}
	#video.rola .content img.slika {background:#333 url('images/reflection_444.png') bottom left repeat-x;}
	#video.rola .content div.slika {padding:0 0 16px;margin-top:16px;background:#333 url('images/reflection_444.png') bottom left repeat-x;}

#lokalci.rola  {background-color:#040;}
	#lokalci.rola .blok {margin-top:0;}
	#lokalci.rola .content h2, #lokalci.rola .content a {color:#FFE100;}
	#lokalci.rola .content h3 {color:#1A5E1A;}
	#lokalci.rola .content p {color:#fff;}
	#lokalci.rola .content p.date {color:#000;}
	#lokalci.rola .content a:hover {color:#fff;}

#container  {margin:0 auto;margin-right:auto;width:984px;color:#fff;overflow:hidden;background:#1A5E1A url('images/bordershadow_h8.png') top left repeat-x;}
	
	#container .header{height:24px;padding:1em 0 0;color:#FCEE21;background:#fc3 url('images/bordershadow_h8.png') top left repeat-x;border-bottom:4px solid #FCEE21;}
	#container .content {margin:16px 480px 16px 16px;padding:0;}
	#container .toolbox  {width:432px;float:right;margin:0;background:url('images/bordershadow_v5_1A5E1A.png') #040 top left repeat-y;}
	#container .narrow  {width:200px;float:right;margin:0 8px 0 0}
	#container .wide  {width:400px;float:right;clear:both;margin:8px 16px 16px 0;}
    
	#container a {font-weight:bold;} #container a:hover {color:#fff;}
	#container h2 {font-size:1.8em;letter-spacing:-0.05em;text-transform:lowercase;margin:0;padding:0;line-height:.8em;color:#FFE100;}
	#container h3 {font-size:1.8em;letter-spacing:-1px;text-transform:lowercase;margin:0;padding:0;line-height:.8em; color:#8CC63F;}	
    #container h4 {font-size:1.2em;letter-spacing:-1px;text-transform:lowercase;margin:0;padding:0;color:#FCEE21;}
    
	#container ul {font-size:.9em;padding:0 4px;margin:8px 0;color:#cfc;list-style:none outside;}
	#container ul li {margin:0 0 16px;}
	#container ul li ul {margin:0 0 0 4px;padding:0;list-style:none;}
	#container ul li ul li {margin:0 0 .8em;padding:0;background:transparent none;}
    
	#container p {font-size:.8em;line-height:1em;margin:1.5em 0;color:#fff;}
	#container p.date {color:#8CC63F;margin-top:2em;background-color:#1A5E1A;}
	#container p.opis, #container p.date  {font-size:.8em;line-height:1em;margin:0;padding:0;}
    #container ul img.slika ,
    #container ul p ,
    #container ul p.opis ,
    #container ul p.date {font-size:.9em;margin:4px 0;}
    #container ul h3 {margin:0;}	
	#container ul.large li ul li {margin:0;text-transform:lowercase;font-size:1.2em;padding:2px 0;color:#1A5E1A;font-weight:bold;list-style:disc outside;}
        #container ul.large li ul li a {color:#D9E021;}
    	#container ul.large li ul li a.alt {color:#cfc;}
         	#container ul.large li ul li a:hover {color:#fff;}
           	#container ul.large li ul li a.altA {color:#cfc;font-weight:normal;background-color:#030;font-size:.9em;}
        	#container ul.large li ul li a:hover, #container ul.large li ul li a.alt:hover {color:#fff}

	#container .header a {color:#ffc}
	#container .header a:hover {color:#fff;}
	#container .header h1 {display:auto;color:#060;font-weight:bold;font-size:1.2em;letter-spacing:-1px;text-transform:lowercase;margin:0;padding:0 0 0 16px;line-height:.8em;}
    
	#container .content h3 a {color:#D9E021;}
	#container .content h3 a.sklop {color:#8CC63F;}
	#container .content h4 a {color:#FBB03B;}
    #container .content h3 a:hover,#container .content  h3 a.sklop:hover,#container .content  h4 a:hover {color:#fff;}
	#container .content p {font-size:.8em;line-height:1em;margin:1.5em 0 0;}
	#container .content p.more {margin:0;}
	#container .content p.date .name {font-size:1.2em;font-weight:bold;}
	#container .content p.date .name {font-size:1.2em;font-weight:bold;}
	#container .content h4 {margin-top:2px;}
	#container .content input {color:#fc3;vertical-align:middle;font-size:0.8em;padding:2px 4px;width:320px;background:#040;border:1px solid #080;margin:8px 0}
	#container .content img {vertical-align:middle;margin:0 8px 0 0;}
	#container .content img.slika {margin:16px 0;padding:8px 8px 16px;background:#030 url('images/reflection_1A5E1A.png') bottom left repeat-x;}
	#container .content ul {font-size:.8em;margin:.5em 1em;}
	#container .content ul li {margin:.5em 0;padding:0;}
	#container .content li h3 img.slika {margin:0;}
	#container .content .screen {margin:2em 0;padding:100px 0 0;background-repeat:repeat;}
    #container .content .screen .cover {background:transparent url('images/front_bg.png');}
	#container .content .screen.alt {padding:0;}
    #container .content .screen.alt .cover, #container .content .screen .cover:hover {background:#1A5E1A none;}
        
    	#container .content.objava {padding-left:96px;}
    	#container .content.objava p.date{margin:.5em 0;padding:.1em 0;}
    	#container .content.objava h3{margin:40px 0 0 0;}
    	#container .content.objava .image {float:none;height:40px;width:80px;margin:40px 0 -40px 0}
    	#container .content.objava .meta {margin:16px 0 0 -96px;}
    	#container .content.objava.kolofon p {margin:.5em 0 1em;}
    	#container .content.objava.kolofon h4 {margin:1em 0 .5em;}

    	#container .content .vikend h3 {margin-left:-10px;padding-left:10px;background:transparent url('images/bullet_green.png') 0 6px no-repeat;}
    
    	#container .content .video {margin:32px 0;width:441px;height:366px;background:#0D2F0D url('images/reflection_1A5E1A.png') bottom left repeat-x;border-top:6px solid #0D2F0D;}
    	#container .content .video span {padding:8px;}
        
    	#container .content .meta {color:#090;margin:1em 0;padding:1em;}
    	#container .content .meta p.meta {display:inline;margin:0;padding:0 4px;color:#fc3;font-weight:bold;}
    	#container .content .meta ul {font-size:.9em;padding:0 4px;margin:8px 0;color:#cfc;list-style:none outside;}
    	#container .content .meta ul li {padding:0 1px;}
    	#container .content .meta ul li a {font-weight:normal;padding:0 4px;}
    	#container .content .meta ul li a:hover {background-color:#040}
    	#container .content .meta ul.inline {display:inline;border:1px solid #060;}
    	#container .content .meta ul.inline li {display:inline;}
    	#container .content .meta ul.inline li a {padding:.5em;}
        #container .content .meta form input#submit {width:auto; font-weight:bold;}
        #container .content .meta form input#query {width:80px;}

	#container .toolbox img.slika {margin:16px 0;padding:8px 8px 16px;background:#030 url('images/refelction_040.png') bottom left repeat-x;}
	#container .toolbox img.slika.tmb {margin:0;}
    #container .toolbox ul h3 {font-size:1.5em;}	
    #container .toolbox h4 {margin:0 0 0 -12px;padding:4px 16px;background:url("images/btn_060_green_right.png") #040 0 center no-repeat;}
    
    #container .rola {float:left;width:356px;height:112px;margin:0;background:transparent none;overflow:hidden;}
    #container .rola img {margin:8px;padding-bottom:16px;background:#003300 url('images/reflection.png') bottom left repeat-x;}
    
    #container .rola#video {height:300px;background-color:#030;}
	#container .rola#video img {background:none transparent;padding:0;}
	#container .rola#video div {border:10px solid #030;}
    
    #container .btn {float:left;width:12px;height:18px;margin:48px 4px 0 4px;}
	#container .btn.fw {float:right;}
    
    #container .wide .btn.bw a {display:block;height:18px;background-image:url("images/btn_yell_grey_left.png");} #container .btn.bw a:hover {background-image:url("images/btn_white_green_left.png");}
	#container .wide .btn.fw a {display:block;height:18px;background-image:url("images/btn_yell_grey_right.png");} #container .btn.fw a:hover {background-image:url("images/btn_white_green_right.png");}
    #container .wide .section {position:relative;float:left;width:400px;margin:0;overflow:hidden;overflow-x:hidden;}
    #container .wide .container {position:relative;}
	#container .wide .blok {float:left;height:128px;width:100px;margin:0;padding:0;overflow:hidden;}

    #container .comments {color:#090;padding:16px 0 16px 16px;background:#040 url('images/bordershadow_h8_1A5E1A.png') top left repeat-x;width:500px;}
        #container .comments ul {color:#fff;margin:1em 0 1em 1em;font-size:.9em;font-weight:bold;list-style:disc outside;}
        #container .comments li.alt1 {color:#8CC63F;}
        #container .comments li.alt2 {color:#cfc;}
        #container .comments li.alt3 {color:#8CC63F;}
        #container .comments li.alt4 {color:#cfc;}
        #container .comments .author {color:#1A5E1A;font-size:.8em;}
        
        #container .comments form {padding:16px;margin:0;color:#999;font-size:.8em;background:#030;background:#030 url('images/reflection.png') bottom left repeat-x; width: 452px;}
        #container .comments form p {font-size:1em;color:#fff;font-weight:bold;}
        #container .comments textarea,
        #container .comments select, 
        #container .comments input {vertical-align:middle;font-size:1.4em;font-weight:bold;font-family:Helvetica, Arial, sans-serif;letter-spacing:-1px;line-height:1em;color:#fc3;padding:2px 4px;width:auto;background:#040;border:2px solid #050;margin:8px 0}
        #container .comments select {width: 195px; }
        #container .comments img {vertical-align:middle;margin:0 8px;}
.print {margin: 32px;}
    .print img {vertical-align:middle;}
    .print a {color:#000;text-decoration:underline;} .print a:hover {color:#060;text-decoration:underline;}
    .print h1 {font-size:1.2em;}
    .print h2 {font-size:1.2em;margin:0 0 .5em;}
    .print h3 {font-size:1em;margin:0 0 .5em;}
    .print ul {font-size:.8em;}
    .print ul li {display:inline}

#search { float: right; position: relative; top: -32px; right: 5px; height: 32px; }
#search a { color: white; font-weight: bold; font-size: .8em;  padding: 8px 8px 9px 8px;  }
#search .btn { color: white; background-color:transparent;  border:none; font-weight: bold; padding: 7px 8px 9px 8px; font-size: .8em; cursor: pointer; margin: 0; height: 32px; }
#search .btnhov, #search a:hover { background-color:#040; }
#search .txt {  }
