@charset "utf-8";
/* CSS Document */
img{
	border:0;}
body{margin:0;
     padding:0;
	background:#669900 ;}
#page{
	background:url(images/page.jpg) no-repeat center top;
	width:100%;
	display:table;
	background-color:transparent;
	
	}
html{
	margin:0;
	padding:0;
	color:#000;
	
	font-family:Tahoma, Geneva, sans-serif;}
	
#wrap{
	width:950px;
	margin:70px auto;
	/*background:#6ea108;*/s}
	
#header {
	padding:5px 10px;
	background:url(images/ultim.gif) no-repeat center top;
    
   }
   #header img{
	vertical-align: middle;
	display: block;
	padding-left: 220px;
	   }
#jezik{
	width:200px;
	height:20px;
	position:absolute;
	top:0px;
	}
	#jezik img{
		width:20px;
		height:20px;
		padding:1px;
		display:inline;
		}
h1{
	margin:0;
	font-size:1.3em;
	color:#060;}
	
h2{
	font-size:1.2em;
	color:#063;
	font-style: normal;
	padding-left:5px;
}



h3{
	font-size:1.1em;
	border-left:solid #090;
	color:#090;
	padding-left:5px;
	margin-left:15px;
}
#nav {
	background-image:url(images/nav_a.gif);
	background-repeat:repeat-x;
	width:100%;
	
   }
   
#nav ul.topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 0.9em;
}
#nav ul.topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:40px;
}
#nav ul.topnav a,#nav ul.topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 10px 20px;
	float: left;
	text-decoration: none;
	color: #fff;
	
	text-transform: uppercase;
	clear: both;
	width: 100%;
	height: 20px;
	line-height: 20px; /*--Vertical alignment of text--*/
}

#nav ul.topnav a{ /*--This is basically the hover state of navigation--*/
	background:url(images/nav_b.gif) repeat-x left top;
	color:#999;
}
#nav ul.topnav span{ /*--Default state of navigation--*/
	color:#FFF;
	background:url(images/nav_a.gif) repeat-x left bottom;
}
#main {
   background:#fff;
   float:left;
   width:680px;
   padding:10px;
    }
#main2{
	background:#669900;
	float:left;
	width:620px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 80px;
	
}
/*ua nisko energetsk*/
 #main2 h1{
	 color:#fff;
	 margin:0;
	 font-size:1.2em;
	 text-transform:uppercase;}  
#sidebar {
	float:left;
	width:230px;
   /*background:#6ea108;*/
   background:#669900;
   padding:10px;
   }
   #sidebar p{
	   color:#FFF;
	   font-size:.9em;
	   font-weight:bold;}
   
  ul.sidenav {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	list-style: none;
	border-bottom: 1px solid #99cc00; /*--Bevel Effect--*/
	border-top: 1px solid #333300; /*--Bevel Effect--*/
	font-size: .9em;
}
ul.sidenav li {
	position: relative; /*--Add a relative positioning--*/
	float: left;
	margin: 0;
	padding: 0;
}
ul.sidenav li a{
	border-top: 1px solid #99cc00; /*--Bevel Effect--*/
	border-bottom: 1px solid #333300; /*--Bevel Effect--*/
	padding: 10px 10px 10px 25px;
	display: block;
	color: #fff;
	text-decoration: none;
	width:165px;
	background: #669900 url(images/sidenav_li_a.gif) no-repeat 5px 10px;
	position: relative; /*--Add a relative positioning--*/
	z-index: 2; /*--z-index allows the popup to tuck underneath the nav--6ea108*/
}
ul.sidenav li a:hover {
	background-color: #99be39;
	color:#333;
	border-top: 1px solid #99cc66;
}
/*effekt pop up*/
ul.sidenav li div {
	display: none;
	position: absolute;
	/*top: 2px;*/
	bottom:15px;
	left: 0;
	width: 145px;
	font-size: .9em;
	height:69px;
	/*background: url(images/bubble.gif) no-repeat right top;*/
}
ul.sidenav li div p {
	margin: 1px 0;
	line-height: 1.6em;
	padding: 10px 5px 15px 72px;
	
	/*background: url(images/bubble_btm.gif) no-repeat right bottom;*/
}
#footer {
	clear:both;
	padding:2px 8px;
	text-align:center;
	color:#333;
	width:685px;
	vertical-align:bottom;
	font-size:12px;
	background-image:url(images/footer.gif);
	background-repeat:repeat-x;
   }
   *html #footer{
	   height:1px;}
	  /*****free stajl za listu***/ 
#onama li{
	list-style-position: inside;
	list-style-image: url(images/teme/li.png);
	padding-left:0px;
	font-size:1.1em;

		}	   
	   #kako li{
		list-style-position: inside;
	list-style-image: url(images/teme/korni.png);
	padding-left:1px;}
		#cjene li{
		list-style-position: outside;
	list-style-image: url(images/teme/korni.png);
	padding-right:px;}

a:link {
	color:#090;
	text-decoration:none;}
a:visited{
	color:#090;
	text-decoration:none;
	}
a:hover{
	color:#98b843;
	text-decoration:none;}
a:active{
	color:#98b843;
	text-decoration:none;
	}
/*****nisko energetske kuće***/
	h2.acc_trigger {
	padding: 0;	margin: 0 0 5px 0;
	background: url(images/h2_trigger_a.gif) no-repeat;
	height: 46px;	line-height: 46px;
	width: 500px;
	font-size: 1.1em;
	font-weight: normal;
	float: left;
	
}
h2.acc_trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom;}
.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	
}
.acc_container .block {
	padding: 20px;
}
td{
	font-size:1.0em;}
th{
	font-size:1.1em;
	font-weight:normal;
	color:#090;}
li{
	list-style-type: none;
}
/*tooltip*/
.hotspot {color:#900; padding-bottom:1px; font-size:.9em; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}