/* CSS Document */
    /*  Ryby  */
* {
   padding: 0;
   margin: 0;
   border: 0;
  }

body
{
 background: #115091 url("images/web/background.gif") repeat-x;
 _text-align: center;
 font: 13px Trebuchet MS;
 color: #002852;
 
}

h2
{
 font: normal 18px trebuchet MS;
 color: #002852;
 margin:20px 0 10px 0;
}

a{color: #0000FF;}
a:hover{color: #7A0101; text-decoration:underline;}

.podmenu
{
 margin-top:30px;
}

.podmenu li
{
 font-weight:bold;
 font-size:18px;
 margin:5px 0 0 60px;
}

.podmenu a
{
 color: #002852;
}

.podmenu a:hover
{
 color: #7A0101;
 text-decoration:underline;
}

h1
{
 font: normal 24px trebuchet MS;
 color: #002852;
 padding: 13px 0 0 0;
 letter-spacing:-0.01em;
}

a {
   text-decoration: none;
   border: 0;
  }

img {
     border: 0;
    }

.zarazka
{
 clear: both;
}


/* STYLEs & CLASSes*/

#content
{
 width: 985px;
 margin: auto auto;
 _text-align: left;
}

#logo-sekce
{
 text-align: center;
 margin-top: 13px;
 margin-bottom: 20px;
}

#main-logo
{
  margin: 0 132px 0 145px;
}

#obsah-horni-oblouk
{
 background: url("images/web/obsah-top.gif") no-repeat;
 height: 8px;
 width: 985px;
 font-size: 0;
}

#obsah-dolni-oblouk
{
 background: url("images/web/obsah-bottom.gif") no-repeat;
 height: 8px;
 width: 985px;
 _font-size: 0;
 float: left;
 clear: both;
}

#obsah
{
 background: #e4f1ff;
 padding-left: 8px;
 float: left;
 width: 977px;
 _width: 985px
}

#menu-top
{
 background: url("images/web/menu-top.gif") no-repeat;
 height: 6px;
 width: 969px;
 _font-size: 0;
}

#menu-bottom
{
 background: url("images/web/menu-bottom.gif") no-repeat;
 height: 6px;
 width: 969px;
 _font-size: 0;
 float: left;
}

#menu-obal
{
 background: url("images/web/menu-obsah.gif") repeat-x;
 height: 38px;
 width: 964px;
 _width: 969px;
 padding-left: 5px;
 float: left;
 display: block;;
}

#lang
{
 float: right;
 margin: 10px 10px 0 0;
}

#lang img
{
padding-right:3px;
}

#left
{
 width: 749px;
 float: left;
}

#stred-top
{
 background: url("images/web/stred-top.gif") no-repeat;
 height: 10px;
 width: 749px;
 _font-size: 0;
 margin-top: 9px;
}

#stred-bottom
{
 background: url("images/web/stred-bottom.gif") no-repeat;
 height: 10px;
 width: 749px;
 _font-size: 0;
}

#vypis-obsahu1
{
 background: #cce5ff url("images/web/stred-pozadi.gif") repeat-x;
 min-height: 508px;
 _height: 508;
 width: 749px;
}

#obsah-stred
{
padding:20px;
}

#obsah-stred ol
{
padding:5px 0 3px 30px;
}

#text
{
 font: 13px trebuchet ms;
 color: #0a4859;
 margin-top: 30px;
 padding: 0 27px 15px 14px;
}

#text img
{
 vertical-align: top;
 /*text-align: right;*/
 float: left;
 margin: 0 16px 38px 0;
}

#right
{
 float: left;
 text-align: left;
 /*margin: 32px 18px 0 17px;*/
}

#vypis-obsahu2
{
 margin: 32px 18px 0 17px;
}

#vypis-obsahu2 h1
{
 font: normal 24px trebuchet MS;
 color: #002852;
 margin: 0 0 19px 0;
 padding: 0;
}

#vypis-obsahu2 img
{
 margin-bottom: 17px;
 display: block;
}

.odkaz
{
 margin-left: 100px;
}

.odkaz a
{
 color: #175b6d;
 font: 12px trebuchet ms;
}

.odkaz a:hover
{
 text-decoration: underline;
}

.table
{
 float: left;
 font: 12px trebuchet ms;
 color: #feffff;
 margin: 10px 0 0 20px;
}

.table a
{
 font: 12px trebuchet ms;
 color: #feffff;
}

.leva-bunka
{
 width: 150px;
}

#vypis-ryby
{
 margin: 26px 0 0 16px;
}
/*
.mezernik
{
 width: 50px;
 height: 1px;
 float: left;
 font-size: 0;
 visibility: hidden;
}
*/
.pozadi-ryby
{
 background-color: #ddeeff;
 width: 230px;
 height: 205px;
 text-align: center;
 color: #002852;
 float: left;
 margin:15px 5px 0 0;
 /*margin: 0 20px 0 0;*/
 /*_margin: 0 30px 0 0;*/
}

.pozadi-ryby a
{
 text-align: center;
 color: #002852;
}

.pozadi-ryby a:hover
{
 text-decoration: underline;
}

.vyrovnani
{
 width:219px;
 height: 145px;
 overflow:hidden;
 margin:5px 0 0 5px;
 _margin:4px 0 0 0;
}

.nazev-foto{
padding:5px 5px 0 5px;
}

#produkty
{
 padding: 20px 0 0 16px;
}

.produkt
{
 float: left;
 font: 13px trebuchet ms;
 color: #0a4859;
 margin-bottom: 20px;
 &margin-bottom: 0px;
 /*display: block;
 /*margin: 0 0 10px 0;
 padding: 0;*/
 width: 700px;/*
 background: red;
 padding: 0;*/
}

.produkt img
{
 clear: both;
 float: left;
 border: 5px solid #ddeeff;
 margin-right: 15px;
 /*padding: 0;
 margin: 0;*/
}


.strankovani1{
width:40px;
height:33px;
_height:40px;
padding-top:7px;
color:#002852;
font-size:18px;
background-color:white;
display:block;
float:left;
text-align:center;
margin-right:5px;
}

.strankovani2{
width:40px;
height:33px;
_height:40px;
padding-top:7px;
color:#002852;
font-size:18px;
background-color:#DDEEFF;
display:block;
float:left;
text-align:center;
margin-right:5px;
}

.strankovani{margin:20px 0 0 0; height:40px;}
.strankovani a:hover{ background-color:#B0D8FF; }

.NovinkyObrazek{
display:block;
width:170px;
height:113px;
overflow:hidden;
margin:0 0 10px 15px;
}


/* FF3*//*
html>/**//*body #nazev, x:-moz-any-link, x:default {}*/

/* Opera */ 
/*@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) 
{ 
head~body #jmeno {}
body  {} 
}
*/



/*
#menu
{
 float: left;
}

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

#menu ul ul
{
 display:none;
}

#menu ul li
{
 float: left;
}

#menu ul li a 
{
 padding: 8px 10px 0 10px;
 float: left;
 height: 36px;
 font: bold 17px trebuchet ms;
 color: #ffffff; 
}

#menu ul li a:hover
{
 background: url("images/web/li.png") repeat-x !important;
 background: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src="images/web/li.png");
 padding: 8px 10px 0 10px;
 float: left;
 height: 36px;
 font: bold 17px trebuchet ms;
 color: #ffffff;
 text-decoration:none;
}
*/



    #menuHoriz {
      list-style-type: none;
    }
    
    
#menuHoriz li a 
{
 padding: 8px 5px 0 5px;
 float: left; 
 height: 36px;
 font: bold 15px trebuchet ms;
 color: #ffffff; 
}


#menuHoriz li a:hover
{
 background: url("images/web/li.png") repeat-x !important;
 background: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src="images/web/li.png");
 padding: 8px 7px 0 7px;
 float: left;
 height: 36px;
 font: bold 15px trebuchet ms;
 color: #ffffff;
 text-decoration:none;
}


    #menuHoriz ul {
   /*   background-color: #1C355F;/* pozadi podmenu */
      display: none;
      margin-top:3px;
      position: absolute;
      left: -8px; top: 2em;
      _left: 0; top: 2em;
      width: 22ex;
      list-style-type: none;
      padding-top:15px;
    }
    #menuHoriz li { 
      position: relative;
      float: left; /*
      padding: 0 0.7em 1em .5em; */
    }
    #menuHoriz li li {
      float: none;
      padding: 0;
    }
    #menuHoriz li:hover > ul { display: block; }
    #menuHoriz ul li:hover > ul { position: absolute; left: 168px; top: -18px; &left: 156px; }
    #menuHoriz ul a {
      display: block;
      text-align: left;
      width: 100%;
      color:white;
/*      padding:2px 5px 2px 10px;
      _padding:4px 10px 4px 10px; */
      background-color: #1C355F;/* pozadi podmenu */
      border:0;
      font: normal 12px trebuchet ms;
      float: none;
      height: auto;
      font-weight:bold;
    }
    #menuHoriz ul a:hover { background: #780103 none no-repeat !important; text-decoration:none; filter: none; float: none; height: auto; padding: auto;}


/* LIGHTBOX2 */
#lightbox{     position: absolute;     left: 0; _margin-top:50px; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/web/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/web/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%     ; }
#imageData{     padding:0 10px; color: #666; }background: url(../js) no-repeat;
width: 0px;
height: 0px;
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }     
#imageData #caption{ font-weight: bold;     }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;     }               
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}           
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* .LIGHTBOX2 */