*{
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: Trebuchet MS, Verdana, Helevetica, Arial, "Arial CE", sans-serif;
  font-size: 12px;
  text-align: left;
}

body{
 	background-color: #000;
}
  
div, img, h1, h2, h3, h4, h5 , p, a, ul, li, span{
	background: transparent;
}

div.clear, div.util, div.cleaner{ display: block; clear: both; font-size: 0px; line-height: 0px; }

/* basic tags */

h1 {     
	text-align: right;
	color: #fff;
    margin-right: 30px;
	margin-top: 25px;
	float: right;
	}

h2 {
	font-size: 15px;
	color: #437fae;
	margin: 0px 0px 20px 0px;
}

h2 span{
	font-size: 15px;
	color: #000;
}

/*	layout */

div#topLevel, div#mainContent{
	min-height: 700px;
}

div#topLevel{
	background: url("../images/layout/bg.gif") left top repeat-x #8cb5e1;
	border-bottom: solid 1px #fff;
}

	div#mainContent{
		width: 970px;
		background: url("../images/layout/bg-top.gif") left top no-repeat #fff;
		margin: 0 auto;
	}
	
	div#top{
		height: 114px;
	}
	
	a#logo{
		display: block; 
		height: 99px;
		width: 352px;
		float: left;		
		text-decoration: none;
	}

	div#playground, div#left, div#right{
		min-height: 300px;
	}
	
	div#playground{
		padding: 0px 25px 25px 45px;	
		background: url("../images/layout/pl-bg.gif") left top repeat-y;
		border-top: solid 15px #fff;
	}
	
	div#left{
		width: 654px;
		float: left;
		margin: 0px 30px 0px 0px;
		
	}
	
	div#right{
		width: 216px;
		float: left;
	}
	

	/* blocks */

	div.block, div.blockLast{
		width: 200px;
		height: 150px;
		float: left;
		background: url("../images/layout/block.gif") left top repeat-y;
		margin-bottom: 23px;
		border-bottom: solid 1px #cccccc; 
	}

	div.block{
		margin-right: 18px;
	}
	
	div.image{
		background: url("../images/layout/logo-bg.gif") left top no-repeat;
		height: 91px;
		padding: 1px 0px 0px 0px;
		text-align: center;
		
	}
	
	div.links {
	    padding: 10px 20px 10px 20px;
	}
	
	a {
	    color: #50831f;
	}
	
	a:hover {
	    color: #000;
	}
	
	#rodina h2 {
	  padding: 0px;
	  margin: 0px;
	}
	
	#rodina { padding-bottom: 20px; }

    #left p, #right p { padding-bottom: 10px; padding-top: 10px; }

    #right { background-color: #fff; }
    #right h2 { font-size: 11px; font-weight: bold; color: #437fae; border-bottom: 1px solid #437fae; padding-bottom: 0px; margin-bottom: 0px; }


/* Bottom */

div#downLevel {
	height: 100px;

}

	div#footer{
			width: 970px;
			height: 70px;
			margin: 0 auto;
			background: url("../images/layout/footer.gif") left bottom no-repeat #fff;
	}
	
	div#footerLinks {
	  padding: 45px;
	  padding-top: 0px;
	  font-size: 11px;
	}
	
	div#footerLinks a {
	  font-size: 11px;
	}
	
	div#footerInfo{
			width: 970px;
			height: 40px;
			margin: 0 auto;
			color: #fff;			
	}	
	
	div#footerInfo div#footerBot {
	  padding: 20px;
	  font-size: 10px;
	  text-align: center;
	}
	
	div#footerInfo div#footerBot a {
	  color: #fff;
	  font-size: 10px;
	}
	
	div#footerInfo div#footerBot a:hover {
	  color: #ccc;
	  font-size: 10px;
	}

	
	* KONTAKTNI FORMULAR ----------------------------------*/

fieldset{
	border: 0px;
}

form.calc, div.calculator {
	border: solid 2px #bdc0b7;
	padding: 10px 190px 0px 10px;
	margin: 0px 0px 20px 0px;
	background: url("../images/calc.gif") right top no-repeat #fff; 
	_height: 220px;
	min-height: 220px;
}

input, select{ 
	border: solid 2px #bdc0b7;
		 background: url("../images/formbg.gif") left top repeat-x; padding: 2px;
}
select{ 
	width: 200px;
}


	option{  background-color: #fff; }
	
	input.datField{
		width: 20px;
		border: solid 2px #bdc0b7;
		 background: url("../images/formbg.gif") left top repeat-x;
	}
	
	input.yerField{
		width: 40px;
		border: solid 2px #bdc0b7;
		 background: url("../images/formbg.gif") left top repeat-x;
	}
	
	input.smallCount{
		width: 20px;
	}
	
	input.submit{
		padding: 5px;
		margin: 0px 0px 0px 150px;
		 background: url("../images/formbg.gif") left top repeat-x;
	}

textarea{ 
	border: solid 2px #bdc0b7;
		 background: url("../images/formbg.gif") left top repeat-x; padding: 2px;
}

	input.important, textarea.important{
		border: solid 2px #bdc0b7;
		 background: url("../images/formbg.gif") left top repeat-x;
	}
	
label{
	display: block;
	width: 150px;
	float: left;
}

div.line{
	margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px;
	border-bottom: solid 1px #efefef;
}
	ul.alert{
		color: #f00;
		padding: 0px 0px 0px 20px;
	}