html, body {
  margin: 0px auto;
  background-color: rgb(255,255,255);
  font-family: verdana, arial;
  color: rgb(255,255,255);
  font-size: 98%;
	height:100%;
  padding: 0px 0px 0px 0px;

}

td { padding: 3px 3px 3px 3px; }
p { padding: 10px 0px 10px 0px; }

.top { 
/*  border: 1px red solid;*/
  margin: 0px auto 0px auto; 
  width: 1020px;
  height: 178px;
  background : url(../img/top.png);
}

.middle { 
  /*border: 1px green solid;/*
/*  position:relative;*/
  margin: 0px auto 0px auto; 
  width: 1020px;
  min-height: 607px;
  /*height: 607px;*/
  background : url(../img/middle-bg.png);
}

.distance { 
  border: 0px green solid;
  margin: 0px auto 0px auto; 
  width: 1020px;
  height: 30px;
  background : url(../img/distance.png);
}

.bottom { 
  border: 0px red solid;
  position: relative;
  margin: 0px auto 0px auto; 
  width: 1020px;
  height: 154px;
  /*background : url(../img/bottom.png);*/
  background-color: rgb(41,41,41);
}


.middle-left { 
  width: 40px;
  height:507px;
  float: left;
  background : url(../img/left.png) no-repeat top;
}

.middle-menu { 
  width: 200px;
  float: left;
}

.middle-page { 
  /*border: 3px green solid;*/
  min-height: 607px;
  width: 743px;
  float: left;
}

.middle-right { 
  width: 37px;
  height:507px;
  float: left;
  background : url(../img/right.png) no-repeat top;
}

.navigation-top {
  width: 663px;
  height: 20px;
  padding: 10px 20px 10px 20px;

}

.page-data {
/*border: 1px green solid;
*/
  width: 663px;
  padding: 30px 40px 40px 40px;
}



.bg-piskovani { background : url(../img/bg-piskovani.png) right top no-repeat; }
.bg-zarizeni { background : url(../img/bg-zarizeni.png) right top no-repeat; }
.bg-lakovani { background : url(../img/bg-lakovani.png) right top no-repeat; }
.bg-lesteni { background : url(../img/bg-lesteni.png) right top no-repeat; }
.bg-cisteni { background : url(../img/bg-cisteni.png) right top no-repeat; }
.bg-konzervace { background : url(../img/bg-konzervace.png) right top no-repeat; }
.bg-zarouprava { background : url(../img/bg-zarouprava.png) right top no-repeat; }
.bg-pokoveni { background : url(../img/bg-pokoveni.png) right top no-repeat; }
.bg-kovovyroba { background : url(../img/bg-kovovyroba.png) right top no-repeat; }
.bg-renovace { background : url(../img/bg-renovace.png) right top no-repeat; }
.bg-defektoskopie { background : url(../img/bg-defektoskopie.png) right top no-repeat; }
.bg-design { background : url(../img/bg-design.png) right top no-repeat; }
.bg-zemni-stavebni-prace { background : url(../img/bg-zemni-prace.png) right top no-repeat; }
.bg-sortiment { background : url(../img/bg-sortiment.png) right top no-repeat; }
.bg-prodej { background : url(../img/bg-prodej.png) right top no-repeat; }
.bg-pujcovna { background : url(../img/bg-pujcovna.png) right top no-repeat; }
.bg-servis { background : url(../img/bg-servis.png) right top no-repeat; }
.bg-autodoprava { background : url(../img/bg-autodoprava.png) right top no-repeat; }
.bg-sluzby { background : url(../img/bg-sluzby.png) right top no-repeat; }
.bg-cenik { background : url(../img/bg-cenik.png) right top no-repeat; }
.bg-normy { background : url(../img/bg-normy.png) right top no-repeat; }
.bg-zakazky { background : url(../img/bg-zakazky.png) right top no-repeat; }
.bg-info { background : url(../img/bg-info.png) right top no-repeat; }
.bg-diskuse { background : url(../img/bg-diskuze.png) right top no-repeat; }
.bg-fotogalerie { background : url(../img/bg-fotogalerie.png) right top no-repeat; }
.bg-kontakty { background : url(../img/bg-kontakty.png) right top no-repeat; }
.bg-default { background : url(../img/bg-o-nas.png) right top no-repeat; }

h1 {
  color: rgb(218,0,0);
  font-size: 140%;
  padding: 0px 0px 20px 0px;
}

h2 {
  color: rgb(193,1,27);
  padding: 10px 0px 10px 0px;
  font-size: 120%;
}

h3 {
  color: rgb(170,3,38);
  padding: 8px 0px 8px 0px;
  font-size: 110%;
}

.green {
  color: rgb(193,1,27);
}
.red {
  color: rgb(193,1,27);
}

