/* ***** header ****** */

.homepage #header {
	height: 337px;
	width: 100%;
	left: -20px; 
	position: relative;
	}
/*			.homepage .obl a {
				top: 32px;
				height: 100px;
				font-weight: bold;
				text-transform: uppercase;	
				}		
				.homepage .koupit span {background: url(../img/bg_koupit_hp.jpg) no-repeat;}
				.homepage .stavet span {background: url(../img/bg_stavet_hp.jpg) no-repeat;}
				.homepage .rekonstruovat span {background: url(../img/bg_rekonstruovat_hp.jpg) no-repeat;}
	.kalkulator {margin: 0;}*/


/* ************* kalkulacky ******************* */

#kalk1, #kalk2 {
	width: 252px;
	float: right;
	background: url(../img/bg-kalkulacka.gif) no-repeat bottom left;
	padding-bottom: 30px;
	position: relative;
	margin-top: -10px;
	}
		
#kalkulacka1, #kalkulacka2 {
	background: url(../img/bg-kalkulacka-top.gif) no-repeat 0 0;
	}
	#kalkulacka1 h2, #kalkulacka2 h2 {
		position: relative;
		width: 221px;
		height: 30px;
		margin-left: 0;
		}
		#kalkulacka1 h2, #kalkulacka2 h2 {margin-bottom: 0;}
		#kalkulacka1 h2 span, #kalkulacka2 h2 span {background: url(../img/h-kalkulacka.gif) no-repeat;}
			 		
		#kalkulacka1 form, #kalkulacka2 form {margin: 0 0 0 20px;}				
		#kalkulacka1 form label, #kalkulacka2 form label {position: relative; height: 13px; width: 190px; display: block; font-size: 0.9em;}	
						
		#kalkulacka1 .pole, #kalkulacka2 .pole {border: 1px solid #a4a4a4; width: 178px; margin-bottom: 10px; font-size: 1em;}
		
			
		.leftcol {
			float: left;
			width: 70px;
			position: relative;
			}			
		.rightcol {
			float: right;
			width: 90px;
			position: relative;
			}			
			#kalkulacka1 .leftcol label, #kalkulacka1 .rightcol label, #kalkulacka2 .leftcol label, #kalkulacka2 .rightcol label {width: 80px; }			
			#kalkulacka1 .leftcol input, #kalkulacka1 .rightcol input, #kalkulacka1 select.pole, #kalkulacka2 .leftcol input, #kalkulacka2 .rightcol input, #kalkulacka2 select.pole {
				width: 83px;
				left: 0;
				top: 15px;
				margin-bottom: 5px;
				}
					#kalkulacka1 select.pole, #kalkulacka2 select.pole {
						font-size: 1em;
						width: 85px;			
						color: #333333;
						}
			#kalkulacka1 form label, #kalkulacka2 form label {display: none;}
		#kalkulacka1 .button {margin: 0 0 5px 0;}
		#kalkulacka2 .button {margin: 0 0 5px 0;}
	

.prepinac {padding-bottom: 7px; margin-left: 20px;}
		
#kalkulacka1 .prepinac input, #kalkulacka2 .prepinac input  {	
	float: left;
	position: relative;
	margin-right: 6px;
	width: auto; left: auto; top: 0; position: relative;
	vertical-align: middle;
	}
	
	
.overCalc {
	width: 124px;
	height: 79px;
	background: url(../img/img-kalkulacka.png) no-repeat;
	position: absolute;
	bottom: 30px;
	right: 0;
	}
	
	
/********************************************************************/
	
#news {
	float: left;
	width: 420px;
	}
	.homepage h1 {
		width: 200px;
		height: 25px;
		position: relative;
		display: block;
		}
		.homepage h1 span {background: url(../img/h-novinky.gif) no-repeat}
	.viceNovinek {
		position: relative;
		width: 97px;
		height: 30px;
		overflow: hidden;
		display: block;
		float: right;
		}
		.viceNovinek span {
			cursor: pointer;
			background: url(../img/but-viceinformaci.gif) no-repeat 0 0;
			}
			
	#news h2 {
		font-size: 1.1em;
		margin: 10px 0 0 0;
		padding: 0;
		text-transform: uppercase;		
		}
	#news h2 a {color: #00aeef;}
	#news p {margin: 0 0 5px 0; line-height: 1.4em;}
	
.hpKalkulacka {
	background: url(../img/hp-kalkulacka-bg.jpg) no-repeat;
	width: 238px;
	float: right;
	padding-top: 35px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	}
	.hpKalkulacka p {
		margin: 0 100px 20px 20px;
	}
	.hpKalkulacka a {
		border: 1px solid #7f7f7f;
		background: #000;
		color: #FFF;
		padding: 3px 10px;
		text-decoration: none;
	}
		
	
#banner {
	float: left;
	width: 275px;
	}
#akcetext {
	float: right;
	width: 475px;
	margin-top: 10px;
	}
	#akcetext p {margin-bottom: 10px;}
	
/* ************************** non flash ************************ */

#nonFlash {
	background: url(../img/bg-nonflash-faraon.jpg) no-repeat;
	width: 1015px;
	height: 336px;	
	}
	#nonFlash ul {
		margin: 0 0 0 55px;
		list-style: none;
		}
		#nonFlash ul ul {margin-left: 85px;}
	#nonFlash ul li a {
		width: 170px;
		color: #FFF;
		}
		
		
.homepage #ender {position: relative; top: -20px;}