/* CSS Document */

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

#center {
     position: relative;
     width: 908px;
     height: auto;
     top: 0px;
     margin: 0px auto 0px auto;
     padding: 0px;
}

#hlavicka {
     position: relative;
     width: 908px;
     height: 313px;
     margin: 0px auto 0px auto;
     padding: 0px;
     background-image: url('picture/hlavicka.jpg');
     background-repeat: no-repeat;
}

#flash {
     position: relative;
     width: 580px;
     height: 230px;
     top: 26px;
     float :right;
     margin: 0px 14px 0px 0px;
     padding: 0px;
}

#menu {
     position: relative;
     width: 935px; /*divná velikost - ale IE8 to jinak zobrazuje blbe cca 25px pod ostatníma*/
     height: 46px;
     top: 26px;
     margin: 0px 11px 0px 11px;
     padding: 0px;
     float: left;
}


#menu a {
    color: #8469C1;  /* menu a přidáno 6.12. v 22:00 - aby neproblikavalo menu*/
}

/*koding menu - hlavního*/

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

#menu li {
      position: relative;
      height: 46px;
      float: left;
}

li.li-index {
     position: relative;
     width: 203px;
     height: 46px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

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

span.span-index:hover {
     background-image: url('picture/menu/index-hover.jpg');
}


li.li-nase_sluzby {
     position: relative;
     width: 155px;
     height: 46px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

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

span.span-nase_sluzby:hover {
     background-image: url('picture/menu/nase_sluzby-hover.jpg');
}

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

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

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

li.li-cenik {
     position: relative;
     width: 103px;
     height: 46px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

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

span.span-cenik:hover {
     background-image: url('picture/menu/cenik-hover.jpg');
}


li.li-ohlasy {
     position: relative;
     width: 117px;
     height: 46px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

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

span.span-ohlasy:hover {
     background-image: url('picture/menu/ohlasy-hover.jpg');
}


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

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

span.span-kontakt:hover {
     background-image: url('picture/menu/kontakt-hover.jpg');
}




/*koding menu - hlavního*/

#obsah {
     position: relative;
     width: 880px; 
     height: auto;
     margin: 5px 14px 0px 14px;
     padding: 10px 0px 0px 0px;
     float: left;
     background-color: #FFFFFF;
}

/*levy-celek a menu*/

#levy {
     position: relative;
     width: 254px; 
     height: auto;
     margin: 0px 0px 20px 0px;
     padding: 0px;
     text-align: left;
     float: left;
}

div.nase_sluzby {
     position: relative;
     width: 254px; 
     height: 44px;
     margin: 0px 0px 0px -14px;
     padding: 0px;
     background-image: url('picture/prave-menu/nase_sluzby.jpg');
     background-repeat: no-repeat;  
     float: left;
}


div.rychly_kontakt {
     position: relative;
     width: 254px; 
     height: 44px;
     margin: 0px 0px 0px -14px;
     padding: 0px;
     background-image: url('picture/prave-menu/rychly_kontakt.jpg');
     background-repeat: no-repeat; 
     float: left; 
}

div.leve-menu {
     position: relative;
     width: 240px; 
     height: auto;
     margin: 0px;
     padding: 0px;
     float: left;
}

div.leve-menu ul {
     position: relative;
     width: 240px; 
     height: auto;
     margin: 5px 0px 5px 0px;
     padding: 0px;
     left: 5px;
     list-style-type: none;
     float: left;
     text-align: left;
} 

div.leve-menu li {
     position: relative;
     width: 235px; 
     height: 30px;
     top: 0px;
     #float: left;
     margin: 0px;
     padding: 0px;
     background-image: url('picture/prave-menu/polozka.jpg');
     background-repeat: no-repeat; 
}

div.leve-menu a {
     position: absolute;
     width: 205px; 
     height: 20px;
     margin: 0px;
     padding: 10px 0px 0px 35px;
     font-family: Arial;
     font-size: 13px;
     color: #4A4B5A;
     font-style: normal;
     font-weight: bold;
     text-decoration: none;
}

div.leve-menu a:hover {
     text-decoration: underline;
}

div.kontakt {
     position: relative;
     width: 220px; 
     height: auto;
     margin: 0px;
     padding: 10px;
     float: left;
     background-image: url('picture/prave-menu/kontakt.jpg');
     background-position: 5px 0px;
     background-repeat: no-repeat; 
     background-color: #F4F4FA;
}

div.kontakt p {
      font-family: Arial;
      font-size: 12px;
      color: #4A4B5A;
      font-style: normal;
      font-weight: normal;
      margin: 4px 0px 4px 0px;
      line-height: 20px;
}


div.kontakt a {
      font-family: Arial;
      font-size: 12px;
      color: #C76700;
      font-style: normal;
      font-weight: normal;
      margin: 4px 0px 4px 0px;
      line-height: 20px;
      text-decoration: none;
}

div.kontakt a:hover {
      text-decoration: underline;
}

div.kontakt h3 {
      font-family: Arial;
      font-size: 18px;
      color: #4A4B5A;
      font-style: normal;
      font-weight: normal;
      margin: 0px 0px 7px 0px;
}

div.kontakt table {
      font-family: Arial;
      font-size: 12px;
      color: #4A4B5A;
      font-style: normal;
      font-weight: bold;
      margin: 0px;
}

div.kontakt td {
      padding: 15px 0px 0px 0px;
}

td.purple {
      color: #8469C1;
      width: 70px;
}

/*levy-celek a menu*/

/*text a veskery obsah*/

#text {
     position: relative;
     width: 610px; 
     height: auto;
     margin: 0px 15px 25px 0px;
     padding: 0px;
     float: right;
}


#text table {
      margin: 0px 0px 0px 8px;
}

