body {
	font-family: arial, verdana;
	font-size: 0.8em;
	color: white;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	background-color: red;
	a:link {
		color: yellow;
		}
	a:visited {
		color: white;
		}
	a:hover {
		color: lightgreen;
		}
	a:active {
		color: silver;
		}
}

/* zakladni text*/
.z {
	color: #FFFFFF;
	font-family: arial,verdana;
	font-size: 1.0em;
	font-weight: normal;
}

/* text*/
.text-nadpis {
	color: #000000;
	font-family: arial, verdana;
	font-size: 2.5em;
	font-weight: bold;
}
.text-velky {
	color: #000000;
	font-family: arial, verdana;
	font-size: 2.0em;
	font-weight: normal;
}
.text-stredni {
	color: black;
	font-family: arial, verdana;
	font-size: 1.3em;
	font-weight: normal;
}
.text-odkaz {
	color: #000000;
	font-family: arial, verdana;
	font-size: 3.2em;
	font-weight: bold;
	text-decoration: underline;
}
.text-odkaz:hover {
	color: #1B1464;
	font-family: arial, verdana;
	font-size: 4.8em;
	font-weight: bold;
	text-decoration: underline;
	background-color: lightgreen;
	padding: 6px;
	border: 1px solid black;
}
.text-odkaz-middle {
	color: darkblue;
	font-family: arial, verdana;
	font-size: 2.5em;
	font-weight: bold;
	text-decoration: underline;
}
.text-odkaz-middle:hover {
	color: brown;
	font-family: arial, verdana;
	font-size: 4.1em;
	font-weight: bold;
	text-decoration: underline;	
}

/* oramovani*/
.global {
	width: 750px;
	border: 8px; 
	border-style: double;
	border-color: black;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #d3eef8;
	margin: 0px;
}

/* bloky*/
.ram-horni {
	width: 700px;
	border-top-width: 8px; 
	border-left-width: 8px; 
	border-right-width: 8px; 
	border-bottom-width: 8px; 
	border-style: solid;
	border-color: black;
	background-color: #FFFFFF;	
	padding: 6px;
	margin: 4px;
}

.ram-prostredni {
	width: 700px;
	border-top-width: 8px; 
	border-left-width: 8px; 
	border-right-width: 8px; 
	border-bottom-width: 8px; 
	border-style: solid;
	border-color: red;
	background-color: #FFFFFF;	
	padding: 4px;
	margin: 4px;
}

/* tlacitka - jednopolozkovy button*/
.inline-button-single {
   _width: 90%;
   font: bold 2.0em Arial, Verdana;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   border: 4px solid darkblue;
   white-space:nowrap;
   text-decoration: underline;
   text-align: center;
   vertical-align:middle;
   background: lightgreen;
   color: black;
}
.inline-button-single span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.inline-button-single:hover {
   font: bold 2.8em Arial, Verdana;
   background: white;
   color: red;
   border: 6px double black;
}

/* tlacitka - vicepolozkovy button*/
.inline-button {
   _width:6em;
   font: bold 1.6em Arial, Verdana;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   border: 6px double lightgreen;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #ccc;
   color: black;
   }
.inline-button em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: black;
   }
.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.inline-button:hover {
   background: lightgreen;
   color: red;
   font: bold 2.4em Arial, Verdana;
   border: 12px double yellow;
   text-decoration: underline;
   }
.inline-button:hover em {
   background: black;
   color: white;
   }

.orange { background: orange; color: black }
.orange em { background: white; color: #c60 }

.blue { background: #06c; color: white }
.blue em { background: white; color: #06c }

.green { background: green; color: white }
.green em { background: white; color: green }