html, body { min-width:100%; height: 100%; }
body {
	background:#ffffff;

	margin:0;
	padding:0;
	border:0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:13px; 
	font-weight: normal;
	line-height:1.4em;
	background-position : top center; 
	background-repeat : repeat;
	background-attachment: scroll;
}

	img { border:1; }


	a { color:#8C2806; text-decoration:none; padding:1px 3px;}
	a:hover {  color:#2222ee; text-decoration:none; font-weight: bold;}

	

	h1 { font-size:24px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:center; font-weight: bold; padding: 3px 0px 3px 0px;  line-height:1.2em; }
	h2 { font-size:20px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:left; font-weight: bold; padding: 0px 0px; line-height:1.2em; }
	h3 { font-size:16px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:center; font-weight: bold; padding: 0px 0px; }
	h4 { font-size:16px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:center; font-weight: normal; padding: 0px 0px; }
	.norm { font-size:11px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:left; font-weight: normal; padding: 0px 0px; }
	.normb { font-size:11px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:left; font-weight: bold; padding: 0px 0px; }
	.stefanynka { font-size:56px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:center; font-weight: bold; padding: 120px 0px 160px 0px; color: blue; }
	.menu { font-size:12px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:center; font-weight: bold; padding: 3px 0px 3px 0px; }

	.text12n { font-size:13px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:left; font-weight: bold; padding: 0px 0px; }
	.text10n { font-size:12px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:left; font-weight: normal; padding: 0px 0px; }
	.text8n { font-size:11px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:center; font-weight: normal; padding: 0px 0px; }






	.clear { clear:both; visibility:hidden; height:0; height:0; margin:0; padding:0; line-height:0; }
	.clearbig { clear:both; visibility:hidden; height:0; height:10px; margin:0; padding:0; line-height:0; }

	hr { color: #8C2806; height:1px; }

.page {
	width:100%;
	height:100%;
	padding: 0px 0px;

	text-align:left;
	font-weight: normal;;
	float: left;
	background:#ffffff;
}

.hlavicka {
	width:100%;
	height:auto;
	padding: 0px 0px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	float: left;
	background:#64C8FA;
}

.linka {
	width:100%;
	height:10px;
	padding: 0px 0px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	float: left;
	background:#000099;
}

.foto {
	height:auto;
	padding: 0px 0px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	float: left;
	background:#64C8FA;
}

.peta {
	width:100%;
	height:100px;
	padding: 0px 0px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	font-weight: bold;
	float: left;
	background:#64C8FA;
}

.menu {
	width:15%;
	height:1200px;
	padding: 10px 2px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	font-weight: bold;
	float: left;
	background:#64C8FA;
}

.telo {
	width:82%;
	height:auto;
	padding: 10px 10px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	float: left;
	background:#ffffff;
}

.kocka {
	width:160px; 
	height:225px;
	margin-right:auto;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px;
	text-align: center;
	float: left;
}

.box1{
	width:100%; 
	height:auto;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px;
	text-align: center;
	float: left;
	background-color: #dddddd;
}

.box2{
	width:100%; 
	height:auto;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px;
	text-align: center;
	float: left;
	background-color: #eeeeee;
}



.obsah {
	width:560px;
	height:100%; 
	padding: 0px 0px;
	margin: 0;
	text-align:center;
	float: left;
}


	.hore {
		width:548px; 
		height:15px; 
		padding: 8px 3px;
		margin: 1px 1px;
		text-align:left;
		float: left;
	}


	.fortext {
		width:548px; 
		padding: 8px 3px;
		margin: 1px 1px;
		text-align:justify;
		float: left;
	}

	.fortext2 {
		width:548px; 
		padding: 8px 3px;
		margin: 1px 1px;
		text-align:justify;
		float: left;
		color: #615F25;
	}

	.fortext3 {
		width:542px; 
		padding: 8px 6px 12px 6px;
		margin: 20px 1px 0px 1px;
		text-align:left;
		float: left;
		color: #615F25;
		background:#DEDCB5;
	}

	.fortext4 {
		width:542px; 
		padding: 28px 6px 3px 6px;
		margin: 0px 1px 0px 1px;
		text-align:left;
		float: left;
		color: #615F25;
		background:#D0CE9A;
	}


	.tabulka {
		width:534px; 
		padding: 8px 10px;
		margin: 10px 1px 10px 1px;
		font-size:12px; 
		text-align:left;
		float: left;
		background-image: url(pic/lista.gif);
		background-position: 0% 0%; 
		background-repeat: no-repeat;
	}


	.tab1 {
		width:160px; 
		padding: 8px 6px;
		margin: 1px 1px;
		text-align:left;
		float: left;
		background:#EAE9D3;
	}

	.tab2 {
		width:70px; 
		padding: 8px 3px;
		margin: 1px 1px;
		text-align:center;
		float: left;
		background:#EAE9D3;
		color:#615F25;
	}

	.tab3 {
		width:64px; 
		padding: 8px 6px;
		margin: 1px 1px;
		text-align:right;
		float: left;
		background:#EAE9D3;
	}

	.tab4 {
		width:542px; 
		padding: 8px 6px;
		margin: 1px 1px;
		text-align:justify;
		float: left;
		background:#EAE9D3;
	}

	.tab1b {
		width:386px; 
		padding: 8px 6px;
		margin: 1px 1px;
		text-align:left;
		float: left;
		background:#D6D4A6;
	}

	.tab2b {
		width:70px; 
		padding: 8px 3px;
		margin: 1px 1px;
		text-align:center;
		float: left;
		background:#D6D4A6;
		color:#615F25;
	}

	.tab3b {
		width:64px; 
		padding: 8px 6px;
		margin: 1px 1px;
		text-align:right;
		float: left;
		background:#D6D4A6;
	}

	.tab4b {
		width:542px; 
		padding: 8px 6px;
		margin: 1px 1px;
		text-align:justify;
		float: left;
		background:#D6D4A6;
	}



	.menubox { display: block; width:200px; margin: 0; padding: 0; }

		.menubox ul {
			padding: 0px 0px; margin: 0; float:left; list-style-type: none; display: block;
		}
		ul.tab li { 
			padding: 0px 0px; margin: 0; float:left; list-style-type: none; display: block;
		}
		.menubox ul li a:link,
		.menubox ul li a:visited,
		.menubox ul li span {
			width: 114px;
			height: 154px;
			font-size:11px;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			text-decoration: none;
			text-align: center;
			font-weight: normal;
			color:#8C2806;
			padding: 0 0;
			margin: 0;
			list-style-type: none; 
			display: block; 
			float:left;
			line-height:1.1em;
		}
		.menubox ul li a:hover,
		.menubox ul li a:active { 
			background:#FFFFFF;
			color: #000;
		}


		.menubox ul .extra a:link { 			
			background:#F9E5BB;
			color: #000;
		}

		.menubox ul .extra a:hover,
		.menubox ul .extra a:active { 
			background:#FFFFFF;
			color: #000;
		}





em { 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	font: italic;
	color:#111111;
}

.vlavo { 
	float:left;
	font-size:11px;
	text-align: left;
	padding: 0px 0px 0px 32px;
	color: #615F25; 
}
.vpravo { 
	float:right;
	font-size:11px;
	text-align: right;
	padding: 0px 32px 0px 0px;
	color: #615F25;
}

.biger { 
	font-size:13px;
	color: #615F25; 
	font-weight: bold;
}

.vlavocop { 
	float:left;
	font-size:9px;
	text-align: left;
}
.vpravocop { 
	float:right;
	font-size:9px;
	text-align: right;
}