*{
 	margin: 0;
	padding: 0;
}

body,html{
	background: #FF6600 url(img/bgbody.jpg) repeat-y fixed center top;
	text-align:center;
	font-family: "Times New Roman", Times, serif;
}

#central{
	width:554px;
	margin:20px auto 0 auto;
}

#centraltop{
	height:65px;
	_height:95px;
 	background: url(img/fire.jpg) no-repeat;
 	margin:0;
 	padding:30px 10px 0 10px;
	_padding:0 10px;
}

#centralleft{
	background: transparent url(img/leftline.jpg) repeat-y left;
	margin:0;
	}

#centralright{
	background:white url(img/rightline.jpg) repeat-y right;
	margin:0 0 0 12px;
	text-align:left;
}

h1{
	background: Black;
	margin:0;
	_margin:30px 0 0 0;
	}

h1 a{
	background:black;
	text-decoration:none;
	color:white;
	font-size: 23px;
	font-weight:bold;
	float:none;
	padding:2px 0;
	margin:0 60px;
	display:block;
	
}

h1 a:hover{
	color:yellow;
}

#menu{
	height:133px;
	background: #333333;
	text-align:center;
	margin:0 11px 0 0;
	}

#menu li{
 width: 132px;
 height: 132px;
 float: left;
 position: relative;
 list-style: none;
 background: red;
 margin:1px 1px 0 0;
 border:none;
}

#interiery li{
	background: url(./img/1.jpg) no-repeat left top;
}

#misy li{
	background: url(./img/2.jpg) no-repeat left top;
}

#svicny li{
	background: url(./img/3.jpg) no-repeat left top;
}

#zahrada li{
	background: url(./img/4.jpg) no-repeat left top;
}

#menu li#zahrada{
	margin:1px 0 0 0;
	}

#menu a, #menu span {
 display: block;
 width: 132px;
 height: 132px;
 overflow: hidden;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 0;
 margin:0;
}

#menu  span {
 z-index: 1;
 cursor: pointer;
 cursor: hand;
 }

#menu span.active {
 cursor: default;
}

#interiery span{
	background: url(./img/1.jpg) no-repeat left top;
}

#interiery span.active{
	background: url(img/1.jpg) no-repeat left bottom;
}

#misy span{
	background: url(img/2.jpg) no-repeat left top;
}

#misy span.active{
	background: url(img/2.jpg) no-repeat left bottom;
}

#svicny span{
	background: url(img/3.jpg) no-repeat left top;
}

#svicny span.active{
	background: url(img/3.jpg) no-repeat left bottom;
}

#zahrada span{
	background: url(img/4.jpg) no-repeat left top;
}

#zahrada span.active{
	background: url(img/4.jpg) no-repeat left bottom;
}

#interiery a:hover span{
	background: url(./img/1.jpg) no-repeat left bottom;
}

#misy a:hover span{
	background: url(img/2.jpg) no-repeat left bottom;
}

#svicny a:hover span{
	background: url(img/3.jpg) no-repeat left bottom;
}

#zahrada a:hover span{
	background: url(img/4.jpg) no-repeat left bottom;
}

#menu a:link, #menu a:visited {
 	color: #000;
 	text-decoration: underline;
 	background: #ececec;
}

#menu a:hover {
 color: #ff0000;
 background: #cecece;
}

h2{
	float:left;
	width:132px!Important;
	width:133px;
	width/**/:/**/132px;
	border-bottom: 3px solid #333333;
	border-right:1px solid Black;
	margin:0;
	padding:2px 0;
	font-size: 14px;
	background: #CCFFCC;
	color: #666666;
	font-weight: bold;
	text-align:center;
}

.krajni{
	border-right:none;
	width:132px;
}

#vnejsiobsah{
	background: #FFFF99;
	border-bottom:3px solid black;
	margin:0 11px 0 0;
} 
	 
#pravyobsah{
	clear:both;
	margin:0;
	padding:0;
	background: transparent url(./img/ornament.jpg) repeat-y right top;
} 

#levyobsah{
	background: transparent url(./img/ornament.jpg) repeat-y left top;
	_height:1px; /* pomocne formatovani pro IE6*/
}

#obsah{
	border-left:1px dashed black;
	border-right:1px dashed black;
	margin:0 132px;
	background:white;
}

#obsah p{
	text-align:justify;
	font: bold 15px "Times New Roman", Times, serif;
	padding:40px 30px 0 30px;
}

#podpis{
	text-align:right!Important;
	padding:0 30px 40px 0!Important;
}

address{
	text-align:left;
	font: bold 15px "Times New Roman", Times, serif;
	padding:40px 20px;
}

a.adresa{
	font: bold 15px "Times New Roman", Times, serif;
	color:blue;	
	display:inline;
	margin:0;
	float:none;
	text-decoration:underline;
}

a:hover.adresa{
	color:red;
}

#patax, #pata{
	background: white url(img/pata.jpg) no-repeat center top;
	height:41px;
	margin:0;
	padding:3px 0 0 30px;
	text-align:center;
}

#patax span, #patax a{
	font:  11px "Times New Roman", Times, serif;
	text-decoration:none;
	margin:5px 0 0 20px;
	_margin:5px 0 0 14px;
	display:block;
	float:left;
	color: #999999;
}

#pata span, #pata a{
	font:  11px "Times New Roman", Times, serif;
	text-decoration:none;
	margin:5px 0 0 36px;
	_margin:5px 0 0 23px;
	display:block;
	float:left;
	color: #999999;
}

.galery{
	margin:0 0 0 32px;
	display:block;
	border:1px solid black;
	border-bottom:none;
}

#img{
	border:1px solid black;	
	border-top:none;
	border-bottom:none;
	background:white;
	margin:0 31px 0 32px;
}

#lista{
	text-align:right!Important;
	line-height:13px;
}

#lista a{
	text-align:right;
	color: #666666;
	text-decoration:none;
	margin:0;
	display:inline;
	float:none;
	border-left:1px solid #666666;
	padding:0 2px;
 	font: 13px "Courier New", Courier, monospace;
}

#lista a:visited{
	color: #BFBFBF;
}

#lista a:hover{
	background:#666666;
	color:white;
}

#lista span{
	background: #666666;
	color:white;
	margin:0;
	display:inline;
	float:none;
	border-left:1px solid #666666;
	padding:0 2px;
	font: 13px "Courier New", Courier, monospace;
}

h3{
	font: 13px "Courier New", Courier, monospace;
	color: #666666;
	float:left;
	margin:0 0 0 2px;
}

a.kontakt{
	border-top:1px dashed black;
	display: block;
	margin:0;
	padding:2px 0;
	float:none;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	background: #CCFFCC;
	color: #666666;
	text-decoration:none;
}

a:hover.kontakt{
	background: #AEAEAE;
	color: #545454;
}