.b {
  font-weight: bold;
}

.u {
  text-decoration: underline;
}

.i {
font-style: italic;
}

.big {
  font-size: 130%;
}

.center {
  text-align: center;
}

.border {
  border: 1px red solid;
}

.relative {
  position:relative;
}

.absolute {
  position:absolute;
}

.right {
  text-align: right;
}

.small { font-size: 80%; }

.clear {
  clear: both;

}
a {
  text-decoration: none;
  color: rgb(255,0,0);
}

a:hover {
  text-decoration: none;
  color: rgb(64,192,255);
}

.MenuVertTree ul, ol {
  padding: 10px 0px 10px 20px;
}

.MenuVertTree li {
  padding: 0px 0px 4px 10px;
  text-transform: uppercase;
}

.page-data ul, ol {
  padding: 10px 0px 10px 20px;
}

.page-data li {
  padding: 0px 0px 4px 10px;
}

img {
  border: 0px;
}

/* in BOTTOM class */
.piskov { position: absolute; top: 13px; left: 58px; }
.piskov img { position: absolute; top: 2px; left: -46px; }
/*
.qalt { position: absolute; top: 13px; left: 310px; }
.qalt img { position: absolute; top: 2px; left: -52px; }
.tpmont { position: absolute; top: 13px; right: 240px; }
.tpmont img { position: absolute; top: 2px; left: -48px; }
.biokam { position: absolute; top: 13px; right: 20px; }
.biokam img { position: absolute; top: 2px; left: -36px; }
*/
.tpmont { position: absolute; top: 13px; right: 410px; }
.tpmont img { position: absolute; top: 2px; left: -52px; }
.biokam { position: absolute; top: 13px; right: 40px; }
.biokam img { position: absolute; top: 2px; left: -40px; }

.datum { position: absolute; bottom: 13px; left: 40px; }
.copyright { position: absolute; bottom: 13px; right: 460px; }
.pocitadlo { position: absolute; bottom: 13px; right: 40px; }



.img-left-150px { position: relative; padding: 0px 0px 0px 150px; }
.img-left-150px img { position: absolute; left: 0px; }

.img-left-50px { position: relative; padding: 0px 0px 0px 54px; }
.img-left-50px img { position: absolute; left: 0px; }


.galerie4sl td, .galerie4sl tr {
  text-align: center;
  border: 1px black solid;
  padding: 10px 10px 10px 10px;
  font-size: 90%;
}
.galerie4sl img {
  padding: 0px 0px 10px 0px;
}
.galerie4sl a {
  color: rgb(255,0,0);
  text-decoration: none;
  font-weight: bold;
}
.galerie4sl a:hover {
  color: rgb(64,192,255);
  text-decoration: none;
  font-weight: bold;
}

.sizes td, .sizes tr  { border : 1px rgb(128,128,128) solid;}

.sizesinfo {}

.right { text-align: right; }

.diskuze-block {position: relative; clear: both;}

.diskuze-zapati { text-align:center; padding: 20px 0px 0px 0px; border: 0px red solid; clear: both;} 
.diskuze-prispevek { padding: 20px 0px 0px 0px; border: 0px red solid; width: 100%; clear: both;} 
.diskuze-odpoved { padding:5px 0px 0px 0px; border: 0px red solid; width: 100%;  clear: both;}

.diskuze-prispevek-top { float: right; position: relative; width: 100%; background-color: rgb(95,63,63); border: 1px rgb(95,63,63) solid; height:28px; }
.diskuze-prispevek-top-left { padding: 5px 5px 5px 5px; border: 0px green solid; left: 0px; position: absolute; clear: both; }
.diskuze-prispevek-top-right { padding: 5px 5px 5px 5px; border: 0px red solid; right: 0px; position: absolute; clear: both; }
.diskuze-prispevek-body { float: right; width: 100%; border: 1px rgb(95,63,63) solid; }
.diskuze-prispevek-body-in { padding: 5px 5px 5px 5px; }

.diskuze-odpoved-top { float: right; position: relative; width: 95%; background-color: rgb(63,63,63); border: 1px rgb(63,63,63) solid; height:28px; }
.diskuze-odpoved-top-left { padding: 5px 5px 5px 5px; border: 0px green solid; left: 0px; position: absolute; clear: both; }
.diskuze-odpoved-top-right { padding: 5px 5px 5px 5px; border: 0px red solid; right: 0px; position: absolute; clear: both; }
.diskuze-odpoved-body { float: right; width: 95%; border: 1px rgb(63,63,63) solid; }
.diskuze-odpoved-body-in { padding: 5px 5px 5px 5px; }

.cartTable th, .cartTable td { border: 1px rgb(127,127,127) solid; }