body {
background:rgb(0,0,0); 
font-family:arial, sans-serif; 
margin:0px; 
font-size:10pt; 
color: rgb(167,167,167); 
min-width: 800px; 
height:100%; 
text-align: center;
}
#hlavni {
width: 900px; 
height:100%; 
margin: 0px; 
text-align: center; 
border: 0px solid rgb(102,102,102);
background-color:rgb(0,0,0); 
}
#hlavnii {
width: 900px;
height:580px;
margin: 0px auto;
text-align: center;
border: 0px solid rgb(102,102,102);
background-color:rgb(0,0,0); 

background-image:url(/script/showimage.php?filename=../images/uvod.png&width=400&height=400);
background-repeat:no-repeat;
background-position: 50% 50%;
/*filter:alpha(Opacity=40);
/*opacity:0.4; /*firefox 1.5 opacity*/
/*-moz-opacity:0.4; /*mozilla opacity*/
/*-khtml-opacity:0.4; /*opacity*/
}
.snow {
position:absolute;
layer-background-color:lightblue;
visibility:visible;
top:-50px;
font-size:1px;
background-color:rgb(239,239,239);
}
#prava {
min-width: 240px;
margin: 0px;
text-align: center;
border: 0px solid rgb(102,102,102);
background-color;rgb(51,204,153);
}
#bottom{
width: 900px;
height:16px;
margin:0px;
padding:0px;
border: 0px solid rgb(102,102,102);
}
#bottoml{
float: left;
width:20%;
text-align: left;
font-size:7pt;
font-family:arial, tahoma, verdana, sans-serif;
font-weight:normal;    

}
#bottomc{
float: left;
width:60%;
text-align: center;
font-size:8pt;
font-family:arial, tahoma, verdana, sans-serif;
color:rgb(177,177,177);
font-weight:normal;    
text-decoration: none;
}
#bottomr{
float: right;
width:20%;
text-align: right;
font-size:7pt;
font-family:arial, tahoma, verdana, sans-serif;
color:rgb(177,177,177);
font-weight:normal;    
text-decoration: none;
}
#iframe {
overflow: auto;
width:900px;
height:600px;
background: transparent;
padding: 0px 0px 0px 0px;
text-align: left;
z-index: 50;
border-top: 1px solid rgb(133,133,133);
border-bottom: 1px solid rgb(133,133,133);
margin: 5px 0px 2px 0px;
background-repeat:no-repeat;
}

#mycustomscroll {
/* Typical fixed height and fixed width example */
float:left;
width: 900px;
height: 600px;
overflow: auto;
vertical-align: top;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
text-align: justify;
/*background: rgb(249,232,238);
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;*/

border-top: 1px solid rgb(133,133,133);
border-bottom: 1px solid rgb(133,133,133);

}
h1 {
background-image:url(/img2/pfeil.jpg);
background-repeat:no-repeat;
background-position:left 3px;    
font-size:22px;
color:rgb(255,255,204);
padding-bottom:1px;
padding-left:25px;
border-bottom:1px solid rgb(255,255,204); 
padding-top:0px;
font-weight:bold;
text-transform:uppercase; 
}
h2 {
font-size:18px;
font-weight:normal;
color:rgb(160,160,160);
text-decoration: none;
}
h3 {
font-size:12pt;
color:rgb(153,51,51);
font-weight:normal;    
}
h4 {
font-size:16pt;
color:rgb(160,160,160);
font-weight:normal;    
}
.button{
width:60px;
height:15px;
border:1px solid #8E908F;
color:rgb(160,160,160);
background-color: rgb(84,84,84);
text-decoration: none;
cursor: pointer;
}


