{
	margin: 0; padding: 0;
}

body {
	margin: 0px auto; padding: 0px;
	background-color: white; color: #000;
	font-family: Arial, sans-serif; font-size: 11px; text-align: center;
}

#page { margin-left: 10px; margin-right: 10px; min-width: 840px; max-width: 1200px; 
  _width: expression(
    document.body.offsetWidth < 842 ? "840px" : (
      document.body.offsetWidth > 1200 ? "1200px" : "auto"
      )
    );
}

.floatpravy { float: right; }

h1 { font-size: 100%; font-weight: bold;  }

#header { margin: 0; background-color: white; height: 120px; }
#header #logo { float: left; width: 150px; height: 120px; }
#header #logo img { border: none; }
#header #mini { float: left; color: blue; font-weight: bold; margin: 0 0 13px; padding-top: 35px; padding-left: 5px; }
#header #mini strong { font-size: 300%; font-weight: bold; margin-left: 12px; width: 380px; }
#header #mini a { color: #00A54F; text-decoration: none; }
#header #mini span.row { display: block; font-size: 113%; margin-left: 14px; margin-top: 0px; font-weight: normal; }
#header #volejte { margin-top: 20px;  width: 218px; height: 100px; float: right; }
#header #volejte strong { font-size: 123%; font-weight: bold; margin-left: 0px; width: 225px; }
#header #volejte span.row { display: block; font-size: 240%; margin-left: 0px; margin-top: 5px; font-weight: bold; }
#header #volejte span.row2 { display: block; font-size: 85%; margin-left: 0px; margin-top: 5px; font-weight: normal; }

form.searchform {	padding: 0; margin: 0; float: left; width: 250px; }

#pruh { background: #00A54F; color: white; margin: 0; padding: 0.4em 0 0.4em 7px; clear: both; border: 1; height: 25px; border-bottom: 15px solid #DDFFDD; }
#pruh #find { float: left; margin-top: 1px; width: 120px; }
* html #pruh #find { width: 140px; }
#pruh #findbt { float: left; margin-top: 2px; margin-left: 5px; color: black; border-width: 1px; border-color: #CCCCCC; background: #ffff88; font-weight: normal; font-size: 12px; width: 50px; height: 20px; }
#pruh #ocenit { font-size: 120%; float: right; margin-right: 10px; margin-top: 4px; }
#pruh #ocenit a { color: #ccffcc; text-decoration: none; font-weight: bold; }
#pruh #ocenit a:hover { color: yellow; }
#pruh #ocenbt { float: right; margin-top: 2px; margin-right: 10px; width: 155px; color: black; border-width: 1px; border-color: #CCCCCC; background: #ffff88; font-weight: normal; font-size: 12px; height: 20px; }
#pruh #pruh_mail a { float: left; margin-left: 0; margin-top: 3px; color: yellow; font-size: 12px; }

#ocenit #sl1 { float: left; width: 200px; font-weight: bold; margin-left: 5px; }
#ocenit textarea { width: 350px; }

#footer { clear: both; background-color: #DDFFDD; height: 55px; margin: 0;  font-size: 9px; }
#footer p,a { color: #00A54F; text-decoration: none; padding-top: 2px; }
#footer #pocitadlo { position: absolute; margin-left: 5px; margin-top: -12px; }
#footer #pocitadlo #poctxt { position: absolute; margin-top: -15px; margin-left: 20px; text-align: left; width: 120px; }
#fdph {color:#007854;text-align:center;}

