* { margin: 0; padding: 0; }

html, body {
  background-color: #FFF;
  font: 12px/16px Verdana, "Geneva CE", lucida, sans-serif;
  text-align: center;
}

img { border: 0; vertical-align: bottom; }
img.float-right { float: right; margin: 10px; }
div.cleaner { clear: both; height: 1px; background: transparent; font-size: 1px; }

#page-frame { width: 782px; margin: 0 auto; }
#page-frame-content { padding: 10px 0; }

div.hlavicka { padding: 5px 0 10px 0; }
div.hlavicka .left { width: 140px; float: left; text-align: left; }
div.hlavicka .right { width: 140px; float: right; text-align: right; }
h1.motto {
  padding-top: 20px;
  color: #009F3D;
  font: bold 24px/30px Georgia, "New York CE", utopia, serif;
}

div.h-menu {
  padding: 6px;
  text-align: left;
  color: #FFF; background-color: #0073BB;
  font: bold 14px/18px Verdana, "Geneva CE", lucida, sans-serif;
}
span.menu-item { padding: 0 18px; }
span.menu-item-first { padding-left: 10px; }
span.menu-item-last { padding-right: 10px; }
div.h-menu a, div.h-menu a:visited { color: #FFF; text-decoration: underline; }

div.reklama { background-color: #FFF; }
div.reklama div.banners { margin-right: 190px; text-align: left; }
div.reklama div.gaye { width: 190px; float: right; text-align: right; }

div.dekorace { padding: 8px 0; background: url("background-nebe-782x230.jpg"); }
div.dekorace img { margin: 0 3px; }

#content1 {
  border-top: 1px solid #DBE1F1; border-bottom: 1px solid #DBE1F1;
  /* background: #FFF url("background-nebe-122x230.jpg") top left repeat-y; */
  background: #FFF url("background-nebe-782x230.jpg") top left; /* zmena pozadi nebe */
}
#content2 { /*background: url("background-nebe-122x230.jpg") top right repeat-y;*/ } /* zmena pozadi nebe */

#left-col { width: 122px; float: left; }
#right-col { width: 122px; float: right; }
div.lr-col-content { padding: 20px 5px; }
div.lr-col-content img { margin: 5px 0; }
div.lr-col-content h2 {
  margin: 0 0 10px 0;
  color: #004D7E;
  font: bold 18px/24px Georgia, "New York CE", utopia, serif;
}
div.lr-col-content h3 {
  margin: 5px 0;
  color: #FFFFFF;
  font: bold 16px/22px Verdana, "Geneva CE", lucida, sans-serif;
}
div.lr-col-content h3 a {
  color: #FFFFFF;
  text-decoration: none;
}

#middle-col { margin: 0 122px; background-color: #FFF; text-align: left; }
#middle-col-content {
  margin-top: 10px; /* zmena pozadi nebe */
  padding: 10px;
  color: #000;
}

#middle-col-content h1 {
  margin: 10px 0;
  color: #009F3D;
  font: bold 18px/24px Georgia, "New York CE", utopia, serif;
}

#middle-col-content h2 {
  margin: 10px 0 8px 0;
  color: #0073BB;
  font: 14px/18px Verdana, "Geneva CE", lucida, sans-serif;
}

#middle-col-content h3 {
  margin: 8px 0;
  color: #000000;
  font: bold 12px/16px Verdana, "Geneva CE", lucida, sans-serif;
}

#middle-col-content p { margin: 8px 0; }

#middle-col-content div.produkt-hesla {
  margin: 8px 0;
  color: #0073BB;
  font: bold 12px/16px Verdana, "Geneva CE", lucida, sans-serif;
}

#middle-col-content div.produkt {
  margin: 14px 0;
}

a, a:visited { color: #0073BB; text-decoration: underline; }

#middle-col-content ul, #middle-col-content ol { margin-top: 0.7em; margin-bottom: 0.7em; }
#middle-col-content ul ul { margin-top: 0; margin-bottom: 0; }
#middle-col-content ul li { margin-left: 2em; padding-left: 0.5em; list-style-type: disc; }
#middle-col-content ul ul li { margin-left: 4em; padding-left: 0.5em; list-style-type: circle; }
#middle-col-content ol li { margin-left: 2.3em; padding-left: 0.2em; list-style-type: decimal; }

#middle-col-content img.vlevo { float: left; margin: 0 12px 12px 0; }
#middle-col-content img.vpravo { float: right; margin: 0 0 12px 12px; }
#middle-col-content img.center { display: block; margin: 12px auto; }

table.text {
  width: 95%;
  border-collapse: collapse;
}
table.text td, table.text th {
  border: 1px solid gray;
  padding: 0.1em 0.3em;
  vertical-align: top;
}

table.produkty { width: 95%; }
table.produkty td { width: 24%; text-align: center; }
table.produkty tr.obrazky td { vertical-align: bottom; }
table.produkty tr.popisky td { vertical-align: top; padding: 10px; }
table.produkty a, table.produkty a:visited { font-weight: bold; color: #0073BB; text-decoration: none; }

   
  p.text    {text-align : left} 
  p.cena    {color: green; text-decoration: underline; font-size : 20pt; font-weight: bold}
  .napisy    {color: white; text-decoration: underline; font-size : 14pt; font:Verdana; line-height: 28px}
  .napisy:hover    {color: white; text-decoration: underline; font-size : 14pt; font:Verdana; line-height: 28px}
  .napisy:visited {color: white; text-decoration: underline; font-size : 14pt; font:Verdana; line-height: 28px}
  .napisy:active  {color: white; text-decoration: underline; font-size : 14pt; font:Verdana; line-height: 28px}
  .napisy:link    {color: white; text-decoration: underline; font-size : 14pt; font:Verdana; line-height: 28px}
  .kosik    {color: white; background-color: #0073BB; font-size : 12pt;  text-align : center; line-height: 0px; font:Verdana; line-height: 15px}
  input.tlacitko {background-color: #0073BB; color: white; font-weight: bold; cursor: hand; font-family: sans-serif}   
  input.tlacitko1 {background-color: red; color: white; font-weight: bold; cursor: hand; font-family: sans-serif}
  .forum   {color: white; text-decoration: underline; font-size : 12pt; font:Verdana; line-height: 28px}
  .forumtext   {color: black; font-size : 12pt; font:Verdana}
  
  body, html  {
scrollbar-track-color: silver;
scrollbar-face-color: #0073BB;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: green;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: purple;
scrollbar-arrow-color: white; }