/* CSS Document */

  * {
  	margin: 0;
  	padding: 0;
  }
  
  img {
    border: none;
  }
  
  input {
  border: 1px solid black;
  background: white;
  font-size: 10pt;
  margin-top: 3px;
  }
  
  select {
  border: 1px solid black;
  background: white;
  font-size: 10pt;
  margin-top: 3px;
  }
  
  body {
	font-family: Verdana, Arial, Courier, sans-serif;
	color: black;
	background: #EFE6DD url("../.img/background.jpg") repeat-x;
	text-align: center;
	max-height: 500px;
        height: 500px;
  }
  
    .main {
     display: block;
     width: 1000px;
     height: auto;
     position: relative;
     margin: 0 auto;
    }
    
    .logo {
     display: block;
     width: 1000px;
     height: 108px;
     background: url("../.img/logo.jpg") no-repeat;
    }
    
            .logo a {
             display: block;
             width: 1000px;
             height: 108px;
            }
            
    .menu {
     display: block;
     width: 1000px;
     height: 40px;   
    }
    
            .menu .vypln {
            display: block;
            width: 235px;
            height: 40px;
            background: url("../.img/vypln.jpg") no-repeat;
            float: left;
            }
            
            .menu .home {
            display: block;
            width: 150px;
            height: 40px;
            background: url("../.img/button_home.jpg") no-repeat;
            float: left;
            }
            
                    .home a {
                    display: block;
                    width: 150px;
                    height: 40px;
                    }
            
            .menu .kestazeni {
            display: block;
            width: 180px;
            height: 40px;
            background: url("../.img/button_kestazeni.jpg") no-repeat;
            float: left;
            }   
            
                    .kestazeni a {
                    display: block;
                    width: 180px;
                    height: 40px;
                    } 
            
            .menu .obchodnipodminky {
            display: block;
            width: 270px;
            height: 40px;
            background: url("../.img/button_obchodnipodminky.jpg") no-repeat;
            float: left;
            } 
            
                    .obchodnipodminky a {
                    display: block;
                    width: 270px;
                    height: 40px;
                    }
            
            .menu .kontakty {
            display: block;
            width: 165px;
            height: 40px;
            background: url("../.img/button_kontakty.jpg") no-repeat;
            float: left;
            }  
            
                    .kontakty a {
                    display: block;
                    width: 165px;
                    height: 40px;
                    }  
                    
      .slogan {
      display: block;
      width: 623px;
      height: 116px;
      float: left;
      background: url("../.img/slogan.jpg") no-repeat;
      }
      
      .flash {
      display: block;
      width: 377px;
      height: 116px;
      float: left;
      }
      
      .oddelovac {
      display: block;
      width: 1000px;
      height: 13px;
      background: url("../.img/oddelovac.jpg") no-repeat;
      clear: both;
      }
      
      .left {
      display: block;
      width: 210px;
      height: auto;
      float: left;
      }
      
      .stred {
      display: block;
      width: 595px;
      height: auto;
      float: left;
      }
      
      .right {
      display: block;
      width: 193px;
      height: auto;
      float: left;
      }
      
      .ramecek1 {
      display: block;
      width: 210px;
      }
      
          .ramecek1 .header {
          display: block;
          width: 100%;
          height: 70px;
          }
          
          .ramecek1 .obsah {
          display: block;
          width: 100%;
          height: auto;
          text-align: left;
          }
          
          .ramecek1 .spodek {
          display: block;
          width: 100%;
          height: 25px;
          }
          
      .ramecek2 {
      display: block;
      width: 193px;
      }
      
          .ramecek2 .header {
          display: block;
          width: 100%;
          height: 70px;
          }
          
          .ramecek2 .obsah {
          display: block;
          width: 100%;
          height: auto;
          text-align: left;
          }
          
          .ramecek2 .spodek {
          display: block;
          width: 100%;
          height: 25px;
          }
          
          .ramecek2 .prihlasen {
          font-size: 7pt;
          }
          
      .lista {
      position: relative;
      top: 10px;
      display: block;
      width: 100%;
      height: 30px;
      background: url("../.img/spodek.jpg") repeat-x;
      clear: both;
      min-width: 1000px;
      text-align: center;
      }
      
      .lista2 {
      display: block;
      width: 1000px;
      height: 30px;
      position: relative;
      margin: 0 auto;
      }
      
      
