/* CSS Document */
body {font-size: 10pt;
      font-family: Arial;
      text-align: center;
      margin: 0px;
      background: #94B744 url('/1px.png')
                  top left repeat-x;
      }/*
a:link {  color: #000;
          text-decoration: none; }
a:visited { color: #000;
            text-decoration: none; }
a:hover { color: #EC7430;
          text-decoration: underline;} */ 
a:link {  color: #000;
          text-decoration: underline; }
a:visited { color: #000;
            text-decoration: underline; }
a:hover { color: #EC7430;
          text-decoration: underline;}           
a.reklama:link {text-decoration: underline;
                font-size: 9pt;
                font-variant: small-caps;}  
a.reklama:visited {text-decoration: underline;
                font-size: 9pt;
                font-variant: small-caps;}
a.reklama:hover {text-decoration: underline;
                font-size: 9pt;
                font-variant: small-caps;}          
      
/* zarovnanie menu */     
#strom {width: 955px;
       height: 330px;
       margin-left: auto;
       margin-right: auto;
       border: 0px solid black;
       background: url('/banner_lang.jpg')
                   top left no-repeat;}
#kmen {width: 955px;
       float: left;
       border: 0px solid blue;}
#lang_menu  {float: right;
              height: 50px;
              width: 280px;
              margin-top: 20px;
              font-size: 9pt;
              border: 0px solid brown;
              font-weight: bold;
              text-align: left;
              position: relative;
              right: 20px;}              
a.lang_tento {color: #EC7430;
             text-decoration: underline;} 
a.icon_menu { display: block;
              float: right;
              height: 25px;
              width: 25px;
              margin-left: 1px;
              margin-right: 1px;}  
a.sitemap:visited, a.sitemap:link  {  background: url('/images/sitemap_off.jpg')
                                                  top left no-repeat;}  
a.sitemap:hover, a.sitemap_tento {  background: url('/images/sitemap_on.jpg')
                               top left no-repeat;}  
a.reg_doc:visited, a.reg_doc:link  {  background: url('/images/reg_doc_off.jpg')
                                                  top left no-repeat;}  
a.reg_doc:hover, a.reg_doc_tento {  background: url('/images/reg_doc_on.jpg')
                               top left no-repeat;}                          
/* koniec - zarovnanie menu */   

/* stranka zarovnanie */     
#strom3 {width: 955px;
        margin: 0px;
       margin-left: auto;
       margin-right: auto;}
#kmen3 {width: 955px;
        margin: 0px;
       float: left;
       border: 0px solid red;
       /*height: 100%;*/}
#stred2 {  float: auto;
          position: relative;
        margin: 0px;
          margin-left: auto;
          margin-right: auto;
          width: 955px;
          border: 0px solid red;
          background: url('/vertical.png')
                   top left repeat-y;
          } 
/* koniec - stranka zarovnanie */

#koren { text-align: center;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        vertical-align: center;
        width: 955px;
        height: 32px;
        font-size: 9pt;
        font-variant: small-caps;
        background: url('/footer.png')
                 top left no-repeat;}
p.koren  {padding-top: 8px;}
        
/* rozcestnik */  
ul  {list-style: none;}    
li {margin: 0px;
    padding: 0px;} 
    
#zoo  { font-size: 9pt;
        font-weight: bold;
        color: black;
        text-align: left;}
#zoo ul li  {text-align: left;}        
#zoo ul li a {color: black;
              text-align: left;
              margin-left: -20px;}           
/*#home { display: block;
        margin-top: 25px;
        height: 260px;
        width: 940px;
        border: 0px solid red;}*/
#home { display: block;
        float: left;
        margin-top: 10px;
        /*margin-left: 450px;*/
        height: 300px;
        width: 300px;
        border: 0px solid red;}         
#navcontainer2 { color: transparent;
                 width: 100px;
                 border: 0px solid yellow;}                                                      
#menu { float: left;
        margin: 0px;
        width: 230px;
        height: 410px;
        /*background-color: #FFF;*/
        }      
.activ { margin: 10px;
         margin-top: 0px;
         /*background-color: #E2F1DD;*/
         height: 390px;
            }        
.activ2 { float: left;
          margin: 5px;
          margin-left: 10px;
           margin-top: 25px;
           /*background-color: #E2F1DD;*/
           width: 250px;
           height: 300px;
           border: 0px solid red;
            } 
#priprav {float: right;
          margin: 0px;
          width: 205px;
          height: 410px;
          /*background-color: #FFF;*/
          }