/* news xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.news1{
float:left;
width:100%;
height:25px;
border-bottom: 0px solid rgb(133,133,133);
display: inline;
}
.news2{
float:left;
width:400px;
font-size:16pt;
font-weight:normal;
color:rgb(142,144,143);
text-decoration: none;
margin-top: 5px;
}
.news3{
float:right;
width:400px;
text-align:right;
font-size:8pt;
color:rgb(142,144,143);
margin: 3px ;
}
.news4{
float:left;
width:100%;
height:140px;
border-bottom: 1px solid rgb(133,133,133);
margin:0 0 10px 0;
display: inline;
}
.news5 {
float:left;
width:740px;
height:130px;
background: rgb(0,0,0);
color:rgb(142,144,143);
text-align:justify;
margin: 10px 0 0 5px;
border:0px solid rgb(255,255,204);
}
.news6 {
float:right;
width:140px;
height:130px;
line-height: 128px;
background: rgb(0,0,0) url();
text-align:center;
border:0px solid rgb(66,66,66);
cursor: pointer;
}
.news7{
float:left;
text-align:center;
text-decoration: none;
}
.news8{
float:right;
text-align:center;
text-decoration: none;
}


/* vyrobky xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.vyrobky1{
width:100%;
display: inline;
}
.vyrobky2{
float:left;
width:50%;
height:520px;
background: rgb(0,0,0);
text-align:center;
padding: 50px 0 0 0px;
vertical-align: bottom;
border:0px solid rgb(255,255,204);
}
.popis1{
float:left;
width:100%;
text-align:center;
margin:40px 0 20px 0; 
}
.popis2{
float:left;
width:66%;
text-align:justify;
margin:5px 0 0 0; 
}
.popis3{
float:left;
width:34%;
text-align:center;
margin:0px 0 0 0;
}
.popis4{
width:900px;
height:70px;
text-align:center;
display: inline;
}
.popis5{
float: left;
width:auto;
height:70px;
margin:2px;
text-decoration: none;
}
.popis15{
float: left;
border: 1px solid rgb(102,102,102);
width:120px;
height:100px;
margin:2px;
text-decoration: none;
}
.popis15:hover{
float: left;
border: 1px solid rgb(33,33,33);
width:120px;
height:100px;
margin:2px;

}
.popis6{
float: left;
width:95%;
height:20px;
margin-left:10px;
}
.popis7{
float: left;
border: 1px solid rgb(102,102,102);
width:72px;
height:72px;
margin:2px;
}
.popis7:hover{
float: left;
border: 1px solid rgb(33,33,33);
width:72px;
height:72px;
margin:2px;
}
.popis8{
float: left;
border: 1px solid rgb(102,102,102);
width:88px;
padding:3px;
text-align:center;
margin-top:30px;
}
.popis8:hover{
float: left;
border: 1px solid rgb(33,33,33);
width:88px;
padding:3px;
text-align:center;
margin-top:30px;
}
.popis9{
float: left;
border: 1px solid rgb(102,102,102);
width:88px;
padding:3px;
text-align:center;
margin-top:3px;
margin-left:405px;
}
.popis9:hover{
float: left;
border: 1px solid rgb(33,33,33);
width:88px;
padding:3px;
text-align:center;
margin-top:3px;
margin-left:405px;
}




/* galery xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.galery1{
width:100%;
height:520px;
text-align:center;
margin:20px 0 20px 0;
display: inline;
}
.galery2{
float:left;
width:50%;
height:110px;
text-align:center;
padding-top:10px;
margin:220px 0 10px 0;
/*background-image:url(/script/showimage.php?filename=../images/fotak.png&width=85&height=85);
background-repeat:no-repeat;
background-position: 50% 50%;*/
}
.galery3{
float:left;
width:50%;
height:120px;
text-align:center;
margin:220px 0 10px 0;
/*background-image:url(/script/showimage.php?filename=../images/fotak.png&width=85&height=85);
background-repeat:no-repeat;
background-position: 50% 50%;*/
}
.galery4{
float:left;
width:50%;
height:20px;
text-align:center;
margin:0px 0 0px 0;
/*background-image:url(/script/showimage.php?filename=../images/kamera.png&width=120&height=120);
background-repeat:no-repeat;
background-position: 50% 50%;*/
}
.foto1{
width:100%;
height:520px;
text-align:center;
margin:20px 0 20px 0;
}
.foto2{
float:left;
width:auto;
height:80px;
text-align:center;
margin:20px 0 20px 0;
}
.foto3{
width:100%;
height:450px;
text-align:center;
margin:20px 0 20px 0;
}
.video1{
width:100%;
height:520px;
text-align:center;
margin:60px 0 0 0;
}


/* kontakt xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.kontakt1{
width:100%;
height:520px;
text-align:center;
margin:20px 0 20px 0;
display: inline;
}
.kontakt2{
float:left;
width:25%;
height:110px;
text-align:center;
padding-top:10px;
margin:220px 0 00px 0;
/*background-image:url(/script/showimage.php?filename=../images/fotak.png&width=85&height=85);
background-repeat:no-repeat;
background-position: 50% 50%;*/
}
.kontakt3{
float:left;
width:33%;
height:20px;
text-align:center;
margin:10px 0 10px 0;
/*background-image:url(/script/showimage.php?filename=../images/fotak.png&width=85&height=85);
background-repeat:no-repeat;
background-position: 50% 50%;*/
}
.kontakt4{
float:left;
width:33%;
height:110px;
text-align:center;
padding-top:10px;
margin:220px 0 10px 0;
/*background-image:url(/script/showimage.php?filename=../images/fotak.png&width=85&height=85);
background-repeat:no-repeat;
background-position: 50% 50%;*/
}




/* prodejci xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.prodejci1{
width:100%;
height:15px;
text-align:center;
margin:0px 0 0px 0;
display: inline;
}
.prodejci2{
float:left;
width:25%;
height:110px;
text-align:center;
padding-top:10px;
margin:160px 0 20px 0;
/*background-image:url(/script/showimage.php?filename=../images/fotak.png&width=85&height=85);
background-repeat:no-repeat;
background-position: 50% 50%;*/
}
.prodejci3{
float:left;
width:50%;
height:16px;
text-align:center;
margin:0px 0 5px 0;
/*background-image:url(/script/showimage.php?filename=../images/fotak.png&width=85&height=85);
background-repeat:no-repeat;
background-position: 50% 50%;*/
}
.prodejci4{
float:left;
width:33%;
height:110px;
text-align:center;
padding-top:10px;
margin:220px 0 0px 0;
/*background-image:url(/script/showimage.php?filename=../images/fotak.png&width=85&height=85);
background-repeat:no-repeat;
background-position: 50% 50%;*/
}




