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

#sbox {border:0px; background:transparent;width:90px;font-size:11px;}
p {padding:0px; margin:0px;}
a {color:#b0b0b0;text-decoration:none;}
a:hover {color:#b0b0b0;text-decoration:underline;}
body { 
	padding:0; 
	margin:0;
	margin-top:30px;
	margin-bottom:30px; 
	font:12px/1.5em Tahoma;
	line-height:1.5em;
	background:#494949;
	background-image:url(images/ozadje.gif);
	background-repeat:repeat-x;
	color:#777779}

a img {
	border:0}

h3 {
	font-size:1.3em;
	margin:0 0 5px 0;
	padding:2px 0px 0px 0px;
	border-bottom:2px solid #eee}

.blue {
	color:#286ea0}

#container {
	margin:0 auto;
	width: 967px}
	
/*Glava*/	
#glava{
	width:967px;
	height:61px}
	

#glava-navigacija{
	width:811px;
	height:61px;
	float:left;
	background-image:url(images/ozadje-header.gif);
	background-repeat:repeat-x}
	
#glava-logo{
	width:175px;
	height:61px;
	float:left}
	
#glava-navigacija2{
	font-size:11px;
	color:#b0b0b0;
	float:right;
	padding-right:30px;
	padding-top:9px}
	
a.glava-navigacija-zg:link{
	text-decoration:none;
	color:#b0b0b0}
	
a.glava-navigacija-zg:visited{
	text-decoration:none;
	color:#b0b0b0}
	
a.glava-navigacija-zg:visited:hover{
	text-decoration:underline;
	color:#b0b0b0}

a.glava-navigacija-zg:hover{
	text-decoration:underline;
	color:#b0b0b0;}

#glava-iskanje{
	width:156px;
	height:61px;
	float:right;
	background-image:url(images/iskanje.jpg);
	background-repeat:no-repeat}
	
#glava-iskanje2{
	font-size:11px;
	color:#4d4d4d;
	padding-left:42px;
	padding-top:21px}
/*------------------------------------------------*/

/*Menu*/	
#menu2{
	width:247px;
	margin-top:13px;
	float:left;
	background-image:url(images/ozadje-menu.gif);
	background-repeat:repeat-y}
	
#menu-zg{
	background-image:url(images/menu-zg.gif);
	background-repeat:no-repeat}
	
#gl-menu{
	width:207px;
	margin-left:19px;
	margin-top:10px}
	
#podatki-zg2{
	background-image:url(images/menu-zg2.gif);
	background-repeat:no-repeat;
	background-color:#252525;
	margin-left:19px;
	width:207px;
	height:18px}
	
#podatki{
	margin-left:19px;
	width:207px;
	background-color:#252525;
	background-image:url(images/info.gif);
	background-repeat:no-repeat;
	background-position:inherit}
	
#naslov{
	margin-left:57px;
	color:#b9b9b9;
	font-size:11px}
	
#telefonske{
	margin-left:19px;
	color:#b9b9b9;
	font-size:11px}

	
#menu-sp{
	background-image:url(images/menu-sp.gif);
	background-repeat:no-repeat;
	width:247px;
	height:21px}
/*------------------------------------------------*/

/*Desni menu*/
#desno{
	float: right;
	width: 237px;
	margin-top:13px;
	margin-left:13px}

#desni-menu, #desni-menu2, #desni-menu3, #desni-menu4 {
	margin-bottom:13px;
	background-image:url(images/desni-menu-ozad-zg.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#323232}
	
#vsebina-naslov-desno, #vsebina-naslov-desno2, #vsebina-naslov-desno3, #vsebina-naslov-desno4{
	width:201px;
	margin-left:18px;
	padding-top:13px;
	background-image:url(images/novice-podcrtano-desno.gif);
	background-repeat:no-repeat;
	background-position:bottom}
	
.vsebina-naslov-desno2{
	margin-bottom:15px;
	padding-bottom:9px;
	font-size:14px;
	color:#b5b5b5}
	
#vsebina-desno{
	width:201px;
	height:89px;
	margin-left:18px;
	background-image:url(images/koding-magazin2.gif);
	background-repeat:no-repeat;
	background-position:right top}
	
#vsebina-desno2{
	width:201px;
	height:89px;
	margin-left:18px;
/*	background-image:url(images/link-4900-desno.gif);
 */
	background-repeat:no-repeat;
	background-position:left bottom}

#vsebina-desno3{
	width:201px;
	height:89px;
	margin-left:18px;
/*	background-image:url(images/link-ij600.gif);
 */
	background-repeat:no-repeat;
	background-position:right bottom}

#vsebina-desno4{
	width:201px;
	margin-left:18px;
	padding-bottom:20px}
	
#vsebina-desno p{
	margin-left:37px;
	margin-top:-35px}
	
