/* CSS datoteko izdelal Matic Kontrec, studio89.si - www.studio89.si */

html, body {
      background-image: url(../img/bg.gif);
      background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
      background-color: #3b4a3e;
	
}

#top {
	background-image: url(../img/top1.png);
	width: 688px;
	height: 201px;
      position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -233px;
	padding: 0px;
}

#bgtop {
      background-image: url(../img/bgtop.gif);
	width: 1074px;
      height: 681px;
      position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -500px;
	padding: 0px;
 }
   
#logo {
      background-image: url(../img/logo.png);
      margin-left: -470px;
      left: 50%;
	width: 204px;
      height: 140px;
      position: absolute;
      padding: 0px;
}
      
#block {
      background-image: url(../img/bgtext.png);
	width: 641px;
      margin-left: -231px;
      left: 50%;
      top: 201px;
      position: absolute;
	font-family: Arial;
	font-size: 12px;
	color: #585858;
	text-decoration: none;
	text-align: justify;
      padding: 0px 20px 0px 25px;  
}

#left {
      background-image: url(../img/leftcopy.png);
	width: 204px;
	height: 600px;
	position: absolute;
	top: 139px;
	left: 50%;
	margin-left: -470px;
	font-family: Arial;
	font-size: 16px;
	color: #fc0606;
	text-decoration: none;

}

#fade_base{
      top: 120px;
	width: 600px;
	padding: 50px;
	height: 60px;
	font-family: Century Gothic;
	font-size: 60px;
      text-align= center;	
}

#slideshow {
	width: 400px;
	height: 170px;
	position: absolute;
	top: 510px;
	left: 50%;
	margin-left: 79px;
      background-color: #5f5f5f;
	font-family: Arial;
	font-size: 16px;
	color: #fc0606;
	text-decoration: none;

}


#menu {
	position: absolute;
	top: 320px;
      width: 200px;
      height: 200px;
	left: 50%;
	margin-left: -458px;
	padding: 0px;
}

#menu ul {
	display: inline;
	list-style: none;
}

#menu li {
	float: left;
}
#menu li #button2 {
      text-align: center;
	display: block;
	float: left;
	height: 95px;
	width: 95px;
	padding: 0px 0px 0px 0px;
	background:url(../img/button2.png) no-repeat bottom;
	font-family: Arial;
	font-size: 16px;
	color:#ffffff;
	text-decoration: none;
}
#menu li #button3 {
      text-align: center;
	display: block;
	float: left;
	height: 95px;
	width: 95px;
	padding: 0px 0px 0px 0px;
	background:url(../img/button2.png) no-repeat bottom;
	font-family: Arial;
	font-size: 16px;
	color:#ffffff;
	text-decoration: none;
}
#menu li #button4 {
      text-align: center;
	display: block;
	float: left;
	height: 95px;
	width: 95px;
	padding: 0px 0px 0px 0px;
	background:url(../img/button1.png) no-repeat bottom;
	font-family: Arial;
	font-size: 16px;
	color:#ffffff;
	text-decoration: none;
      
}

#menu li a{
	text-align: center;
      font-weight:bold;
	display: block;
	float: left;
	height: 95px;
	width: 95px;
	padding: 0px 0px 0px 0px;
	background:url(../img/button1.png) no-repeat bottom;
	font-family: Arial;
	font-size: 16px;
	color:#ffffff;
	text-decoration: none;
}
#menu #button2:hover {
	background: url(../img/button2_hover.png) no-repeat bottom;
      color: #111111;
}
#menu #button3:hover {
	background: url(../img/button2_hover.png) no-repeat bottom;
      color: #111111;
}
#menu #button4:hover {
	background: url(../img/button1_hover.png) no-repeat bottom;
      color: #111111;
}
#menu li a:hover {
	background: url(../img/button1_hover.png) no-repeat bottom;	
      color: #111111;
}

#menu #active {
	background: url(../img/button1_hover.png) no-repeat;
	color: #FFFFFF;
}

#menu-active {
	background: url(../img/button1_hover.png) no-repeat;
	color: #FFFFFF;
	text-align: center;
	display: block;
	float: left;
	height: 90px;
	width: 90px;
	padding: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
}


#nav{
      position: absolute;
	top: 320px;
      width: 200px;
      height: 200px;
	left: 50%;
	margin-left: -458px;
	padding: 0px;

}

#nav, #nav ul { /* all lists */
	padding: 0;
	line-height: 1;
	display: inline;
	list-style: none;

}

