body {
margin: 0px; 
padding: 0px;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
font-size: 14px;
color: #000;
background-color: #AAA9A9;
text-align: center;
FONT-SIZE: 100%;
}
#celek {
	  MARGIN: 25px 0px 0px 0px; WIDTH: 760px; background-color: #fff; PADDING: 0px;
position: relative;
}
H1 {
	 WIDTH: 760px; HEIGHT: 159px; BACKGROUND: url(logo.jpg) no-repeat; text-align: left;PADDING: 0px; MARGIN: 0px;
}
H1 SPAN {
	DISPLAY: none;
}
#menu {
	WIDTH: 760px; HEIGHT: 30px; MARGIN: 0px; text-align: left; background-color: #000; color: #fff; PADDING: 0px;
}
#menu LI {
	FLOAT: left; WIDTH: 80px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center;
}
#menu A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px;  
PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 5px; TEXT-DECORATION: none;
}
#menu STRONG {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;FONT-WEIGHT: bold;
	OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 5px; TEXT-DECORATION: none; COLOR: #fff;
}

#menu LI A {
	WIDTH: auto;
}
#menu LI STRONG {
	WIDTH: auto; COLOR: #AAA9A9;
}
#menu LI A:link {
	COLOR: #fff;
}
#menu LI A:visited {
	COLOR: #fff;
}
#menu LI A:hover {
	COLOR: #9A0000;
}
#stranka	{
	WIDTH: 760px; BACKGROUND: url(pozadi.gif) repeat-y; PADDING-TOP: 0px; MARGIN-TOP: 0px; 
}
#text	{
	WIDTH: 720px; PADDING-LEFT: 29px; text-align: left;
}
H2	{
	COLOR: #9A0000; FONT-SIZE: 100%; text-align: left; MARGIN: 0px; PADDING-TOP: 10px; PADDING-BOTTOM: 10px;
}
#paticka	{
	WIDTH: 760px; HEIGHT: 33px; BACKGROUND: url(paticka.jpg); FONT-SIZE: 75%; FONT-WEIGHT: bold; MARGIN-TOP: 0px;
}
#seznam UL,LI {
	LIST-STYLE-TYPE: disc; TEXT-ALIGN: left; PADDING: 0px; MARGIN: 0px 0px 0px 10px;
}
.uvod	{
	COLOR: #9A0000; FONT-SIZE: 80%; text-align: left; FONT-WEIGHT: bold; MARGIN: 0px; PADDING: 0px;
}
P {
	PADDING-RIGHT: 15px; PADDING-LEFT: 10px;FONT-SIZE: 80%; PADDING-BOTTOM: 5px; MARGIN: 0px; TEXT-INDENT: 15px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#seznam	{
	FONT-SIZE: 80%; PADDING: 0px; MARGIN: 0px;
}
H3	{
	COLOR: #9A0000; FONT-SIZE: 90%; text-align: left; MARGIN: 0px; PADDING: 10px 0px 0px 0px; MARGIN: 0px;
}
.reference	{
	WIDTH: 730px; HEIGHT: 150px; PADDING-LEFT: 0px; PADDING-BOTTOM: 30px; MARGIN: 0px;
}
.reference A.orlik {
	 WIDTH: 200px; HEIGHT: 150px; BACKGROUND: url(obr/orliksedivy.jpg) no-repeat; PADDING: 0px 20px 0px 0px; MARGIN: 0px; DISPLAY: block;float: left;
}
.reference A:hover.orlik {
	WIDTH: 200px; HEIGHT: 150px; BACKGROUND: url(obr/orlikbarevny.jpg) no-repeat; border: 0px; PADDING: 0px 20px 0px 0px; MARGIN: 0px; DISPLAY: block;float: left;
}

.reference A.michelska {
	 WIDTH: 200px; HEIGHT: 150px; BACKGROUND: url(obr/michelskasedivy.jpg) no-repeat; PADDING: 0px 20px 0px 0px; MARGIN: 0px; DISPLAY: block;float: left;
}
.reference A:hover.michelska {
	WIDTH: 200px; HEIGHT: 150px; BACKGROUND: url(obr/michelskabarevny.jpg) no-repeat; border: 0px; PADDING: 0px 20px 0px 0px; MARGIN: 0px; DISPLAY: block;float: left;
}

