body {
    margin: 0;
    padding: 0;
    background-color: #000000;
    margin-top: 20px;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

img {border: 0px;}

a:link { color: #C0C0C0; text-decoration: underline;}
a:visited { color: #C0C0C0; text-decoration: underline;}
a:active { color: #C0C0C0; text-decoration: underline;}
a:hover{ color: #C0C0C0; text-decoration: none;}


#page {
  width: 890px;
  margin-top: 35px;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  color: #000;
  background : #fff none;
  text-align: left;
}

#logo {
    width: 890px; height: 70px;
/*  padding-top: 30px;   background-image: url("img/logo-autoklapka.png");
    background-position: right top;
    background-repeat: no-repeat;*/
    background-color: #000000;
    text-align: right;
}

#top {background-color: rgb(255,255,255);
background-image: url("img/top-foto-02.jpg");
    background-position: right top;
    width: 890px; height: 273px;
    background-repeat: no-repeat;
    }

/* menu */

.wireframemenu{
/*    border: 1px solid #C0C0C0;*/
    background-color: rgb(255,112,33);
   
    width: 260px; height: 273px;
    position: relative; float: left;
    border-right: 10px solid rgb(229,229,229);
}

/** html .wireframemenu{ IE only rule. Original menu width minus all left/right paddings
width: 310px;
}
*/
.wireframemenu ul{
    padding: 40px 0px 0px 0px;
    margin: 0;
    list-style-type: none;
    text-align: right;
}

.wireframemenu a{
    font-size: 18px;
    padding: 4px 13px;
    display: block;
    width: 100%; /*Define width for IE6's sake*/
    color: #ffffff; font-weight: bold;
    text-decoration: none;
/*border-bottom: 1px solid #C0C0C0;  */
}

.wireframemenu a:visited{
    color: #ffffff;
}

html>body .wireframemenu a{ /*Non IE rule*/
    width: auto;
}

.wireframemenu a:hover{
    background-color: rgb(229,229,229);
    color: black;
}


/* konec menu */
/*
#obrazek {
    width: 620px; height: 273px;
    position: relative; float: right;


}*/

#telo {
    position: relative; float: left; top: -3px;
    width: 860px; /*height: 273px;*/
    background-color: rgb(127,127,127);
    padding: 15px;
    color: #FFFFFF;
}

#telo li { list-style-type: square;}

#telo h1 {margin-top: 0px; padding-top: 0px; color: #FFFFFF; font-size: 18px; font-weight: normal;}
#telo h2 {margin-top: 0px; padding-top: 0px; color: #000000; font-size: 18px;}
#telo h3 {color: #505050; font-size: 15px;}


#leva
 {
    width: 240px;
    position: relative; float: left;
}

#prava {
    width: 594px; padding-left: 15px;
    position: relative;
    float: right;
    border-left: 1px solid #FFFFFF;
}
/*  */
#leva-index
 {
   /* width: 275px; */
    position: relative; float: left;  padding-right: 15px; height: 235px;
}

#stred-index
 {
    /*width: 275px;*/ padding-left: 15px;  padding-right: 15px; height: 235px;
    position: relative; float: left;
    border-left: 1px solid #FFFFFF;
}
#prava-index
 {
   /* width: 265px; */padding-left: 15px; height: 235px;
    position: relative; float: left;
    border-left: 1px solid #FFFFFF;
}

/*  */
#bottom {
  color: #505050;height: 30px;
  background-color: #000000;
  padding-top: 11px;
  text-align: center;
  font-size: 11px;
      width: 890px; padding-top: 7px;
    position: relative;
    float: right;
  }

#adresa
 {
    width: 215px;
    position: relative; float: left;

}

#mapa {
    width: 360px;
    position: relative;
    float: right;
}