
/* basic elements */
html {
	margin: 0px;
	padding: 0px;

	}

body {
 	margin: 20px 20px 20px 100px;
	font: 10pt/14pt sans-serif;
	color: #555753;
	padding: 0px;
	background: #ffffff;
	}


#obsah { position: absolute; width: 750px; top: 220px; left: 30px; background: transparent;
	z-index:1;
	font: 10pt/14pt sans-serif;
}

#obsah2 { position: absolute; width: 750px; top: 240px; left: 30px; background: transparent;
	z-index:1;
	font: 10pt/14pt sans-serif;
	height=800px;
}




#hlavicka {position: absolute;
	background: transparent;
	color: #aaa;
	width: 792px;
	height: 276px;
	top: 0px;
	left: 0px;
	background: url(top1.jpg) no-repeat top left;
	z-index:0;
}


#lavy {position: absolute; width: 800px; top: 155px; left: 25px; background: transparent;
	z-index:1;
	color: #aaa;
	width:800px;

}


#dole {position: absolute; width: 700px; top: 2400px; left: 10px;
	z-index:1; color: #aaa;
}

p {
	font: 11pt/17pt sans-serif;
	margin-top: 0px;
	text-align: justify;
	}

h1 {
	font: italic normal 18pt sans-serif;
	letter-spacing: 1px;
	margin-bottom: 10px;
	color: #B7A5DF;
	padding-left:7px;
	height: 26px;
	}

h3 {
	font: bold 12pt sans-serif;
	letter-spacing: 1px;
	color: #f90;
	background: #fc8 no-repeat url(shop.jpg) top left;
	padding-left:7px;
	padding-top:4px;
	height: 25px;
	}

h2 {
	font: bold 13pt sans-serif;
	letter-spacing: 1px;
	color: #f90;
	background: #fc6 no-repeat url(shop.jpg) top left;
	padding-left:7px;
	padding-top:4px;
	height: 27px;
	}

a {
font-weight: bold;
text-decoration: none;
letter-spacing:0px;
padding-left:4px;
padding-right:4px;
}

a:link  {
	color:#fc6;
	background: #eff ;
	padding-top:2px;
	padding-bottom:2px;
	}

a:visited {
	padding-top:2px;
	padding-bottom:2px;
	color:#fc6;
	background: #eff ;
	}

a:hover, a:active {
	color: #0c9;
	background: #fff  ;
	padding-top:3px;
	padding-bottom:3px;
	}


#obsah a:visited, #obsah a:link, #pravy  a:link, #pravy a:visited, #obsah2  a:link,
#obsah2 a:visited{
background: #fff ;
font: 10pt/14pt sans-serif;
font-weight: bold;
}

#obsah a:hover, #obsah a:active, #pravy a:active, #pravy a:hover{
background: #fff ;
font: 10pt/14pt sans-serif;
font-weight: bold;
}


.st    {position:relative;
	margin-bottom: 15px;
	top:10px;
	padding-left:5px;
}

.top {

position: absolute;
	font-weight: bold;
	color: #fc6;
	width: 740px;
	height: 26px;
	top: 130px;
	left: 25px;
	background: url(shop.jpg) no-repeat top left;
	z-index:0;
	font: 8pt/10pt sans-serif;
	font-weight: bold;

}

.top-a {

position: absolute;
	font-weight: bold;
	color: #fc6;
	width: 600px;
	height: 26px;
	top: 185px;
	left: 175px;
	background: url(shop.jpg) no-repeat top left;
	z-index:0;
	font: 8pt/10pt sans-serif;
	font-weight: bold;

}

.top-b {

position: absolute;
	font-weight: bold;
	color: #fc6;
	width: 600px;
	height: 26px;
	top: 155px;
	left: 175px;
	background: url(shop.jpg) no-repeat top left;
	z-index:0;
	font: 8pt/10pt sans-serif;
	font-weight: bold;

}

.top-c {

position: absolute;
	font-weight: bold;
	color: #fc6;
	width: 600px;
	height: 26px;
	top: 185px;
	left: 175px;
	background: url(shop.jpg) no-repeat top left;
	z-index:0;
	font: 8pt/10pt sans-serif;
	font-weight: bold;

}


.top2 {padding-top:4px;
	padding-left:5px;


}

div {padding-bottom:7px;
}



.center {padding-bottom:7px;
	 text-align:center;
	 background: #fc6 no-repeat url(shop.jpg) top left;
	 font: 8pt/10pt sans-serif;

	 padding-left:7px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:7px;
	letter-spacing:0px;
	margin-bottom:10px;
	height: 25px;
}

.centeractive {padding-bottom:7px;
	font: 10pt/14pt sans-serif;
	 text-align:center;
	 background: #ccc no-repeat url(shop.jpg) top left;
	font: 8pt/10pt sans-serif;
	 padding-left:7px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:7px;
	letter-spacing:0px;
	margin-bottom:10px;
	height: 28px;
}

span { letter-spacing:0px;
	background: #fff;
	 padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:2px;
}
