html {padding:0; margin:0; background:#fff; }
body {position: relative; width:931px; padding:0; margin:0 auto; font-size:14px; font-family:sans-serif;}

strong {font-weight:bold;}
a {text-decoration:underline; color: #4A8ECB;}
a:hover {text-decoration:none; color:gray;}

.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;}

ul#errors {color: red;}

form fieldset {clear:left; padding:0; margin: 0; border: 0;}
form fieldset legend {font-size:14px; font-weight:bold; padding-bottom:10px;}
form fieldset p {margin:0px; clear:left; line-height:16px;}
.dis-label,
form fieldset label {display:block; float:left; width:130px; margin:3px 0 3px 0; font-weight:normal;}
.dis-input {display: block; border: 1px #d4d4d4 solid; background-color: #eaeaea;}
.dis-input,
form fieldset input {
  width: 200px;
  font-size: 12px;
  padding: 2px 2px 0 2px;
  border: 1px #85B7E5 solid;
  background: url(images/input_bg_phraze.jpg) no-repeat;
}
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 {
  width:575px;
  height: 100px;   
  padding: 2px 2px 0 2px;
  border: 1px #85B7E5 solid;
}
form fieldset p.hint {font-style:italic;}

.errors {
  clear:both;
  color:red;
  margin:0 0 4px 110px;
}


p.radio input,
.btn,
.checkbox {width: auto;}

.btn {
  height: 21px;
  font-size: 12px;
  padding:0 0 4px;
  color: white;
  border: 0;
  background: #5697D1 url(images/btn_bg.png) repeat-x bottom;
}

#systems {float:left; width:931px; }
#systems ul li {float:left; margin-right:20px;}



#top {
  position: relative;
  float:left;
  width:931px;
  height: 73px;
  margin-bottom: 12px;
}
#top #logo,
#top #logo h1 {
  display: block;
  position: absolute;
  background: url(images/logo.jpg);
  width: 184px;
  height: 73px;
  margin:0; 
  padding:0;
}
#top #logo h1 a {
  display: block;
  width: 184px;
  height: 73px;  
  color: #015FB6;
  text-decoration: none;
}


#search {
  position: absolute;
  top: 7px;
  right: 0;
  width:739px;
  height: 33px; 
  background: url(images/top_information_search_bg.jpg) no-repeat top;
}

#search form,
#search form fieldset,
#search form fieldset p {
  margin:0;
  padding: 0;
  border: 0;
  width: auto;
}
#search form fieldset legend {
  display: none;
}
#search form input#phraze {
  position: absolute;
  left: 20px;
  top: 6px;
  height: 17px;
  width: 375px;
  font-size: 12px;
  margin:0;
  padding: 0;
  border: 0;
  padding: 2px 4px 0 4px;
  border: 1px #85B7E5 solid;
  background: url(images/input_bg_phraze.jpg);
}
#search form .btn {
  position: absolute;
  left: 412px;
  top: 6px;
  width:80px;
}

#informations {
  position: absolute;
  top: 40px;
  right: 0;
  width: 739px;
  height: 28px; 
  background: url(images/top_information_search_bg.jpg) no-repeat bottom;
}
#informations ul {height: 28px; margin: 0; padding:0; font-size: 12px; font-weight: bold; list-style-type: none;}
#informations ul li {display: block; height: 28px; float:left;}
#informations ul li a {display: block; height: 28px; line-height: 28px; padding: 0 20px; color: black; text-decoration: none;}
#informations ul li a:hover {color:gray;}

#left {float:left; width:180px; margin-right: 12px;}
#right {display: none; float:left; width:200px;}

.box {margin-bottom: 10px;}
.box .h2 {
  float: left; 
  width: 108px; 
  height: 25px;  
  background: url(images/box_h2_bg.jpg) no-repeat; 
}
.box .h2 a,
.box .h2 span {
  display: block; 
  line-height: 25px; 
  color: #0061B6; 
  font-weight:normal;
  line-height:25px;
  padding:0 5px;
  font-size: 12px ;
  text-decoration: none;
}

