/*----------------------------------------------------------------------------------------------------------------konstrukcija*/
* { margin:0; padding:0; }

html, body{ height:100%; overflow:inherit;  }
html#html{/*height:1080px;*/}
#flashcontent{color:white;}
.flash{position:absolute;margin:100px 0 100px 150px;text-align:center;}
#flashcontent a{color:white;text-decoration:underline;}
body{ background:#cfcfcf url(img/bg-body.gif) repeat-x;  font-size:12px; background-color:#cfcfcf; font-family: Arial, Verdana, Helvetica ,sans-serif;  color:#333; font-size: small;}
#cezplast{ background:url(overlay.png) repeat; z-index:2; position:absolute; width:100%; height:100%; top:0;left:0;}

#page-holder {   background:#939393 url(img/body-bg.gif) no-repeat center top; width:100%; height:100%;   min-height: 100%; height: auto !important; }
#bg-wrap{  width:980px; background:url(img/senca-bg.png) repeat-y; /**/  margin: 0 auto; clear:both;  height:100%;   min-height: 100%;
 height: auto !important;}

#wrapIndex{  width:940px;  margin: 0 auto; background:#fff url(img/bg-glavaIndex.jpg) no-repeat top;  height:100%;   min-height: 100%; height: auto !important; position:relative;padding:0;  }
#wrap{  width:940px;  margin: 0 auto; background:#fff url(img/glavaKrajsa.jpg) no-repeat top;  height:100%;   min-height: 100%; height: auto !important; position:relative;padding:0;  }

#headIndex{ width:941px; height:484px; margin:0; padding:0; top:0; position:relative;}
#head{ width:941px; height:156px; margin:0; padding:0; top:0; position:relative;}

html > body #content{ width:940px; padding:0 0 20px 0; height: auto !important; position:relative;   background: url(img/content.gif) repeat-x ; }
#content{ width:940px; margin:0;padding:0 0 0px 0;   background:url(img/content.gif) repeat-x ;}
#contentN{ width:940px; background: url(img/contentN.png) repeat-y ; padding:0 0 0px 0; margin:0; }

#sidebar{ width:236px;  float:left;  padding:20px 0px 20px 0px; margin:0;}

#desno{ width:658px; float:right; padding:0 20px 0px 20px; position:relative; }
#narocniki{ width:678px; float:right; padding:0 0px 0px 0px; position:relative; }

#kontakt{ width:375px; height:auto; float:right; position:relative;  }

