html {padding:0; margin:0;  background: #0A7997 url(images/bg.png) repeat-x top; }
body {padding:0; margin:0; font-size:12px; font-family:sans-serif;}

strong {font-weight:bold;}
a {text-decoration:underline; color: #73B6C8;}
a:hover {text-decoration:none;}

.right {text-align:right;}
.center {text-align:center;}
.left {text-align:left;}
.clear {clear:both;}
.float-right {float:right;}
.float-left {float:left;}
.hide {display: none;}
.href,
.href-nw {cursor: pointer;}

.ceny em {text-decoration:line-through;}

h2,.h2 {display:block; font-size:17px; font-weight:bold;}
h3,.h3 {display:block; font-size:14px; font-weight:bold;}


form {background:#DCDCDC;}
form fieldset {clear:left; padding:0; margin:0 0;  border: 0;}
form fieldset legend {font-size:15px; font-weight:bold; display: none;} 
form fieldset p {margin:2px; clear:left; line-height:28px;}
.dis-label,
form fieldset label {display:block; float:left; width:130px; margin:3px 0 3px 0; font-weight:bold;}
.dis-input {display: block; border: 1px #d4d4d4 solid; background-color: #eaeaea;}
.dis-input,
form fieldset input { padding: 3px; width: 200px;}
form fieldset select {padding: 3px 0;  width: 206px;}
form fieldset input#captcha-input {margin-left:130px;}
form fieldset p.radio br {display:none;}
form fieldset textarea {
  height:100px;
  width:81%;
}

form fieldset input.text,
form fieldset input.password,
form fieldset #captcha-input,
form fieldset textarea,
form fieldset select {background: #ffffff url(images/bg_input.png) repeat-x 0 -1px; border: 0; border: 1px white solid;}

form fieldset p.hint {font-style:italic;}
p.radio input,
.btn,
.checkbox {width: auto;}


a img {border: 0;}

#body2 {width:1070px; margin:15px auto;}

#top {
  position: relative;
  clear:both; 
  width:1070px;
  height: 103px;
  background: #EDEDED url(images/bg_topheader.png) repeat-x bottom; 
}
#top #logo,
#top #logo h1,
#top #logo h1 a {
  display: block;
  width: 182px;
  height: 83px;
  margin:0px;
  padding:0px; 
  background: url(images/logo.png);
} 
#top #logo {
  position: absolute;
  top: 8px;
  left: 65px;
}
#top #logo h1 a span {display: none;}

#top #partners2 {
  position: absolute;
  right: 59px;
  top: 9px;
  width:auto;
  height: 50px;  
}
#top #partners2 a {
  display: block;
  float: right;
  height: 50px;  
}
#top #partners2 a#camfil {background: url(images/logo_camfil_transparent.png); width: 132px;}
#top #partners2 a#camfil:hover {background: url(images/logo_camfil.png);}
#top #partners2 a#dwyer {background: url(images/logo_dwyer_transparent.png); width: 103px;}
#top #partners2 a#dwyer:hover {background: url(images/logo_dwyer.png);}

#top #informations {
  position: absolute;
  right: 56px;
  bottom: 3px;
  width:auto;
  height: 35px;
  *width: 950px;  
  *bottom: 2px;    
}
#top #informations ul {height: 35px; margin: 0; padding:0; list-style-type: none; *float: right;}
#top #informations ul li {
  float: left; 
  height: 35px;
  margin: 0 0 0 -42px;
}
#top #informations ul li a {
  float: left; 
  display: block; 
  height: 35px; 
  line-height: 35px; 
  padding: 0 45px 0 70px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  color: white;
  overflow: hidden;
  background: url(images/information_btn.png) no-repeat left;
  *background: url(images/information_btn.gif) no-repeat left;
  -moz-border-radius-topright: 4px;
}
#top #informations ul li.first {margin: 0;}

#top #informations ul li a:hover {
  color: #D1FEFF; 
  background: url(images/information_acivebtn.png) no-repeat -5px 0 ;
  *background: url(images/information_acivebtn.gif) no-repeat -5px 0 ;}
  }
#top #informations ul ul {margin: 0; padding: 0; float: none; position: absolute; visibility: hidden; }
#top #informations ul ul li {float: none;}
#top #informations ul ul li a {width: auto; background: #cccccc;}
#top #informations ul ul li a:hover {background: #999999;}