.box .h2 a:hover {
  color: #4A8ECB;
}
.box .inner {clear: both; padding: 6px 0px 1px 0px; background-color: #F5F5F5; }
.box p {margin: 0 auto;} 

.box input {width: auto;}
.box hr {display: none;}

.box .item {margin-bottom: 6px;}
.box .item {background: url(images/box_item_middle.gif) repeat-y center 0;}
.box .item .iinner {background: url(images/box_item_top.gif) no-repeat center top;}
.box .item .iinner2 {padding: 5px 15px; background: url(images/box_item_bottom.png) no-repeat center bottom;}

.box .href, 
.box .href a {color: black; text-decoration: none;}
.box .href:hover,
.box .href:hover a {color: #4A8ECB;}

.menu ul {padding: 0; margin: 0; list-style-type: none;} 
.menu ul li a {
  display: block; 
  padding: 2px 5px 2px 20px;  
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  background: url(images/arrow_dark_left.jpg) no-repeat left center; 
}
.menu ul ul li a {
  padding-left: 30px;
  background: none;
  font-size: 11px;
}

.white-box {background: url(images/menu_middle.jpg) repeat-y -5px 0;}
.white-box .inner {background: url(images/menu_top.jpg) no-repeat -5px top;}
.white-box .inner2 {
  padding: 15px 10px 19px 10px;
  background: url(images/menu_bottom.jpg) no-repeat -5px bottom;
}


#navigation {font-weight: bold; font-size: 12px; margin-bottom: 10px;}
#navigation p {padding: 0; margin: 0;}
#navigation a {font-weight: normal; text-decoration: none; padding: 0 2px;}
#navigation a:hover {text-decoration: underline;}

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

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

.bigbox {clear: both; background: url(images/bigbox_bg_middle.jpg) repeat-y -5px center;}
.bigbox .inner {background: url(images/bigbox_bg_top.jpg) no-repeat -5px top;}
.bigbox .inner2 {
  padding: 13px 15px 20px 10px;
  background: url(images/bigbox_bg_bottom.jpg) no-repeat -5px bottom;
}

#content .content-items {color: #4A8ECB;}
#content .content-items h3 {color: black; margin:10px 0 -13px 0 ; padding: 0;}
#content .content-items h3 a {color: black; text-decoration: none;}
#content .content-items p small {display: block; color: black; margin: 0 0 -10px 0; padding: 0;}
#content .content-items .href:hover {color: black;}

#content form#filter-form {font-size: 10px;}
#content form#filter-form,
#content form#filter-form fieldset,
#content form#filter-form fieldset p,  
#content form#filter-form fieldset legend {padding: 0; margin: 0; border: 0;}
#content form#filter-form fieldset legend {font-size: 12px;}
#content form#filter-form fieldset.params div.param-nadpis {clear: both; width: 100%;} 
#content form#filter-form fieldset.params div.param-nadpis label {width: 100%;}
#content form#filter-form fieldset.params div.param {float: left;} 
#content form#filter-form fieldset.params div.param label {width: 235px; font-weight: normal;}
#content form#filter-form fieldset.params div.param input {width: auto; height: auto;}

#content #hp_image {
  position: relative;
  height: 337px;
  background: url(images/index_image.jpg) no-repeat center;
}
#content #hp_image a#hledej_btn,
#content #hp_image a#reg_btn {display: block; position: absolute; width: 128px; height: 124px;}

#content #hp_image a#hledej_btn {top: 36px; left: 0; background: url(images/index_vyhledat_btn.jpg) no-repeat;}
#content #hp_image a#reg_btn {top: 159px; left: 0; background: url(images/index_reg_btn.jpg) no-repeat;}
 
#content h2.darkblue {
  background:transparent url(images/hp_search_h2.jpg) no-repeat scroll 0 0;
  color:white;
  font-size:12px;
  height:23px;
  line-height:23px;
  margin:0;
  padding:0 5px;
  width: 185px;
  float: none;
}
#content #hp_search {
  width: 739px;
  border-collapse: collapse;
  color: #0061B6;
}
#content #hp_search th#left_col {
  width: 500px;
}
#content #hp_search th#right_col{
}

#content #hp_search td, 
#content #hp_search th {
  padding: 3px 5px;
  vertical-align: top;
}

