html, body, p, img, h1, h2, h3, ul, ol, li { margin:0; padding:0; }
ul, ul { list-style:none; }
img { display:inilne; vertical-align:bottom; }
body {
	background-image: url(img/bg_text.png);
	background-repeat: repeat;
	background-position:center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix {display: inline-block;} /* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} /* End hide from IE-mac */

.container { margin:0; padding:0; }
.limiter { background: #FFF; width:958px; margin: 0 auto; }

a { color:#9acd02; }
a:hover { color:#609; }
a:focus, a:active {
outline: 0;
-moz-outline: none;
} 


#naslovka { background-image: url(img/bg_text_naslovka.png); }

#naslovka .content { width:917px; background:none; }
#naslovka .limiter { background: #503481; width:958px; margin: 0 auto; text-align:center; }
#naslovka #glava { height:111px; }

/*#welcome_menu { background:#503481; border-bottom:20px solid #503481; border-top:20px solid #503481; text-align:center; }*/
#welcome_menu { background:#503481; margin-bottom:10px; margin-top:10px; text-align:center; }
#welcome_menu li { margin:0 20px; display:inline;  }
#welcome_menu li a { color:white; font-size:14px; font-weight:bold; padding:10px 0; height:20px; }
/*#naslovka .welcome_legal { text-align:center; background:#FFF; padding:5px 10px; }*/
#naslovka .produkcija { text-align:center; padding:0 0 13px 0; font-size:11px; color: #714ab6; }
#naslovka .produkcija a { color:#714ab6; text-decoration:none; }


#glava { height:/*was 314px;*/334px; background:#FFF; text-align:center; }
	img.logo{ padding:39px 0 32px 0; }
	#banner { background:/*#660099;*/#503481; }
	#banner img { border-left:20px solid white; border-right:20px solid white; }
	#menu { background:/*#660099;*//*#503481;*/white; text-align:center; font-size:12px; font-weight:bold; /*dodajam za flash*/ width:957px; margin: 0 auto; }
	#menu a { color:#FFF; }
	#menu ul { width:917px; /*namesto 918...en pixel shift*/ margin: 0 auto; /*background:#FF0;*/ text-align:center; border-left:20px solid white; border-right:20px solid white; }
	#menu li { /*float:left;*/ display:inline; margin:0 10px; padding:5px 10px; background: #9acd02; }

#noga { font-size:11px; background:/*#660099;*/#503481; text-align:center; color:#FFF; padding:20px 0 0 0; }
	.copy a { color:#9D83CD; text-decoration:none; }
	.copy a:hover { text-decoration:underline; }
	.footlinks { color:#9acd02; padding:20px 0 0 0; }
	.footlinks a:hover { color:white; }
	.shikdesign, .shikdesign a { color:#905de8; padding:20px 0 20px 0; }
	.produkcija { text-align:center; margin:20px 0; font-size:11px; color:#999; }
	.produkcija a { color:#999; text-decoration:none; }

#vsebina { width:918px; padding:0 20px 0 20px; min-height:350px; }
	#drobtine { font-size:10px; margin:0 0 20px 0; }
	h1 { font-size:24px; color:#609; font-weight:normal; margin:0 0 20px 0; }
	h2 { font-size:16px; color:#609; font-weight:normal; margin:20px 0 5px 0; }

	
	#stran { float:left; width:718px; margin:0 20px 40px 0; }
	#stran p { margin:0 0 10px 0; }
	
	/*#podrocja { font-size:12px; float:left; }
	#podrocja>li { clear:both; margin::0 0 20px 0; }
	#podrocja ul { float:left; width:538px; list-style:square; margin:0 0 20px 20px; padding:11px 0; background: url(img/bg_upltr.png) top left no-repeat;  }
	#podrocja ul li { margin:0 0 0 25px; }
	#podrocja ul li ul { width:538px; display:inline; background:none; margin:0 0 0px -10px; padding:2px 0 7px 0; }
	.podrocje { width:180px; float:left; background: url(img/bg_uprtl.png) top right no-repeat; text-align:right; clear:left; }
	.podrocje h2 { margin:10px; font-size:14px; color:#503481; font-weight:bold; }*/
	
	.tizr { width:180px; float:right; clear:right; background: url(img/bg_kontakti.jpg) no-repeat; padding:0 0 20px 0; margin:0 0 20px 0; }
	/*.tizrright { float:right; }*/
	.tizr h3 { color:#609; padding:10px 10px 0 10px; font-size:12px; }
	.tizr p { padding:10px 10px 0 10px; }
	.fb { background: none; color: white;  }
	.fb a { color: white; margin:0 0 0 70px; }
	
	.qtrans_language_chooser { position:absolute; top:5px; right:5px; font-size:11px; }
	.qtrans_language_chooser li { float:left; margin: 0 5px 0 0; display:block; }
	.qtrans_language_chooser a { color: #FFF; padding:4px; display:block; background:#503481; text-decoration:none; }
	.qtrans_language_chooser a:hover { background:#9acd02; }
	
	
	/*** tabs ***/
	#tab { }
	.ui-tabs-vertical { width: 800px; /*background:#00F;*/ }
	.ui-tabs-vertical .ui-tabs-nav { /*padding: 10px;*/ float: left; width: 220px; }
	.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px 0 0; }
	.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
	.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: 0; border-right-width: 1px; border-right-width: 1px; }
	.ui-tabs-vertical .ui-tabs-panel { padding: 10px; float: left; width: 490px;}
	
	.ui-tabs { position: relative; /*padding: 10px;*/ zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	.ui-tabs .ui-tabs-nav { margin: 0; /*padding: 10px;*/ }
	.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 1px 1px 0; border-bottom: 0 !important; padding: 0; /*white-space: nowrap;*/ }
	.ui-tabs .ui-tabs-nav li a { float: left; padding: 5px 10px; text-decoration: none; width:100%; display:block; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background:#FFF; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; font-weight:bold; }
	.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
	.ui-tabs .ui-tabs-panel { display: block; border: 0; padding:0 20px 20px 0; /*padding: 10px 14px;*/ background: none; }
	.ui-tabs .ui-tabs-hide { display: none !important; }
	
	
	.ui-state-default { background: url(img/bg_tab_kdo.jpg) top right no-repeat; }
	.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { background-image: url(img/bg_tab_kdo_selected.gif);/*background-color:#BDE545;*//* background:#00F;*/ }
	.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a { color:white; }
	
	/* tab ekipa */
	.fotkaKdo { background: url(img/bg_okvir_kdo.jpg) no-repeat; width:228px; float:left; clear:both; }
	.fotkaKdo img { margin: 7px 0 20px 6px; }
	.opisKdo { width:260px; float:left; }
	.opisKdo h2 { font-size:18px; color:#609; font-weight:normal; margin:10px 0 5px 0; }
	.opisKdo h3 { font-size:14px; color:#9f9e9f; margin:0 0 20px 0; }
	.opisKdo p { padding:0 0 20px 0; }
	.kajKdo { color:#9f9e9f; }
	
	/* tab ostalo */
	.tab { }
	.tab p { margin:0 0 10px 0; }
	.tab .tabcontent { margin: 1px 0 10px 0; padding: 5px 20px 5px 20px;  border-left:5px solid #bde545; border-bottom:5px solid #bde545; }
	.tab ul { /*float:left; width:538px;*/ list-style:square; margin:0 0 0 20px; padding:0 0 11px 0; /*background: url(img/bg_upltr.png) top left no-repeat;*/  }
	.tab ul li { margin:0 0 2px 0; }
	.tab ul li.sekcija { list-style:none; }
	.tab ul li h3 { font-size:14px; color:#609; font-weight:bold; margin:10px 0 5px 0; }
	.tab ul li h3.first { font-size:14px; color:#609; font-weight:bold; margin:0 0 5px 0; }
	
	/* tabz podrocja */
	.podrocja .ui-tabs-nav { margin:0 0 20px 0; }
	.podrocja .ui-tabs-selected { background-image: url(img/bg_tab_podrocje.jpg) !important; }
	.podrocja .tabcontent{ border-left:none; border-bottom:none; background: url(img/bg_uprtl.png) top right no-repeat; }
	.podrocja h2 { font-size:16px; color:#609; font-weight:normal; margin:0px 0 20px 0; }


    /* blog */
	.lefty { width:180px; float:left; /*background: url(img/bg_meni_blog.jpg) no-repeat; padding:0 0 30px 0;*/  }
	.righty { width:/*538px minus padding*/518px; padding: 0 20px; float:left;}
	.righty h2 { font-size:18px; margin:0px 0 5px 0; }
	.righty h2 a { text-decoration:none; }
	.righty h2 a:hover { text-decoration:underline; }
	.prispevek { padding:0 0 20px 0; clear:both; margin:0 0 20px 0; }
	.prispevek img { float:left; margin:0 10px 20px 0; }
	.prispevek .datum { color:#999; font-size:11px;}
	#prispevekcelota { padding: 0 20px 20px 20px; }
	#prispevekcelota p { margin:0 0 10px 0; }
	#prispevekcelota img { float:left; margin:0 20px 10px 0; }