body {font-family: Verdana;
      background-color:  #96461C; 
      margin: 0px;
      padding: 0px; 
      line-height:100%
      }     
strong.b  { color: #491E0C;}  
span.novinka  { font-weight: bold;
                color: red;}
table tr td {vertical-align: top;
              padding-left: 0px;} 
table tr td.half {width: 50%;}                 
#pata {   width: 597px;
          height: 160px;
          float: auto;
          border: 0px solid black;
          text-align: center;
          font-size: 10px; 
          margin-left: auto;
          margin-right: auto; 
          background: #F5F9C6 url('/images/bottom-right.png')
                      bottom right no-repeat;
          color: #6D0F16;
          }
#odskok {margin-left: 80px;}           
#footer {position: relative;
          top: 100px;
          left: -140px;
          font-family: Verdana;
          font-size: 9pt;
          font-variant: small-caps;} 
#hlava {  width: 884px;
          height: 100%;
          float: center;
          text-align: center;
          margin: 0px;
          padding: 0px;
          margin-left: auto;
          margin-right: auto;
          border: 5px solid #F5F9C6;
          border-bottom: 0px solid #F5F9C6;
          border: 0px solid red;
          background: #F5F9C6;                    
          }       
#topbar { width: 884px;
          height: 20px;
          position: relative;
          top: -5px;
          border: 0px solid #F5F9C6;
          font-size: 10px;
          float: auto; 
          text-align: right;
          margin-left: auto;
          margin-right: auto;
          background: #F4F8C0s;
          color: #CBCBFD; 
          } 
p.topka {  padding-top: 10px;
          padding-right: 20px;
          margin-top: 0px;  
          font-style: normal;
          font-family: Verdana;
         }         
#banner {  width: 874px;
          height: 239px;
          float: auto;
          border: 5px solid #F5F9C6;
          border-bottom: 0px solid #F5F9C6;
          font-size: 10px; 
          text-align: right;
          margin-left: auto;
          margin-right: auto;
          background: url('/images/banner1.png')
                      top left no-repeat;
          color: #CBCBFD; 
          } 
#telo {  font-weight: normal;
            float: left;
            width: 884px;
            position: relative;
            right: 0px;
            top: -1px;
            font-size: 18px;
            font-family: Verdana;
            height: 100%;
            border: 0px solid red;
            background: #F5F9C6   url('/images/detail.png')
                          top right no-repeat;
            color: black;
        }                    
#active {  font-weight: normal;
            float: left;
            width: 844px;
            position: relative;
            top: -1px;
            left: 9px;
            font-size: 18px;
            font-family: Verdana;
            height: 100%;
            border: 0px solid red;
            color: black;
            background: url('/images/menu.png')
                          top left no-repeat;
        }  
#priprav  {height: 600px;}                 
img.border  {border: 2px solid #908452;}                
a:link {  color: #9E5724;
          text-decoration: underline;}
a:visited { color: #9E5724; 
          text-decoration: underline; }
a:hover { color: #3B1709; 
          text-decoration: none;}
a.brown:link {  color: #600C0A;
          text-decoration: underline;}
a.brown:visited { color: #141C24; 
          text-decoration: underline; }          
a.brown:hover { color: #141C24;
          font-weight: bold; 
          text-decoration: none;}
li  {list-style: circle;}
            
    
.center {text-align: center;}      
.right {text-align: right;}     
.left {text-align: left;}

#detail { float: left; 
          padding: 0px;
          color: black;
          width: 570px;
          position: relative;
          left: 77px;
          top: 1px;
          /*height: 490px;*/
          font-size: 11px;
          font-family: Verdana;
          border: 0px solid RED;        
          } 
#opakovana  {width: 570px;
          padding: 0px;
          position: relative;
          top: 60px;
          font-family: Verdana;
          border: 0px solid RED;
          background: url('/images/1px.png')
                      top left repeat-y;}
#coffe  { width: 244px;
          height: 139px;
          background: url('/images/coffe.png')
                      top left no-repeat;
        }
#lunch  { width: 244px;
          height: 139px;
          background: url('/images/lunch.png')
                      top left no-repeat;
        }
