body {
  margin: 0; padding: 20px 0;
  color: black; background-color: rgb(248,250,255);
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
div, p, ul, ol, li, h1, h2, h3, h4
   { margin: 0; padding: 0 }

p, li, h4, th, td, dl
   { font-size: 0.80em; }
p, h4, ul, ol, dl 
   { margin-bottom: 0.5em; }   
h1 { color: rgb(204, 51, 51); color: rgb(237,27,46)  ; font-size: 1.50em; margin: 1.0em 0 1.0em 0;}    
h2 { color: rgb( 51,102,153); font-size: 1.05em; margin: 0.9em 0;}    
h3 { color: rgb(  0, 51,153); font-size: 0.90em; margin: 0.9em 0;} 

dd dt 
   { margin-bottom: 0.25em; }   

ul { margin-left: 1.0em; } 
ol { margin: 1em 0 1em 2.5em; } 
ol li  { margin-bottom: 0.5em; }

dl.contactlist  {
  margin: 0 0 0.5em 1.0em;
} 
dl.contactlist dt {
  margin: 0;
  width: 4.8em;
  float: left;
  font-weight: normal;
  color: rgb(102,102,102);
  font-style: normal;
} 
dl.contactlist dd {
  margin: 0 0 0 5em;
} 

table  {
  border: none;
  border-collapse: collapse;
}    
td, th {
  text-align: left;
  vertical-align: top;
  font-weight: normal;
  border: none;
  padding: 4px 10px;
}  

a:link    { color: rgb(  0, 51,204); }
a:visited { color: rgb( 51, 51,102); }
a:hover   { color: rgb(204, 51, 51); }
a:active  { color: rgb(204,102, 0); }

a img { border: none; }



table.ncols td {
  padding: 0 0 0 20px;
  font-size: 1.0em;
}

table.ncols td.first {
  padding-left: 0;
}
 
table.ncols2 td.w350 {
  padding: 0 0 20px 0;
  width: 350px;
  font-size: 1.0em;
}

table.productlist {
  margin: 20px auto 20px 3px;
}

table.productlist th, 
table.productlist td {
  border: 1px solid silver;
  padding: 3px 10px;
}

table.productlist th {
  border-bottom: 3px double silver;
  font-weight: bold;
  background-color: rgb(245,245,245);
  vertical-align: middle;
}
 

div#top00, div#hmenu00, div#main00 {
  text-align: center;
}
div#top00 img {
  vertical-align: bottom;
}    
div#top0 {
  margin: 0px auto;
  width: 960px; height: 150px;
  text-align: left;
  background-color: rgb(102,153,204);
  background-image: url("imgsys/bg03-rnd-cist2.jpg");
}

div#toplogo {
}
div#topslogan, div#topessomobil {
  position: absolute;
  width: 480px;
  top: 136px;
  left: 50%;
  text-align: right;
}
div#topslogan {
  top: 60px;
  top: 56px;
}
div#topslogan p {
  padding: 0 10px 0 250px;
  text-align: center;
  /*font-family: Georgia, "Times New Roman", Times, serif;*/
  color: rgb(0,51,153);
  font-size: 28px;
  font-size: 22px;
  font-weight: xbold;
}
 
 
div#hmenu0 {
  margin: 0px auto;
  padding: 4px 0;
  width: 960px;
  text-align: left;
  background-color: rgb(204,204,204);
  background-image: url("imgsys/bg-hbar-1a.png");
  border-top: 1px solid rgb(128,128,128);
  border-bottom: 1px solid rgb(64,64,64);
  border-top: 1px solid rgb(153,153,153);
  border-bottom: 1px solid rgb(153,153,153);
}
div#hmenu0 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div#hmenu0 li {
  margin:  0;
  padding: 0 10px;
  display: inline; 
  border-left: 1px solid gray;
  font-size: 0.75em;
  font-weight: bold;
}
div#hmenu0 li.first {
  border-left: none;
}

.bg2col {
  background-image: url("imgsys/bg-main-2col.png");
}
.bg3col {
  background-image: url("imgsys/bg-main-3col.png");
}

div.main0 {
  margin: 0 auto;
  width: 960px;
  text-align: left;
  background-color: rgb(232,232,240);
}

div#cola {
  width: 240px;
  float: left;
}
div#colb {
  width: 480px;
  float: left;
  
}
div#colc {
  width: 240px;
  float: left;
}
div#colbc {
  width: 720px;
  float: left;
}

div.col, div.vmenu, div.mmenu {
  margin: 10px; 
  background-color: transparent;   
}
div.colw {
  margin: 10px 0; 
  background-color: transparent;   
}
div.gears {
  margin: 10px 0 0px 0; 
/*  background-color: #F0F099; 
  background-image: url("imgsys/bg-gears.jpg");  */
  border-bottom: 2px solid rgb(204,204,128);
  border-bottom: 2px solid rgb(204,204,204);
}

div.vmenu h2,
div.mmenu h2 {
  margin: 1.1em 0 0.8em 0;
  font-size: 1.05em;
  color: rgb(153, 51, 51);
  color: rgb(237,27,46);
  color: rgb(214,24,42);
}
div.vmenu h3,
div.mmenu h3 {
  padding: 3px 3px 3px 10px;
  margin-left: -10px;
  margin-top: 1.5em;
  background-color: rgb(210,220,230);
  background-color: rgb(210,210,210);
  color: rgb(237,27,46);  
  color: rgb(214,24,42);
  font-size: 0.82em;
}

div.mmenu h2 {
}
div.mmenu h3 {
   background-color: rgb(240,240,153);
  background-color: rgb(210,210,210);
}
div.mmenu li {
   list-style-type: square;
   margin-bottom: 3px;
   font-weight: bold;
}

div.main0 p {
  margin: 6px 0;
}

div.main0 p.perex { 
  color: rgb(51, 51, 51); 
  font-weight: bold; 
  margin: 1.0em 0 1.0em 0;
}
div.main0 p.nomargin { margin: 0; }

div.kontakty em {
  width: 220px;
  color: gray;
  margin: 0 20px;
}

div#footer {
  clear: both;
  border-top: 1px solid silver;
  padding: 6px 10px 8px 10px;
  text-align: left;
  background-color: rgb(230,230,230);
  background-position: bottom center;
  background-image: url("imgsys/bg3-footer.png");
  background-repeat: no-repeat;
}
div#footer p { text-align: center; font-size: 0.75em; margin: 0; }    


hr.cleaner {
  clear: both;
  height: 1px;
  line-height: 1px;
  visibility: hidden;
  margin: 0; padding:0;
}
p.cleaner {
  clear: both;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  visibility: hidden;
  background-color: red;
}

p { margin: 0; }

.raligned { text-align: right; }
.centered { text-align: center; }
.vbottom  { vertical-align: bottom; }
.zdarma   { float: left; }


img.floatleft  { margin: 2px 10px 2px 0; float: left; }
img.floatright { margin: 2px 0 2px 10px; float: right; }

small     { font-size: 80%; }

div#hmenu0 a:link,    div#footer a:link    { text-decoration: none; }
div#hmenu0 a:visited, div#footer a:visited { text-decoration: none; }
div#hmenu0 a:hover,   div#footer a:hover   { text-decoration: underline; }
div#hmenu0 a:active,  div#footer a:active  { text-decoration: underline; }