#detail { float: center;
          width: 490px;
          height: 100%;
          margin: 0px;
          margin-left: 242px;
          margin-right: 192px;
          /*background-color: #FFF;*/
          border: 0px solid red;
          }
#stred {  float: auto;
          position: relative;
          margin-left: auto;
          margin-right: auto;
          padding-top: 0px;
          width: 919px;
          height: 240px;
          border: 0px solid red;
          background-color: #FFF;
          }          
#pata { float: auto;
        text-align: center;
        font-size: 10pt;
        font-variant: small-caps;
        }
#lang  {float: left;}
#mapa  {float: right;}                  

.nono  {border: none;}       
img.icona { margin: 0px;
            margin-top: 0px;
            margin-right: 5px;
            float: left;
            border: 2px solid #678D39;
            }
img.icona_nofloat { margin: 10px;
            margin-top: 0px;
            border: 2px solid #678D39;
            }
img.iconaw { margin: 10px;
            margin-top: 0px;
            text-align: center;
            float: center;
            border: 2px solid #678D39;
            }          
img.iconax { margin: 10px;
            margin-top: 0px;
            text-align: center;
            float: center;
            border: 2px solid #E8FFAA;
            }            
img.foto { margin: 10px;
            }
img.foto2 { margin: 10px;
            border: 2px solid #678D39;
            }    
h1  {   font-size: 11pt;
        font-family: Arial;
        color: /*#618129*/#3A5F00;
        text-align: center;
          margin: 0px;
          margin-bottom: 10px;
        font-variant: small-caps;}
h2  {font-size: 11pt;
        font-family: Arial;
        color: black;
        text-align: left;
        font-variant: none;
          margin: 0px;
          margin-bottom: 10px;}          