#nav li #button1 {
      text-align: center;
      font-weight:bold;
	display: block;
	float: left;
	height: 95px;
	width: 95px;
	padding: 0px 0px 0px 0px;
	background:url(../img/button1.png) no-repeat bottom;
	font-family: Arial;
	font-size: 16px;
	color:#ffffff;
	text-decoration: none;
}

#nav li #button2 {
      text-align: center;
      font-weight:bold;
	display: block;
	float: left;
	height: 95px;
	width: 95px;
	padding: 0px 0px 0px 0px;
	background:url(../img/button2.png) no-repeat bottom;
	font-family: Arial;
	font-size: 16px;
	color:#ffffff;
	text-decoration: none;
}
#nav li #button3 {
      font-weight:bold;
      text-align: center;
	display: block;
	float: left;
	height: 95px;
	width: 95px;
	padding: 0px 0px 0px 0px;
	background:url(../img/button2.png) no-repeat bottom;
	font-family: Arial;
	font-size: 16px;
	color:#ffffff;
	text-decoration: none;
}
#nav li #button4 {
      font-weight:bold;
      text-align: center;
	display: block;
	float: left;
	height: 95px;
	width: 95px;
	padding: 0px 0px 0px 0px;
	background:url(../img/button1.png) no-repeat bottom;
	font-family: Arial;
	font-size: 16px;
	color:#ffffff;
	text-decoration: none;
      
}

#nav li { /* all list items */
      display: block;
	float: left;
}
#nav li ul { /* second-level lists */
      top: 50px;
      margin-left: -100px;
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a{
      display: block;
      height: 30px;
	width: 159px;
	padding: 10px 0px 0px 0px;
      background-color: #797979;
      border-width: 1px;
      border-style: solid;
      border-color: #6c6c6c;
      opacity: 0.6;
	filter: alpha(opacity=60);
      font-weight:bold;
      text-align: center;
      text-decoration:none;
      font-family: Arial;
	font-size: 16px;
	color:#fefefe;
}
#nav li ul a:hover{
      opacity: 0.9;
	filter: alpha(opacity=90);
}

#nav #hov1 { /* second-level lists */
      background:url(../img/dropup1.png) no-repeat bottom;
	padding: 5px 0px 0px 30px;
      bottom: 187px;
      margin-left: 100px;
      top: -137px;
	width: 178px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}



#nav #hov2 { /* second-level lists */
      background:url(../img/dropup2.png) no-repeat bottom;
      padding: 5px 0px 0px 10px;
      bottom: 187px;
      margin-left: 100px;
      top: -137px;
	width: 178px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


#nav #hov3 { /* second-level lists */
      background:url(../img/dropdown.png) no-repeat bottom;
      margin-left: 87px;
      padding: 15px 0px 0px 30px;
      top: 184px;
      bottom: -134px;
	width: 178px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav #hov4 { /* second-level lists */
      background:url(../img/dropdown2.png) no-repeat bottom;
      padding: 15px 0px 0px 10px;
      margin-left: 93px;
      top: 184px;
      bottom: -134px;
	width: 178px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover #hov1, #nav li.sfhover #hov1 { /* lists nested under hovered list items */
	left: -114px;
}

#nav li:hover #hov2, #nav li.sfhover #hov2 { /* lists nested under hovered list items */
	left: -100px;
}

#nav li:hover #hov3, #nav li.sfhover #hov3 { /* lists nested under hovered list items */
	left: -100px;
}

#nav li:hover #hov4, #nav li.sfhover #hov4 { /* lists nested under hovered list items */
	left: -96px;
}

#nav #button2:hover {
	background: url(../img/button2_hover.png) no-repeat bottom;
      color: #111111;
      text-decoration: none;
}
#nav #button3:hover {
	background: url(../img/button2_hover.png) no-repeat bottom;
      color: #111111;
}
#nav #button4:hover {
	background: url(../img/button1_hover.png) no-repeat bottom;
      color: #111111;
}
#nav #button1:hover {
	background: url(../img/button1_hover.png) no-repeat bottom;	
      color: #111111;
}

#nav #active {
	background: url(../img/button1_hover.png) no-repeat;
	color: #FFFFFF;
}

#nav-active {
	background: url(../img/button1_hover.png) no-repeat;
	color: #FFFFFF;
	text-align: center;
	display: block;
	float: left;
	height: 90px;
	width: 90px;
	padding: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
}


