* { margin: 0px; padding: 0px; font-family: Verdanda, Arial; font-size: 11px; }
ul { list-style-type: none; }
a { text-decoration: underline; color: #535353; }
a:hover { text-decoration: none; }
img { border: 0px; }
div.cleaner { height: 1px; clear: both; }

body { background-color: #2D3739; text-align: center; }

#lightbox { background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails { font-size: 0.8em; padding-top: 0.4em; }	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(/layout/lightbox/overlay.png); }
* html #overlay { background-color: #333; back\ground-color: transparent; background-image: url(/layout/lightbox/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale"); }
	

#root { width: 1000px; background-image: url( "/layout/root_bg.gif" ); background-repeat: repeat-y; margin: 0px auto; text-align: left; }
    
    #header_top { margin: 0px 10px; background-color: #FFFFFF; height: 86px; background-image: url( "/layout/header_top.jpg" ); }
    #header_top h1 { font-size: 14px; padding: 28px 0px 0px 24px; float: left; line-height: 20px; }
    #header_top p { float: right; padding: 10px 20px 0px 0px; width: 180px; }
    #header_top p img { float: left; margin-right: 10px; margin-top: 5px; }
    #header_top p a { letter-spacing: 1px; float: left; font-size: 10px; margin: 3px 0px; text-decoration: none; }
    #header_top p a img { margin-top: 3px; }
    #header_top p a.block { display: block; width: 130px; }
    #header_top p a:hover { text-decoration: underline; }
    #header_bottom { background-image: url( "/layout/header_bottom.jpg" ); height: 67px; background-color: #FFD600; }
    #header_bottom p { padding: 15px 0px 0px 30px; }
    #header_bottom p span { font-size: 18px; font-weight: bold; }
    #header_bottom img { position: absolute; }
    
    #main { margin: 0px 10px; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #FFFFFF; background-color: #FFFFFF; }
      
      #menu { border-top: 5px solid #333333; height: 21px; background-image: url( "/layout/menu.gif" ); }
      #menu ul li { float: left; margin: 0px 4px; }
      #menu ul li a { font-family: Verdana; display: block; color: #333333; text-decoration: none; }
      #menu ul li a span { display: block; padding: 4px 18px 5px 18px; font-weight: bold; font-size: 10px; }
      #menu ul li:hover , #menu ul li.active { background-image: url( "/layout/menu_li.gif" ); background-color: #414141; }
      #menu ul li:hover a , #menu ul li.active a { background-image: url( "/layout/menu_a.gif" ); background-repeat: no-repeat; color: #FFCC00; }
      #menu ul li:hover a span , #menu ul li.active a span { background-image: url( "/layout/menu_span.gif" ); background-repeat: no-repeat; background-position: right; }
      
      #nachazitese p { padding: 7px 15px; position: relative; /* Tohle je tu kvůli IE prasečině - mizející text */ }
      #nachazitese img { vertical-align: middle; margin-right: 5px; }
      
      #leve_menu { float: left; padding-left: 10px; }
      #leve_menu p { padding: 10px 20px; }
      #leve_menu p a { color: #666666; }
      #leve_menu p a:hover { text-decoration: underline; }
      #leve_menu address { font-style: normal; line-height: 17px; padding: 10px 20px; }
      
      #prave_menu { float: right; margin-right: 10px; }
      #prave_menu dt { background-image: url( "/layout/puntik.gif" ); background-repeat: no-repeat; background-position: 13px 13px; padding: 9px 10px 0px 30px; line-height: 17px; font-weight: bold; }
      #prave_menu dd { text-align: Justify; line-height: 17px; padding: 0px 10px 10px 30px; }
      #prave_menu dd a.more { text-align: right; display: block; background-image: url( "/layout/content_li.gif" ); background-repeat: no-repeat; background-position: 60px 6px; }
      #prave_menu img.guide { margin-top: 20px; }
      #prave_menu p { padding: 10px 10px; text-align: Justify; line-height: 17px; }
      #prave_menu input { margin-left: 10px; border: 1px solid #666666; padding: 2px 4px; background-image: url( "/layout/input_bg.gif" ); background-repeat: repeat-x; }
      #prave_menu input.submitimage { vertical-align: top; border: 0px; padding: 0px; background-image: url( ); }
      
      div.nabidka { width: 189px; }
      div.nabidka span { display: block; padding: 5px 0px 4px 20px; font-weight: bold; color: #FFCC00; background-image: url( "/layout/nabidka_span.gif" ); background-repeat: no-repeat; background-color: #414141; }
      div.nabidka ul li { background-image: url( "/layout/nabidka_li.gif" ); background-repeat: no-repeat; margin: 1px 0px; border-bottom: 1px solid #ECECEC; height: 22px; }
      div.nabidka ul li:hover , div.nabidka ul li.active { background-image: url( "/layout/nabidka_li_active.gif" ); border-bottom: 1px solid #CCC; }
      div.nabidka ul li a { display: block; color: #000000; padding: 3px 0px 4px 30px; text-decoration: none; }
      
      #content { float: left; width: 554px; padding-left: 10px; }
      #content a.more { background-image: url( "/layout/puntik.gif" ); background-repeat: no-repeat; background-position: 13px 13px; padding: 9px 10px 0px 30px; }
      #content h2 { font-size: 14px; color: #333333; padding: 0px 0px 10px 0px; }
      #content h2 strong { font-size: 16px; font-family: "Arial Black"; color: #333333; }
      #content h3 { font-size: 14px; font-weight: 600; color: #333333; padding: 10px 0px 10px 10px; }
      #content p { padding: 10px 0px; line-height: 20px; text-align: Justify; color: #333333; }
      #content p strong { color: #000000; }
      /*#content p a.casopis {
      display: block; background-image: url( "/layout/casopis.jpg" ); padding: 10px 0px 0px 120px; width: 130px;
      height: 75px; float: right; background-color: #252628; color: #F9C717; font-weight: bold;
      text-decoration: none;  .width: 230px; .height: 85px; }*/
      #content p a.casopis { background-image: url("/layout/casopis.jpg"); background-color: #252628; float: right; text-decoration: none; padding: 10px 0px 0px 120px; }
      #content p a.casopis span { display: block; width: 130px; height: 75px; color: #F9C717; font-weight: bold; cursor: pointer; }
	  #content p span.katalog{display: block; text-align: center;}
      #content p.false { color: #8F2F3D; font-weight: bold; }
      #content ul {  }
      #content ul li { background-image: url( "/layout/content_li.gif" ); background-repeat: no-repeat; background-position: 10px 8px; padding: 3px 0px 3px 30px; color: #666666; }
      #content p img.newsimage { float: left; margin: 0px 20px 0px 0px; padding: 1px; border: 1px solid #CCCCCC; }
      #content p img.certifikat { margin: 5px 5px 5px 5px; padding: 1px; border: 1px solid #CCCCCC; }
      #content form input { border: 1px solid #666666; padding: 2px 4px; background-image: url( "/layout/input_bg.gif" ); background-repeat: repeat-x; background-color: #FFFFFF; }
      #content table.form { border: 1px solid #B8B8B8; margin-bottom: 10px; width: 100%; }
      #content table.form tr td { background-color: #DFDFDF; padding: 7px 10px 4px 10px; vertical-align: top; }
      #content table.form tr td span.error { display: block; color: #A90000; font-weight: bold; padding-top: 3px; }
      #content table.form tr td input { margin-top: -4px; vertical-align: middle; }
      #content table.form tr td input.error { border: 1px solid #A90000; }
      #content table.form tr td.multiinput { padding-bottom: 0px; }
      #content table.form tr td.multiinput input { margin-bottom: 7px; }
      #content form input.submit { padding: 0px; height: 22px; width: 129px; background-image: url( "/layout/inputsubmit.gif" ); border: 0px; background-color: #FFDC00; }
      
        #content div#mapa_cela { background-image: url( '/layout/mapa/bg_map.gif' ); background-repeat: no-repeat; }
        #content div#mapa_podklad { width: 550px; height: 440px; background-image: url( '/layout/mapa/prague.gif' ); }
        #content div#contact { background-color: #EFEFEF; padding: 15px 20px 0px 20px; }
        #content div#contact h3 { font-size: 11px; font-weight: bold; padding: 0px; margin: 0px; position: relative; /* Tohle je tu kvůli IE prasečině - mizející text */ }
        #content div#contact div.cleaner { height: 10px; }
        #content div#contact p { clear: both; }
        #content div#contact div.left p img { margin-right: 10px; float: left; }
        #content div#contact div.left { float: left; width: 310px; }
        #content div#contact div.right { float: right; width: 190px; }
        #content div#contact div.right p strong { display: block; padding: 10px 30px 0px 30px; }
        #content div#contact div.right p img { border: 1px solid #999999; }
        
/*        #content div.certifikaty img { border: 1px solid #E7E7E7; }
        #content div.certifikat p { background-image: url( "/layout/puntik.gif" ); background-repeat: no-repeat; background-position: 13px 13px; padding: 9px 10px 0px 30px; line-height: 17px; }*/
        
        #content div.produkt { float: left; width: 275px; }
        #content div.produkt img { border: 1px solid #E2E2E2; padding: 1px; float: left; }
        #content div.produkt h3 { background-image: url( "/layout/puntik.gif" ); background-repeat: no-repeat; background-position: 13px 13px; padding: 9px 10px 0px 30px; font-size: 11px; color: #666666; float: left; width: 130px; }
        #content div.produkt p { float: left; }
        #content div.produkt p span { border: 1px solid #B8B8B8; margin-left: 10px; }
        #content div.produkt p span a { background-image: url( "/layout/produkt_bg.gif" ); border: 1px solid #FFFFFF; text-decoration: none; color: #000; padding: 2px 10px 1px 10px; }
        #content div.produkt p span a.cz { background-image: url( "/layout/cz.gif" ); background-repeat: no-repeat; padding-left: 30px; }
        #content div.produkt p span a.cz:hover { background-image: url( "/layout/cz_hover.gif" ); }
        #content div.produkt p span a.de { background-image: url( "/layout/de.gif" ); background-repeat: no-repeat; padding-left: 30px; }
        #content div.produkt p span a.de:hover { background-image: url( "/layout/de_hover.gif" ); }
        
      #bottom { border-top: 1px solid #B8B8B8; margin-top: 20px; }
      #bottom p { background-color: #EBEBEB; border-top: 1px solid #FFFFFF; text-align: right; height: 40px; padding: 5px 10px; font-size: 10px; color: #333333; line-height: 17px; }
      #bottom p a { color: #333333; font-size: 10px; }
      #bottom p a:hover { color: #919191; }
      #bottom p span { float: left; text-align: left; font-size: 10px; }
      
#footer { height: 40px; }
#footer img { position: relative; top: -10px; margin-bottom: -10px; }