* { font-size: 11px; font-family: Arial; padding: 0px; margin: 0px; font-weight: normal; }
.cleaner { clear: both; width: 100%; height: 1px; }
ul { list-style-type: none; }
a { text-decoration: none; color: #CC0000; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }
img { border: 0px; }

input { border: 1px solid #0066CC; background-color: #FFFFFF; padding: 3px 1px; text-align: center; color: #666666; }
input.send { background-color: #EE290D; border: 1px solid #C22712; color: #FFFFFF; background-image: url( "/layout/input_send_bg.gif" ); padding: 0px 2px; font-weight: bold; background-repeat: repeat-x; }
input.blue { background-color: #206DE0; border: 1px solid #3576D3; color: #FFFFFF; background-image: url( "/layout/input_blue.gif" ); padding: 0px 2px; font-weight: bold; background-repeat: repeat-x; }



body { text-align: center; }
  
  
  
  #site { text-align: left; margin: 0px auto; width: 990px; }
  
  
  
    #page { background-image: url( "/layout/page_bg.gif" ); padding-left: 1px; }
    
    
    
      #left { width: 220px; float: left; background-color: #5CA4E3; }
      #left a { color: #FFFFFF; }
      #left p { color: #FFFFFF; margin-left: 21px; font-weight: bold; font-size: 12px; }
        
        
        
        #skok { margin-top: 10px; }
        #skok span { color: #1D6CAF;  padding-left: 21px; font-weight: bold; }
        #skok p { margin-top: 7px; border: 1px solid #157DD7; background-color: #FFFFFF; width: 168px; text-align: center; height: 21px; color: #666666; font-size: 11px; line-height: 20px; }
        #skok ul { background-color: #FFFFFF; width: 169px; margin-left: 21px; position: absolute; z-index: 10; }
        #skok ul li { margin: 1px 0px; display: block; }
        #skok li a { color: #999999; padding: 3px 10px; width: 149px; display: block; font-weight: bold; }
        #skok li a:hover { background-color: #F1F3F5; text-decoration: none; color: #CB0114;}
        #skok img { float: left; }
        
        
        
      #left img.logo { position: absolute; margin-top: 16px; }
      #left h1 { margin-top: 23px; background-color: #CB0114; text-align: center; padding: 30px 0px; }
      #left h1 a { font-size: 30px; }
      
      #left p.kategorie { padding-top: 10px; margin: 0px; }
      #left p.kategorie span { font-weight: bold; display: block; margin-left: 20px; }
      #left p.kategorie a { display: block; margin-top: 5px; background-color: #2486D9; padding: 2px 0px 2px 9px; font-weight: bold; }
      
      #left p.oceneni { margin: 0px; text-align: center; padding-top: 15px; font-size: 11px; font-weight: normal; }
      
      #left p.kontakty { padding-top: 30px; padding-bottom: 15px; }
      #left p.kontakty a { text-decoration: underline; }
      
      
      
      #main { float: left; width: 604px; }
      #main p.language { padding: 5px 10px 0px 10px; text-align: right; }
      #main p span { float: left; }
        
        
        
        #nabidka { background-image: url( "/layout/nabidka_bg.gif" ); height: 25px; padding: 26px 0px 0px 24px;}
        #nabidka li { float: left; width: 75px; text-align: center; }
        #nabidka li a { background-image: url( "/layout/nabidka_li_bg.gif" ); height: 14px; margin-top: 6px; padding-top: 4px; display: block; color: #FFFFFF; background-color: #CB0114; }
        #nabidka li a:hover, #nabidka li a.active { margin-top: 0px; height: 20px; }
        
        
        
        #oblasti { background-image: url( "/layout/oblasti_bg.jpg" ); height: 103px; background-color: #CB0114; }
        #oblasti p { font-size: 14px; color: #FFFFFF; padding: 10px 0px 0px 34px; }
        #oblasti h2 { background-image: url( "/layout/oblasti_puntik.gif" ); background-repeat: no-repeat; color: #FFFFFF; font-size: 14px; margin-left: 34px; padding-left: 15px; margin-top: 3px; background-position: 0px 2px; }
        
        
        
        #content { margin: 0px 10px; color: #003366; width: 580px; }
        #content p { margin: 10px 0px 20px 0px; }
        #content p.error { font-weight: bold; color: #CB0114; border: 1px solid #CB0114; background-color: #FF9CA6; margin-bottom: 10px; padding: 10px; }
        #content p.true { font-weight: bold; color: #249302; border: 1px solid #249302; background-color: #9CFF9E; margin-bottom: 10px; padding: 10px; }
        #content h3 { font-weight: bold; color: #0066CC; font-size: 14px; clear: both; }
        #content H3 span { color: #CC0000; font-weight: bold; font-size: 14px; }
        #content span { color: #CC0000; font-weight: bold; }
        #content img { margin: 5px 5px 0px 5px; border: 1px solid #0066CC; }
        #content ul { list-style-type: none; }
        #content ul li { background-image: url( "/layout/main_arrow.gif" ); background-repeat: no-repeat; padding: 5px 0px 5px 15px; background-position: 0px 10px; }
        
        #content form.registrace { float: left; margin: 15px 0px 0px 15px; }
        #content form.registrace input { margin: 1px 0px; text-align: left; }
        #content form.registrace span { width: 110px; display: block; float: left; margin-top: 5px; }
        #content form.registrace span.low { color: #000000; font-weight: normal; }
        #content form.registrace input.send { text-align: center; }
        #content form.registrace input.checkbox { border: 0px; }
        #content form.registrace label { width: 130px; float: left; margin-top: 5px; }
        #content form.registrace textarea { clear: both; margin: 0px; }
        
        #content table.kosik { width: 100%; border-width: 1px 1px 0px 1px; border-color: #157DD7; border-style: solid; }
        #content table.kosik td { padding: 5px 10px; border-bottom: 1px solid #157DD7; }
        #content table.kosik td.nadpis { font-weight: bold; color: #CB0114; background-color: #D3E6F6; }
        
        #content div.galerie { background-color: #F1F1F1; border: 1px solid #DBDBDB; margin: 10px 0px; padding: 10px; }
        #content div.galerie img { float: right; margin-left: 10px; }
        #content div.galerie p { float: left; }
        #content div.galerie h4 a { color: #CB0114; font-weight: bold; font-size: 12px; margin-left: 10px; }
        #content div.galerie h4 a:hover { text-decoration: none; color: #0066CC; }
        
        #content p.galerie { width: 190px; float: left; margin: 0px; padding: 0px; text-align: center; }
          
          
          
          
          #detail_produktu_nahledy { float: left; width: 140px; }
          
          #detail_produktu_main { float: left; }
          #detail_produktu_main span { font-size: 14px; color: #0066CC; font-weight: bold; }
          #detail_produktu_main span.red { color: #CC0000; }
          
          #detail_produktu_main form { padding: 5px; margin: 0px 0px 10px 10px; width: 150px; float: right; border: 1px solid #2486D9; background-color: #D3E6F6; }
          #detail_produktu_main form h3 { color: #CC0000; margin-bottom: 5px; }
          #detail_produktu_main form strong { display: block; float: left; width: 50px; text-align: right; padding: 5px 5px 0px 0px; }
          #detail_produktu_main form input.text { background-image: url( "/layout/produkt_input_text.gif" ); padding-left: 25px; width: 40px; background-repeat: no-repeat; margin: 0px; }
          #detail_produktu_main form input.send { float: right; width: 60px; height: 20px; }
          
          
          
          #produkty { clear: both; background-image: url( "/layout/produkty_bg.gif" ); margin-top: 10px; }
          #produkty img { border: 1px solid #0066CC; padding: 2px; margin: 0px 5px 0px 0px; float: left; }
          #produkty p { margin: 0px; padding: 0px; line-height: 17px; text-align: left; }
          #produkty div.delic { width: 100%; height: 1px; border-top: 1px dotted #0066CC; margin: 5px 0px; clear: both; }
          #produkty div.left { width: 281px; float: left; }
          #produkty div.right { width: 281px; float: right; }
          #produkty span { font-size: 14px; color: #0066CC; font-weight: bold; float: left; width: 50px; }
          #produkty span.red { float: right; color: #CC0000; width: 100px; text-align: right; }
          #produkty form { clear: both; margin-bottom: 5px; }
          #produkty form span { width: 150px; float: left; display: block; margin-top: 3px; }
          #produkty form strong { display: block; float: left; width: 50px; text-align: right; padding: 5px 5px 0px 0px; }
          #produkty form input.text { background-image: url( "/layout/produkt_input_text.gif" ); width: 35px; background-repeat: no-repeat; padding-left: 30px; margin-bottom: 0px; }
          #produkty a.detail { text-align: center; background-color: #EE290D; border: 1px solid #C22712; width: 60px; color: #FFFFFF; background-image: url( "/layout/input_send_bg.gif" ); font-weight: bold; background-repeat: repeat-x;float: right; padding: 2px 0px 3px 0px; margin-top: 3px; display: block; }
          #produkty form input.blue { float: right; padding: 2px 6px; height: 21px; width: 60px; margin: 3px 2px 0px 0px; }
          
          
          
      #right { float: right; width: 165px; background-color: #D3E6F6; }
      #right p {  color: #0066CC; margin: 5px 0px; text-align: Justify; padding: 0px 10px; }
      #right p.top { text-align: center; }
      #right p.top a { color: #0066CC; }
      #right span { color: #0066CC; font-weight: bold; display: block; padding: 5px 0px 0px 20px;   }
      
      #right p.novinka { border-bottom: 1px dotted #0066CC; padding: 10px 0px; margin: 5px 12px; }
      #right p.novinka strong { color: #CB0114; }
      
      #right p.old_news { text-align: right; margin-right: 10px;  padding: 0px; }
      
      #right p.odkazy { margin-top: 20px;  padding: 0px;}
      #right p.odkazy a { display: block; background-color: #E1F0FC; margin: 2px 0px; color: #0066CC; font-weight: bold; padding: 2px 0px 2px 15px; }
      
      #right p.obchodnici { margin-top: 15px; }
      #right p.obchodnici img { margin-bottom: 5px; }
      
      #right form input { margin: 0px 11px 0px 10px; }
      #right form input.send { margin-top: 2px; float: right; padding: 1px 6px; }
        
        
        #kosik { margin-top: 26px; }
        #kosik ul { height: 24px; }
        #kosik li { float: left; width: 75px; text-align: center; }
        #kosik li a { background-image: url( "/layout/kosik_li_bg.gif" ); height: 14px; margin: 6px 0px 0px 0px; padding-top: 4px; display: block; color: #FFFFFF; background-color: #CB0114; width: 100%; }
        #kosik li a:hover, #kosik li a.active { margin-top: 0px; height: 20px; }
        #kosik a.button { background-color: #2C7EC5; display: block; width: 70px; float: left; padding: 3px 0px; text-align: center; margin-left: 7px; color: #FFFFFF; }
        #kosik p { background-image: url( "/layout/kosik_bg.gif" ); height: 97px; color: #FFFFFF; padding: 7px 0px 0px 0px; background-color: #CB0114; margin: 0px; }
        #kosik span { display: block; font-size: 12px; padding: 7px 0px 0px 35px; color: #FFFFFF; background-image: url( "/layout/kosik_span_bg.gif" ); background-repeat: no-repeat; background-position: 0px 0px; }
        
        
        
  #bottom { background-color: #D3E6F6; color: #0066CC; clear: both; padding: 7px 20px 0px 20px; height: 35px; margin-bottom: 5px; }
  #bottom p { font-size: 10px; float: left; }
  #bottom p.links { float: right; margin-top: 5px; }
  #bottom a { color: #0066CC; }
  #bottom p.links a.active { color: #CB0114; }
  
  
  #links { margin: 10px 0px; }
  #links p { text-align: center; color: #B0CFE9; font-size: 10px; }
  #links a { color: #B0CFE9; font-size: 10px; }