#wrapper {
  display: block; 
  width:950px; 
  padding:0; 
  margin:0 auto; 
  clear: both; 
  background: #ffffff;
}

#wrapper #header {
  float: left;
  width: 950px;
  height: 219px;
  background: url(images/img-head.jpg);
}

#wrapper-padd {clear:both; padding: 4px;}

#left {float:left; width:212px; margin-right: 4px;}
#right { display: none;}

.box {
  margin: 0; 
  background: url(images/bg_verticalmenu.png) repeat-y left;
  color: white;
}

.box .h2 {height: 35px; margin: 0; background: #4D8F4A; border-bottom: 1px #56A1B6 solid; }
.box .h2 a,
.box .h2 span {
  display: block; 
  height: 35px; 
  line-height: 35px; 
  padding: 0 40px 0 10px; 
  overflow: hidden;
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
  font-size: 23px;
}

.box p {margin: 0 auto;} 
.box hr {display: none;}
.box input {width: auto;}
.box a,
.href a {color:#DCDADD; text-decoration: none;}
.box a:hover,
.href:hover a {color: #B8F1FF; text-decoration: underline;}

.box span.hide {display: none;}

.box .item {padding: 4px; font-size: 11px; background: url(images/oddel_verticalmenu.png) no-repeat center bottom;}
.box .item a.a-href {font-size: 12px;}
.box .item a.read {padding-left: 15px; background: url(images/arrow.png) no-repeat left 3px;}

#news-box .h2 {background: #4D914B url(images/nadpis_aktuality.png);}
#news-box .item {color: #DCDADD;}
#news-box .item a.a-href {font-weight: bolder;}

#articles-box .h2 {background: #00485E url(images/nadpis_clanky.png);}

#enquiry-box .h2 {background: #DA0000 url(images/nadpis_anketa.png);}

#enquiry-box .ask {font-size: 12px; font-weight: bold;}
#enquiry-box .pointer {height: 7px; background-color:#E00000;}
#enquiry-box .pointer-bg {height: 7px; background:#ECEAEB; border-bottom: 1px #04556A solid;}
#enquiry-box a.a-href {color: white; font-weight: bold; text-transform: uppercase; font-size: 11px;}
#enquiry-box .item {clear: both;}
#enquiry-box .href:hover .pointer {background-color: #ED0000}
#enquiry-box .href:hover a.a-href {text-decoration: none;}

#compare-box .item .item-image{width: 40px; height: 40px;}

#login-box .h2 {background: #4D8F4A url(images/prihlaseni_btn.png) }
#login-box form { padding: 4px; background: url(images/menu_bg.png) repeat-y; }
#login-box form p {line-height: 1.2em; }
#login-box form label {font-size: 11px;}
#login-box form input.text {line-height: 1.2em; width: 195px;}

#customer-box .h2 {background: #4D8F4A url(images/uzivatel_btn.png); }

.menu {
  background: #000000 url(images/menu_bg.png) repeat-y left;
  margin-bottom: 4px;
}

.menu ul {margin: 0; padding: 0; border: 0; list-style-type: none;}
.menu ul li {}
.menu ul li a {
  display: block;
  padding: 0 0 2px 0;
  color: white;
  font-size: 16px;
  overflow: hidden;
  text-decoration: none;
  font-weight:bold;
  background: url(images/oddel_menu.png) no-repeat bottom;
}
.menu ul li a:hover {
  text-decoration: underline;
}
.menu ul li a span {
  display: block;
  height: 31px;
  line-height: 31px;
  padding: 0 20px;
  background: url(images/menu_inactivebg.png) 0 2px;
}
.menu ul li a.linked span {
  background: url(images/menu_activebg.png);
} 
.menu ul li li a {
  color: #CBCBCB;
  font-weight: normal;
  font-size: 13px;
}
.menu ul li li a span {
  padding-left: 35px;
  background: url(images/odrazka.png) no-repeat 20px center;
}
.menu ul li li a.linked {color: white;}
.menu ul li li a.linked span {
  font-weight: bold;
  background: url(images/odrazka.png) no-repeat 20px center;
} 

#content {float:left;  width:726px;}


div.hlaska-ok,
div.hlaska-err,
div.hlaska-warn {
  color:white;
  height:33px;
  line-height:33px;
  margin-bottom:4px;
  padding:0 8px;
}
div.hlaska-ok {background: #51954F; }
div.hlaska-err {background: #DB0000;}
div.hlaska-warn {background: #FF9900;}

#content h2 {
  display: block;
  clear: both;
  height: 33px;
  line-height: 33px;
  margin: 0 0 4px 0;
  padding: 0 8px; 
  color: white;
  overflow: hidden;
  font-size:20px;
  font-weight:normal;
  background: url(images/bg_h2.png) repeat-x;
}
#content h2 a {color: white; text-decoration: none;}

#content h3 {
  display: block;
  clear: both;
  height: 28;
  line-height: 28px;
  height:28px;
  margin: 0 0 4px 0;
  padding: 0 8px; 
  overflow: hidden;
  color: white;
  font-size: 18px;
  font-weight: normal;
  background: url(images/bg_h3.png) repeat-x;
}
#content h3 a {color: white; text-decoration: none;}
#content p {margin: 0; padding: 4px 8px; line-height: 1.5em; font-size: 13px;}
#content ul {
  list-style-type: none;
  margin: 4px 0;
  padding: 0 0 0 20px;
}
#content ul li {padding-left: 15px; line-height: 1.5em; background: url(images/arrow_seznam.png) no-repeat left center;}

#content ul.errors {color: red;}


#content table {
  border-collapse: collapse;
  background: url(images/menu_bg.png) repeat;
  color: white;
  width: 100%;
  margin: 0 0 4px 0 ;
}
#article-page table {background: none; color: #000;}
#content table th,
#content table td {padding: 4px 8px; text-align: left;}
#content table tr {background: url(images/oddel_menu.png) repeat-x bottom;}
#content table a {color: white;}
#content table a:hover {color: #50934E;}

#content .admin-menu { border: 1px black solid; padding: 5px; margin: 10px 0;}

#content .content-items .href {cursor: pointer;}


#content #banners  {
 height: 149px; 
}
#content #banners div {
  float: left;
  width: 240px;
  height: 145px;
}
#content #banners div p.text {
  display:block;
  font-size:11px;
  height:74px;
  margin:41px 0 0 10px;
  overflow:hidden;
  padding:0;
  line-height:1.3em;
  width:140px;
}
#content #banners div p.link {
  display:block;
  font-size:11px;
  height:30px;
  line-height:30px;
  margin:0;
  padding:0 10px;
}
#content #banners div p.link a {color: white; padding-left: 15px; background: url(images/arrow.png) no-repeat left 3px;}

