body, a, img, p, div, form, h1, h2 {padding: 0; margin: 0; border: 0;}
ul, li, ol {margin: 0;}

body {background: #323966 url("images/web/background.gif") repeat-x; font: 14px "Trebuchet MS"; color: #ffffff; overflow-x: hidden; text-align: justify;}
h1 {font: bold 24px "Trebuchet MS"; padding-bottom: 20px;}
h2 {font: bold 18px "Trebuchet MS";}
a {color: #ffffff; text-decoration: none;}
a:hover {text-decoration: underline;}
.zarazka {clear: both;}
#top-img {background: url("images/web/top-img.jpg") center top no-repeat;}
#content {width: 933px; margin: 0 auto; padding-bottom: 50px;}

#logo {top:38px; position:absolute; margin-left:-10px;}
#logo a {width: 127px; height: 77px; display: block;}

tr, td, p{text-align: justify;}

#flash{margin-left:175px;}

#top-menu {float: left; /*margin: 100px 0 0 50px;*/ margin: 20px 0 0 0;}
#lang {position:absolute; /*margin: 102px 100px 0 0;*/ padding: 220px 0 0 830px; &padding: 215px 0 0 690px; _padding: 115px 0 0 680px; }
#lang a {margin-left: 5px;}

#vypis-webu {float: left; width: 935px;/* margin: 60px 0 0 100px;*/ margin: 60px 0 0 0;}

#vypis-obsahu {min-height: 400px;}

#tit-left {float: left; width: 355px; padding-right: 70px; text-align: justify; background: url("images/web/tit-left-oddel.jpg") right -10px no-repeat; min-height: 438px;}

#tit-right {float: left; width: 495px; margin: 0 0 0 15px; text-align: justify; }
#tit-right .tit-clanek {font-size: 12px; margin-bottom: 25px; line-height: 14px; float: left;}
.img-obal {border: 3px solid #5781ba; float: left; margin-right: 15px;}
#tit-right .tit-clanek-text {float:left; text-align: left; width: 350px;}
#tit-right .tit-clanek h2{width: 350px; text-align:left;}
#tit-right .img-obal img {border: 2px solid #1d3a63; display: block;}
#paticka {margin-top: 20px;}
#paticka #kontakt {float: left; font: 20px "Trebuchet MS";}
#paticka #kontakt .mail {margin-left: 30px;}

#rights {font-size: 12px; text-align: right; line-height: 14px;}
#webdev {font-size: 10px; float: right;}
#webdev a {color: #ffffff;}


/*menu*/
    #menu, #menu ul { list-style: none }    
    #menu ul {
      background-color: #30385d;
      display: none;
      padding: .5em .5em .5em 0;
      width: 12.5em;
      z-index: 1;
      border: 1px solid #454e77 !important;
      }
    #menu a {
      font-size:16px;
      color:#ffffff;
      text-decoration:none;
      display: block;
    }
    #menu a:hover {text-decoration: underline;}
    #menu li {
      float: left;
      margin-right: 40px;
      position: relative;
    }
    #menu li li {
      float: none;
      margin: 0;
    }
    #menu li li a {
      text-align: left;
      text-decoration: none;
      padding: .15em 0 .15em 0;
      width: 100%; font-size:16px;
      color:#ffffff;
      margin-left: 3px;
    }
    #menu li li a:hover {
      color: #ffffff;
      background-color: #424b75;
      margin-left: 3px;
      text-decoration: none;
    }
    #menu li:hover ul, #menu li.hover ul { /* 2. uroven, vysouva se dolu */
        display: block;
        position: absolute; left: -1em; top: 1.3em;
              border-right:0;
    }
    #menu li:hover li, #menu li.hover li { display: block; }
    #menu li:hover ul ul, #menu li:hover li:hover ul ul,
    #menu li:hover li:hover li:hover ul ul,
    #menu li:hover li:hover li:hover li:hover ul ul,
    #menu li.hover ul ul, #menu li.hover li.hover ul ul,
    #menu li.hover li.hover li.hover ul ul,
    #menu li.hover li.hover li.hover li.hover ul ul { display: none ;}
    #menu li:hover li:hover ul, #menu li:hover li:hover li:hover ul,
    #menu li:hover li:hover li:hover li:hover ul,
    #menu li:hover li:hover li:hover li:hover li:hover ul,
    #menu li.hover li.hover ul, #menu li.hover li.hover li.hover ul,
    #menu li.hover li.hover li.hover li.hover ul,
    #menu li.hover li.hover li.hover li.hover li.hover ul {
                                           /* 3. az 6. uroven, vysouva se doprava */
        display: block;
        position: absolute; left: 100%; top: -0.5em; 
    }
    #menu p {
      clear: left;
      padding-top: 1em;
    }

hr.cleaner {clear:both;display: none;}
.brcko{clear: left;}
.clearboth { clear: both; }

#shop-left {float: left; width: 240px; padding-right: 70px; text-align: justify; background: url("images/web/tit-left-oddel.jpg") right -10px no-repeat; min-height: 438px;}
.shop-text{font-size:12px; line-height:12px;}
.nakup{color:#E05E5E; margin-top:18px;}
.nakup strong{color:white;}
.nakup input{width:28px; height:23px; border:0;}
.send-form{width:124px; height:19px;  _padding-top:2px; border:1px solid white; background-color:#0E1338; color:white; font-size:9px; font-family:arial; position:relative; top:3px; left:55px;}
.tab{_padding-left:40px}

/* FOTOGALERIE */
.produkt {width:190px; height:183px; overflow:hidden; float: left; margin: 0 20px 15px 20px;}
.produkt-obal {width:184px; height:140px; overflow:hidden; border: 3px solid #5781ba;}

.shoptabulka{height:175px;}

/* FF3*/
#kontakt, x:-moz-any-link, x:default {width: 500px;}


#ObchodniPodminky{line-height: 14px;}
#ObchodniPodminky strong{display:block; padding:20px 0 10px 0;}

/* 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 */