/* CSS Document */
body  {
  margin: 0px;
  padding: 0px;
  /*padding-top: 1%;*/
  background-image: url('../img/body.png');
  background-color: #b0b0b0;
  text-align: center;
  font-size: 0.9em;
  font-family: Verdana, Tahoma, Arial, sans serif;
}

p {font-size: 0.8em;}
.left {
  display: block; float: left;
  margin: 5px 10px 5px 0px;
}
.right {
  display: block; float: right;
  margin: 5px 0px 5px 10px;
}
.clear  {
  clear: both; display: block;
}
.no-border  {border-style: none;}


#main {
  width: 800px;  
  height: 570px;
  background-color: #000;
  /*margin: auto auto auto auto;*/
  border: 2px solid #000;
  position: absolute;  
  left: 50%;
  top: 50%;
  margin-left: -400px;
  margin-top: -285px;
  z-index: 10;
}

#banner {
  position: relative;
	width: 800px;
	height: 160px;
	background-color: #303030; 
  text-align: center;   	
  overflow: hidden;
}
#banner h1  {padding-top: 55px; margin: 0px; color: #fff;}
#banner a {color: #fff;}
#banner h1 span {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  width: 800px;
  height: 189px;
  /*background-image: url('../img/banner.jpg');
	background-repeat: no-repeat;*/
	background-color: #000000;
}

#horni-text {
  display: block;
  position: absolute;  
  left: 0px;
  top: 0px;
  z-index: 10;
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  width: 800px; height: 160px;
}
#horni-text p   {text-align: justify; padding: 0px 5px 5px 5px;}

.leva-strana  {
  display: block; float: left; width: 374px; height: 160px; text-align: justify; 
  /*padding: 5px 10px 10px 10px; _padding: 8px 10px 10px 10px;*/
  _padding: 8px 0px 0px 0px;
}
.prava-strana  {
  display: block; float: right; width: 414px; height: 210px; text-align: justify; 
  /*padding: 5px 10px 10px 10px; _padding: 8px 10px 10px 10px;*/
  _padding: 8px 0px 0px 0px;
}

/*#horizontal-menu  {
  width: 950px;
  height: 24px;
  background-image: url('../img/horizontal-menu.jpg');
	background-repeat: no-repeat;
	background-position: 1px 0px;
	background-color: #000;
}

#horizontal-menu ul, #horizontal-menu li {
  margin: 0px; padding: 0px;
  margin-left: 308px;
}
#horizontal-menu li {
  list-style-type: none; display: inline;
}
#horizontal-menu a {
  display: block; float: left; height: 24px; position: relative;
  overflow: hidden;
  background-color: #fff; color: #000; font-weight: bold;
}
#horizontal-menu a span {
  display: block; height: 24px; position: absolute; left: 0px; top: 0px; z-index: 10;
  background-position: 0px -25px; background-repeat: no-repeat;
}
#horizontal-menu a:hover span, #horizontal-menu a:hover {
  background-position: 0px 0px;
}
.bel-ray          { 
  width: 96px; height: 24px;
  background-image: url('../img/bel-ray.jpg');  
}
.scott          { 
  width: 87px; height: 24px;
  background-image: url('../img/scott.jpg');  
}
.deltabraking          { 
  width: 157px; height: 24px;
  background-image: url('../img/deltabraking.jpg');  
}
.sidi          { 
  width: 74px; height: 24px;
  background-image: url('../img/sidi.jpg');  
}
.splatkovy-prodej         { 
  width: 203px; height: 24px;
  background-image: url('../img/splatkovy-prodej.jpg');  
}
*/


#vertical-menu  {
  clear: both;
  display: block;
  float: left;
  width: 148px;
  height: 500px;
  background-image: url('../img/vertical-menu.jpg');
	background-repeat: repeat-y;
}
#vertical-menu ul, #vertical-menu li {
  margin: 0px; padding: 0px;
}
#vertical-menu li {
  list-style-type: none; display: inline;
}
#vertical-menu a  {
  display: block; width: 111px; height: 25px; margin-left: 19px; _margin-left: 1px; position: relative;
  background-color: #fff; color: #000; font-weight: bold;  
}
#vertical-menu a span {
  display: block; width: 111px; height: 25px; position: absolute; left: 0px; top: 0px; z-index: 10;
  background-position: 0px -25px; background-repeat: no-repeat;
}
#vertical-menu a:hover span, #vertical-menu a:hover {
  background-position: 0px 0px;
}
/*.o-nas          { background-image: url('../img/o-nas.jpg');  }
.novinky        { background-image: url('../img/novinky.jpg');  }
.motocykly      { background-image: url('../img/motocykly.jpg');}
.prislusenstvi  { background-image: url('../img/prislusenstvi.jpg');  }
.servis         { background-image: url('../img/servis.jpg'); }
.bazar          { background-image: url('../img/bazar.jpg'); }
.kontakt        { background-image: url('../img/kontakt.jpg'); }
*/
#content p  {
  margin: 0px 0px 0px 150px;
  padding: 20px;
  text-align: justify;
}