.leftmenu { width: 135px; height: 520px; float: left; background-color: #DDFFDD; }
.leftmenu a { text-decoration: none; width: 100%; }
#menu { margin: 0; float: left; border-bottom: 1px solid #CAD0DC; }
#menu ul { margin: 0; text-align: left; list-style: none; line-height: 25px; background-color: #00A54F; }
#menu li { width: 135px; padding-left: 0; padding-right: 0; margin-left: -40px; _margin-left: 0; border-top: 1px solid #DDFFDD; }
#menu li a { display: block; color: #ffff88; font-weight: normal; padding-left: 5px; }
#menu li a:hover { background: #DDFFDD; color: black; width: 130px; font-weight: bold; }
#menu #submenu { margin-left: -40px; background: #DDFFDD; }
* html #menu #submenu { margin-left: 0; }
#menu #submenu a { color: #00A54F; line-height: 16px; }
#menu #submenu a:hover { color: yellow; background: #00A54F; }

#col-mid-r { width: 135px; float: right; height: 520px; background-color: #DDFFDD; }
#col-mid-r h2 { text-align: left; list-style: none; margin: 0; line-height: 25px; background-color: #00A54F; border-top: 1px solid #DDFFDD; font-weight: bold; color: white; font-size: 12px; }
#col-mid-r p { text-align: justify; margin-left: 5px; margin-right: 5px; }

#text { text-align: justify; line-height: 150%; height: 500px; overflow-y: auto; margin-left: 10px; margin-right: 10px; } 
* html #text { margin-left: 145px; margin-right: 150px; margin-top: 10px; }
#text h2 { font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; }
#text h2.gr { font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; color: #00A54F; }
* html #text h2 { margin-left: 0; }
#text #sl1 { float: left; width: 50%; font-weight: bold; }
#text #sl2 { float: left; width: 50%; font-weight: normal; }
#text p { margin-right: 10px; }
#text img { float: left; }

.noprint, .noshow, #nav, #infolist { display: none; }

#cenik { width: 100%; margin-left: auto; margin-right: auto; border: 0; }
* html #cenik { width: 62%; font-size: 11px; margin-left: -12px; margin-right: -12px; }
#cenik tr { vertical-align: top; }
#cenik td { padding: 4px 10px 4px 10px; border: 1px solid #D1D1D1; background: none; width: 49%; }

#maincat { background-color: #FFFFFF; }
#maincat a { display: block; float: left;	margin: 5px; padding: 5px; border: 1px solid white;	width: 115px;	height: 135px; text-decoration: none; color: #000080;	text-align: center;	background-color: #FFFFFF; font-size: 11px; color: green; }
* html #maincat a { margin-top: 10px; padding: 0; border: 0;	}
#maincat a:hover { border: 1px solid green; }
#maincat img { padding: 0px; display: block; margin: auto; border: 0; width: 80px; }

#tblcell { width: 100%; margin-left: auto; margin-right: auto; }
* html #tblcell { width: 90%; align: center; }
#tblcell tr { vertical-align: top; }
#tblcell td { text-align: center; border: 0; background: none; }
#tblcell img { border: 0; }

#produkty { margin-left: 15px; text-align: justify; line-height: 150%; height: 500px; overflow-y: auto; }
* html #produkty { margin-left: 145px; }
#produkty h2 { font-family: Arial, sans-serif; font-size: 14px; margin-top: 10px; margin-bottom: 0; font-weight: bold; }

.produkt { width: 245px; height: 240px; margin-right: 5px; margin-bottom: 5px; margin-left: 0px; margin-top: 0px; font-size: 10px; padding: 0px; position: relative; border: 1px solid #e5e5e5; float: left; }
.produkt_nadpis { width: 245px; background: #DDFFDD; padding: 0px; margin: 0px; height: 30px; position: relative; top: -10px; _top: 0px; padding-top: 0px; }
.produkt_nadpis h3 { font-size: 11px; margin-top: 11px; _margin-top: 6px; position: relative; top: 5px; _top: 0px; left: 10px; width: 186px; margin-left: 0px; margin-bottom: 0px; }
.produkt_nadpis h3 a { text-decoration: none; color: #00A54F; font-weight: normal; }
.produkt_image { position: absolute; top: 25px; _top: 35px; right: 10px; }
.produkt_image img { width: 100px; }
.produkt p.produkt_text { position: absolute; left: 10px; width: 80px; top: 50px; }
.produkt_pata { position: absolute; bottom: 0px; width: 245px; }
.produkt_cena { padding: 5px 10px 5px 10px; _padding: 5px; width: 225px; _width: 245px; background: #fbfcfd; border-top: 1px #dbe6ed solid; text-align: right; }
.produkt_cena span { text-decoration: line-through; }
.produkt_cena strong { font-size: 12px; }
.produkt_koupit { width: 245px; height: 36px; background: #00A54F; position: relative; }
.produkt_koupit input.input { top: -2px; _top: 2px; background:url(../img/produkt_input.png) top left no-repeat; border: none; }
.produkt_pocet { position: absolute; left: 3px; top: 0px; _top: 2px; _height: 30px; }
.produkt_pocet span { position: relative; top: -2px; _top: 2px; left: 2px; }
.produkt_buttony { position: absolute; right: 8px; top: -2px; _top: 8px; }

.detail { position: relative; float: left; }
.detail_nadpis { font-weight: bold; font-size: 18px; color: #00A54F; }
.detail_popis { text-align: justify; margin-right: 10px; }
.detail_gallery { width: 100px; height: 410px; float: left; margin-right: 30px; }
.detail_gallery img { width: 100px; }
.detail_image { position: relative; top: 10px; _top: 20px; left: 5px; }
.detail_sl1 { float: left; width: 250px; font-weight: bold; }
.detail_sl2 { float: left; width: 100px; text-align: right; font-weight: normal; }

h3 { position: relative; }
h3 img { position: absolute; right: 10px; top: 5px; }
img { border: 0; }
input.input,input.input2, input.inputseznam { color: black; font-size: 10px; font-family: Arial, sans-serif; text-align: center; font-weight: bold; text-align: center; width: 35px; height: 17px; position: relative; top: 2px; padding-top: 5px; background: white url(../img/katalog_input.png) top left no-repeat; }

#kont_lide { position: relative; width: 100%; }

.kontakt { width: 190px; height: 220px; margin-right: 5px; margin-bottom: 15px; margin-left: 0px; margin-top: 0px; font-size: 10px; padding: 0px; position: relative; border: 1px solid #e5e5e5; float: left; text-align: center; }
.kontakt_nadpis { width: 190px; background: #DDFFDD; padding: 0px; margin: 0px; height: 48px; position: relative; top: -10px; _top: 0px; padding-top: 0px; }
.kontakt_nadpis h3 { font-size: 12px; margin-top: 10px; position: relative; top: 10px; _top: 0px; left: 0px; width: 190px; margin-left: 0px; margin-bottom: 0px; }
.kontakt_nadpis h4 { font-size: 9px; margin-top: 0px; position: absolute; top: 25px; left: 0px; width: 190px; margin-left: 0px; margin-bottom: 0px; font-weight: normal; }
.kontakt_image { position: absolute; top: 45px; _top: 55px; right: 45px; }
.kontakt_image img { width: 100px; }
.kontakt p.telefon { position: absolute; left: 0px; width: 190px; top: 170px; _top: 180px; }
.kontakt a.mail { position: absolute; left: 0px; width: 190px; top: 190px; }

#adresa_radek { position: relative; line-height: 20px; width: 100%; height: 25px; }
#adresa_radek p.adr_popis { position: absolute; left: 0px; top: 0px; font-weight: bold; }
#adresa_radek p.adr_text { position: absolute; left: 120px; top: 0px; }

.ocenform textarea { width: 100px; height: 20px; }

#ocenit_radek { position: relative; /*line-height: 20px;*/ width: 100%; height: 25px; }
#ocenit_txt { position: relative; width: 100%; height: 145px; }
#ocenit_radek p.ocenit_popis { position: absolute; left: 0px; top: 2px; font-weight: normal; }
#ocenit_radek p.ocenit_popispov { position: absolute; left: 0px; top: 2px; font-weight: bold; }
#ocenit_radek p.ocenit_input { position: absolute; left: 120px; top: 0px; }
#ocenit_txt p.text_popis { position: absolute; left: 0px; top: 8px; font-weight: normal; }
#ocenit_radek input.odeslat { position: absolute; left: 0px; color: black; border-width: 1px; border-color: #CCCCCC; background: #ffff88; font-weight: normal; font-size: 12px; }
#ocenit_txt textarea { position: absolute; top: 35px; width: 322px; _width: 325px; height: 100px; }
#ocenit h3 { font-size: 12px; }

.akce { width: 125px; height: 125px; margin-right: 5px; _margin-right: 0px; margin-bottom: 5px; margin-left: 5px; _margin-left: 2px; margin-top: 10px; font-size: 10px; padding: 0px; position: relative; border: 1px solid #e5e5e5; float: left; background: white; }
.akce_nadpis { width: 125px; background: #DDFFDD; padding: 0px; margin-top: 0px; height: 40px; position: relative; top: -5px; _top: 0px; padding-top: 0px; }
.akce_nadpis h3 { font-size: 11px; margin-top: 5px; position: relative; top: 5px; _top: 0px; left: 0px; width: 125px; margin-left: 0px; margin-bottom: 0px; font-weight: normal; }
.akce_nadpis h4 { font-size: 9px; margin-top: 0px; position: absolute; top: 20px; left: 0px; width: 125px; margin-left: 0px; margin-bottom: 0px; font-weight: normal; }
.akce_cena { font-size: 14px; margin-top: 0px; position: absolute; top: 100px; left: 0px; width: 125px; margin-left: 0px; margin-bottom: 0px; font-weight: normal; }
.akce_image { position: absolute; top: 40px; _top: 50px; left: 37px; }
.akce_image img { width: 50px; }

#jtext { font-family: Arial, sans-serif; font-size: 12px; margin-top: 10px; text-align: justify; } // justify text
* html #jtext { margin-left: 170px; margin-right: 170px; } // justify text