.coffe_lunch  { display: block;
                width: 244px;
                height: 139px;
                text-decoration: none;}
a.coffe_lunch:link {text-decoration: none;} 
a.coffe_lunch:visited {text-decoration: none;}
a.coffe_lunch:hover {text-decoration: underline;} 
#aktual  { width: 201px;
            height: 200px;
            color:   white;
            font-family: Verdana;
            font-size: 10px;
            position: relative;
            left: 50px;
            margin-top: 50px; 
            text-align: left; 
            } 
.linka  { display: block;
                width: 200;
                height: 200px;
                text-decoration: none;}
a.linka:link {text-decoration: none;
                color: white;} 
a.linka:visited {text-decoration: none;
                color: white;}
a.linka:hover {text-decoration: none;
                color: white;} 
                                                    
#h  {width: 506px;
      height: 38px;
      background: url('/images/h1.png')
                  top left no-repeat;}
#terasa  {width: 506px;
      height: 38px;
      background: url('/images/h1.png')
                  top left no-repeat;}    
.terasa  {width: 506px;
      height: 38px;
      background: url('/images/h1.png')
                  top left no-repeat;}                        
#hh  {width: 506px;
      height: 39px;
      background: url('/images/dark.png')
                  top left no-repeat;}  
#hhh  {width: 506px;
      height: 39px;
      background: url('/images/dark.png')
                  top left no-repeat;}   
#hx  {width: 506px;
      height: 39px;
      background: url('/images/dark.png')
                  top left no-repeat;} 
#hh2  {width: 506px;
      height: 39px;
      background: url('/images/dark.png')
                  top left no-repeat;}                                   
h1  {   color: #FF354D;
        font-family: Georgia;
        font-size: 18px;          
        font-weight: bold; 
        text-align: left;
        padding-top: 7px;
        margin-left: 10px;
        position: relative;
        top: 4px;}
h2  {   color: #F4F2B9;
        font-family: Georgia;
        font-size: 18px; 
        padding-top: 8px;
        margin-left: 10px;
        position: relative;
        top: 4px;
        }    
h2.kvazi_h1  {  color: #FF354D;
                font-weight: bold; 
                text-align: left;
                padding-top: 7px;
                }    
h3  {   color: #80391A;
        font-family: Georgia;
        font-size: 18px;          
        font-weight: bold;
        text-align: left;
        margin-left: 10px;
        padding-top: 7px;
        }         
h3.size14 { font-size: 14px;}                                   
#text {width: 490px;
        margin-top: 15px;
        margin-left: 25px;
        margin-right: 25px;  
        text-align: justify;}
.tabulka  {height: 400px;}
.tab  {width: 100%;}
.top  {vertical-align: top;}
.nizky {height: 30px;}                                          
#koniec  {width: 580px;
          height: 16px;
          position: relative;
          top: 0px;
          font-family: Verdana;
          border: 0px solid RED;
          background: #F5F9C6 url('/images/koniec.png')
                      bottom left no-repeat;}           
.actual {background: #474bab;
          border: 1px solid white;} 
.up_down  { border-top: 1px dashed #CDCDDF;
            border-bottom: 1px dashed #CDCDDF;
          }                
.up  { border-top: 1px dashed #CDCDDF;
          }                
.down  { border-bottom: 0px dotted #975831;
         padding-bottom: 10px;
         width: 480px;
          } 
img.uvod  {float: right;
            border: 2px solid brown;
            margin-top: 10px;
            margin-left: 10px;}                                             
/* konec hlavy */
#menicko  {
        float: left;
        width: 201px;
        height: 233px;}

#kontakt  { width: 201px;
            color:   #491E0C;
            font-family: Verdana;
            font-size: 12px;
            position: relative;
            left: 50px;
            margin-top: 50px; 
            text-align: left;} 
.pink { color: #FF354D;
        font-family: Georgia;
        font-size: 14px;          
        font-weight: bold;} 
.more { color: /*#89704B*/ #491E0C;
        font-family: Georgia;
        font-size: 14px; }                            