#admin-link{
	position: relative; 
	top: 158px; 
	text-decoration: none; 
	color: #5a5a5a;
}

#admin-link:hover{
	color: #fefefe;
}

#block-bottom {
      background: url(../img/bottom.png);
	width: 686px;
	height: 80px;
	display: block;
	position: relative;
	left: 50%;
	margin: 5px 0px 0px -345px;
	clear: both;
}



#bottom-copyright {
	margin: 0px;
	padding: 25px 0px 0px 20px;
	float: left;
	width: 200px;
	color: #fefefe;
	font-family: Verdana;
	font-size: 10px;		text-decoration: none;
}

#bottom-izdelava {
	margin: 0px;
	padding: 25px 30px 0px 0px;
	float: right;
	color: #fefefe;
	font-family: Verdana;
	font-size: 10px;		text-decoration: none;
}

#bottom-izdelava a, active, visited {
	color: #fefefe;
	text-decoration: none;
}

#bottom-izdelava a:hover {
	color: #fefefe;
	text-decoration: none;
}

#bottom-pravno {
	margin: 0px;
	padding: 6px 0px 0px 30px;
	float: left;
	color: #999999;
	font-family: Verdana;
	font-size: 10px;
}

#bottom-pravno a, active, visited {
	color: #fefefe;
	text-decoration: none;
}

#bottom-pravno a:hover {
	color: #fefefe;
	text-decoration: none;
}

#bottom-pogoji {
	margin: 0px;
	padding: 6px 0px 0px 5px;
	float: left;
	font-family: Verdana;
	font-size: 10px;
}

#bottom-pogoji a, active, visited {
	color: #666666;
	text-decoration: none;
}

#bottom-pogoji a:hover {
	color: #666666;
	text-decoration: none;
}

h1 {
	color: #282828;
	font-family: Calibri;
	font-size: 22px;
	font-weight: bold;
      text-align: center;
}

h2 {
	color: #858484;
	font-family: Calibri;
	font-size: 17px;
      text-align: center;
}

#povprasevanje-block {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #E6E6E6;
}

#gumb-povprasaj {
	margin: 5px 0px 10px 0px;
	padding: 5px 0px 10px 0px;
	float: right;
	display: block;
}

.gumb-sub {
	margin: 0px;
	padding: 1px 10px 1px 10px;
	border: 1px dotted #E6E6E6;
	background-color: #F8F8F8;
	color: #999999;
	font-size: 10px;
}

.gumb-sub:hover {
	margin: 0px;
	padding: 1px 10px 1px 10px;
	border: 1px dotted #E6E6E6;
	background-color: #FFFFFF;
	color: #4da1e9;
	font-size: 10px;
}

.gumb-main {
	margin: 0px;
	padding: 1px 10px 1px 10px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #282828;
	font-size: 14px;
	font-family: Trebuchet MS;
	font-weight: bold;
}

.gumb-main:hover {
	margin: 0px;
	padding: 1px 10px 1px 10px;
	border: 1px solid #CCCCCC;;
	background-color: #282828;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Trebuchet MS;
	font-weight: bold;
}

#poslano {
	margin: 0px;
	padding: 15px 0px 0px 0px;
	color: #4da1e9;
	font-size: 14px;
	font-family: Trebuchet MS;
	font-weight: bold;
}

#povprasajte-se-enkrat {
	margin: 0px;
	padding: 10px 0px 15px 0px;
}

#povprasajte-se-enkrat a, active, visited {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#povprasajte-se-enkrat a:hover {
	margin: 0px;
	padding: 0px;
	color: #4da1e9;
	font-weight: bold;
	text-decoration: underline;
}

#menu8 {
      position: absolute;
      left: 50%;
      margin-left: -205px;
      top: 230px;
	display: block;
	width: 175px;
	border-style: solid;
	border-color: #656556;
	border-size: 1px;
	border-width: 1px;
      z-index: 200;
	}
	
#menu8 li a {
	display: inline;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu8 li a:link, #menu8 li a:visited {
	color: #656556;
	display: block;
	background:  url(../img/menu8.gif);
	padding: 8px 0 0 20px;
	}
	
#menu8 li a:hover {
	display: block;
	color: #474739;
	background:  url(../img/menu8.gif) 0 -32px;
	padding: 8px 0 0 20px;
	}
#menu8 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#galerija-block{
      position: relative;
	width: 450px;
      left: 50%;
      top: 29px;
      margin-left: -135px;
      border: #656556 1px solid;
{