input.ime-priimek{ border:1px solid #ababab; height:17px; width:271px; background-color:silver; padding:2px; margin:13px 0 0 0; }
input.email{ border:1px solid #ababab; height:17px; width:307px; background-color:silver; padding:2px; margin:13px 0 0 0; }
textarea{border:1px solid #b1b1b1; margin:5px 0 5px 0; width:361px; background-color:silver; padding:2px;font-family: Arial, Verdana, Helvetica ,sans-serif; font-size:12px;}

#submit{margin:0 0 0 -5px; padding:10px 20px; width:104px; height:57px; color:#fff; font-weight:bold; background:url(img/gumb-form.png) no-repeat center; border:none; outline:none;}

#submit:hover{  background:url(img/gumb-formOver.png) no-repeat center;border:none; outline:none;cursor:pointer;}

#reset{margin:0 0 0 -5px; padding:10px 20px; width:104px; height:57px; color:#fff; font-weight:bold; background:url(img/gumb-form-reset.png) no-repeat center; border:none; outline:none;}
#reset:hover{  background:url(img/gumb-formOver.png) no-repeat center;border:none; outline:none;cursor:pointer;}
#ljudje{width:940px; height:128px; background:#bbbaba url(img/bg-ljudje.gif) repeat-x; position:relative; float:left; margin: 0px; padding:0px;}

#logotipi{ width:940px; height:250px; background-color:#fff; position:relative; margin:0px 0 0 0; padding:0;float:left;}

#footer { height:94px; width:940px; margin:0 auto 0 auto; background:#F8F8F9 url(img/bg-noga.gif) repeat-x top; text-align:center;font-size:11px; }
#author{float:right; margin: 0px 10px 0 0; font-size:10px; font-weight:bold; }
#author a{color:#999; }
/*----------------------------------------------------------------------------------------------------------------cel dokument*/

p {  padding:5px 0 9px 0; }
h1{ font-family: Arial, Verdana, Helvetica ,sans-serif; font-weight:normal; letter-spacing:0.06em;  font-size: 300%; }
h2{ margin:18px 0 9px 0;  clear:both; color:#ff000a; font-size:150%;font-weight:bold;}
h3{ margin:13px 0 6px 0;  clear:both; font-size:105%; color:#ff000a;}
h4{ font-size: 140%; color:#666; /*font-style:italic;*/ font-weight:normal;}
ul#storitve li{ color:#ff000a; font-weight:bold; list-style-type:none;   }
ul#storitve li ul li{ color:#333; font-weight:normal; list-style-type:disc; font-size:90%; list-style-position:inside; margin: 3px 0 0 13px;}


#Table_01{width:941px; height:251px; border:0px;}
#Table_01  img {cursor:pointer;}

span.okvir{ display:block; float:left; margin:15px 19px 10px 0px; padding:0; width:143px; height:200px; }
span.okvir a:link{color:#333; padding:15px 0 5px 0;}
span.okvir:hover{ color:#8c8b8b;cursor:pointer;}
span.okvir a:hover{ color:#8c8b8b;cursor:pointer;}
span.okvir img{ margin:0 0 5px 0; }

span.tiskani{display:block; float:left; margin:15px 23px 5px 0px; padding: 0;}
span.tiskani a{border:none; }
span.tiskani img{border:1px #999 solid;/**/ }

span.radio{display:block; float:left; margin:11px 27px 20px 0px; padding: 0; width:130px; }
span.radio a{ display:block; background:url(img/radio.png) no-repeat; height:46px; padding:35px 5px 20px 0; margin:0 0 20px 0;  }
span.radio a:hover{color:#8c8b8b; background:url(img/radioOver.png) no-repeat; }
span.splet{display:block; float:left; margin:15px 19px 5px 0px; padding: 0;}
span.splet a:hover{color:#8c8b8b;cursor:pointer; }
span.splet img{ margin:0 0 5px 0; }
#bg-logo{background: url(img/logotipi-bg.png) repeat-x; width:100%; height:45px;}

span.pluski{ margin:0 0 0 0 ; width:40px; display:block; float:left;text-align:left; }
.hid{display:none;/**/}
/*-------------------------------------------------------------------------------------- glava in ---------------------- menu*/
a:focus {
    outline: 0px solid white;
}
a{cursor:pointer; text-decoration:none; color:#333;}
img a:link, a:active, a:visited{text-decoration:none; border:none;}

img{border:none;}


div#menu{ margin:0; padding:0; float:right; margin-right:63px; margin-top:56px;  }
#menu ul li{ font-size: small;font-family:Arial, Verdana, Helvetica ,sans-serif;  font-weight:bold; list-style-type:none; display:inline;
		float:left;  margin: 0 2px 0 2px;  width:122px; height:75px; }
a span{display:block; width:105px; height:17px; }		
.single a span{display:block; width:102px; height:27px;}
	
#menu ul li a{ display:block;  text-decoration:none; height:75px; text-align:center; color:#ff000a; background:url(img/gumb-off.png) no-repeat top center; border:none;}
#menu ul li.single a{ color:#ff000a;}
#menu ul li.active a{ background:url(img/gumb-active.png) no-repeat top center; color:#fff;position:relative !important;}
#menu ul li a:hover{background:url(img/gumb-over.png) no-repeat top center; color:#fff; position:relative !important;}

a img#logo{ top:50px; left:30px; position:absolute; text-decoration:none; border:none;}
#logo { display: inline-block;  top:35px; left:30px; position:absolute; text-decoration:none; border:none;}
.oglasujte { color:#9F0102; display:block;  text-align:center; margin:74px 0 0 40px; z-index:1; width:250px; height:100px;  font-weight:bold; }
.oglasujte-senca{ color:#fff; display:block;  z-index:2; margin:-90px 0 0 3px; text-align:center;  width:250px; height:100px;}

html > body #slideshow-container{ width:510px; height:267px; float:right; margin:22px 77px 0 0; color:white;}
#slideshow-container{ width:510px; height:267px; float:right; margin:22px 39px 0 0; position:relative; }
#slideshow-container img{ margin:0; padding:0;display:block; position:absolute; top:0; left:0; z-index:1;}

html > body #jezik{ margin:0; padding:0;  width:19px; height:35px; position:absolute; top:0px; right:-19px;}
 #jezik{ float:right; margin:0 -19px 0 0;}

/*----------------------------------------------------------------------------------------------------------------menu stranski accordion*/
div#v_toggle{list-style-type:none; padding:0; margin:0 0 1px 0; background: #D0C8C8;  }
div#v_toggle span{ font-size: small; font-family:Arial, Verdana, Helvetica ,sans-serif;  font-weight:bold;/* */ display:block; height:30px; clear:both;}
div#v_toggle span a{  text-decoration:none; display:block; padding:6px 0 15px 30px;   background:url(img/menu-li-fx.png) no-repeat top center; color:#ff000a; }
div#v_toggle span a:hover{ background:url(img/menu-li-fx-over.png) no-repeat top center; }

#vertical_slide { background:url(img/vertical_slide.png) repeat-y ; padding: 0px; font-size: 12px; padding:7px 0 15px 40px; list-style-type:none;}
#vertical_slide li a { text-decoration:none; color: #333333; }
#vertical_slide li a.active{ color:#ff000a; }
#vertical_slide li a:hover{ color: #8c8b8b; }


ul#menu-storitve{ list-style-type:none; padding:0; margin:0;}
ul#menu-storitve li{ font-size: small; font-family:Arial, Verdana, Helvetica ,sans-serif; display:block; margin:1px 0 1px 0; padding:0;}
ul#menu-storitve li a{ text-decoration:none; display:block; padding:6px 5px 10px 45px; background:url(img/li-menu.png) no-repeat top center; color:#ff0000; 
font-weight:bold; }
ul#menu-storitve li a:hover{ background:url(img/li-menu-over.png) no-repeat top center; }

/*----------------------------------------------------------------------------------------------------------------- fisheye*/

/*jquery fisheye*/

img {
	border: none;
}

/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;

	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;

	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:200px; 
	top:22px; 
	right:-23px; 
	background:url(slideitmoo-11/images/desno.png) no-repeat center;  
    
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:-23px; 
	top:22px; 
	background:url(slideitmoo-11/images/levo.png) no-repeat center;  

}