* {
	padding: 0px;
	margin: 0px;
	}
	
p {
	padding-bottom: 20px;
	}
	
p.bez_razmaka {
	padding-bottom: 0px;
	}
	
p.error	{
	padding-bottom: 0px;
	}
	
html, body {
	text-align: center;
	background-image:url(img/background.gif);
	background-repeat:repeat-x;
	background-color: #212b35;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	
h1 {
	font-family: arial;
	font-size:20px;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 15px;
	}

h1.formular {	
	font-family: arial;
	font-size:20px;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 370px; 
	float: left; 
	}

a {
	color: #f00;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover {
	color: #000;
	text-decoration: underline;
	}

#container {
	width: 970px;
	margin: 0 auto;
	}

		#top {
			width: 970px;
			height: 29px;
			}
		
		#menu {
			width: 970px;
			height: 40px;
			text-align: left;
			padding-top: 6px;
			float: left;
			background-image:url(img/menu_back.gif);
			}

		#heeader {
			width: 970px;
			height: 183px;
			clear: both;
			background-image:url(img/background_content.gif);	
			}
		
		#d3d {
			width: 952px;
			height: 238px;
			clear: both;
			background-image:url(img/background_content.gif);	
			padding-left: 18px;
			}
		
		#content {
			width: 970px;
			height: auto;
			clear: both;
			background-image:url(img/background_content.gif);		
			padding-top: 10px;			
			}
			
			#text {
				width: 719px;
				float: left;
				padding-left: 25px;
				padding-right: 25px;
				text-align: left;
				padding-top: 10px;
				padding-bottom: 10px; 
				font-size: 13px;
				}
				
			#text ul {
				padding-left: 30px;
				padding-bottom: 20px;
				}
				
			#text ol  {
				padding-left: 30px;
				padding-bottom: 20px;
				} 
			
		#content-formular {
			width: 970px;
			height: auto;
			clear: both;
			background-image:url(img/background_content.gif);		
			padding-top: 10px;			
			}
			
			#text-formular {
				width: 920px;
				float: left;
				padding-left: 25px;
				padding-right: 25px;
				text-align: left;
				padding-top: 0px;
				padding-bottom: 10px; 
				}
				
			#text-formular ul {
				padding-left: 30px;
				padding-bottom: 20px;
				}
				
			#text-formular ol  {
				padding-left: 30px;
				padding-bottom: 20px;
				} 


			
				
				
        
            
        #sponzori_desno {
			width: 200px;
			float: left;
			}

		#sponzori_dole {
			width: 948px;
			height: 70px;
			display: block;
			clear: both;
			background-image:url(img/background_content.gif);	
			padding-left: 22px;
			/* border-top: solid 1px #e1e1e1; */
			padding-top: 15px;
			}
			
		#sponzori_dole_memo {
			width: 933px;
			height: 70px;
			display: block;
			clear: both;
			/* background-image:url(img/background_content.gif);	 */
			padding-left: 22px;
			/* border-top: solid 1px #e1e1e1; */
			padding-top: 15px;
			}			
            
.sponzor-desno {
	width: 200px;
	margin: 0 auto;
	text-align: center;
	border: 0px none;
	}
	
.sponzor-desno a {
	border: 0px none;
	}

.sponzor-desno img {
	border: solid 1px #e1e1e1;
	}

	
.sponzor-dole {
	width: 154px;
	float: left;
	margin: 0 auto;
	text-align: center;
	border: 0px none;
	}
	
.sponzor-dole a {
	border: 0px none;
	}

.sponzor-dole img {
	border: solid 1px #e1e1e1;
	}
	
	
		#footer {
			width: 970px;
			height: 40px;
			background-image:url(img/footer_back.jpg);
			background-repeat:no-repeat;
			padding-top: 15px;
			color: #666666;
			text-align: left;
			padding-left: 10px;
			}
			
		#footer a {
			color: #999999;
			text-decoration: none;
			}
			
		






.preload2 { background: url(img/button4.gif);}
.preload3 { background: url(img/button5.gif);}
.preload4 { background: url(img/button4a.gif);}

.menu { padding:0 0 0 8px; margin:0; list-style:none; height:32px; background:#fff url(img/button1a.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif; }
.menu li {display:block; float:left; position:relative;} /* .top */ 
.menu li a.top_link {display:block; float:left; height:32px; line-height:33px; color:#fff; text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 12px; cursor:pointer; background: url(img/button5.gif) no-repeat;} /* padding:0 0 0 12px; */
.menu li a.top_link span {float:left; display:block; padding:0 12px 0 0px; height:40px;background:url(img/button5.gif) no-repeat right top;} /*padding:0 24px 0 12px; */
.menu li.active a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;background:url(img/button4.gif) no-repeat right top; color: #000;} 

.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(img/button5.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(img/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(img/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(img/button4a.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#000; background: url(img/button4.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(img/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(img/button4a.gif) no-repeat right top;}


.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:0px; top:31px; background: #fff; padding:3px 0; border:1px solid #000; white-space:nowrap; width:133px; height:auto;}
.menu :hover ul.sub li {display:block; height:26px; position:relative; float:left; width:130px;}
.menu :hover ul.sub li a {display:block; font-size:14px; height:26px; width:127px; line-height:26px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(img/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#4ab; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#4ab url(img/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#4ab url(img/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:110px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:133px; z-index:200; height:auto;}








.menu2 {  
	list-style:none;
	padding-left: 20px;
	}
	
.menu2 li {
	padding-right: 20px;
	float: left;
	}
	
.menu2 li a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	}
	
.menu2 li a:hover {
	color: #f00;
	}



ul#tipovi {
	list-style: none;
	}
	
ul#tipovi li {
	float: left;
	}
	
ul#tipovi li a:hover {
	background-position: 0px -208px;
	}
	
ul#tipovi li.jedan a {
	width: 170px;
	height: 208px;
	display: block;
	background-image:url(img/1.jpg);
	}

ul#tipovi li.dva a {
	width: 160px;
	height: 208px;
	display: block;
	background-image:url(img/2.jpg);
	}
	
ul#tipovi li.tri a {
	width: 130px;
	height: 208px;
	display: block;
	background-image:url(img/3.jpg);
	}

ul#tipovi li.cetiri a {
	width: 155px;
	height: 208px;
	display: block;
	background-image:url(img/4.jpg);
	}

