/* CSS Document */

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

#pruh {
     position: relative;
     width: 1200px;
     height: 323px;
     margin: 0px auto 0px auto;
     padding: 0px;
     background-image: url('picture/pozadi-pruh.jpg');
     background-repeat: no-repeat;
}

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

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

/*styl menu*/
#menu-l {
     position: relative;
     width: 310px;
     height: 50px;
     float: left;
     margin: 0px;
     padding: 0px;
     text-align: right;
}

#menu-r {
     position: relative;
     width: 310px;
     height: 50px;
     float: right;
     margin: 0px;
     padding: 0px;
     text-align: left;
}

#menu-r ul {
      display: inline;
      list-style-type: none;
      margin: 0px;
      padding: 0px;
}

#menu-l ul {
      display: inline;
      list-style-type: none;
      margin: 0px;
      padding: 0px;
}

li.index a {
     position: absolute;
     width: 173px;
     height: 50px;
     left: 0px;
}

li.reference a {
     position: absolute;
     width: 124px;
     height: 50px;
     left: 0px;
}

li.obchodni_podminky a {
     position: absolute;
     width: 187px;
     height: 50px;
     right: 0px;
}

li.kontakty a {
     position: absolute;
     width: 113px;
     height: 50px;
     right: 0px;
}

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

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

li.index {
     position: relative;
     width: 173px;
     height: 50px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

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

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

li.reference {
     position: relative;
     width: 124px;
     height: 50px;
     margin: 0px;
     padding: 0px;     
     float: right;     
}


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

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

li.obchodni_podminky {
     position: relative;
     width: 187px;
     height: 50px;
     margin: 0px;
     padding: 0px;      
     float: left;  
}

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

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

li.kontakty {
     position: relative;
     width: 113px;
     height: 60px;
     margin: 0px;
     padding: 0px;
     float: right;     
}

/*styl menu*/

#flash {
     position: relative;
     width: 900px;
     height: 277px;
     top: 3px;
     float: left;
}


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

.kategorie {
     position: relative;
     width: 250px;
     height: 48px;
     margin: 0px;
     padding: 0px;
     background-image: url('picture/kategorie/kategorie.jpg');
     background-repeat: no-repeat;      
}

.kontakty {
     position: relative;
     width: 250px;
     height: 40px;
     margin: 10px 0px 0px 0px;
     padding: 0px;
     background-image: url('picture/kategorie/kontakty.jpg');
     background-repeat: no-repeat;      
}

.kontakt {
     position: relative;
     width: 250px;
     height: auto;
     margin: 0px;
     padding: 0px 0px 10px 0px;
     background-color: #301E01;
     background-image: url('picture/kategorie/levy-spodek.jpg');
     background-repeat: no-repeat;
     background-position: 0% 100%;       
}

.kategorie-podnadpis {
     position: relative;
     width: 250px;
     height: 100px;
     top: 10px;
     margin: 0px;
     padding: 0px;
     background-image: url('picture/kategorie/kategorie-podnadpis.jpg');
     background-repeat: no-repeat;   
}

.kategorie-podnadpis h3 {
     position: relative;
     width: 236px;
     height: 25px;
     font-family: Georgia, Arial;
     font-size: 14px;
     font-style: normal;
     font-weight: normal;
     color: #FDE37D; 
     margin: 0px;
     padding: 8px 0px 0px 14px;  
}

.kategorie-podnadpis p {
     position: relative;
     width: 236px;
     height: auto;
     font-family: Georgia, Arial;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     color: #FFFFFF; 
     margin: 0px;
     padding: 0px 0px 0px 14px;  
}

.kategorie-podnadpis a {
      color: #F1BF73;
      text-decoration: none;
}

.kategorie-podnadpis a:hover {
      color: #FFE546;
      text-decoration: underline;
}


/*styly ke kategorii - menu*/

#levy ul {
      position: relative;
      width: 250px;
      height: auto;
      display: inline;
      list-style-type: none;
      margin: 0px;
      padding: 0px;
}

#levy-menu {
      margin: 0px;
      #margin: -25px 0px 0px 0px;  // hack pro IE7 - posunute menu
      padding: 0px;
}

#levy-menu a {
     position: absolute;
     width: 250px;
     height: 35px;
     left: 0px;
}

