/* CSS Document */
/* Styl pro layout na monitoru */
@media screen,projection {

#header {
  position: relative;
}
#logo a{
  position: absolute;
  top: 40px;
  left: 25px;
  width:260px;
  height:70px;
}

/*--- menu ---*/
#menu {
  height: 35px;
}
#menu li {
  padding-left: 0;
  float: left;
  list-style-type: none;
}
#menu a {
  padding: 8px 12px 5px 12px;
  height: 22px;
  _height: 35px;
  float: left;
}
unknown {
  width: auto
}
#menu a.first {
  border-left-width: 1px;
}
#menu li.active a {
  color: #000;
  background-color: #FFF;
}
#menu a:hover {
  color: #FFFFFF;
  background-color: #FF0000;
}
#menu a:unknown {
  color: #FFFFFF;
  background-color: #FF0000;
}

#main {
  clear: both;
  position: relative;
}
#text {
  position: relative;
  top: 2em;
  margin: 1em;
  padding: 0 0 3em 0;
  left: 260px;
  width: 60%;
}

/*--- submenu ---*/
#submenu {
  position: absolute;
  top: 2em;
  width: 200px;
  margin-top: 0;
  margin-left: 30px;
}


#banner {
  position: absolute;
  top: 30em;
  width: 202px;
  margin: 1em;
  margin-top: 0;
  margin-left: 30px;
}
/*--- footer ---*/
#footer {
  clear: both;
  position: relative;
  left: 260px;
  width: 60%;
}

/*--- vymena obrazku, tridy vklada JS ---*/
.bg1 { background: url("bg1.jpg") no-repeat right center; }
.bg2 { background: url("bg2.jpg") no-repeat right center; }
.bg3 { background: url("bg3.jpg") no-repeat right center; }
/*--- boxy na úvodní straně ---*/
div.box {
  width: 160px;
  margin: 0 10px 10px 0;
  height: 150px;
  float: left;
}
#text div.box h2 {
  font-size: 0.8em;
  margin-bottom: 0px;
  color: #555555;
}
div.last {
  margin-right: 0px;
}

.box1 img {
  border: 1px solid #D9D9D9;
  float: left;
  margin: 0 10px 10px 0px;
}
.box1 {
  clear: both;
  min-height: 110px;
 
}
.box1 h3 {
  margin: 0px 0 5px 0;
}
/*--------------------------------------------------- fotogalerie ---*/
.box-foto {
  float: left;
  margin: 0 10px 10px 0;

}
.box-foto img {
  border: 0px solid #ccc; 
}
#fotoprohlizec-img img {
  border: 0px solid #ccc;
}
#fotoprohlizec-img  {
  text-align: center;
}
#fotoprohlizec-menu {
  text-align: center;
  color: #ccc;
}
/*--- staré ---*/
.produkt, {
clear: both;
padding-bottom: 1em;
border-bottom: 1px solid #000000;
}
.posledniprodukt {
border: none;
padding-bottom: 2em;
}
#foto {
  width: 407px;
  height: 136px;
  margin: 10px 0 0 420px;
}
label.form {
  display: block;
  float: left;
  width: 150px;
}
}