.input{
  background: #016d96 url(../img/input_bg.jpg) top;
  width: 180px;
  padding: 7px 7px 6px 7px;
  color: #b8d6e2;
}
.box{
  padding-bottom: 25px;
  background: url(../img/box_bottm.jpg) no-repeat bottom center;
}
.clear{clear: both;}
body{
  background-color: #757575;
  text-align: center;
  font-size: 14px;
}
#wrap{
  width: 1000px;
  margin: 30px auto;
  text-align: left;
}
#top{
  float:left;
  font-size: 12px;
  margin-bottom: 5px;
  margin-left: 10px;
}
#top a{
  color: #fff;
  text-decoration: none;
}
#header{
  background: #f7f8f9 url(../img/main.jpg) no-repeat ;
  width: 1000px;
  height: 187px;
  float:left;
}
#header h1{display:none;}

#navigate{
  float: right;
  width: 155px;
  margin-right: 15px;
  padding-top: 10px;
}
#navigate img{margin-left: 27px;}

#contact{
  clear: right;
  float:right;
  width: 350px;
  padding:15px 20px;
  font-size: 11px;
  height: 70px;
  margin-top: 40px; 
  line-height: 1.3; 
  position: relative;
}
#contact span{
  position: absolute;
  bottom: 10px;
  left: 160px;
  width: 200px;
}
#menu{
  width: 100%;
  float: left;
  background: #015e82 url(../img/menu_bg.jpg) repeat-x top;
}
#menu a{
  display:block;
  width: 104px;
  font-size: 13px;
  height: 33px;
  background: url(../img/top_normal.jpg) no-repeat;
  float:left;
  padding: 10px 0 0 35px;
  color: #fff;
  text-decoration: none;
}
#menu a:hover{
  background: url(../img/top_hover.jpg) no-repeat;
}

#middle{
  background-color: #fff;
  float: left;
  width: 990px;
  padding-right: 10px;
  margin-bottom: 20px;
  padding-bottom: 30px;
}
#left{
  float: left;
  width: 183px;
  padding-bottom: 20px;
}
#left h2{
  font-size: 1em;
  margin: 15px 10px 10px 10px; 
  font-weight: normal;
  padding-bottom:1px;
}
#left ul{
  margin: 0;
}
#left ul li{
  list-style-type: none;
  margin-bottom: 1px;
  width: 100%;
  height: 34px;
  background: #3788a6 url(../img/left_item.jpg) no-repeat top left; 
}
#left ul li a{
  display: block;
  background: url(../img/kolecko.jpg) no-repeat center left;
  margin-left:15px;
  padding: 10px 0 10px 30px;
  color: #fff;
  text-decoration: none;
}
#left ul li a:hover{
  margin-left: 20px;
  padding-left: 25px;
}
#left .box{text-align: justify;}
#left .box h2{border-bottom: 1px dotted #6f6f6f;padding-bottom:5px;}
.new{
  margin: 10px;
  font-size: 13px;
}
.new h3{
 padding: 0px;border-top:0;margin-top: 0px;
}
#right{ 
  float:right;
  overflow: hidden;
  width: 807px;

}
#right #panel{
  width: 100%;
  height: 43px;
  background: #e7e7e7 url(../img/panel_bg.jpg) repeat-x top;
}
#map{
  float: left;
  margin: 17px;
  font-size: 12px;
}
#map a{color: #2582b7;text-decoration: none;}
#map a:hover{text-decoration: underline;}
#search{
  float:right;
  padding:7px 3px;
  width: 308px;
  background: #00aef0 url(../img/search_bg.jpg) repeat-x top;
}
#search *{
  float: left;border:0;
}
#search span{padding: 5px;color: #fff;}
#search .input{margin: 0 13px;}


#base{
  float: left;
  width: 100%;
}
#content{
  padding: 25px;
  padding-bottom: 10px;
  float: left;
  width: 760px;
}
/*noIndex,Index*/
#content.index{
  width: 585px;
}

#b_right{
  margin-top: 25px;
  float:right;
  width: 172px;
  text-align: center;
}
#b_right img{
  margin: 10px auto;
}
#b_right a img{
  margin: 0;
}
#products{
  float:left;
  width: 605px;
  padding: 0 15px;
}
.clear{clear:both;}


#footer{
  float:left;
  color: #aaa;
  margin-bottom: 20px;
  font-size: 11px;
  width: 600px;
}
#footer a{color: #b7b7b7;text-decoration:none;}
#footer a:hover{text-decoration: underline;}
#recommended{
  float:left;
  clear:left;
  color: #aaa;
  font-size: 11px;
  margin-bottom: 20px;
}
/*modules,etc*/
/*catalog*/
#k_top{border-bottom: 1px dotted black;float:left;width: 720px;padding: 10px 0 15px 40px; margin-bottom: 15px;}
#k_items{float: left;clear:left;width: 545px;padding: 20px 107px;display:inline;clear: left;}
#k_items .item{float: left;width: 150px;margin-right: 30px;display:inline;text-align: center;margin-bottom: 10px;height: 230px;}
#k_items .item span{text-decoration: none;margin: 5px 0;display: block;height: 2em;}
#k_items .item h3{color: Black;font-size: 0.9em;border:0;height: 1em;overflow: visible;width: 100%;;padding: 2px;font-weight: bold;text-align: left;}
#k_items .item a{color: #757575;display:block; text-align:right;}
#k_items .item a img{max-width: 122px;height: 122px;margin: 0 auto; border: 11px solid #e8e7e3;display:block;}
#k_items .item a:hover img,#k_items .item a img.CSStoHighlight{border: 11px solid #d0cfcc;}


#i_left{float: left;width: 150px;overflow: hidden;}
#i_right{float: left; padding-left: 20px;width: 415px;}
#i_right p{padding-left: 5px;padding-bottom: 5px;}
#i_images{border: 1px solid gray; padding: 0 5px;margin: 10px 0 30px 0;text-align:center;}
#i_images img{margin: 5px auto;}


.active{font-weight: bold;}

#content .block{
  display: block;
  margin-bottom: 1em;
  text-align: right;
}

#recommended a{color:#aaa;text-decoration: none;}
#recommended a:hover{color: #ccc;}

.button{
  display: block;
  text-align: right;
  text-decoration: none;
  margin: 1em 10px;
  font-size: 80%;
  overflow: hidden;
}
.button span{
  color: #bfd4e4;
  float:right;
  padding-top: 3px;
  height: 18px;
  display: block;
  background: #005699 url(../img/button.jpg) no-repeat top right;
  text-align: center;
  width: 90px;
}
a.button:hover span{
  color: #fff;
}

/*lightbox*/
#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; }
#lightbox img{ border: none; } 
#overlay img{ border: none; }