#levy li {
     position: relative;
     width: 250px;
     height: 35px;
     #margin: 0px 0px -4px 0px; // hack pro IE7 - posunute menu
     background-repeat: no-repeat; 
}

#levy-menu span {
     position: absolute;
     width: 250px;
     height: 35px;
     top: 0px;
     left: 0px;
     #margin: 0px 0px -4px -15px; // hack pro IE7 - posunute menu
     background-repeat: no-repeat; 
     display: block;
     z-index: 1;
}

span.obsluzne {
     background-image: url('picture/kategorie/obsluzne.jpg');     
}

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

span.cukrarske {
     background-image: url('picture/kategorie/cukrarske.jpg');     
}

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

span.pultove {
     background-image: url('picture/kategorie/pultove.jpg');     
}

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

span.pristene {
     background-image: url('picture/kategorie/pristene.jpg');   
}

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

span.gastro {
     background-image: url('picture/kategorie/gastro.jpg');   
}

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

span.chladnicky {
     background-image: url('picture/kategorie/chladnicky.jpg');   
}

span.chladnicky:hover {
     background-image: url('picture/kategorie/chladnicky-hover.jpg');     
}
/*ODKAZ V MENU AKČNÍ NABÍDKA*/
span.akcni {
     background-image: url('picture/kategorie/akcni.jpg');     
}
 
span.akcni:hover {
     background-image: url('picture/kategorie/akcni-hover.jpg');     
}
/*ODKAZ V MENU AKČNÍ NABÍDKA*/



/* Nové kategorie: 
!Prodejní
!Mrazničky
!Salátové vitríny
!Neutrální výstavní regály
*/
span.prodejni {
     background-image: url('picture/kategorie/prodejni.jpg');   
}

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

span.mraznicky {
     background-image: url('picture/kategorie/mraznicky.jpg');   
}

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

span.salatove-vitriny {
     background-image: url('picture/kategorie/salatove-vitriny.jpg');   
}

span.salatove-vitriny:hover {
     background-image: url('picture/kategorie/salatove-vitriny-hover.jpg');     
}

span.neutralni-vystavni-regaly {
     background-image: url('picture/kategorie/neutralni.jpg');   
}

span.neutralni-vystavni-regaly:hover {
     background-image: url('picture/kategorie/neutralni-hover.jpg');     
}

span.konzervator-zmrzliny {
     background-image: url('picture/kategorie/konzervator-zmrzliny.jpg');   
}

span.konzervator-zmrzliny:hover {
     background-image: url('picture/kategorie/konzervator-zmrzliny-hover.jpg');     
}


/*styly ke kategorii - menu*/

#obsah {
     position: relative;
     width: 625px;
     height: auto;
     margin: 0px auto 0px auto;
     background-image: url('picture/obsah.jpg');
     background-repeat: no-repeat;
     background-position: 20px 0px;
     text-align: left;   
     padding: 5px 0px 25px 25px;
     float: right;
}

#obsah h1 {
     position: relative;
     width: 636px;
     height: 25px;
     font-family: Georgia, Arial;
     font-size: 25px;
     font-weight: normal;
     font-style: italic;
     color: #FFE546; 
     margin: 0px;
     padding: 8px 0px 15px 14px;  
}

#obsah h2 {
     position: relative;
     width: 636px;
     height: 25px;
     font-family: Georgia, Arial;
     font-size: 26px;
     font-weight: normal;
     font-style: italic;
     color: #FFE546; 
     margin: 0px;
     padding: 8px 0px 15px 14px;  
}

#obsah h3 {
     position: relative;
     width: auto;
     height: 25px;
     font-family: Georgia, Arial;
     font-size: 20px;
     font-weight: normal;
     font-style: italic;
     color: #FFE546; 
     margin: 0px;
     padding: 8px 0px 15px 0px;  
}
p.text {
     position: relative;
     width: 555px;
     height: auto;
     font-family: Georgia, Arial;
     font-size: 12px;
     font-weight: normal;
     font-style: normal;
     line-height: 22px;
     color: #F1BF73; 
     margin: 0px;
     padding: 8px 70px 0px 25px;  
}

p.text a {
      color: #FFE546;
      text-decoration: underline;
}

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

/*styly pro zboží*/

