body         { font-family: Arial; background-color: #B7C858; font-weight: bold  }
h2            { font-family: Arial; color: #663300 }
table .hlav { height: 600px; background-image: url('../images/logo.jpg'); position: absolute; 
               border-style: solid; border-color: #B7C858 }	
p            { font-family: Arial; color: #663300; font-size: 14pt; line-height: 150%; margin-top: 12; margin-bottom: 12 }
.popis       { color: #663300; font-size: 12pt; line-height: 100%; margin-top: 0; margin-bottom: 0 }
.web       { color: #663300; font-size: 10pt; line-height: 100%; margin-top: 0; margin-bottom: 0 }
div	{width: 156px; height: 45px}
/* CSS issu des tutoriels www.alsacreations.com/articles */

#lista4	dl, dt, dd, ul, li
	{margin: 0; padding: 0; list-style-type: none;}
#lista4	{width: 100%;}
#lista4 dl {float: left;}
#lista4 dt	{border: 0px solid gray;
	cursor: pointer;
	text-align: center; font-weight: bold;
	margin: 1px;}
#lista4 dd	{border: 1px solid #B7C858;}
#lista4 li	{text-align: center;}
#lista4 li a, #menu dt a
	{display: block; width: 80px;}
#lista4 li a:hover, #menu dt a:hover
	{filter: DropShadow(color=#7C854B, OffX=2, OffY=2, positive=1); width: 105%;}
#lista4 a	{color: #663300; text-decoration: none;}
#lista4	B	{float: left;}
.lista4ram	{
		border: solid 2px #77CC77;}




.listatop	{margin-bottom: 0.5em;}
.listatop A	{float: right; clear: none; width: 11.5em; text-align: right;}
.listatop, .listatop A {color: #003355; background-color: #77DDFF; border-bottom: solid 1px #0077CC;}
IFRAME		{float:  left; clear: none; font-size: 80%;
		width: 120px; height: 1.5em; margin: 0px; padding: 0px;}

#lista3	dl, dt, dd, ul, li
	{margin: 0; padding: 0; list-style-type: none;}
#lista3	{width: 100%;}
#lista3 dl {float: left;}
#lista3 dt	{border: 0px solid gray;
	cursor: pointer;
	text-align: center; font-weight: bold;
	margin: 1px;}
#lista3 dd	{border: 1px solid #B7C858;}
#lista3 li	{text-align: center;}
#lista3 li a, #menu dt a
	{display: block; width: 80px;}
#lista3 li a:hover, #menu dt a:hover
	{filter: DropShadow(color=#7C854B, OffX=2, OffY=2, positive=1); width: 105%;}
#lista3 a	{color: #663300; text-decoration: none;}
#lista3	B	{float: left;}
.lista3ram	{
		border: solid 2px #77CC77;}




.listatop	{margin-bottom: 0.5em;}
.listatop A	{float: right; clear: none; width: 11.5em; text-align: right;}
.listatop, .listatop A {color: #003355; background-color: #77DDFF; border-bottom: solid 1px #0077CC;}
IFRAME		{float:  left; clear: none; font-size: 80%;
		width: 120px; height: 1.5em; margin: 0px; padding: 0px;}

#lista2	dl, dt, dd, ul, li
	{margin: 0; padding: 0; list-style-type: none;}
#lista2	{width: 100%;}
#lista2 dl {float: left;}
#lista2 dt	{border: 0px solid gray;
	cursor: pointer;
	text-align: center; font-weight: bold;
	margin: 1px;}
#lista2 dd	{border: 1px solid #B7C858;}
#lista2 li	{text-align: center;}
#lista2 li a, #menu dt a
	{display: block; width: 80px;}
#lista2 li a:hover, #menu dt a:hover
	{filter: DropShadow(color=#7C854B, OffX=2, OffY=2, positive=1); width: 105%;}
#lista2 a	{color: #663300; text-decoration: none;}
#lista2	B	{float: left;}
.lista2ram	{
		border: solid 2px #77CC77;}




.listatop	{margin-bottom: 0.5em;}
.listatop A	{float: right; clear: none; width: 11.5em; text-align: right;}
.listatop, .listatop A {color: #003355; background-color: #77DDFF; border-bottom: solid 1px #0077CC;}
IFRAME		{float:  left; clear: none; font-size: 80%;
		width: 120px; height: 1.5em; margin: 0px; padding: 0px;}


body {
	background-color: #CCFF66;
}
.styl1 {
	color: #663300;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}
.logo {
	background-color: #F0F0F0;
	background-image: url(images/logo.jpg);
}