/* menu xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
div.hauptmenue {
padding:0px 0px 0 0px;
padding-right:;
font-weight:bold; 
 
}
ul.dropdown {
list-style: none;
margin:0px;
padding:0px; 
 
}
ul.dropdown li {
float: left;
border:1px solid #8E908F;
padding:0px;
margin:0px;
margin-left:3px;
display:block;
behavior: url(hover.htc); 
/*padding: 0px; /* padding: 2px; helps Opera with hover */
}
ul.dropdown li ul {
position:absolute;
list-style: none;
margin:0px;
padding: 0px;
display:none; 
z-index:99;    
padding-top:2px;     
behavior: url(/hover.htc); 
 
}
ul.dropdown li:hover ul, ul.dropdown li:hover ul li, ul.dropdown ul li:hover ul {
display:block;
width: 130px;
text-align: left;
visibility: visible; 
behavior: url(hover.htc); 
}
ul.dropdown li a {
display:block;
padding: 2px 5px 2px 5px;
text-decoration: none;
color:rgb(134,192,30); 
border-left:5px solid #8E908F;
 
}
ul.dropdown li a:hover {
color:rgb(204,255,255);
background-color:rgb(133,194,38);
border-left:5px solid rgb(28,49,132);
 
}
ul.dropdown li ul li {
float: left;
position: relative; 
background-color:rgb(30,26,23);
padding-top:0px;
padding-bottom:0px;
border-right:0px;
padding-left:0px;
margin-left:1px;
border-right:1px solid #8E908F;
border-bottom:0px solid #8E908F;
font-size:9pt; 
font-weight: bold;
behavior: url(/hover.htc); 
}
ul.dropdown li ul li:hover a {    
color:rgb(204,255,255);
background-color:rgb(133,194,38);
 
}


.disp{
filter:alpha(Opacity=10);
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}
a{
color:rgb(167,167,167);
text-decoration: none;
}
a:hover{
color:rgb(33,33,33);
text-decoration: underline;
}
  legend, label {
  color:rgb(186,186,186);
  }
  fieldset {
  border: 1px solid  rgb(203,203,203);
  margin-bottom:10px;
  padding-bottom:30px;
  }
  label{
  float:left;
  width:150px;
  text-align:right;
  margin:5px 0 0 0;
  }
  input {
  background: rgb(148,148,148);
  border: 1px solid rgb(203,203,203);
  font-family:arial, tahoma;
  margin:5px;
  }
  form{
  margin-bottom:10px;
  }
  textarea {
  background: rgb(148,148,148);
  border: 1px solid  rgb(203,203,203);
  font-family:arial, tahoma;
  width:539px;
  height:80px;
  margin:5px;
 overflow: auto;
  }

ul, li 
{ 
list-style: none; 
margin: 0; 
padding: 0; 
}
ul.uroven1 
{ 
float: left;

padding:0px;
margin:0px;
margin-left:3px;
display:block;
} 

ul.uroven2 
{ 
position: absolute; 
color: rgb(255,255,255);
background-color:transparent ;
padding-top:2px;
visibility: hidden; 
z-index:99;    
margin-left:3px;
} 

li.uroven1 
{ 
float: left;
position: relative; 
border:1px solid #8E908F; 
background-color: transparent; 
margin-bottom: 0px; 
text-decoration: none;
 
margin-bottom: 3px; 
behavior: url(hover.htc); 
color: rgb(255,255,255);
margin-left:3px;} 

li.uroven2 
{ 
 
width: 130px;
border-right:1px solid #8E908F; 
border-left:1px solid #8E908F; 
border-top:1px solid #8E908F; 
text-decoration: none;
text-align: left;
font-size:9pt; 
background-color:rgb(30,26,23); 
margin-right: 0px; 
} 

li a 
{ 
display:block;
padding: 2px 5px 2px 5px;
text-decoration: none;
color:rgb(134,192,30); 
border-left:5px solid #8E908F;
text-decoration: none;
} 

li a:hover
{ 
color:rgb(204,255,255);
background-color:rgb(133,194,38);
border-left:5px solid rgb(28,49,132);
text-decoration: none;
} 

li.uroven2 a 
{ 
 
} 

li.uroven1:hover, li.uroven1Hover 
{ 
background-image: url('96-2.png'); 
text-decoration: none;
} 

li.uroven2:hover, li.uroven2Hover 
{ 
background-image: url('96-4.png'); 
} 

ul.uroven1 li.uroven1Hover ul.uroven2, 
ul.uroven1 li.uroven1:hover ul.uroven2 
{ 
text-decoration: none;
visibility: visible; 
}