.reference A.roxette {
	 WIDTH: 200px; HEIGHT: 150px; BACKGROUND: url(obr/roxsedivy.jpg) no-repeat; PADDING: 0px 20px 0px 0px; MARGIN: 0px; DISPLAY: block;float: left;
}
.reference A:hover.roxette {
	WIDTH: 200px; HEIGHT: 150px; BACKGROUND: url(obr/roxbarevny.jpg) no-repeat; border: 0px; PADDING: 0px 20px 0px 0px; MARGIN: 0px; DISPLAY: block;float: left;
}

.reference A.prorock {
	 WIDTH: 200px; HEIGHT: 150px; BACKGROUND: url(obr/prorocksedivy.jpg) no-repeat; PADDING: 0px 20px 0px 0px; MARGIN: 0px; DISPLAY: block;float: left;
}
.reference A:hover.prorock {
	WIDTH: 200px; HEIGHT: 150px; BACKGROUND: url(obr/prorockbarevny.jpg) no-repeat; border: 0px; PADDING: 0px 20px 0px 0px; MARGIN: 0px; DISPLAY: block;float: left;
}

.reference A.ypa {
	 WIDTH: 200px; HEIGHT: 150px; BACKGROUND: url(obr/ypasedivy.jpg) no-repeat; PADDING: 0px 20px 0px 0px; MARGIN: 0px; DISPLAY: block;float: left;
}
.reference A:hover.ypa {
	WIDTH: 200px; HEIGHT: 150px; BACKGROUND: url(obr/ypabarevny.jpg) no-repeat; border: 0px; PADDING: 0px 20px 0px 0px; MARGIN: 0px; DISPLAY: block;float: left;
}
.reference A.roxetteold {
	 WIDTH: 200px; HEIGHT: 150px; BACKGROUND: url(obr/roxetteoldsedivy.jpg) no-repeat; PADDING: 0px 20px 0px 0px; MARGIN: 0px; DISPLAY: block;float: left;
}
.reference A:hover.roxetteold {
	WIDTH: 200px; HEIGHT: 150px; BACKGROUND: url(obr/roxetteoldbarevny.jpg) no-repeat; border: 0px; PADDING: 0px 20px 0px 0px; MARGIN: 0px; DISPLAY: block;float: left;
}
.reference H4	{
	 COLOR: #9A0000; FONT-SIZE: 80%; MARGIN: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 8px;
}
.popisek A	{
	COLOR: #000000;FONT-WEIGHT: bold; FONT-SIZE: 80%;
}
.popisek A:hover	{
	COLOR: #9A0000; FONT-WEIGHT: bold; FONT-SIZE: 80%; 
}
.reference P	{
	 COLOR: #000; FONT-SIZE: 80%; MARGIN: 0px; PADDING: 0px;TEXT-INDENT: 0px; 
}
.skryt	{
	DISPLAY: none;
}
form	{
	FONT-SIZE: 80%;FONT-WEIGHT: bold;WIDTH: 570px; PADDING-BOTTOM: 10px; MARGIN-BOTTOM: 0px;
}
input	{
	margin-left:10px; width: 250px;MARGIN-BOTTOM: 2px; 
}
textarea	{
	 width: 250px;margin-left:10px;
}
label 
{ 
float: left; 
width: 280px; 
padding-left:10px;
} 
label.te	{ 
 	margin-left:90px;
} 
#submitbutton 
{ 
margin-left: 360px; 
width: 100px; 
} 
.formular	{
	PADDING-RIGHT: 15px; PADDING-LEFT: 10px;FONT-SIZE: 80%; PADDING-BOTTOM: 5px; MARGIN: 0px; TEXT-INDENT: 0px; PADDING-TOP: 10px; TEXT-ALIGN: left
}
A {
	COLOR: #000; FONT-WEIGHT: bold;TEXT-DECORATION: none;
}
A:hover {
	COLOR: #9A0000; FONT-WEIGHT: bold;
}