div.rucni_myti {
     position: relative;
     width: 610px; 
     height: 55px;
     margin: 0px;
     padding: 0px;
     background-image: url('picture/obsah/rucni_myti.jpg');
     background-repeat: no-repeat; 
}

div.vitejte {
     position: relative;
     width: 610px; 
     height: 286px;
     margin: 20px 0px 0px 0px;
     padding: 0px;
     background-image: url('picture/obsah/vitejte.jpg');
     background-repeat: no-repeat; 
}

#text p {
      font-family: Arial;
      font-size: 12px;
      color: #4A4B5A;
      font-style: normal;
      font-weight: normal;
      margin: 0px;
      padding: 5px 10px 0px 10px;
      line-height: 20px;
      text-align: left;
}

div.novinka a {
      font-family: Arial;
      font-size: 12px;
      color: #4A4B5A;
      font-style: normal;
      font-weight: normal;
      margin: 0px;
      padding: 0px;
      line-height: 20px;
      text-align: left;
}

div.novinka a:hover {
      text-decoration: none;
}

#text h1 {
      font-family: Arial;
      font-size: 23px;
      color: #4A4B5A;
      font-style: normal;
      font-weight: normal;
      margin: 0px;
      padding: 22px 0px 0px 10px;
      text-align: left;
}

#text h2 {
      font-family: Arial;
      font-size: 20px;
      color: #8469C1;
      font-style: normal;
      font-weight: bold;
      margin: 0px;
      padding: 10px 0px 0px 10px;
      text-align: left;
}

#text h3 {
      font-family: Arial;
      font-size: 18px;
      color: #4A4B5A;
      font-style: normal;
      font-weight: normal;
      margin: 0px;
      text-align: left;
}

div.novinky-akce {
     position: relative;
     width: 610px; 
     height: auto;
     margin: 20px 0px 0px 0px;
     padding: 0px;
     float: left;
}


div.novinka {
     position: relative;
     width: 610px; 
     height: auto;
     margin: 20px 0px 0px 0px;
     padding: 0px;
     background-image: url('picture/obsah/novinka.jpg');
     background-repeat: no-repeat;  
}

p.uvod-novinky a {
      font-family: Arial;
      font-size: 12px;
      color: #6B4CB2;
      font-style: normal;
      font-weight: bold;
      margin: 0px;
      padding: 0px;
      text-align: left;
}

p.uvod-novinky a:hover {
      text-decoration: none;
}

span.odkaz {
      font-family: Arial;
      font-size: 12px;
      color: #C76700;
      font-style: normal;
      font-weight: normal;
      margin: 0px;
      text-align: right;
      float: right;
}

span.odkaz a {
      font-family: Arial;
      font-size: 12px;
      color: #C76700;
      font-style: normal;
      font-weight: normal;
      margin: 0px;
      float: right;
}

span.odkaz a:hover {
      text-decoration: none;
}

div.vsechny {
      position: relative;
      width: 174px;
      height: 23px;
      margin: 25px 0px 0px 0px;
      padding: 7px 0px 0px 0px;
      float: right;
      background-image: url('picture/obsah/vsechny-novinky.jpg');
      background-repeat: no-repeat;  
}

div.vsechny a {
      font-family: Arial;
      font-size: 12px;
      color: #000000;
      font-weight: normal;
}

div.vsechny a:hover {
      text-decoration: none;
}

/*text a veskery obsah*/

#paticka {
     position: relative;
     width: 908px; 
     height: 78px;
     margin: 5px 0px 40px 0px;
     padding: 0px;
     float: left;
     background-image: url('picture/paticka.jpg');
     background-position: 2px 0px;
     background-repeat: no-repeat;  
}

#paticka p {
      font-family: Arial;
      font-size: 12px;
      color: #FFFFFF;
      font-style: normal;
      font-weight: normal;
      margin: 22px 40px 0px 40px;
}


#paticka a {
      font-family: Arial;
      font-size: 12px;
      color: #FFFFFF;
      font-style: normal;
      font-weight: normal;
}

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