#content #banners #banner-filtrace {margin-right: 3px; color: #D0F5FE; background: url(images/filtrace_banner.png);}
#content #banners #banner-pristroje {margin-right: 3px; color: #BBFFB7; background: url(images/pristroje_banner.png) ;}
#content #banners #banner-sluzby {color: #BCF1FE; background: url(images/sluzby_banner.png) ;}

#content .catalog {
  margin-top: 15px;
}

#content .catalog .item {
  float: left;
  width: 172px;
  height: 290px;
  padding: 0 30px;
  border-right: 1px #DBDBDB solid;
}

#content .catalog .item h3 {
  text-align: center;
  color: #365F33;
  font-size: 13px;
  height: 33px;
  line-height: 33px;
  overflow: hidden;
  background: none; 
  margin: 0;
  padding: 0;
}
#content .catalog .item a {
  color: #365F33;
  text-decoration: underline;
}
#content .catalog .item a:hover {text-decoration: none;}

#content .catalog .item .item-image {
  width: 134px;
  height: 128px;
  text-align: center;
  margin: 0px auto 8px;
  border: 1px #DBDBDB solid;
}
#content .catalog .item p.perex {
  display:block;
  font-size:11px;
  height:74px;
  overflow:hidden;
  text-align: justify;
  padding:0;
  line-height:1.3em;
  *height:72px;
}
#content .catalog .item a.link {
  font-size:11px;
  padding-left: 15px;
  background: url(images/blue_arrow.png) no-repeat left center;
}

