/* SKUPNO
************************************************************************************/

* {  
    margin: 0; 
    padding: 0; 
    border: 0;
	}

body {
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../slike/ozadje.jpg);
	}

a 	{
	color:#b5a04a;
	text-decoration:none;
	}
	
a:hover	{
	color:#b5a04a;
	text-decoration:underline;
	}

a:visited {
	color:#b5a04a;
	}
	
p {
	color:#999;
	font-size:12px;
	padding:3px 0;
	}
	
		
img  {border:0px;}
		
h1 {
	font-size:1.4em;
	font-weight:bold;
	color:#cc0000;
	}
h3 {
	font-size:30px;
	color:#b5a04a;
	font-weight:normal;
	padding-bottom:8px;
	}
.zlata {
	color:#b5a04a;
	font-weight:bold;
	}
.zlata1 {
	color:#b5a04a;
	}
.celotna #album .gallery .siva a {
	color:#999;
	}
.celotna p {
	clear:both;
	}
	
	
/* POSTAVITEV */
#vsebina {
	position:absolute;
	left:50%;
	width:575px;
	margin-left:-288px;
	}
	
#glava {
	width:575px;
	height:250px;
	background-color:#000;
	padding-bottom:15px;
	}
	
#telo {
	width:100%;
	height:100%;
	margin-top:10px;
	background:#000;
	position:relative;
	padding-bottom:15px;
	}
	
#logo {
	position:absolute;
	top:16px;
	left:21px;
	}
	
.clr {
	clear:both;
	}


	
/* NAVIGACIJA GLAVA
******************************************************************************/
.epicenter a {		
	width:111px;
	height:58px;
	background:url(../slike/nav_glava.jpg) no-repeat left top;
	}
.epicenter a:hover {
	background:url(../slike/nav_glava.jpg) no-repeat right top;
	text-decoration:underline;
	}

.napomoc a {		
	width:111px;
	height:58px;
	background:#000 url(../slike/nav_glava.jpg) no-repeat left top;
	}
.napomoc img {
	padding-right:5px;
	padding-top:8px;
	vertical-align:text-bottom;
	}
.napomoc a:hover {
	background:url(../slike/nav_glava.jpg) no-repeat right top;
	text-decoration:underline;
	}
	
/* sredina
*****************************************************************/
.naslov {
	font-weight:bold;
	font-size:12px;
	z-index:3;
	padding:20px 0 0 54px;
	}
	
#dej_nav {
	position:absolute;
	top:15px;
	left:446px;
	width: 99px;
	}
	
#dejavnosti, #dejavnosti_c, #dejavnosti_o, #dejavnosti_s {
	list-style:none;
	width:400px;
	}
#dejavnosti li,#dejavnosti_c li, #dejavnosti_o li, #dejavnosti_s li {
	float:left;
	margin:0 2px;
	}
#dejavnosti li a,#dejavnosti_c li a, #dejavnosti_o li a, #dejavnosti_s li a {
	display:block;
	text-decoration:none;
	color:#b5a04a;
	font-size:11px;
	width:93px;
	height:25px;
	line-height:25px;
	background:url(../slike/dej_nav.jpg) no-repeat top left;
	text-align:center;
	}
#dejavnosti_c .cgp a,
#dejavnosti_o .oblikovanje a,
#dejavnosti_s .splet a,
#dejavnosti .vse a {
	text-decoration:underline;
	}

#dejavnosti_c li a:hover,
#dejavnosti_o li a:hover,
#dejavnosti_s li a:hover,
#dejavnosti li a:hover {
	background:url(../slike/dej_nav1.jpg) no-repeat top left;
	}

#teksti {

	}
.v_levo {
	width:40px;
	height:75px;
	margin-right:14px;
	float:left;
	background:#000;
	clear:right;
	text-align:center;
	}
.v_levo span {
	text-align:center;
	}
.mesec, .leto {
	font-size:11px;
	}
.dan {
	font-size:26px;
	}

