/*tagy*/
body {
  background-color: rgb(169,169,169);
  margin: auto;
  font-family: Verdana, Arial;
}

h1 {
  margin: 0px;
  margin-left: 40px;
  margin-bottom: 6px;
  padding: 0px;
  color: rgb(0,0,0);
  font-size: 16px;
  font-weight: bold;
}

h2  {
  margin: 0px;
  margin-left: 40px;
  padding: 0px;
  color: rgb(0,0,0);
  font-size: 13px;
  font-weight: bold;
}

p {
  margin: 0px;
  margin-left: 40px;
  margin-bottom: 22px;
  font-size: 15px;
}

ul {
  margin: 0px;
  padding: 0px;
  margin-bottom: 30px;
  margin-left: 40px;
  font-size: 15px;
  list-style-type: disc;
  list-style-position: inside;
}

em  {
  margin: 0px;
  padding: 0px;
  font-size: 15px;
  font-style: normal;
}

li  {
  margin: 0px;
  padding: 0px; 
}

/*side menu*/
#sidemenu {
  position: absolute;
  width: 40px;
  margin: 0px;
  top: 3px;
  background-color: rgb(255,204,0);
}

.button1 {
  position: absolute;
  width: 40px;
  height: 222px; 
  margin: 0px;
  background-image: url(img/butt1off.png);
  background-repeat: no-repeat;
  background-position: top right;
}

.button2 {
  position: absolute;
  width: 40px;
  height: 222px; 
  margin: 0px;
  top: 234px;
  background-image: url(img/butt2off.png);
  background-repeat: no-repeat;
  background-position: top right;
}

.button3 {
  position: absolute;
  width: 40px;
  height: 319px; 
  margin: 0px;
  top: 466px;
  background-image: url(img/butt3off.png);
  background-repeat: no-repeat;
  background-position: top right;
}

a.button1:link {background-image: url(img/butt1off.png);}
a.button2:link {background-image: url(img/butt2off.png);}
a.button3:link {background-image: url(img/butt3off.png);}

a.button1:active {background-image: url(img/butt1on.png);}
a.button2:active {background-image: url(img/butt2on.png);}
a.button3:active {background-image: url(img/butt3on.png);}

a.button1:hover {background-image: url(img/butt1on.png);}
a.button2:hover {background-image: url(img/butt2on.png);}
a.button3:hover {background-image: url(img/butt3on.png);}



#main {
  position: relative;
  width: 941px;
  height: 809px;
  margin: auto;
  top: 10px;
  background-image: url(img/new_logo_best_1.PNG);
  background-repeat: no-repeat;
  background-position: top right;
}
/*content*/
#content  {
  position: absolute;
  width: 901px;
  height: 542px;
  margin: 0px;
  padding: 0px;
  top: 190px;
  left: 40px;
  background-image: url(img/top_5_new_version_4.jpg);
  background-repeat: repeat-x;
}

img {
  border: 2px solid white;
}

#center {
  position: absolute;
  top: 130px;
  margin: 0px;
  padding: 0px;
}

#jidelak  {
  position: absolute;
  width: 600px;
  height: 530px;
  margin: 0px;
  padding: 0px;
  top: 0px;
  left: 0px;
  overflow: auto;
}

#jidelak table {
  position: relative;
  width: 480px;
  margin: 0px;
  margin-bottom: 20px;
  padding: 0px;
  lleft: 37px;
  margin-left: 37px;
}

#jidelak h2 {
  border-bottom: rgb(0,0,0) dashed 1px;
}

#seznam {
  position: relative;
  width: 500px;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
}
/*footer*/
#footer {
  position: absolute;
  width: 901px;
  height: 77px;
  margin: 0px;
  top: 732px;
  left: 40px;
  background-image: url(img/my_footer_new_1.png);
  background-repeat: no-repeat;
  background-position: top right;
}

#address  {
  position: absolute;
  margin: 0px;
  top: 17px;
  left: 7px;
  color: rgb(255,255,255);
  font-size: small;
}

#tel  {
  position: absolute;
  margin: 0px;
  top: 17px;
  left: 210px;
  color: rgb(255,255,255);
  font-size: small;
}

#cara1  {
  position: absolute;
  width: 523px;
  height: 11px;
  margin: 0px;
  top: 98px;
  left: 0px;
  border: 0px;
}

#cara2  {
  position: absolute;
  width: 523px;
  height: 11px;
  margin: 0px;
  top: 287px;
  left: 0px;
  border: 0px;
}

/*classes*/
.white  {color: rgb(255,255,255)}
.black  {color: rgb(0,0,0)}
.bold   {font-weight:bold}
.right  {right: 3px}
.left   {left: 3px}
.bottom {position: absolute; bottom: 2px}
.small  {font-size: small}
.italic {font-style: oblique}
.left1  {left: 80px; font-weight: bold; text-decoration: none;}
.left2  {left: 220px; top: 183px; font-size: 0.8em;}
.left22  {left: 220px; font-weight: bold;}
.left3  {left: 285px; font-size: 0.8em;}
.left33  {left: 350px; font-weight: bold;}
.left31  {left: 390px; font-size: 0.8em;}
.left32  {left: 500px; font-size: 0.8em;}
.left4  {left: 605px; font-size: 0.8em; text-decoration: none;}
/*link*/
a.horizont          {position:absolute; top: 143px; margin: 0px}
a.horizont:link     {color: rgb(0,0,0)}
a.horizont:active   {color: rgb(0,0,0)}
a.horizont:visited  {color: rgb(0,0,0)}
a.horizont:hover    {color: rgb(0,0,0);text-decoration: none;}
a.horizon:link     {color: rgb(0,0,0)}
a.horizon:active   {color: rgb(0,0,0)}
a.horizon:visited  {color: rgb(0,0,0)}
a.horizon:hover    {color: rgb(0,0,0)}