.popis-produktu {
     position: relative;
     width: 300px;
     height: auto;
     margin: 20px 0px 0px 5px;
     padding: 0px;
     float: right;  
     line-height: 25px;
}

.popis-produktu p {
     font-family: Georgia, Arial;
     font-size: 12px;
     font-weight: normal;
     font-style: normal;
     line-height: 22px;
     color: #F1BF73; 
     margin: 0px;
     padding: 8px 0px 0px 0px;  
}

.popis-produktu a {
      color: #FFE546;
      text-decoration: underline;
}

.popis-produktu a:hover {
      text-decoration: none;
}

.detail-produktu {
     position: relative;
     width: 600px;
     height: auto;
     margin: 20px 25px 0px 5px;
     padding: 0px;
     float: left; 
     line-height: 25px;
}

.zbozi img {
     position: relative;
     width: 250px;
     height: auto;
     margin: 0px;
}

.zbozi {
     position: relative;
     width: 196px;
     height: auto;
     margin: 20px 5px 0px 0px;
     padding: 0px;
     float: left;  
}

.zbozi img {
      border-style: none; 
}

.zbozi table {
     margin: 0px;
     padding: 0px;
}

.zbozi tr {
     margin: 0px;
     padding: 0px;
}

td.nadpis {
     position: relative;
     width: 196px;
     height: 28px;
     margin: 0px;
     padding: 0px;
     background-image: url('picture/produkt/new/nadpis.jpg');
     background-repeat: no-repeat;
}

td.produkt {
     position: relative;
     width: 196px;
     height: 150px;
     margin:0px;
     padding: 0px;
     background-color: #FFFFFF;
}

td.produkt img {
     position: relative;
     width: 186px;
     height: auto;
     margin: 0px;
     padding: 5px;
}

td.dalsi {
     position: relative;
     width: 196px;
     height: 28px;
     margin: 0px;
     padding: 0px;
     background-image: url('picture/produkt/new/dalsi.jpg');
     background-repeat: no-repeat;
}

td.dalsi a {
     font-family: Georgia, Arial;
     font-size: 12px;
     font-weight: normal;
     font-style: normal;
     color: #FFE546;
     margin: 0px 25px 5px 0px;
     float: right;     
}

td.dalsi a:hover {
      text-decoration: none;
}

td.nadpis a {
     font-family: Georgia, Arial;
     font-size: 12px;
     font-weight: bold;
     font-style: normal;
     color: #FFFFFF;
     margin: 0px 0px 0px 15px;
}

td.nadpis a:hover {
      text-decoration: none;
}

/*styly pro zboží*/


#paticka {
     position: relative;
     width: 900px;
     height: 115px;
     margin: 0px auto 0px auto;
     padding: 20px 0px 0px 0px;
     background-image: url('picture/paticka.jpg');
     background-repeat: no-repeat;  
     float: left;
}

#paticka p {
     font-family: Georgia, Arial;
     font-size: 12px;
     font-weight: normal;
     font-style: normal;
     color: #F1BF73; 
     margin: 0px;
     padding: 0px 20px 0px 20px;  
}

#paticka a {
      color: #FFE546;
      text-decoration: none;
}

#paticka a:hover {
      color: #FFE546;
      text-decoration: underline;
}

/*dopisky k css*/

td {
font-family: Georgia, Arial;
font-size: 12px;
} 




/* Add by Michal */
td {
     font-family: Georgia, Arial;
     font-size: 12px;
}

a {
  color: #F1BF73;
}    



#obsah p {
     position: relative;
     width: 555px;
     height: auto;
     font-family: Georgia, Arial;
     font-size: 12px;
     font-weight: normal;
     font-style: normal;
     line-height: 22px;
     color: #F1BF73; 
     margin: 0px;
     padding: 8px 70px 0px 25px;  
}
#obsah a {
      color: #FFE546;
      text-decoration: underline;
}
#obsah a:hover {
      text-decoration: none;
}




#levy-menu ul li a{
  color: #F4E6BF; 
  font-size: 12pt; 
  font-weight: bold; 
  padding-left: 24px;
}

#levy-menu ul li a:hover{
  color: #DFBD80; 
}



#obsah .popis-produktu p{
  padding: 8px 0px 0px 0px;  
  width: auto;
}