/* 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.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.jpg')
                   top left no-repeat;}
#kmen {width: 955px;
       float: left;
       border: 0px solid blue;}
#lang_menu  {float: right;
              height: 50px;
              width: 320px;
              margin-top: 20px;
              border: 0px solid brown;
              font-weight: bold;}
a.lang_tento {color: #EC7430;
             text-decoration: underline;}              
/* 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;
        float: left;
        margin-top: 10px;
        /*margin-left: 450px;*/
        height: 300px;
        width: 300px;
        border: 0px solid red;}                       
#navcontainer2 { color: transparent;
                 width: 100%;
                 border: 0px solid yellow;}
                           
#navcontainer2 ul { color: transparent;
                    font-size: 9pt;
                    text-transform: uppercase;
                    font-weight: bold;
                    list-style: none;
                    margin: 0px;
                    padding-left: 9px;}
#navcontainer2 ul li a { padding: 6px 30px;
                        font-family: arial, tahoma, verdana, geneva, arial, helvetica, sans-serif;
                        color: #000;
                        text-decoration: none;
                        /*float: left;*/
                        background: url('/lm_inact.png')
                                    left no-repeat;
                        text-align: left;
                    display: block;
                    width: 200px;
                    list-style: none;
                    border: 0px solid red;}
#navcontainer2 ul li a.second, #navcontainer2 ul li a.second:hover { width: 200px;
                                margin: 0px;
                                padding-top: 5px;
                                _padding-top: 0px;
                                padding-left: 30px;
                                margin-left: +20px;
                                background: url('/arrow.png')
                                            left no-repeat;}                                            
#navlist2 li a:hover, #navlist2 li a:active { color: #000;
                                            text-decoration: underline;
                                            text-align: left;
                                            font-weight: bold;
                                            background: url('/lm_act.png')
                                                        left no-repeat;}                                                
ul#navlist2 li a.tento, ul#navlist2 li a.tento:hover {  padding: 5px 30px;
                                                      color: #EC7430;
                                                      font-weight: bold;
                                                      text-decoration: underline;
                                                      text-transform: uppercase;
                                                      /*float: left;*/
                                                      background: url('/lm_act.png')
                                                                  left no-repeat;
                                                      text-align: left;
                                                      display: block;
                                                      width: 200px;
                                                      list-style: none;
                                                      border: 0px solid red;}
#navcontainer2 ul li a.second:hover, ul#navlist2 li a.tento:hover, #navlist2 li a:hover, ul#navlist2 li a.orange {text-decoration: underline;
                                      color: #EC7430;}
                                                      
#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: 300px;
           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;}
table.galeria_index td  {vertical-align: top;}                    
.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;
      background: url('/akcie/rok-2010/podajme-si-ruky.jpg') center center no-repeat;}

.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;}
          
.viac { background-color: #94B744;
        font-weight: bold;}          
a.viac:active  { color:  #000;
          text-decoration: underline;
          font-size: 11px;}
a.viac:hover { color:  #000;
          text-decoration: underline;
          font-size: 11px;}
a.viac:visited { color:  #000;
          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; }
#navcontainer3 { color: transparent;
                 width: 100px;
                 border: 0px solid yellow;}
                           
#navcontainer3 ul { color: transparent;
                    font-size: 9pt;
                    text-transform: uppercase;
                    font-weight: bold;
                    list-style: none;
                    margin: 0px;
                    padding-left: 9px;}
#navcontainer3 ul li a { padding: 6px 30px;
                        font-family: arial, tahoma, verdana, geneva, arial, helvetica, sans-serif;
                        color: #000;
                        text-decoration: none;
                        /*float: left;*/
                        background: url('/lm_inact.png')
                                    left no-repeat;
                        text-align: left;
                    display: block;
                    width: 400px;
                    list-style: none;
                    border: 0px solid red;}
#navcontainer3 ul li a.second, #navcontainer3 ul li a.second:hover { width: 200px;
                                margin: 0px;
                                padding-top: 5px;
                                _padding-top: 0px;
                                padding-left: 30px;
                                margin-left: +20px;
                                background: url('/arrow.png')
                                            left no-repeat;}                                            
#navlist3 li a:hover, #navlist3 li a:active { color: #000;
                                            text-decoration: underline;
                                            text-align: left;
                                            font-weight: bold;
                                            background: url('/lm_act.png')
                                                        left no-repeat;}                                                
ul#navlist3 li a.tento, ul#navlist3 li a.tento:hover {  padding: 5px 30px;
                                                      color: #EC7430;
                                                      font-weight: bold;
                                                      text-decoration: underline;
                                                      text-transform: uppercase;
                                                      /*float: left;*/
                                                      background: url('/lm_act.png')
                                                                  left no-repeat;
                                                      text-align: left;
                                                      display: block;
                                                      width: 400px;
                                                      list-style: none;
                                                      border: 0px solid red;}
#navcontainer3 ul li a.second:hover, ul#navlist3 li a.tento:hover, #navlist3 li a:hover, ul#navlist3 li a.orange {text-decoration: underline;
                                      color: #EC7430;}
.red  {color: red;}