a:link {
	color: #FFFFFF;
	text-decoration:none;
}
a:visited {
	color: #FFFFFF; 
	text-decoration:none;
}
a:active {
	color: #FFFFFF; 
	text-decoration:none;
}

a:hover {
	color: #FFFFFF; 
	text-decoration:underline
}

/* MENU
************************************************************************************/	

#domov {
	display: block;
	width: 60px;
	height: 36px;
	background: url("images/domov.png") no-repeat 0 0;
	float: left;
	margin-left: 25px;
}

#domov:hover { 
	background-position: 0 -36px;
}

#domov span {
	display: none;
}
/* 
************************************************************************************/	
#omeni {
	display: block;
	width: 56px;
	height: 36px;
	background: url("images/omeni.png") no-repeat 0 0;
	float: left;
	margin-left: 17px;
}

#omeni:hover { 
	background-position: 0 -36px;
}

#omeni span {
	display: none;
}
/* 
************************************************************************************/	
#portfolio {
	width: 83px;
	height: 36px;
	background: url("images/portfolio.png") no-repeat 0 0;
	float: left;
	margin-left: 17px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#portfolio:hover { 
	background-position: 0 0px;
}

#portfolio span {
	display: none;
}
/* 
************************************************************************************/	
#reference {
	display: block;
	width: 83px;
	height: 36px;
	background: url("images/reference.png") no-repeat 0 0;
	float: left;
	margin-left: 17px;
}

#reference:hover { 
	background-position: 0 -36px;
}

#reference span {
	display: none;
}
/* 
************************************************************************************/	
#storitve {
	display: block;
	width: 69px;
	height: 36px;
	background: url("images/storitve.png") no-repeat 0 0;
	float: left;
	margin-left: 17px;
}

#storitve:hover { 
	background-position: 0 -36px;
}

#storitve span {
	display: none;
}
/* 
************************************************************************************/	
#kontakt {
	display: block;
	width: 69px;
	height: 36px;
	background: url("images/kontakt.png") no-repeat 0 0;
	float: left;
	margin-left: 17px;
}

#kontakt:hover { 
	background-position: 0 -36px;
}

#kontakt span {
	display: none;
}

/* MENU-DOWN
************************************************************************************/	

#menu_portfolio {
	margin: 0px;
	padding: 0px;
}

#menu_portfolio ul {
	margin: 0px;
	padding: 0px;
	line-height:30px;
}

#menu_portfolio li {
	margin: 0px;
	padding: 0px;
	list-style:none;
	float:left;
	position:relative;
}

#menu_portfolio ul li a {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	color:#FFF;
	font-size: 12px;
}

#menu_portfolio ul ul {
	position:absolute;
	visibility:hidden;
	top:36px;
	left: -25px;
}

#menu_portfolio ul li:hover ul {
	visibility:visible;
}


/* PODMENU
************************************************************************************/	
#foto {
	display: block;
	width: 139px;
	height: 37px;
	background: url("images/foto.png") no-repeat 0 0;
	float: left;
	margin-left: 17px;
}

#foto:hover { 
	background: url("images/foto2.png") no-repeat 0 0;
}

#foto span {
	display: none;
}

/* 
************************************************************************************/	
#splet {
	display: block;
	width: 139px;
	height: 30px;
	background: url("images/splet.png") no-repeat 0 0;
	float: left;
	margin-left: 17px;
}

#splet:hover { 
	background-position: 0 -30px;
}

#splet span {
	display: none;
}

/* 
************************************************************************************/	
#grafika {
	display: block;
	width: 139px;
	height: 35px;
	background: url("images/grafika.png") no-repeat 0 0;
	float: left;
	margin-left: 17px;
}

#grafika:hover { 
	background: url("images/grafika2.png") no-repeat 0 0;
}

#grafika span {
	display: none;
}
