body 
   { 
      background: #ffffff url('../images/bg.jpg') repeat-x;
      font-family: Verdana; 
      font-size: 11px; 
      color: #000000;
      margin: 0px;
   }
     
.newrows 
  { 
    clear: both;
  }
   
.noborder
  {
     border: 0px solid #ffffff;
  }
  
.border
  {
     border: 1px solid #000000;
  }
 
a { color:#000000; text-decoration: underline; }
  
.gallery img {border: 1px solid #CCD6DC;}
  
#web
   {
      width: 950px;
      position: relative; 
      left: 50%; 
      margin-left: -475px;
   }
   
#web .header
   {
      height: 160px;
   }
   
#web .header .logo
   {
      padding-top: 35px;
   }
   
#web .header .motiv
   {
      position: absolute;
      top: 10px; left: 200px;
   }
   
#web .header .motiv1
   {
      position: absolute;
      top: 10px; left: 200px;
   }
   
#web .header .motiv2
   {
      position: absolute;
      top: 10px; left: 784px;
   }
   
#web .header .koupit
   {
      position: absolute;
      top: 310px; left: 822px;
   }
   
#web .header .koupit a
   {
      width: 93px;
      height: 34px;
      display: block;
      background: url('../images/button-koupit.png') no-repeat;
   }
   
#web .header .koupit a:hover
   {
      background: url('../images/button-koupit-hover.png') no-repeat;
   }
   
#web .menu
   {
      font-family: Tahoma;
      font-size: 13px;
      font-weight: bold;
      height: 46px;
      background: url('../images/bg-menu-li.jpg') no-repeat 0% 0%;
      padding-left: 1px;
   }

#web .menu li
   {
      float: left;
      list-style-type: none;
      background: url('../images/bg-menu-li.jpg') no-repeat 100% 0%;
      padding-right: 1px;
   }

#web .menu a
   {
      height: 31px;
      display: block;
      float: left;
      color: #ffffff;
      text-decoration: none;
      text-transform: uppercase;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 15px;
   }
   
#web .menu a:hover
   {
      background: url('../images/bg-menu-hover.jpg') repeat-x;
   }
   
#web .content
   {
      clear: both;
      width: 950px;
      margin-top: 8px;
   }
   
#web .content .top
   {
      width: 928px;
      height: 145px;
      border: 1px solid #C7D5DE;
      background: url('../images/bg-content-top.jpg') repeat-x;
      padding-left: 20px;
   }
   
#web .content .top .title
   {
      width: 800px;
      font-weight: bold;
      font-family: Calibri, Georgia, Arial;
      font-size: 22px;
      padding-top: 12px;
   }
   
#web .content .top .cont
   {
      width: 800px;
      font-family: Georgia, Arial;
      font-size: 13px;
      padding-top: 7px;
      line-height: 1.8;
   }
   
#web .content .text
   {
      margin-top: 8px;
      border: 1px solid #CCD6DC;
      padding: 15px;
      width: 705px;
      color: #485154;
      font-family: Tahoma;
      font-size: 12px;
      line-height: 1.5;
      text-align: justify;
      padding-bottom: 30px;
   }

#web .content .text .order
   {
      width: 685px;
      border: 1px solid #E3EAEE;
      background: #FAFBFC;
      padding: 10px;
      margin-bottom: 30px;
   }
     
#web .content .text .order input.quantity
   {
      border: 1px solid #000000;
      text-align: center;
      font-weight: bold;
      width: 25px;
      height: 20px;
      padding-top: 5px;
      margin-left: 20px;
   }
   
#web .content .text .order input.button
   {
      border: 0px solid #000000;
      background: #2E69A8;
      color: #ffffff;
      margin-right: 10px;
      height: 30px;
      font-weight: bold; 
      width: 150px;
      margin-left: 30px;
   }
   
#web .content .text h1
   {
      color: #2C69A6;
      margin: 0px;
      padding-top: 0px;
      padding-bottom: 10px;
      font-weight: bold;
      font-size: 25px;
   }
   
#web .content .text h2
   {
      color: #2C69A6;
      margin: 0px;
      padding-top: 12px;
      padding-bottom: 10px;
      font-weight: bold;
      font-size: 16px;
   }
   
#web .content .text p
   {
      margin: 0px;
      padding-top: 2px;
      padding-bottom: 6px;
   }
   
#web .content .text ul
   {
      margin: 0px;
      padding-left: 25px;
   }
   
#web .content .text ul li
   {
      margin: 0px;
      margin-bottom: 3px;
      padding-left: 15px;
      list-style-type: none;
      background: url('../images/li.jpg') no-repeat 0px 6px;
   }
   
#web .content .column
   {
      float: right;
      margin-top: 8px;
      width: 205px;
      background: #CBE4F8;
   }
   
#web .content .column .box
   {
      background: url('../images/bg-column-footer.jpg') repeat-x 0% 100%;
      padding-bottom: 30px;
   }
   
#web .content .column .box .uzitecne-odkazy a
   {
      width: 175px;
      height: 19px;
      color: #2B6CAB;
      background: url('../images/uzitecne-odkazy-li.jpg') no-repeat 10px 55%;
      padding-left: 30px;
      padding-top: 6px;
      font-weight: normal;
      text-decoration: none;
      display: block;
      border-bottom: 2px solid #e5f1fb;
   }
   
#web .content .column .box .uzitecne-odkazy a:hover
   {
      color: #ffffff;
      background: #2B6CAB url('../images/uzitecne-odkazy-li-hover.jpg') no-repeat 10px 55%;
   }
   
#web .content .column .box .title
   {
      background: url('../images/bg-column-title.jpg') repeat-x 0% 100%;
      height: 25px;
      width: 205px;
      padding-top: 9px;
   }
   
#web .content .column .box .title em
   {
      background: url('../images/bg-column-title-arrow.jpg') no-repeat;
      height: 17px;
      display: block;
      padding-left: 25px;
      padding-top: 1px;
      font-weight: bold;
      font-style: normal;
      color: #ffffff;
      margin-left: 10px;
   }
   
#web .content .column .box .kosik
   {
      text-align: center;
      padding-top: 10px;
   }

#web .content .column .box .soutezdpd
   {
      text-align: center;
      padding-top: 10px;
   }
 
#footer
   {
      margin-top: 10px;
      background: #2E6BAA;
      width: 100%;
   }
   
#footer .center
   { 
      width: 950px;
      position: relative; 
      left: 50%; 
      margin-left: -475px;
      background: #2E6BAA url('../images/footer-bg.jpg') no-repeat 100% 10px;
      height: 100px;
   }
   
#footer .logo
   { 
      width: 140px;
      float: left;
      background: #2E6BAA url('../images/footer-li.jpg') no-repeat 100% 50%;
      height: 75px;
      padding-top: 25px;
   }
   
#footer .logo a
   { 
      width: 109px;
      height: 55px;
      display: block;
      background: url('../images/footer-logo.jpg') no-repeat;
   }
   
#footer .logo a:hover
   { 
      background: url('../images/footer-logo-hover.jpg') no-repeat;
   }
   
#footer .next
   {
      float: left;
      padding-left: 20px;
      padding-top: 30px;
   }
   
#footer .next .links
   {
      font-size: 12px;
      color: #ffffff;
   }
   
#footer .next .links a
   {
      color: #ffffff;
      text-decoration: none;
   }
   
#footer .next .links a:hover
   {
      text-decoration: underline;
   }
   
#footer .next .copyright
   {
      padding-top: 5px;
      font-size: 11px;
      color: #8DB2D4;
   }