/* boky CSS */
 
      .boktext {
      padding-left: 13px;
      padding-right: 19px;
      padding-top: 5px; 
      padding-bottom: 5px;
      font-size: 9pt;
      }   
      
                    .boktext .hledat {
                    border: 1px solid black;
                    background: white;
                    font-size: 9pt;
                    margin-top: 3px;
                    width: 152px;
                    }
                    
                    .boktext .novinky {
                    border: 1px solid black;
                    background: white;
                    font-size: 11pt;
                    width: 145px;
                    color: #AEAEAE;
                    }  
                    
                    .boktext .nadpis {
                    font-size: 10pt;
                    font-weight: bold;
                    color: #910000;
                    } 
                    
                    .boktext .datum {
                    font-size: 8pt;
                    color: black;
                    }                
      
      .produktytext ul {
      list-style-image: url('../.img/plus.gif');
      padding-left: 22px;
      padding-right: 8px;
      font-size: 8pt;
      color: #0D2748;
      }
                          
                          .produktytext li a {
                          text-decoration: none;
                          color: #0D2748;
                          } 
                          
                          .produktytext li a:hover {
                          text-decoration: underline;
                          }
      
      .podkategorie2 {
      list-style-image: url('../.img/plus.gif');
      font-size: 7pt;
      color: #0D2748;      
      }
      
                          .podkategorie2 li a {
                          text-decoration: none;
                          font-size: 7pt;
                          color: #0D2748;
                          } 
                          
                          .podkategorie2 li a:hover {
                          text-decoration: underline;
                          }
                          
                          
      .boktextr {
      padding-left: 17px;
      padding-right: 10px;
      padding-top: 5px; 
      padding-bottom: 5px;
      font-size: 9pt;
      } 
      
                    .boktextr .lhinput {
                    border: 1px solid black;
                    background: white;
                    font-size: 7pt;
                    margin-top: 3px;
                    width: 70px;
                    } 
                    
                    .boktextr .center {
                    clear: both;
                    text-align: center;
                    font-size: 8pt;
                    padding-top: 10px;
                    }
                    
                            .boktextr .center a {
                            color: black;
                            text-decoration: none;
                            }
                            
                            .boktextr .center a:hover {
                            text-decoration: underline;
                            }
                            
      .ramhotline {
      display: block;
      height: auto;
      width: 100%;
      color: #0A2948;
      font-weight: bold;
      }
      
                          .ramhotline img {
                          float: left;
                          }
                          
                          .ramhotline p {
                          display: block;
                          padding-top: 6px;
                          padding-left: 35px;
                          }
                          
                          .ramhotline .text {
                          display: block;
                          clear: left;
                          padding-left: 10px;
                          color: black;
                          font-weight: normal;
                          font-size: 9pt;
                          }
                          
                          .ramhotline .ramicq {
                          display: block;
                          height: auto;
                          width: 100%;
                          color: black;
                          font-weight: normal;
                          }
                          
                                        .ramhotline .ramicq img {
                                        float: left;
                                        padding-left: 12px;
                                        }
                          
                                        .ramhotline .ramicq p {
                                        display: block;
                                        padding-top: 2px;
                                        }
                                        
                    .boktextr .nadpis {
                    font-size: 10pt;
                    font-weight: bold;
                    color: #910000;
                    } 
                    
                    .boktextr .datum {
                    font-size: 8pt;
                    color: black;
                    }
                    
                    
/* spodek CSS */


  .lista .copyright {
  display: block;
  float: left;
  width: 60%;
  text-align: right;
  color: white;
  padding-top: 5px;
  font-size: 10pt;
  }
  
  .lista .make {
  display: block;
  float: right;
  width: 40%;
  text-align: right;
  color: #B7CBE3;
  padding-top: 5px;
  font-size: 10pt;
  }
  
  .lista .make a {
  color: #B7CBE3;
  text-decoration: none;
  }
  