.mesec, .dan, .leto {
	font-weight:bold
	}
		
.v_desno {
	width:486px;
	background:#000;
	height:100%;
	float:right;
	position:relative;
	border-bottom:1px dashed #b5a04a;
	padding:0px 0 30px 0;
	margin-right:34px;
	}
* html .v_desno {
	padding:10px;
	}
	
.v_desno1 {
	border-top:1px dashed #b5a04a;
	width:496px;
	height:100%;
	float:left;
	padding:0 0 95px 0;
	}
* html .v_desno1 {
	padding:0 0 30px 0;
	}
	
.v_desnoz {
	border-top:1px dashed #b5a04a;
	border-bottom:1px dashed #b5a04a;
	width:489px;
	background:#000;
	height:100%;
	float:left;
	position:relative;
	padding:0px 0 95px 0;
	}
* html .v_desnoz {
	padding:0 0 30px 0;
	}
	
.v_desnoz1 {
	border-bottom:1px dashed #b5a04a;
	border-top:1px dashed #b5a04a;
	width:489px;
	background:#000;
	height:100%;
	float:left;
	position:relative;
	padding:30px 0 15px 0;
	}
* html .v_desnoz1 {
	padding:0 0 30px 0;
	}

/* postavitev slik
*****************************************************************/	
.reference {
	height:100%;
	width:100%;
	padding-top:16px;
	position:relative;
	clear:both;
	height:auto !important;
	}

.razpoka, .prah {
	position:relative;
	float:right;
	margin-top:5px;
	z-index:0;
	}
	
.pred {
	width:50%;
	height:100%;
	float:left;
	}
.pred img, .po img, .celotna img, .pred p, .po p {
	margin-top:10px;
	}
.po {
	width:50%;
	height:100%;
	float:right;
	}
	
.navigacija {
	clear:both;
	padding:10px 0 15px 0;
	}
	
/* stopnje
***************************************************************/
.stopnja {
	width:228px;
	margin-bottom:40px;
	}	
.stopnjaz {
	width:228px;
	}
.stopnja_simbol {
	position:relative;
	right:0;
	top:40px;
	float:right;
	}

/* noga
***************************************************************/
#noga {
	height:37px;
	background:#000;
	line-height:31px;
	padding-left:56px;
	margin-top:10px;
	}
#noga p {
	font-size:11px;
	}
	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
position:absolute;
z-index:100;
right:30px;
background:#000;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background:#000;
 /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 111px; /*Width of top level menu link items*/
height: 58px;
line-height: 58px;
border-left-width: 0;
text-decoration: none;
background:url(../slike/nav_glava.jpg) top left;
text-align:center;
font-size:12px;
}
.suckertreemenu ul li a:hover {
background-color: black;
color: white;
text-decoration:none;
color:#b5a04a;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 6.5em; /* no need to change, as true value set by script */
visibility:visible;
z-index:200;
background:#000;
width:117px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
font-size:12px;
color:#999; 
background:none; 
cursor:default;
text-align:right;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 157px; /* no need to change, as true value set by script */
}

.razmak {
	margin-bottom:10px;
	}

/* Sub level menu links style */
#glava .suckertreemenu ul li ul li a{
	display: block;
	width: 117px; /*width of sub menu levels*/
	height: 18px;
	line-height: 15px;
	text-decoration: none;
	background: #000;
	text-align: right;
	color: #b5a04a;
	padding: 0 7px 0 0;
	margin:0 0 0 0;
	}

#glava .suckertreemenu ul li ul li a:hover {
	background:url(../slike/ozadje_nav.jpg) 0 0 no-repeat ;
	}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #000;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #000;
}

	
/* Holly Hack for IE 
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

.suckertreemenu li.sivo a {
	color:#999;
	}
	
#nav_prva ul {
	list-style:none;
	width:575px;
	margin-top:65px;
	position:absolute;
	}
	
#nav_prva li {
	float:left;
	height:158px;
	text-align:center;
	width:33%;
	}