#vsebina-desno2 p{
	margin-left:115px;
	margin-top:-20px}
	
#vsebina-desno3 p{
	margin-top:-25px}
	
#vsebina-desno-sp, #vsebina-desno-sp2, #vsebina-desno-sp3, #vsebina-desno-sp4{
	background-image:url(images/desni-menu-ozad-sp.gif);
	background-repeat:no-repeat;
	width:237px;
	height:6px}

.prenesi{
	color:#b1b1b1;
	font-size:15px;
	font-weight:bold}
	
.desno-tekst{
	color:#b1b1b1;
	font-size:13px}
	
a.prenesi:link{
	text-decoration:none}
	
a.prenesi:visited{
	text-decoration:none}
	
a.prenesi:hover{
	text-decoration:underline}

a.prenesi:hover{
	text-decoration:underline}
	
.prenesi2{
	font-size:9px;
	color:#b1b1b1}

.eposta{
	padding:2px;
	width:124px;
	border:solid 1px #444444;
	background-color:#4d4d4d;
	font: 9px Arial, Helvetica, sans-serif;
	color:#ffffff}

#vec-4, #vec-5 {
	margin-top:9px;
	margin-left:156px}
	
#vec-5 {
	margin-top:9px;
	margin-left:-150px}
	
#vec-4.a, #vec-5.a {
	display: block;
	width: 48x;
	height: 20px;
	background: transparent url url("images/vec.gif") no-repeat}

#vec-4 a:hover, #vec-5 a:hover {
	background-position: -48px 0} 

a#button1a-4, a#button1a-5 {
    display: block;
    width: 48px;
    height: 20px;
    background-image: url(images/vec.gif);
    background-position: 0 0;
    margin: 0 auto}
	
a#button1a-4:hover, a#button1a-5:hover {
    background-position: 0 -20px}
/*-----------------------------------------------------*/

/*Slike*/
#slike{
	background-image:url(images/header-zg-ozadje.gif);
	background-repeat:repeat-y;
	width:703px;
	margin-top:13px;
	float:right}
	
.slike2 {
	line-height: 1.4em;
/* 	background:url(images/slika1.jpg);
 */
	background-repeat:no-repeat;
	background-position:top;
	width:703px}

#slike-besedilo{
	padding-top:75px;
	padding-left:325px;
	width:378px;
/*	background-image:url(images/naprej.gif);
	background-repeat:no-repeat;
	background-position:right bottom}
*/	
}
#slike-besedilo2{
	width:353px}
	
slike-menu-sp{	
	background-image:url(images/header-sp2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:5px;
	width:703px}

#slike-naprej{
	float:right;
	padding-top:20px;
/*	width:201px*/
        }

.slike-naprej2{
	font:"Myriad Pro Cond";
	font-weight:bold;
	font-size:15px;
	color:#dadada}
	
a.slike-naprej2:link{
	text-decoration:underline}
	
a.slike-naprej2:visited{
	text-decoration:underline}
	
a.slike-naprej2:visited:hover{
	text-decoration:none}

a.slike-naprej2:hover{
	text-decoration:none}
	
#menu-slika{
	background-image:url(images/header-sp2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:703px;
	height:5px;
	float:right}
	
#menu-h{
	padding-top:6px;
	padding-left:20px;
	font-size:11px;
	width:250px;
	float:left}

#menu-h2{
	padding-top:6px;
	float:right;
	padding-right:14px}
	
/*content*/
.content {
	background-image:url(images/content-top.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#1b1b1b;
	width:662px;
	float:left;
	margin-left:17px;
	margin-top:13px;
        padding:20px;
        color: #8f8f8f;
        }

.contentb {
	background-image:url(images/content-bottom.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#1b1b1b;
	width:703px;
	height:12px;
	float:left;
	margin-left:17px;}
	

/*Novice*/


#novice {
	background-image:url(images/vsebina-zg-ozadje.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#1b1b1b;
	width:452px;
	float:left;
	margin-left:17px;
	margin-top:13px}
	
#vsebina-naslov{
	width:416px;
	margin-left:18px;
	margin-top:14px;
	background-image:url(images/novice-podcrtano.gif);
	background-repeat:no-repeat;
	background-position:bottom}
	
.vsebina-naslov2{
	margin-bottom:15px;
	padding-bottom:9px;
	font-size:14px;
	color:#b5b5b5}
	
.rss{
	float:right;
	margin-top:-15px}
	
	
#novica, #novica-2, #novica-3{
	width:416px;
	margin-left:18px}
	
#novica-naslov, #novica-naslov-2, #novica-naslov-3{
	margin-top:14px;
	background-image:url(images/novice-podcrtano2.gif);
	background-repeat:no-repeat;
	background-position:bottom}
	
