html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6 {padding:0; margin:0; list-style:none;}

html {background: #FFE087 url(body.jpg) 0 0 repeat-x;}
body {
  position: relative;
  width: 1153px;
  font-size: 62.5%;
  font-family: sans-serif;
  background: #ffffff url(content.gif) 0 0 repeat-y;
  color: #444444;
  margin: 0px auto;
}

#content {
  position: relative;
  background: url(content.gif) 0 0 repeat-y;
  width: 100%;
  padding-bottom: 0px;
}

#top_left {position: absolute; display: block; top: 0px; left: 0px; width: 82px; height: 487px; background: url(top_left.jpg) 0 0 no-repeat;}
#top_right {position: absolute; display: block; top: 0px; right: -2px; width: 82px; height: 487px; background: url(top_right.jpg) 0 0 no-repeat;}

#header {
  position: absolute;
  top: 0px; left: 0px;
  height: 210px;
  margin: 0px 82px;
  background: url(header_i.jpg) 0 100% no-repeat;
  padding-left: 8px;
}
#header h2 {
  position: absolute;
  top: 20px; left: 8px;
  display: none;
}
#header p {height: 20px; width: 974px; background: #E2E2E2; position: relative; top: 3px; left: -8px; text-align: right; font-size: 110%; font-weight: bold; padding: 0px 8px; color: #1C7EC1;}
#header p span {float: left; margin-top: 3px; letter-spacing: 2px;}
#header p a {color: #1C7EC1; padding: 4px 0px;}
#header form label {position: relative; top: -1px; margin: 0px 3px;}
#header form input#username {position: relative; width: 70px; height: 14px; border-top: 1px solid #7b7b7b; border-left: 1px solid #7b7b7b; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff;}
#header form input#passwd {position: relative; width: 70px; height: 14px; border-top: 1px solid #7b7b7b; border-left: 1px solid #7b7b7b; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff;}
#header form input#log_sub {position: relative; width: 50px; height: 18px; margin-right: 20px; background: transparent; cursor: pointer; font-size: 80%; font-weight: bold; color: #1C7EC1;  border: none;}
*#header form input#log_sub {font-size: 100%;}
#header ul#top_menu {position: absolute; top: 175px}
#header ul#top_menu li {display: block; float:left;}
#header ul#top_menu li a {display: block; font-size: 130%; font-weight: bold; text-decoration: none; color: #ffffff; padding: 10px;}
#header ul#top_menu li a:hover {background: url(top_menu_bg.jpg) 50% 0 no-repeat;}
#header ul#top_menu li li a {background: #1D7FC2 url(top_menu_blue.jpg) 0 0 repeat-x;}
#header ul#top_menu li li a:hover {background: #EBB72D url(top_menu_yellow.jpg) 0 0 repeat-x;}
#header ul#top_menu li ul {position:absolute; top:35px; display:none; width: 120px;}
#header ul#top_menu li li {position: relative; top: 0px; font-size: 90%; line-height: 6px;  height: 22px; padding-bottom: 2px; border-top: 2px solid #ffffff; width: 180px; left:0;}
#header ul#top_menu li:hover ul {display:block;}
#header ul#top_menu li a.shop {color: #FFD86F;}
#header ul#top_menu li a#logos {width: 0px; height: 40px; position: absolute; top: -65px; left: 5px; padding-left: 220px; margin: 0px; overflow: hidden;}
#header ul#top_menu li a:hover#logos {background: none;}
#header form input#search {position: absolute; top: 185px; left: 785px; height: 16px; width: 156px; padding: 1px 3px; border-top: 1px solid #7b7b7b; border-left: 1px solid #7b7b7b; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; opacity: 0.60; filter: alpha(opacity=60);}
#header form input#search:hover {opacity: 0.85; filter: alpha(opacity=85);}
#header form input#search_sub {position: absolute; top: 184px; left: 958px; width: 22px; height: 22px; background: transparent url(lupa.gif) 0 0 no-repeat; border: none; cursor: pointer;}