ul#tipovi li.pet a {
	width: 120px;
	height: 208px;
	display: block;
	background-image:url(img/5.jpg);
	}

ul#tipovi li.sest a {
	width: 200px;
	height: 208px;
	display: block;
	background-image:url(img/6.jpg);
	}

	
	
	
	
	
	
	
ul#tipovi_termo {
	list-style: none;
	}
	
ul#tipovi_termo li {
	float: left;
	}
	
ul#tipovi_termo li a:hover {
	background-position: 0px -208px;
	}
	
ul#tipovi_termo li.jedan a {
	width: 170px;
	height: 208px;
	display: block;
	background-image:url(img/1a.jpg);
	}

ul#tipovi_termo li.dva a {
	width: 160px;
	height: 208px;
	display: block;
	background-image:url(img/2a.jpg);
	}
	
ul#tipovi_termo li.tri a {
	width: 130px;
	height: 208px;
	display: block;
	background-image:url(img/3a.jpg);
	}

ul#tipovi_termo li.cetiri a {
	width: 155px;
	height: 208px;
	display: block;
	background-image:url(img/4a.jpg);
	}

ul#tipovi_termo li.pet a {
	width: 120px;
	height: 208px;
	display: block;
	background-image:url(img/5a.jpg);
	}

ul#tipovi_termo li.sest a {
	width: 200px;
	height: 208px;
	display: block;
	background-image:url(img/6a.jpg);
	}	
	
	
	
	
	
	

	

#memo {
	width: 955px;
	height: auto;
	margin: 0 auto;

	}

		#memo-top {
			width: 955px;
			height: 266px;
			background-image:url(img/memo-head.jpg);
			display: block;
			clear: both;
			}
			
		
		#memo-content {
			width: 955px;
			height: auto;
			text-align: left;
			font-size: 13px;
			color: #000;
			background-image:url(img/memo-bottom.gif);
			background-position: bottom left;
			display: block;
			padding-bottom: 30px;
			}

			#memo-text {
				padding: 15px;
				width: 714px;
				height: auto;
				float: left;
				}
	
	
#dve_kuce {
	width: 701px;
	margin: 0 auto;
	}
	
	
    #dve_kuce ul {
		list-style: none;
		padding-top: 50px;
		}
		
	#dve_kuce ul li {
		display: inline;
		}
		
	#dve_kuce ul li a:hover {
		background-position: 0px 275px;
		}
		
	#dve_kuce ul li.tipska a {
		width: 330px;
		height: 275px;
		display: inline;
		float: left;
		background-image:url(img/tipske1.jpg);
		}

	#dve_kuce ul li.nisko a {
		width: 325px;
		height: 275px;
		display: block;
		float: left;
		background-image:url(img/niskoenergetske1.jpg);
		}
		
		
#tri_kuce {
	width: 701px;
	margin: 0 auto;
	}
	
	
    #tri_kuce ul {
		list-style: none;
		padding-top: 50px;
		}
		
	#tri_kuce ul li {
		display: block;
		clear: both;
		}
		
	#tri_kuce ul li a:hover {
		background-position: 0px 0px;
		}

	#tri_kuce ul li a {
		width: 189px;
		height: 110px;
		display: inline;

		padding-top: 20px;
		padding-bottom: 20px;
		}
		
	#tri_kuce ul li.tipska a {
		width: 450px;
		padding-left: 200px;
		height: 110px;
		display: inline;
		float: left;
		background-image:url(img/plava_kuca.gif);
		background-repeat: no-repeat;
		text-decoration: none;
		font-size: 17px;
		color: #000;
		}

	#tri_kuce ul li.nisko a {
		width: 450px;
		padding-left: 200px;
		height: 110px;
		display: block;
		float: left;
		background-image:url(img/zelena_kuca.gif);
		background-repeat: no-repeat;
		text-decoration: none;
		font-size: 17px;
		color: #000;		
		}	

	#tri_kuce ul li.projekt a {
		width: 450px;
		padding-left: 200px;
		height: 110px;
		display: block;
		float: left;
		background-image:url(img/siva_kuca.gif);
		background-repeat: no-repeat;
		text-decoration: none;
		font-size: 17px;
		color: #000;		
		}
		

#krediti {
	width:200px; 
	text-align: left;
	display:block; 
	float:right; 
	padding-left:0px;
	}
	
#krediti ul {
	list-style: none;
	padding-bottom: 15px;
	padding-left: 20px;
	}
	
#krediti ul li {
	clear: both;
	width: 160px;
	text-align: center;
	padding-bottom: 15px;
	}

#krediti ul li a {
	margin: 0 auto;
	text-decoration: none;
	color: #000;
	font-weight: normal;
	font-size: 11px;
	}
	
#krediti ul li a:hover {
	color: #f00;
	}
	
#krediti ul li a img {
	margin: 0 auto;
	border: 0px none;
	}
	
	
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}	

.errors {
	padding-top: 0px;
	padding-bottom: 30px;
	font-size: 14px;
	color: #f00;
	font-weight: bold;
	}