body{
  background-color: white;
  margin: 0px;
  padding: 0px;
  
  font-family: arial;
  font-weight: normal;
  font-size: 11px;
  color: black;
  
  background-color: black;
}
body, html{
	scrollbar-track-color: #d0d0d0;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #404040;
	scrollbar-3dlight-color: #404040;
	scrollbar-darkshadow-color: black;
	scrollbar-shadow-color: #404040;
	scrollbar-arrow-color: #d0d0d0;
}
div#page{
	position: relative;

	width: 822px;
	height: 552px;
	text-align: left;
}
/* tiskova hlavicka */
div#print-header{
  display: none;
}
div#left{
  position: absolute;
  left: 0px;
  top: 0px;

  width: 385px;
  height: 100%;
  
  color: #d0d0d0;
  
  overflow: auto;
  overflow-x: hidden;
}
div#left h1{
	font-size: 14px;
	color: #cc0294;
}
div#left h2{
	font-size: 11px;
	color: #d0d0d0;
}
div#left p{
	font-size: 11px;
	text-align: justify;
	padding-right: 10px;
}
div#left IMG#left-img{
  position: relative;
  top: 0px;
  height: 519px;
  width: 385px;
}
div#left IMG#left-img-17{
  position: relative;
  top: 0px;
  height: 517px;
  width: 385px;
}
div#left A{
	font-size: 100%;
	color: #cc0099;
	text-decoration: none;
}
div#left A:HOVER{
	color: #00c600;
}
div#left H1 A:HOVER{
	color: #cc0099;
}
div#main{
	position: absolute;
	right: 0px;

	width: 437px;
	height: 100%;
	background-image: url(page-bg.gif);
	background-repeat: no-repeat;
	background-color: black;

  color: white;
}
div#bg-m #main{
 	background-image: url(page-bg-m.gif);
}
div#bg-s #main{
 	background-image: url(page-bg-s.gif);
}
div#bg-s2 #main{
 	background-image: url(page-bg-s2.gif);
}
div#bg-m-only #main{
 	background-image: url(page-bg-m-only.gif);
}
div#bg-xl-only #main{
 	background-image: url(page-bg-xl-only.gif);
}
div#bg-l-only #main{
 	background-image: url(page-bg-l-only.gif);
}
div#bg-s-only #main{
 	background-image: url(page-bg-s-only.gif);
}
div#bg-l-g #main{
 	background-image: url(page-bg-lg.gif);
}
div#bg-l #main{
 	background-image: url(page-bg-l.gif);
}
/* nabidka */
div#quote{
	position: absolute;
	top: 17px;
	left: 120px;
	
	width: 350px;
	height: 498px;
	
	overflow: auto;
}

div#quote A.home-a{
  display: block;

	position: absolute;
	left: -110px;

  width: 90px;
  height: 40px;
}

div#quote H1{
	color: #f0f0f0;

	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
div#quote P{
	color: #f0f0f0;

	font-size: 11px;
	text-align: justify;
}
div#quote A{
	display: block;
	margin-left: 5px;

	font-size: 10px;
	font-weight: bold;
	color: #d0d0d0;
	text-decoration: none;
	text-transform: uppercase;

 	line-height: 25px;
}
div#quote A:HOVER, div#quote A.active{
  color: #00c600;
  text-decoration: none;
}
/* hlavni nabidka */
div#head-quote{
	position: relative;
  right: -17;
 	top: -40px;
 	text-align: right;
}
div#head-quote A{
	padding-left: 10px;

	font-size: 9px;
	font-weight: bold;
	color: #d0d0d0;
	text-decoration: none;
	text-transform: uppercase;

	line-height: 20px;
}
div#head-quote A:HOVER{
  color: #cc0099;
  text-decoration: none;
  
  background-image: url(list.gif);
  background-repeat: no-repeat;
  background-position: left;
}
div#head-quote A.active, div#head-quote A.active:hover{
  color: #cc0099;
  text-decoration: none;

  background-image: url(list.gif);
  background-repeat: no-repeat;
  background-position: left;
}
/* spodni nabidka */
div#head-quote-bottom{
  position: absolute;
  right: 0px;
 	top: 10px;
}
div#head-quote-bottom A{
	padding-left: 10px;

	font-size: 10px;
	font-weight: bold;
	color: #d0d0d0;
	text-decoration: none;
	text-transform: uppercase;

	line-height: 16px;
}
div#head-quote-bottom A:HOVER{
  color: #00c600;
  text-decoration: none;

  background-image: url(list-g.gif);
  background-repeat: no-repeat;
  background-position: left;
}
div#head-quote-bottom A.active, div#head-quote-bottom A.active:hover{
  color: #00c600;
  text-decoration: none;

  background-image: url(list-g.gif);
  background-repeat: no-repeat;
  background-position: left;
}