#menu { font-weight: normal;
        font-size: 14px;
        font-family: Georgia, Arial;
        position: relative;
        left: 50px;
        border: 0px solid blue;
        color: #844327;        
        font-weight: bold;
        }
ul#menu li {  list-style: none;
              border-top: 0px solid gray;
              border-bottom: 1px dotted #F1CE53;
              border-right: 0px solid gray;
              border-left: 0px solid gray;
              text-align: left; 
              } 
ul#menu li.m {  text-align: center;} 
ul#menu li a.x  { color: white;}             
ul {margin: 0px;
    padding: 0px;
    position: relative;
    top:10px;}
.home { margin: 0px;
          padding: 0px;
          position: relative;
          left: 90px;
          top: 10px;}
.home1  {width: 260px;}        
li {margin: 0px;
    padding: 0px;} 
               
ul#menu li a{
    display: block;
    height: 14px;
    padding: 8px 0px 8px 20px;
    border-left: 0px solid #eeeeee;
    /*background: #252858;*/
    text-decoration: none;
    color: #9E5724;
    }
ul#menu li a.tento, ul#menu li a.tento:hover{
    display: block;
    height: 14px;
    padding: 8px 0px 8px 20px;
    border-left: 2px solid #eeeeee;
    text-decoration: none;
    background: url('/images/sun.png')
                left no-repeat; 
    border: none; 
    color: #311106;
    text-transform: uppercase; 
    left: 10px solid #4B1F0D;
    }  
ul#menu li a:hover{ 
        /*background: #4448A9;*/
        color: #311106;
        font-size: 16px;
        text-decoration: none;
        border-left: 2px solid #4B1F0D;
        background: url('/images/cyrcle.png')
                    left no-repeat; 
        border: none; 
    text-transform: uppercase;
        }
    
/* koniec menu */

.arrow {border: none;}
.ramik  {border: 1px solid #242859;
          margin-right: 4px;}
.center {text-align: center;}
.b1 { text-decoration: underline;
      }
p.popis { font-size: 8pt;
          color: #1d1f44;
          font-weight: bold;
          font-family: Verdana;
          text-align: left;
          margin-left: 15px;
          margin-right: 10px;
          }

/* foto */

.photoArrow{
 display: none;
}

.photoListActive {
 margin: 0 0 0em 0;
 padding: 0em 0em;
 text-align: center;
 list-style: none;
}
.photoListActive li {
 margin: 0;
 padding: 0;
 color: #000;
 display: none;
}
.photoListActive li.photoItemActive {
 display: none;
}
.photoListActive a {
 color: #34C;
}


/* It's a good idea to wrap your photos in an area the size of the largest photo */

.photoContainer {
position: relative;
top: -4px;
left: -4px;
 height: 240px;
}

/* OK, the photo area itself. Nothing too special here, a border and some padding. */

.photoArea {
 position: relative;
 visibility: hidden;
 margin: 0 auto 0 auto;
}
.photoAreaActive {
 visibility: visible;
 border: 0px solid #C0C0C0;
 padding: 4px;
}
.photoAreaActive_link {
 visibility: visible;
 border: 1px solid #E79E9C;
 padding: 4px;
}
/*
 The AutoPlay setup is complicated; the two styled spans are alternately hidden and
 shown depending on the script state. I also have a small loading message that is
 shown to the right.
*/

.photoAutoDisabled {
 display: none;
}
.photoAutoPlay, .photoAutoPause {
 display: block;
 width: 5em;
 padding: 0.0em;
 text-align: center;
 color: white;
 background-color: #5080B0;
 border: 1px solid #5080B0;
 border-color: #A0E0FF #205080 #205080 #A0E0FF;
 cursor: pointer;
}
.photoAutoPlay span, .photoAutoPause span {
 display: none;
 width: 5em; /* IE/Mac fix */
}
.photoAutoPlay .photoAutoPlayLabel {
 display: block;
 margin: 0 auto 0 auto;
}
.photoAutoPause .photoAutoPauseLabel {
 display: block;
 text-align: center;
}

.photoLoadMessage {
 float: right;
 visibility: hidden;
 font-style: italic;
 text-align: center;
}