#content .subcategory .item {
  float: none;
  clear: both;
  width: 666px;
  height:auto;
  border: none;
  border-bottom: 1px #DBDBDB solid;
}
#content .subcategory .item h3 {text-align: left;}
#content .subcategory .item .item-image {float: left; margin: 10px 10px 10px 0; }
#content .subcategory .item p.perex { height: auto; min-height: 88px;}
#content .subcategory .item p.right {width: 500px;}

#content div.product div.product-image {
	float: left;
	width: 225px;
	height: 225px;
	padding: 15px;
	border: 1px #DBDBDB solid;
	text-align: center;
	margin-bottom: 4px;
}

#content div.product div.product-information {
	float: right;
	width: 468px;
}
#content div.product div.product-information table.info {width: auto; margin: 4px auto; }
#content div.product div.product-information table.info th {width: 80px;}
#content .cena strong {font-size: 1.5em;}
#content .cena em {text-decoration: line-through;}

#content ul#bookmarks {clear: both; width:100%; height:25px; padding:0; margin:0; list-style:none;}
#content ul#bookmarks li {float:left; height:25px; line-height:25px; margin:0; margin-right:5px; }
#content ul#bookmarks li a {display: block; height:25px;  line-height:25px; padding:0 5px; background-color:#ccc;}
#content ul#bookmarks li a.open {background-color:#ddd;}

#content .bookmark {display:none; background-color:#ddd; padding: 5px;}
#content .bookmark h3 {margin-top:0; display: none;}
#content .bookmark form {margin: 0; padding: 0;}
#content .bookmark form fieldset {margin: 0; padding: 0; border: 0;}
#content .bookmark form fieldset legend {display: none;}
#content .bookmark .contact p,
#content .bookmark form fieldset p {margin: 0; padding: 1px; clear: left; line-height: 13px; font-size: 13px}
#content .bookmark form fieldset p.hint {margin-left: 180px}
#content .bookmark .dis-label,
#content .bookmark form fieldset label {display: block; float: left; padding: 0; margin: 3px 0;  width: 180px; font-size: 13px; font-weight: bold;}
#content .bookmark .dis-input,
#content .bookmark form fieldset input, 
#content .bookmark form fieldset select {padding: 2px; float: left; margin: 0; font-size: 13px; border: 1px gray solid;   }
#content .bookmark form fieldset input#captcha-input {margin-left: 180px;}
#content .bookmark form fieldset#fieldset-captchaform img {border: 1px gray solid; width: 204px; }
#content .bookmark form fieldset input.btn {}
#content .bookmark form fieldset textarea {border: 1px gray solid; width:300px; height: 100px; margin: 0; padding: 2px; }

#content .disscuss ul {list-style-type: none; margin: 0; padding: 0;}
#content .disscuss ul li { background: none; margin: 0; padding: 0; }
#content .disscuss .item { clear: both; margin-bottom: 5px; padding: 5px;}
#content .disscuss .item p {padding: 0; margin: 0;}
#content .disscuss .item div a {padding-left: 15px; background: url(images/arrow_seznam.png) no-repeat left center;}
#content .disscuss li .item {}
#content .disscuss li li .item {padding-left: 30px;}
#content .disscuss li li li .item {padding-left: 60px;}
#content .disscuss li li li li .item {padding-left: 90px;}
#content .disscuss li li li li li .item {padding-left: 120px;}
#content .disscuss li li li li li li .item {padding-left: 150px;}
#content .disscuss li li li li li li li .item {padding-left: 180px;}

#content #div-bookmark-description {display:block;}

#content #div-bookmark-recensionsproduct strong.plus {display: block; width: 260px; margin-right: 10px; float: left; color: green;}
#content #div-bookmark-recensionsproduct strong.minus {display: block; width: 260px; float: left; color: red;}
#content #div-bookmark-recensionsproduct ul.plus {width: 234px; float: left; margin: 0; margin-right: 10px; padding: 6px 6px 6px 20px;  color: green; border: 1px green solid; -moz-border-radius: 3px; list-style-type: disc;}
#content #div-bookmark-recensionsproduct ul.minus {width: 234px; float: left; margin: 0; padding: 6px 6px 6px  20px; color: red; border: 1px red solid; -moz-border-radius: 3px; list-style-type: disc;}