div#quote SPAN.quote-top-span{
	margin-left: 5px;

	font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #d0d0d0;
  
  line-height: 13px;
}
div#quote A.quote-top-a{
  font-size: 10px;
}
div#quote A.quote-top-a-active{
  font-size: 10px;
  color: #969696;
}
div#quote A.quote-top-a-active:hover{
  font-size: 10px;
  color: #00c600;
}
div#quote A.small-line{
  line-height: 16px;
}
/* detail */
div#detail{
  font-size: 10px;
  font-weight: bold;
	color: #d0d0d0;

	position: absolute;
  top: 80px;
	left: 385px;
	
	width: 440px;
	height: 300px;
	
	overflow: auto;
	
	padding-left: 13px;
}
div#detail TABLE, div#detail TD{
  font-size: 10px;
  font-weight: normal;
	color: #d0d0d0;

	line-height: 11px;
}
div#detail TD.bold{
  font-weight: bold;
  width: 101px;
}
#bottom-img{
	position: relative;
	left: -13px;
}
div#detail H1{
	font-size: 13px;
	font-weight: bold;
	color: #cc0294;
}

div#detail H2,
div#detail H3,
div#detail H4,
div#detail H5{
	font-size: 12px;
	font-weight: bold;
	color: #cc0294;
}
div#detail A{
	font-size: 10px;
	color: #d9d9d9;
}
div#detail A:HOVER{
	font-size: 10px;
	color: white;
}
.bold{
	font-weight: bold;
}
div#float-left-bold{
	position: relative;
	left: -98px;
	font-weight: bold;
	line-height: 15px;
}
div#float-left-bold P, div#float-left-bold LI, div#float-left-bold TD{
	 font-size: 10px;
	 color: #d0d0d0;
}
div#motioncontainer{
	position: absolute;
	top: 395px;
	left: 385px;

	width: 384px;
	height: 87px;

	z-index: 1;
}
div#motioncontainer IMG{
	height: 87px;

	border: 0px;
	margin: 0px;
	
	cursor: pointer;
}

#statusdiv{
	display: none;
	position: absolute;
	padding: 2px;
	left: -300px;
	background-color: lightyellow;
	border: 1px solid gray;
	visibility: hidden;
}
#motiongallery{
	font-size: 0px;
	letter-spacing: 0px;
}
a.quote-lang{
	position: absolute;
	top: 338px;
	
	color: #d0d0d0;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
}
a.quote-lang:hover{
	color: #00c600;
}
.cs{
	left: 50px;
}

.en{
	left: 305px;
}
div#left P a.white{
	color: #d0d0d0;
	cursor: pointer;
}
div#left P a.white:HOVER{
	color: #00c600;
	cursor: pointer;
}
/* people */
div#divPeople{
	display: block;
}
div#divPeople IMG{
	z-index: 0;
}
#divPeople a, #divPeople a:hover{
	display: block;
	width: 130px;
	height: 95px;
	
	position: absolute;
	top: 395px;
	left: 67px; 
}
* html #divPeople a, * html #divPeople a:hover{
	display: block;
	width: 130px;
	height: 75px;
	
	position: absolute;
	top: 396px;
	left: 67px;
	
	background: #41b701; 
}
div#divOffice{
	display: none;
}
#divOffice a, #divOffice a:hover{
	display: block;
	width: 178px;
	height: 120px;
	
	position: absolute;
	top: 370px;
	left: 185px;
}
*html #divOffice a, * html #divOffice a:hover{
	display: block;
	width: 178px;
	height: 100px;
	
	position: absolute;
	top: 370px;
	left: 185px;
	
	background-color: #ff00ce;
}
/* information */
table.information-people, table.information-people td{
	border: none;
	color: white;
	font-size: 10px;
	font-weight: normal;
}
table.information-people td.label div{
	margin-left: 20px;
	margin-top: 5px;
	color: #ffffff;
font-size: 10px;
}