#content #hp_search thead {
  height: 19px;
  line-height: 19px;
  background: url(images/hp_search_head.jpg);
}
#content #hp_search thead th {
  text-align: left;
  font-weight: normal;
  font-size: 12px;
}
#content #hp_search tbody {
  /*height: 292px;*/
  background: url(images/hp_search_bg.jpg);
}

#content #hp_search p {float: left; margin: 0; padding: 6px 0; width: 200px;}

#content #hp_search label {
  display: block;
  padding: 0;
}

#content h2 {
  float: left;
  height: 25px;
  line-height: 25px; 
  color: black; 
  font-weight:normal;
  line-height:25px;
  font-size: 12px ;
  margin: 10px 0px -5px 6px;
  padding: 0;
  background: url(images/content_box1_h2_middle.jpg) repeat-x;
}
#content h2 a,
#content h2 span {
  display: block; 
  color: black;
  text-decoration: none;
  background: url(images/content_box1_h2_left.jpg) no-repeat left;
}
#content h2 a span,
#content h2 span span {
  display: block; 
  padding:0 5px;
  background: url(images/content_box1_h2_right.jpg) no-repeat right;
}

#content div.box1 {
  clear: both;
  min-height: 172px;
  padding: 6px 10px 1px 10px;
  font-size: 13px;
  color: #0061B6; 
  background: url(images/content_box1_bg.jpg) repeat-x bottom;
}

#content .catalog {
  clear: both;
  background: #f7f7f7;
  padding: 15px 0 15px 15px;
  -moz-border-radius: 10px;
  -moz-border-radius-topleft: 0;
}

#content .catalog .item {
  display: block;
  position: relative;
  float: left;
  width: 178px;
  height: 169px;
  overflow: hidden;
  background: url(images/catalog_item.jpg);
}
#content .catalog .item .inner {
  padding: 16px 20px 20px 16px;
}
#content .catalog .item h3 {
  font-size:13px;
  height:2.1em;
  line-height:13px;
  margin:0 0 10px;
  overflow:hidden;
  text-align:left;
  width:145px;
}
#content .catalog .item h3 a {text-decoration: none; overflow: hidden;}

#content .catalog .item p {font-size: 12px; padding: 0; margin: 0;}
#content .catalog .item p.adresa {height: 60px; overflow: hidden;}

#content .catalog .item p strong {color: #0061B6; padding-right: 2px;}

#content .catalog .item a.detail {
  display: block;
  height: 30px;
  width: 168px;
  position: absolute;
  bottom: 7px;
  left: 3px;
}
#content .catalog .big {
  width: 360px;
  height: 207px;
  background: url(images/catalog_item_big.jpg) no-repeat -3px 0;  
}
#content .catalog .big h3 {height:1.3em; font-size: 17px; width:100%; } 
#content .catalog .big p { font-size: 13px;  width: 130px}
#content .catalog .big p.adresa {height: 100px;}
#content .catalog .big a.detail {bottom:8px; left:1px; width:351px;}
#content .catalog .big ul.kategorie {
  position: absolute;
  top: 38px;
  left: 175px;
  padding:0 22px 0 0;
  margin: 0;
  height:127px;
  font-size: 12px;
  color: #0061B6;
  list-style-type: none;
  overflow:hidden;
}
#content .catalog .big ul.kategorie li.nadpis {
  font-size: 15px;
  margin: 0 0 5px 0; 
}

#content div.product {
  clear: both;
  background: #f7f7f7;
  padding: 1px 0 12px 10px;
  -moz-border-radius: 10px;
  -moz-border-radius-topleft: 0;
}

#content div.product div.product-information {
  position: relative;
  width: 721px;
  height: 333px; 
  background: url(images/detaul_bg.jpg);
}

#content div.product div.product-information h2 {
  display: block;
  height: 42px;
  line-height: 42px;
  color: white;
  font-weight: bold;
  font-size: 22px;
  float: none;
  padding: 0 20px 0 50px; 
  background: none;
}

#content div.product div.product-information div.vlevo {
  position: absolute;
  top: 40px;
  left: 15px;
  width: 316px;
}
#content div.product div.product-information div.vpravo {
  position: absolute;
  top: 43px;
  right: 15px;
  width: 368px;
  height: 270px;
  background: url(images/detail_box_white.gif) no-repeat;
}
#content div.product div.perex {
  margin-top: 10px;
} 