.novica-naslov2, .novica-naslov2-2, .novica-naslov2-3{
	margin-bottom:11px;
	padding-bottom:8px;
	font-size:12px;
	color:#9b9b9b}
	
#novica-vsebina, #novica-vsebina-2, #novica-vsebina-3{
	font-size:11px;
	color:#8f8f8f}

#novica-vec, #novica-vec-2, #novica-vec-3{
	padding-bottom:50px}

#vec, #vec-2, #vec-3{
	margin-top:9px;
	margin-left:361px}
	
#vec.a, #vec-2.a, #vec-3.a {
	display: block;
	width: 48x;
	height: 20px;
	background: transparent url url("images/vec.gif") no-repeat}

#vec a:hover, #vec-2 a:hover, #vec-3 a:hover {
	background-position: -48px 0} 

a#button1a, a#button1a-2, a#button1a-3 {
    display: block;
    width: 48px;
    height: 20px;
    background-image: url(images/vec.gif);
    background-position: 0 0;
    margin: 0 auto}
	
a#button1a:hover, a#button1a-2:hover, a#button1a-3:hover {
    background-position: 0 -20px}
	
#zadnje3{
	width:416px;
	margin-left:18px;
	margin-top:14px;
	background-image:url(images/novice-podcrtano.gif);
	background-repeat:no-repeat;
	background-position:bottom}
	
.zadnje3-2{
	margin-bottom:15px;
	padding-bottom:9px;
	font-size:14px;
	color:#b5b5b5}
	
#zadnje3-3{
	width:416px;
	margin-left:18px}
	
.zadnje3-p{
	font-size:12px;
	color:#8f8f8f}
	
a.zadnje3-p:link{
	text-decoration:none}
	
a.zadnje3-p:visited{
	text-decoration:none}
	
a.zadnje3-p:visited:hover{
	text-decoration:underline}

a.zadnje3-p:hover{
	text-decoration:underline}
	
.novica-slika, .novica-slika-2, .novica-slika-3{
	border:3px solid #3b3b3b;
	margin-right:16px}
	
.novica-slika:hover, .novica-slika-2:hover, .novica-slika-3:hover{
	border:3px solid #7f7f7f;
	margin-right:16px}
/*------------------------------------------------*/

/*Spodaj*/
#footer {
	clear:both;
	color:#acacac;
	background:#353535;
	font-size:0.8em;
	text-align:center;
	margin-left:264px;
	width:452px;}
	
#footer2{
	text-align:left;
	margin-left:86px;
	padding-left:38px;
	background-image:url(images/koding-logo2.gif);
	background-repeat:no-repeat;
	background-position:left center}

#footer a {
	text-decoration: underline}

#footer a:hover {
	color: #000}

#footer-zg{
	background-image:url(images/header-sp3.gif);
	width:453px;
	height:25px}

#footer-sp{
	background-image:url(images/header-sp4.gif);
	width:453px;
	height:7px;
	margin-left:264px}
	

/*Menu levo*/
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color:#c4c4c4}

#menu dt {
	cursor: pointer;
	margin: 2px 0;;
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-weight: bold;
	background: #ccc;
	background-image:url(images/menu-ozadje2.gif);
	height:33px;
	width:207px}

#menu dd {
	margin-top:12px;
	margin-bottom:20px}
	
#menu li {
	text-align:left;
	background:#323232;
	margin-left:30px}

#menu li a {
	color: #c4c4c4;
	font-size:11px;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	background-image:url(images/puscica-menu.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:13px}

#menu dt a {
	color: #c4c4c4;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	background-image:url(images/menu-ozadje3.gif);
	height:33px;
	width:207px}

#menu li a:hover, #menu dt a:hover {
	text-decoration:underline}

.mentions {
	position: absolute;
	top : 300px;
	left : 10px;
	color: #c9c9c9;
	background-color: #ddd}

/*Horizontalni menu*/
#navcontainer {
	background: #1b1b1b;
	margin: 0 auto;
	padding: 1em 0 0 0;
	font-size:19px}

/* to stretch the container div to contain floated list */
#navcontainer:after {
	content: ".";
	display: block;
	line-height: 1px;
	clear: both}

ul#navlist {
	list-style: none;
	padding: 0;
	margin: 0 auto}

ul#navlist li {
	display: block;
	float: left;
	margin: 0;
	padding: 0}

ul#navlist li a {
	display: block;
	width: 100%;
	padding: 0.2em;
	border-width: 1px;
	color: #878787;
	text-decoration: none;
	background: #1b1b1b}

#navcontainer>ul#navlist li a { 
	width: auto}

ul#navlist li#active a {
	background: #2d2d2d;
	color: #878787}

ul#navlist li a:hover, ul#navlist li#active a:hover {
	color: #878787;
	background:#2d2d2d}
/*---------------------------------------------------------*/