#content #div-bookmark-ratingproduct .stars {display: block; width: 85px; height: 16px; float: left;}
#content #div-bookmark-ratingproduct .s0 {background: url('images/stars.gif') no-repeat left 0px;}
#content #div-bookmark-ratingproduct .s1 {background: url('images/stars.gif') no-repeat left -16px;}
#content #div-bookmark-ratingproduct .s2 {background: url('images/stars.gif') no-repeat left -32px;}
#content #div-bookmark-ratingproduct .s3 {background: url('images/stars.gif') no-repeat left -48px;}
#content #div-bookmark-ratingproduct .s4 {background: url('images/stars.gif') no-repeat left -64px;}
#content #div-bookmark-ratingproduct .s5 {background: url('images/stars.gif') no-repeat left -80px;}
#content #div-bookmark-ratingproduct span.outter {display: block; float: left; background-color: white; border: 1px gray solid; width: 200px; padding: 2px; } 
#content #div-bookmark-ratingproduct span#star_select {margin: 0 59px; float: left; display: block; width: 85px; height: 16px;  cursor: pointer;}
#content #div-bookmark-ratingproduct span#star_select span {display: block; width: 17px; height: 16px; float: left;}

#content #basket-page ul.basket { margin: 0; text-align: center; padding: 0; list-style: none;  background: url('images/filtry_bottom.gif') no-repeat left bottom;}
#content #basket-page ul.basket li {display: inline; line-height: 30px; height: 35px; }
#content #basket-page ul.basket li a, 
#content #basket-page ul.basket li span {color: gray; text-decoration: none; padding: 6px 12px;}
#content #basket-page ul.basket li a:hover {color: #333333; text-decoration: none;}
#content #basket-page ul.basket li.active {color: #000;}
#content #basket-page ul.basket li.active a {color: #000; border: 1px #000 solid; background-color: #aaa;}

#content #basket-page table.basket {border-collapse: collapse; width: 100%; border: 1px gray solid;}
#content #basket-page table.basket input {text-align: right; width: 20px; border: 1px gray solid;}
#content #basket-page table.basket tr.nadpisy {border-bottom: 1px #dfdede solid;}
#content #basket-page table.basket td {border:0; margin: 1px; border: 1px gray solid;}
#content #basket-page table.basket th {text-align: left; border: 0px;  border: 1px gray solid; }
#content #basket-page table.basket th.quantity {width: 60px;}
#content #basket-page table.basket th.price {width: 100px;}
#content #basket-page table.basket th.del {width: 20px;}
#content #basket-page .under-table {width: 50%;}
#content #basket-page .btn-next {float: right;}

#content .compare .lock {float: left; width: 200px; padding: 0px 0px; }
#content .compare .lock table {border-left: 1px #c8c8c8 solid; }
#content .compare .scroll {float: right; width: 363px; overflow-x: scroll; padding: 0px 1px; }
#content .compare table {border-collapse: collapse;  background-color: #f2f2f2;}
#content .compare table tr.nadpisy {height: 70px;}
#content .compare table tr {height: 57px;}
#content .compare table .sud {background-color: #FFFFFF;}
#content .compare table td.image {width: 39px; border: 0;}
#content .compare table .item-image{float:left; width: 39px; height: 53px;}
#content .compare table .item-image img{max-width: 39px; max-height: 53px;}
#content .compare table .h3 a {}
#content .compare table td, 
#content .compare table th {text-align: center; vertical-align: middle; border-right: 1px #c8c8c8 solid;}


#bottom {
  clear:both; 
  width:934px;
  padding: 0 8px; 
  height: 42px; 
  line-height: 42px; 
  background: url(images/bg_foot.png) repeat-x top;
  color: white;
  font-size: 11px;
  overflow: hidden;
}
#bottom a {
  color: white;
  text-decoration: none;
}
#bottom a:hover {text-decoration: underline;}
#logomoon {margin-bottom: -1px;}
#bottom .float-right {
  *margin-top: 10px;
}
#bottom-custom {width: 700px; overflow: hidden;}

#systems {float:left; width:950px; background-color:#ccc;}
#systems ul li {float:left; margin-right:20px;}

#partners {float:left; width:950px; padding: 5px 0; height: 15px;}
#partners ul {padding-top: 0; margin-top: 0;}
#partners ul li {float:left; margin-right:20px; list-style: none;}