#content div.product div.product-information div.vpravo ul {
  float: left;
  width: 140px;
  font-size: 12px;
  list-style: none;
  padding: 20px 0 0 20px;
  margin: 0;
  height: 230px;
  overflow: hidden;
}
#content div.product div.product-information div.vpravo li {
  background: url(images/odrazka.jpg) no-repeat left 4px;
  padding: 2px 0 2px 20px;
}
#content div.product div.product-information div.vpravo li a {
  color: black;
  text-decoration: none;
}
#content div.product div.product-information div.vpravo li a:hover {
  color: #0061B6;
}
#content div.product table {
 margin-top: 10px;
 width: 314px;
}
#content div.product table td,
#content div.product table th {padding: 2px 0;}

#content div.product h4, 
#content div.product table th {
  color:#0061B6;
  font-size:11px;
  letter-spacing:1px;
  text-align: left;
  margin:6px 0 2px;
  text-transform:uppercase;
}


#content ul#bookmarks {
  float: left; 
  width:100%; 
  height:23px; 
  padding:0; 
  margin: 10px 0 -5px 14px;
  list-style:none;
}
#content ul#bookmarks li {
  float:left; 
  height:23px; 
  line-height:23px; 
  margin:0; 
  margin-right:5px;
}
#content ul#bookmarks li a,
#content ul#bookmarks li span {
  display: block; 
  height: 23px;
  line-height:23px;
  text-decoration: none;
}
#content ul#bookmarks li a span,
#content ul#bookmarks li span span {
  display: block;
  float: left;
  height: 23px;
  line-height:23px;
}
#content ul#bookmarks li a span span,
#content ul#bookmarks li span span span {
  padding: 0 20px;
}
#content ul#bookmarks li a.open,
#content ul#bookmarks li span.open {color: white; background: url(images/bookmark_dark_middle.png) repeat-x;}
#content ul#bookmarks li a.open span,
#content ul#bookmarks li span.open span {background: url(images/bookmark_dark_left.png) no-repeat left;}
#content ul#bookmarks li a.open span span,
#content ul#bookmarks li span.open span span {background: url(images/bookmark_dark_right.png) no-repeat right;}

#content .bookmark h3 {margin-top:0;}
#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;    }
#content .bookmark form fieldset input#captcha-input {margin-left: 180px;}
#content .bookmark form fieldset#fieldset-captchaform img {border: 1px #85B7E5 solid; width: 204px; }
#content .bookmark form fieldset input.btn {}
#content .bookmark form fieldset textarea {width:300px; height: 100px; margin: 0; padding: 2px; }
#content .bookmark .errors {clear:both; color:red; margin-left: 160px; padding-top: 5px;}

#content .bookmark .disscuss ul {list-style-type: none; margin: 0; padding: 0;}
#content .bookmark .disscuss .item {clear: both; margin-bottom: 5px; padding: 5px;}
#content .bookmark .disscuss .item p {padding:3px 0; margin: 0;}
#content .bookmark .disscuss li .item {}
#content .bookmark .disscuss li li .item {padding-left: 30px;}
#content .bookmark .disscuss li li li .item {padding-left: 60px;}
#content .bookmark .disscuss li li li li .item {padding-left: 90px;}
#content .bookmark .disscuss li li li li li .item {padding-left: 120px;}
#content .bookmark .disscuss li li li li li li .item {padding-left: 150px;}
#content .bookmark .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; padding-right:5px;}
#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 #85B7E5 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;}

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

#enquiry-box .href {font-size: 10px; padding: 5px 20px; }
#enquiry-box .href:hover .pointer {background-color: #4A8ECB}
#enquiry-box .pointer {height: 6px; background-color:#444;}
#enquiry-box .pointer-bg {background-color:#ddd;}

#bottom {clear:both; width:931px; padding-top: 100px; color: #4A8ECB;}
#bottom a {text-decoration: none;}


#partners {float:left; width:931px; }
#partners ul {list-style-type: none; padding: 0; font-size: 10px;}
#partners ul li {float:left; margin-right:10px;}