/* stred CSS */

  .text_nadpis {
  font-size: 15pt;
  color: #0B2848;
  text-align: left;
  padding-top: 10px;
  padding-left: 5px;
  }
  
  .ramecek_produkt1 {
  display: block;
  width: 156px;
  height: 156px;
  float: left;
  background: url(../.img/ramecek_produkt.gif);
  margin: 5px;
  }
  
              .ramecek_produkt1 .imgram {
              display: block;
              height: 130px;
              width: 151px;
              text-align: center;
              }
  
              .ramecek_produkt1 img {
              margin-top: 7px;
              text-align: center;
              }
              
              .ramecek_produkt1 a {
              display: block;
              width: 100%;
              height: 26px;
              }
              
  .text_co {
  color: #0B284A;
  font-size: 8pt;
  }
  
  .text_hod {
  color: black;
  font-size: 8pt;
  }
  
  .text_skladem {
  color: #0B284A;
  font-size: 8pt;
  font-weight: bold;
  }
  
          .text_skladem a {
          color: #0B284A;
          }
  
  .text_neskladem {
  color: #666666;
  font-size: 8pt;
  font-weight: bold;
  }
  
  .akcni {
  color: #FE0002;
  font-size: 9pt;
  font-weight: bold;
  }
  
  .ramecek_textlista {
  clear: both;
  display: block;
  height: 28px;
  width: 426px;
  background: url(../.img/text_lista.png);
  color: #0b2848;
  font-size: 12pt;
  padding-left: 32px;
  font-weight: bold;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
  (src='../.img/text_lista.png',sizingMethod='scale');
  }
  
  .ramecek_kosik {
  display: block;
  width: 150px;
  height: 60px;
  background: url(../.img/kosik.gif);
  font-size: 8pt;
  color: #0E2849;
  }
  
                .ramecek_kosik form {
                padding-top: 10px;
                padding-left: 50px;
                }
                
                .ramecek_kosik a {
                font-weight: bold;
                text-decoration: none;
                color: #0E2849;
                font-size: 7.5pt;
                }  
  
  .kusu {
  border: 1px solid black;
  background: white;
  font-size: 7pt;
  width: 15px;
  }
  
  .text_stred {
  text-align: justify;
  font-size: 10pt;
  padding: 5px;
  }
  
  .text_table {
  font-size: 10pt;
  }
  
                      .text_stred a {
                      text-decoration: none;
                      color: black;
                      }
                      
                      .text_stred a:hover {
                      text-decoration: none;
                      color: #0C2949;
                      }
                      
                      
 .ramecek_produkt {
 margin: 7px;
 display: block;
 float: left;
 width: 176px;
 height: 340px;
 background: url(../.img/produkt_ramecek.gif);
 }
 
            .ramecek_produkt .nazev {
            color: #0C294B;
            font-weight: bold;
            font-size: 9pt;
            padding-left: 5px;
            padding-top: 5px; 
            }
            
            .ramecek_produkt .popis {
            color: #727272;
            font-size: 8pt;
            padding-left: 5px;
            }
            
            .ramecek_produkt .obrazek {
            display: block;
            margin-left: 28px;
            margin-right: 28px;
            margin-top: 28px;
            margin-bottom: 15px;
            height: 120px;
            width: 120px;
	    min-height: 120px;
	    min-width: 120px;
            text-align: center;
            }
            
            .ramecek_produkt .text {
            color: black;
            font-size: 7pt;
            padding: 8px;
            height: 78px;
	    min-height: 78px;
            display: block;
            overflow: hidden;
            }
            
            .ramecek_produkt .cena {
            color: #900200;
	    display: block;
  	    margin-top: 5px;
            font-size: 12pt;
            text-align: center;
            font-weight: bold;
            }
            
                              .ramecek_produkt .cena .bezdph {
                              color: #900200;
                              font-size: 8pt;
                              }
            
            .ramecek_produkt .ram {
            display: block;
            width: 100%;
            height: 310px;
            }
                              
            .ramecek_produkt .detail a {
            display: block;
            width: 100%;
            height: 30px;            
            }
            
            
 #root, #roota {
 display: block;
 width: 489px;
 height: auto;
 font-size: 10pt;
 text-align: left;
 position: fixed;
 _position:absolute;
 _top:expression(0+body.scrollTop);
 }
 
           #root .spodek, #roota .spodek {
           display: block;
           height: 6px;
           width: 489px;
           background: url(../.img/okno_spodek.gif) no-repeat;
           }
 
 #handle, #handlea {
  width: 100%; 
  height: 30px;
  color:white; 
  font-size: 11pt; 
  background: #333333; 
  display: block; 
  cursor: move; 
  text-align: left;
  background: url(../.img/okno_vrsek.png);
 }  
 
           #handle .text,#handlea .text {
           padding-top: 5px;
           padding-left: 10px;
           float: left;
           }
           
           #handle .close a, #handlea .close a {
           display: block;
           height: 30px;
           width: 30px;
           float: right;
           }
          
 
 .okno_text {
 background: url(../.img/okno_stred.gif);
 display: block;
 height: auto;
 width: 489px;
 }
 
      .podkategorie {
      list-style-image: url('../.img/plus.gif');
      font-size: 8pt;
      color: #0D2748;
      padding: 8px;
      padding-left: 22px;
      }
      
                          .podkategorie li {
                          text-decoration: none;
                          color: #0D2748;
                          float: left;
                          width: 250px;
                          } 
                          
                          .podkategorie li a {
                          text-decoration: none;
                          color: #0D2748;
                          } 
                          
                          .podkategorie li a:hover {
                          text-decoration: underline;
                          }
                          
                          
  .strankovani {
  clear: both;
  display: block;
  padding: 5px;
  width: 100%;
  height: 20px;
  text-align: center;
  }
  
            .strankovani span {
            color: white;
            background: #0B2848;
            }
  
            .strankovani a {
            color: #0B2848;
            text-decoration: none;
            }
            
            .strankovani a:hover {
            color: white;
            background: #0B2848;
            }
            
  .kosik_table {
    border: 1px solid black;
    width: 98%;
    border-collapse: collapse;
  }
  
  .kosik_table thead {
    font-size: 8pt;
    font-weight: bold;
    background: #C2AD9A;
    height: 16px;
  }
  
  .kosik_table .radky {
    font-size: 7pt;
    height: 25px;
  } 
   
  .kosik_table .radky a {
    text-decoration: none;
    color: black;
  } 
  
  
  .info {
    clear: both;
    display: block;
    width: 97%;
    height: auto;
    background: #CCCCCC;
    height: 55px;
    padding: 10px;
  }
  
  .adminul {
    font-size: 8pt;
    padding-left: 20px;
    padding-top: 10px;
  }
  
  .adminul a {
    color: black;
    text-decoration: none;
  }
  
  .adminul a:hover {
    color: black;
    text-decoration: underline;
  }