#content-main {
  width: 800px;
  height: 316px;
  background-image: url('../img/main-bck.jpg');
  background-color: #fff;
}
#menu {
  text-align: right;
  height: 30px;
  margin-left: 440px;
}
#menu a {
  display: block;
  float: left;
  width: 95px;
  height: 25px;
  padding-top: 6px;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  text-align: center;
}
.uzsi-odkaz {width: 55px !important;}
#menu a:hover {font-weight: bold;}

.portrait {
  display: block;
  float: left;
  /*width: 70px;
  height: 25px; */
  margin-left: 25px; 
  _margin-left: 0px;
  _padding-left: 25px; 
}
.next {
  display: block;
  float: right;
  /*width: 89px;
  height: 35px;  */
  margin-right: 27px;
  _margin-right: 0px;
  _padding-right: 27px;
  border-style: none;
  color: #fff;
}
.navigacni-menu {
  display: block;
  float: right;
  color: #fff;
  margin-right: 27px;
  _margin-right: 0px;
  _padding-right: 27px;
}
.navigacni-menu a {
  color: #fff; text-decoration: none;
}
.navigacni-menu img {border-style: none;}

.modelky-nahledy {
  display: block;
  text-align: center;
  margin-top: 0px;
  _padding-top: 10px;
  margin-left: 25px;
  margin-right: 25px;
}
.modelky-nahledy img  {
  /*border: 1px solid #e0e0e0;  */
  border-style: none;
  /*border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;*/
  margin: 3px 0px 1px 0px;
  _margin-bottom: 3px;
  /*text-align: justify;*/
}
.modelky-nahledy a  {
  /*display: block;*/
  border-top: 3px solid #000; border-bottom: 3px solid #000;
  /*margin-right: 5px;*/
  margin-right: 5px; 
}
.modelky-nahledy a:hover  {  
  border-top: 3px solid #CF7B07; border-bottom: 3px solid #CF7B07;  
}

.no-image {
  display: block;
  text-align: center;
  width: 800px;
  height: 65px;
  padding-top: 20px;  
}

.horizontal-menu  {
  width: 820px;
  display: block;
  text-align: center;
  margin: 2px auto 0px auto;  
  _margin-right: 0px;
  _padding-right: 27px;
  
}
.horizontal-menu a  {
  display: block;
  float: left;
  font-size: 12px;  
  color: #fff;
  text-decoration: none;
  width: 115px;  
  text-align: center;
  padding: 5px;
}
.horizontal-menu a:hover  {
  background-color: #303030;
  font-weight: bold;
}

.velky-obrazek  {
  display: block;
  position: absolute;
  right: 358px;
  top: 161px;
  z-index: 15;  
}
.intro  {
  display: block;
  position: absolute;
  left: 0px;
  top: 97px;
  z-index: 15;  
  width: 280px;
  height: 384px;
  background-color: black;
  background-image: url('../intro/modelka-01.jpg');
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

#patka  {
  clear: both;
  width: 800px;
  height: 94px;
  background-image: url('../img/patka.jpg');
	background-repeat: no-repeat;
}
#patka p  {
  margin: 0px;
  padding: 5px 0px 0px 0px;
  color: #fff; 
}

/* order form */

.cell {
  display: block; 
  float: left; width: 129px;
  margin-right: 8px;
  overflow: hidden;
}

.text {
  border: 1px solid #c0c0c0;
  background-color: #f0f0f0;
  color: #000;
  display: block;
  margin-top: 3px;
  padding: 1px;
}
.textarea {
  border: 1px solid #c0c0c0;
  background-color: #f0f0f0;
  color: #000;
  display: block;
  margin-top: 3px;
  padding: 1px;
  width: 350px;
  height: 50px;
}
.submit-button  {
  /*color: #da8131;
  font-weight: bold;
  width: 200px;*/
  font-size: 11px;
  padding: 3px;
  margin-top: -10px;
  margin-left: 254px;
}
.cell-contact {
  display: block; float: left; width: 172px; padding: 5px 5px 5px 20px;
  background-color: #d1854b;
}
.cell-head  {
  font-size: 14px; display: block; margin-top: 30px; margin-left: 15px;
}