h1.b2  {font-weight: bold;
        font-size: 16pt;
        font-variant: small-caps;
        text-align: left;
        color: /*#FD7201*/#3A5F00;}
h2.b3  {font-size: 14pt;
        font-style: italic;
        font-variant: small-caps;
        text-align: left;
        color: /*#FD7201*/#3A5F00;} 
strong.b1 {font-size: 9pt;
          font-weight: bold;}
strong.h1 {font-size: 11pt;
        font-family: Arial;
        color: /*#618129*/#3A5F00;
        text-align: center;
        font-variant: small-caps;
          margin: 0px;
          margin-bottom: 10px;} 
strong.h2 {font-size: 11pt;
        font-family: Arial;
        color: /*#618129*/#3A5F00;
        text-align: center;
          margin: 0px;
          margin-bottom: 10px;
        font-variant: small-caps;}
strong.h3 {font-size: 11pt;
        font-family: Arial;
        color: red;
        text-align: center;
        font-variant: none;
          margin: 0px;
          margin-bottom: 10px;}                           
h3.b1 {font-weight: bold;
      color: #000;
        text-align: left;
      }
h3.b2 {  font-weight: bold;
      font-size: 16pt;
      font-variant: small-caps;
      color: #678D39;
      }
h3.b3 {font-size: 14pt;
      font-style: italic;
      font-variant: small-caps;
      color: #678D39;
      }             
table { border: 0px;
        font-size: 10pt;}
table.aaa {width: 100%;
            text-align: left;
            float: left;}
table.tab_embraco td, th {border: 1px solid #678D39;}
.aaa {border: solid 1px #678D39;}
table.galeria_index {width: 90%; 
                     text-align: center;}
.titule { text-align: right;
            font-style: bold;
            width: 200px;
            }
td.druh_zver  {width: 50px;}                  
p.popis { font-size: 10pt;
          color: black;
          font-style: italic;
          _line-height: 60%;
          text-align: right;
          }
p.pop { font-size: 10pt;
          color: black;
          text-align: justify; 
          vertical-align: top;
          }
p.pop_oznam { font-size: 9pt;
          color: red;
          text-align: justify; 
          }
p.popc { font-size: 10pt;
          color: black;
          font-style: italic;
          text-align: center; 
          }       
.oznam  {color: red;
          font-size: 10pt;
            font-style: italic;}
.en { display: block;
      /*background-color: #FFE1A5;*/
      color: red;
      text-align: center;
      _margin: 6px;
      padding: 6px;
      width: 95%;
      /*border: 1px solid #F7BD49;*/}
.en2 { display: block;
      /*background-color: #E8FFAA;*/
      text-align: justify;
      _margin: 6px;
      padding: 6px;
      width: 95%;
      /*border: 1px solid #678D39;*/}
.en_tab { display: block;
      /*background-color: #E8FFAA;*/
      text-align: left;
      _margin: 5px;
      padding: 5px;
      width: 97%;
      /*border: 1px solid #678D39*/;}
.en_img { display: block;
      background-color: #E8FFAA;
      text-align: justify;
      _margin: 6px;
      padding: 6px;
      width: 95%;
      border: 1px solid #678D39;
      height: 430px;}
.en_panor1 { display: block;
      background-color: #E8FFAA;
      text-align: justify;
      _margin: 6px;
      padding: 6px;
      width: 95%;
      border: 1px solid #678D39;
      height: 470px;}
.en_iframe  {display: block;
      background: transparent;
      text-align: justify;
      border: 0px solid #678D39;
      }
iframe.a {  width: 610px;
            height: 600px; }      
.en_panor  {display: block;
      background: transparent;
      text-align: justify;
      height: 470px;}
.cic  {height: 100%;}
.cic1  {display: block;
      float: left;
      background-color: #E8FFAA;
      text-align: justify;
      _margin: 3px;
      padding: 3px;
      width: 30%;
      height: 100%;
      border: 1px solid #678D39;}
.cic2  {display: block;
      float: left;
      background-color: #E8FFAA;
      text-align: justify;
      _margin: 3px;
      padding: 3px;
      width: 30%;
      height: 100%;
      border: 1px solid #678D39;}
.cic3  {display: block;
      float: left;
      background-color: #E8FFAA;
      text-align: justify;
      _margin: 3px;
      padding: 3px;
      width: 30%;
      height: 100%;
      border: 1px solid #678D39;}
.stred  {text-align: center;}
.left { float:left;
        padding: 10px;
        padding-top: 0px;
        _margin: 10px;
        _margin-top: 0px;}
.right  {float: right;;
        _margin: 10px;
        padding: 10px;}  
a.w:link  { color: rgb(254,55,28);
          text-decoration: none;}
a.w:hover { color: black;
          text-decoration: underline;}
a.x:link  { color:  black;
          text-decoration: underline;}
a.x:hover { color:  #253709;
          text-decoration: underline;}
a.x:visited { color:  black;
          text-decoration: underline;}
a.xl:link  { color:  black;
          text-decoration: underline;
          font-size: 11px;
          margin-left: -10px;}
a.xl:hover { color:  #678D39;
          text-decoration: underline;
          font-size: 11px;
          margin-left: -10px;}
a.xl:visited { color:  black;
          text-decoration: underline;
          font-size: 11px;
          margin-left: -10px;}
a.xll:link  { color:  black;
          text-decoration: underline;
          font-size: 11px;}
a.xll:active  { color:  black;
          text-decoration: underline;
          font-size: 11px;}
a.xll:hover { color:  #678D39;
          text-decoration: underline;
          font-size: 11px;}
a.xll:visited { color:  black;
          text-decoration: underline;
          font-size: 11px;}                  
b.x {color:  #F 7BD49;}  
img.x {border: 1px solid #F7BD49;}
img.xx { border: 1px solid #F7BD49;
        opacity: 0.7;}                 
/*
 Prev/Next Arrow styles: I'm giving them a button appearance,
 and pushing them to the sides of the page with CSS floats.
*/

.photoArrow{
 display: none;
 padding: 0.1em;
 text-align: center;
 font-weight: bold;
  color: #2B2F30;
 /*background-color: #5080B0;
 border: 1px solid #5080B0;*/
 border: 1px solid #C6C7C6;
 cursor: pointer;
}
.photoPrevActive {
 display: block;
 float: left;
 margin-top: 150px;
 margin-left: 0px;
}
.photoNextActive {
 display: block;
 float: right;
 margin-top: 150px;
 margin-right: 0px;
}


/*
 The list is shrunk down, with only the active item displayed.
 A cool alternative to this is to display the list with "overflow: auto" to
 the side of your photos, as the script allows you to click items to jump to them!
 You could have a list of thumbnails, linking to the full-size images, and use
 photoItemActive to put a border/background around the active image...
*/

.photoListActive {
 margin: 0 0 1em 0;
 padding: 0em 6em;
 text-align: center;
 list-style: none;
}
.photoListActive li {
 margin: 0;
 padding: 0;
 color: black;
 /*#567*/
 display: none;
}
.photoListActive li.photoItemActive {
 display: block;
}
.photoListActive a {
 color: black;
 /*#34C*/
}


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

.photoContainer {
 height: 280px;
}


/* 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: 1px 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.1em;
 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;
}
.smaller  {font-size: 10pt; }
p.ramcek  {border: 1px solid #678D39;}