A:link { color: #0B07AA }
A:visited { color: #0B07AA }
A:active { color: #0B07AA }
A:hover { color: #D40106 }

<!-- This stylesheet uses pt's for font sizing for demonstration purposes. However, the problem with pt's is that their size is fixed, which means it cannot be changed with a user's browser. They also are extremely small for some Mac's. When using this stylesheet, it is recommended that pt's be replaced with em's (or percentages). For example, 7.8pt on a PC is, roughly, the equivalent of .7em for PC's and .8 or .9 em for Mac's. -->

#blankbg {background-image: url(images/spacer.gif); background-repeat: no-repeat}


.white78 {font-family: verdana, geneva, sans-serif; font-size: 7.8pt; color: #ffffff}
.white8 {font-family: verdana, geneva, sans-serif; font-size: 8pt; color: #ffffff}
.white10 {
	font-family: verdana, geneva, sans-serif;
	font-size: 10pt;
	color: #ffffff;
	text-align : right;
	padding : 0 10px 0 0;
}

.black10 {font-family: verdana, geneva, sans-serif; font-size: 10pt; color: #000000}
.black11 {font-family: verdana, geneva, sans-serif; font-size: 11pt; color: #000000}
.yellow11{
	font : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 16px;
	color : Yellow;
}
.grey78 {font-family: arial, geneva, sans-serif; font-size: 7.8pt; color: #636363}

h2{
	font : bolder italic 24pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : Black;
}

.magnify
{
	cursor: default;
	list-style: none;
	text-align: center;
}
.magnify a
{
	cursor: default;
}

.magnify a .preview1,  a .preview2,  a .preview3,  a .preview4,  a .preview5,  a .preview6, a .preview7
{
	display: none;
}

.magnify img
{
	background: #553608;
	/*border-color: #aaa #ccc #ddd #bbb;
	*/
	border-color: #725700;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 120px;
	height: 90px;
	z-index: 10;
}
.magnify a
{
	position: relative;
}

.magnify a:active
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.magnify a:active .preview1
{	display: block;
	position: absolute;
	top: -250px;
	left: -95px;
}

.magnify a:active .preview2
{	display: block;
	position: absolute;
	top: -250px;
	left: -225px;
}

.magnify a:active .preview3
{	display: block;
	position: absolute;
	top: -250px;
	left: -355px;
}

.magnify a:active .preview4
{	display: block;
	position: absolute;
	top: -250px;
	left: -485px;
}

.magnify a:active .preview5
{	display: block;
	position: absolute;
	top: -250px;
	left: -615px;
}

.magnify a:active .preview6
{	display: block;
	position: absolute;
	top: -250px;
	left: -745px;
}

.magnify a:active .preview7
{	display: block;
	position: absolute;
	top: -760px;
	left: -300px;
}



.magnify td
{
	background: transparent;
	/*border-color: #ddd #bbb #aaa #ccc;
	*/
	border-color: White;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 3px;
	position: relative;
}

.magnify td
{
	position: static;
}

.magnify .preview1, .magnify .preview2, .magnify .preview3, .magnify .preview4, .magnify .preview5, .magnify .preview6
{
	border-color: #000;
	width: 800px;
	height: 600px;
}

 .magnify .preview7
{
	border-color: #000;
	width: 600px;
	height: 896px;
}

.nadpis{
	width : 100%;
	 filter: DropShadow(Color=white, OffX=3, OffY=1, Positive=1)
}

.hlava{
	width : 100%;
	filter: DropShadow(Color=white, OffX=3, OffY=1, Positive=1);
	font : 64px Blackoak Std;
	color : White;
}
.hlava2{
	width : 100%;
	filter: DropShadow(Color=white, OffX=3, OffY=1, Positive=1);
	font : 32px Blackoak Std;
	color : White;
}

.archiv{	
	cursor: default;
	list-style: none;
	text-align: center;
}

.archiv a
{
	cursor: default;
}

.archiv a .preview1,  a .preview2,  a .preview3,  a .preview4,  a .preview5,  a .preview6, a.preview7
{
	display: none;
}

.archiv img
{
	background: #553608;
	/*border-color: #aaa #ccc #ddd #bbb;
	*/
	border-color: #725700;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 120px;
	height: 90px;
}
.archiv a
{
	position: relative;
}

.archiv a:active
{
	display: block;
	font-size: 100%;
}

.archiv a:active .preview1
{	display: block;
	position: absolute;
	top: -250px;
	left: -95px;
}

.archiv a:active .preview2
{	display: block;
	position: absolute;
	top: -250px;
	left: -225px;
}

.archiv a:active .preview3
{	display: block;
	position: absolute;
	top: -250px;
	left: -355px;
}

.archiv a:active .preview4
{	display: block;
	position: absolute;
	top: -250px;
	left: -485px;
}

.archiv a:active .preview5
{	display: block;
	position: absolute;
	top: -250px;
	left: -615px;
}

.archiv a:active .preview6
{	display: block;
	position: absolute;
	top: -250px;
	left: -745px;
}

.archiv td
{
	background: transparent;
	/*border-color: #ddd #bbb #aaa #ccc;
	*/
	border-color: White;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 3px;
	position: relative;
}

.archiv td
{
	position: static;
}

.archiv .preview1, .archiv .preview2, .archiv .preview3, .archiv .preview4, .archiv .preview5, .archiv .preview6
{
	border-color: #000;
	width: 800px;
	height: 600px;
}

#menu a
{
	text-decoration : none;
	font-size : 10px;
	color : #00008B;
}

.current{
	display : none;
}

#nabidka{
	z-index: 2;
}

.aktual{
	margin-bottom : 400px;
}