#text {
  float: right;
  width: 708px;
  padding: 0px 20px 10px 20px;
  margin-top: 242px;
  margin-right: 85px;

}
#text h2 {display: inline; font-size: 150%;}
#text p {padding: 4px 0px; overflow: hidden; font-size: 120%;}
#text img#produkt_img {float: right; position: relative; top: -15px; margin-left: 8px;}
#text span#images {display: block; position: absolute; top: 320px; padding-left: 3px;}
#text span#images img {margin-right: 34px; border: none;}
#text div#details {position: absolute; top: 120px; width: 502px; font-size: 120%;}
#text div#details div#info {float: left; width: 240px; height: 120px; border: none; padding-left: 0;}
#text div#details div#info span.orange {color: #F78C22; font-weight: bold;}
#text div#details div#info span.orange span {font-size: 180%;}
#text div#details div#info a {display: block; height: 22px; line-height: 22px; padding-left: 30px; margin-bottom: 3px; overflow: hidden;}
#text div#details div#info a#dotaz {background: url(dotaz.gif) 0 0 no-repeat;}
#text div#details div#info a#tisk {background: url(tisk.gif) 0 0 no-repeat;}
#text div#details div#info a#manual {background: url(manual.gif) 0 0 no-repeat;}
#text div#details div {float: left; width: 144px; border-left: 1px solid #275BA7; border-right: 1px solid #275BA7; padding-left: 15px;}
#text div#details div h3 {font-size: 140%; margin-bottom: 2px;}
#text div#details form {padding: 0; margin: 0;}
#text div#details form input.item_sub {padding-left: 30px; width: 130px; color: #5A85C5;}
#content #text ul li{ list-style: disc; color: #444444;font-size: 100%;}
#content #text ul li div{ color: #444444;font-size: 100%;}

#menu {
  width: 214px;
  float: left;
  background: #ffffff url(menu_bg.jpg) 0 0 repeat-x;
  margin: 213px 3px 3px 82px;
  padding: 10px 0px 5px 20px;
}
#menu li {margin-bottom: 8px;}
#menu li a {color: #1A4D96; text-decoration: none; font-size: 160%;  padding-left:15px; line-height: 15px; background: url(menu_li.gif) 0 0 no-repeat;}
#menu li a:hover {background: url(menu_li.gif) 0 100% no-repeat; text-decoration: underline;}
#menu li a.selected {background: url(menu_li.gif) 0 100% no-repeat;}
#menu li ul {margin-top: 5px;}
#menu li li {margin-bottom: 5px;}
#menu li li a {color: #444444; font-size: 140%; margin-left: 12px; background: none;}
#menu li li a:hover {color: #1A4D96; background: none;}

#footer {
  position: relative;
  left: 82px;
  width: 962px;  height: 20px;
  margin: 20px 0px;
  padding: 7px 14px 2px 14px;
  background: #BBDDF5;
  text-align: right;
  clear: both;
  font-size: 90%;
}


#kosik {
  position: absolute;
  top: 140px; left: 785px;
  width: 143px;
  height: 32px;
  padding: 3px 0 0 50px;
  font-size: 120%;
  font-weight: bold;
  background: #ffffff url(kosik.gif) 5px 7px no-repeat;
  border-top: 1px solid #7b7b7b;
  border-left: 1px solid #7b7b7b;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  opacity: 0.60;
  filter: alpha(opacity=60);
}
#kosik a {text-decoration: none; color: #444444;}
#kosik span {position: absolute; left: 140px; color: #ff0000; cursor: pointer;}
#kosik:hover {opacity: 0.85; filter: alpha(opacity=85);}

#footer p.mapa {position:absolute; right: 0px; top:6px;font-size:120%; line-height:170%; color: #000000; font-weight: bold;}
#footer p.mapa a {color: #649CC3; margin-right: 40px; text-decoration: none;}
#footer p a:hover {text-decoration: underline;}
#footer p.copy, #footer a.copy{position:absolute; left: 420px;top:33px;color: #000000;font-size:120%; font-weight: bold;}
#footer a.copy{left:490px;text-decoration:underline;}
#footer div#lista {font-size:120%; line-height:170%;color: #649CC3;margin:0 auto;width:962px;text-align:left;}
#footer div#lista a {color: #649CC3; text-decoration: none;}
#footer div#lista a:hover {text-decoration: underline;}

h1,h2,h3,h4,h5,h6{font-weight:normal; margin:8px 0px 5px 0px; color: #275BA7;}
h1 {width:560px; position:absolute; top:210px; left:340px; font-size:180%;}
h2 {font-size: 120%;}

a {text-decoration: none;  color: #5A85C5;}
a:hover {text-decoration: underline;}
.cistic {display: block; height: 0px; width: 100%; clear: both;}

/* IE6 hacks */
/*\*/ * html #menu {margin-left: 41px;}/**/
/*\*/ * html #text {margin-right: 42px;}/**/
/*\*/ * html #footer {padding-bottom: 0px;}/**/