/* CSS Document */


body {
     background-color: #ffffff;
     background-image: url('pictures/pozadi.jpg');
     background-repeat: repeat-x;
     text-align: center;
     margin: 0px;
     padding: 0px;
     font-family: Tahoma;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     color: #000000;
}

#center {
  position: relative;
  width: 981px;
  height: auto;
  margin: 0px auto 0px auto;
}

#hlavicka {
  position: relative;
  width: 981px;
  height: 263px;
  top: 10px;
  background-image: url('pictures/hlavicka.jpg');
  background-repeat: no-repeat;
}

#flash {
  position: relative;
  width: 720px;
  height: 260px;
  left: 265px;
  top: 1px;
}

#menu {
     position: relative;
     width: 940px;  /*kvuli IE*/
     height: 44px;
     margin: 0px auto 0px auto;
     padding: 0px;
}

#menu a {
    color: #003200;  /* aby neproblikavalo menu*/
}
/*koding menu - hlavního*/

#menu ul {
      list-style-type: none;
      display: inline;
}

li.li-uvod {
     position: relative;
     width: 101px;
     height: 44px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-uvod {
     position: absolute;
     width: 101px;
     height: 44px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/uvod.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-uvod:hover {
     background-image: url('pictures/menu/uvod-hover.jpg');
     cursor: hand;
}

li.li-produkty {
     position: relative;
     width: 107px;
     height: 44px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-produkty {
     position: absolute;
     width: 107px;
     height: 44px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/produkty.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-produkty:hover {
     background-image: url('pictures/menu/produkty-hover.jpg');
     cursor: hand;
}    
     
li.li-objednavka {
     position: relative;
     width: 124px;
     height: 44px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-objednavka {
     position: absolute;
     width: 124px;
     height: 44px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/objednavka.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-objednavka:hover {
     background-image: url('pictures/menu/objednavka-hover.jpg');
     cursor: hand;
}   

li.li-poptavka {
     position: relative;
     width: 104px;
     height: 44px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-poptavka {
     position: absolute;
     width: 104px;
     height: 44px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/poptavka.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-poptavka:hover {
     background-image: url('pictures/menu/poptavka-hover.jpg');
     cursor: hand;
}    

li.li-aktuality {
     position: relative;
     width: 108px;
     height: 44px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-aktuality {
     position: absolute;
     width: 108px;
     height: 44px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/aktuality.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-aktuality:hover {
     background-image: url('pictures/menu/aktuality-hover.jpg');
     cursor: hand;
}    
    
li.li-reference {
     position: relative;
     width: 108px;
     height: 44px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-reference {
     position: absolute;
     width: 108px;
     height: 44px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/reference.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-reference:hover {
     background-image: url('pictures/menu/reference-hover.jpg');
     cursor: hand;
}   

    
li.li-fotogalerie {
     position: relative;
     width: 123px;
     height: 44px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-fotogalerie {
     position: absolute;
     width: 123px;
     height: 44px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/fotogalerie.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-fotogalerie:hover {
     background-image: url('pictures/menu/fotogalerie-hover.jpg');
     cursor: hand;
}   

    
li.li-kontakt {
     position: relative;
     width: 125px;
     height: 44px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-kontakt {
     position: absolute;
     width: 125px;
     height: 44px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/kontakt.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-kontakt:hover {
     background-image: url('pictures/menu/kontakt-hover.jpg');
     cursor: hand;
}    
          
      
/*konec menu*/

#box {
     position: relative;
     width: 1031px;
     height: 178px;
     top: 20px;
     margin: 0px auto 0px auto;
     padding: 0px;
}

#box a {
    color: #003200;  /* aby neproblikavalo menu*/
}
/*koding box - hlavního*/

#box ul {
      list-style-type: none;
      display: inline;
}

li.li-wc {
     position: relative;
     width: 138px;
     height: 178px;
     margin: 0px 0px 0px 0px;
     padding: 0px;    
     float: left;  
}

span.span-wc {
     position: absolute;
     width: 138px;
     height: 178px;
     margin: 0px 0px 0px 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/box/wc.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

li.li-oploceni {
     position: relative;
     width: 138px;
     height: 178px;
     margin: 0px 2px 0px 2px;
     padding: 0px;    
     float: left;  
}

span.span-oploceni {
     position: absolute;
     width: 138px;
     height: 178px;
     margin: 0px 2px 0px 2px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/box/oploceni.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

li.li-kancelare {
     position: relative;
     width: 138px;
     height: 178px;
     margin: 0px 2px 0px 2px;
     padding: 0px;    
     float: left;  
}

span.span-kancelare {
     position: absolute;
     width: 138px;
     height: 178px;
     margin: 0px 2px 0px 2px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/box/kancelare.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

li.li-stany {
     position: relative;
     width: 138px;
     height: 178px;
     margin: 0px 2px 0px 2px;
     padding: 0px;    
     float: left;  
}

span.span-stany {
     position: absolute;
     width: 138px;
     height: 178px;
     margin: 0px 2px 0px 2px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/box/stany.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

li.li-nabytek {
     position: relative;
     width: 138px;
     height: 178px;
     margin: 0px 2px 0px 1px;
     padding: 0px;    
     float: left;  
}

span.span-nabytek {
     position: absolute;
     width: 138px;
     height: 178px;
     margin: 0px 2px 0px 1px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/box/nabytek.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}



li.li-kontejnery {
     position: relative;
     width: 138px;
     height: 178px;
     margin: 0px 2px 0px 0px;
     padding: 0px;    
     float: left;  
}

span.span-kontejnery {
     position: absolute;
     width: 138px;
     height: 178px;
     margin: 0px 2px 0px 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/box/kontejnery.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

li.li-party {
     position: relative;
     width: 138px;
     height: 178px;
     margin: 0px 0px 0px 0px;
     padding: 0px;    
     float: left;  
}

span.span-party {
     position: absolute;
     width: 138px;
     height: 178px;
     margin: 0px 0px 0px 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/box/party.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

/*konec box*/

#obsah {
    position: relative;
    width: 960px;
    height: auto;
    top: 30px;
    padding: 10px;
    float: left;
    background-image: url('pictures/obsah.jpg');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-color: #ffffff;
}
/*uprava text*/
#obsah p {
    font-family: Tahoma;
    font-size: 11px;
    color: #434343;
    margin: 0px;
    padding: 10px;   
    text-align: left;
    line-height: 210%; 
}

#obsah a {
    color: #434343;
    text-decoration: unedrile;
}

#obsah a:hover {
    text-decoration: none;
}

#levy {
    position: relative;
    width: 450px;
    height: auto;
    float: left;
}

#pravy {
    position: relative;
    width: 450px;
    height: auto;
    float: left;
    margin-left: 40px;
}



.nadpis {
    position: relative;
    width: 470px;
    height: 40px;
    padding: 8px 25px 0px 25px;
    text-align: left;
    background-image: url('pictures/nadpis.jpg');
    background-repeat: no-repeat;    
}

h2 {
    font-family: Tahoma;
    font-size: 18px;
    color: #004C1B;
    margin: 0px;
    padding: 0px;
}

h1 {
    font-family: Tahoma;
    font-size: 22px;
    color: #004C1B;
    margin: 0px;
    padding: 0px;
}


h3 {
    font-family: Tahoma;
    font-size: 16px;
    color: #004C1B;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

.nadpis-2 {
    position: relative;
    width: 470px;
    height: 40px;
    padding: 8px 25px 0px 25px;
    text-align: left;
    background-image: url('pictures/nadpis-2.jpg');
    background-repeat: no-repeat;    
}


table.prehled {
    position: relative;
    width: 470px;
    height: auto;
    text-align: left;
    font-family: Tahoma;
    font-size: 11px;
    color: #434343;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    line-height: 150%;   
}


table.prehled a {
    color: #004C1B;
    text-decoration: underline;  
}

table.prehled a:hover {
    text-decoration: none;  
}


table.prehled h3 {
    font-family: Tahoma;
    font-size: 16px;
    color: #004C1B;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    text-decoration: underline; 
}

table.prehled h3:hover {
    text-decoration: none; 
}

span.vsechny {
    position: relative;
    width: 200px;
    height: 20px;
    left: 325px;
    top: -10px;
}


/*uprava text*/


#paticka {
    position: relative;
    width: 980px;
    height: 53px;
    top: 40px;
    padding: 20px;
    float: left;
    background-image: url('pictures/paticka.jpg');
    background-repeat: no-repeat;
    color: #D3F3B1;
}

#paticka a {
    color: #D3F3B1;
}