html,body{
	margin: 0px; padding: 0px;
	font-size: 12px; font-family: Arial, Tahoma, Verdana, arial, sans-serif; font-weight:normal;
	color:#666666;
	background:#10a2dd url('../images/main/bkg.png') top left repeat-y;	
	height:100%;
}


/***************************** 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; }
#keyboardMsg a{
  padding: 4px;
  color: black;
  background-color: #e0e0e0;
  font-weight: bold;
}
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ 
    background-image: url(./../images/lightbox_overlay.png); 
}

/***************************** /LIGHTBOX ****************************/



a{
color: #7B4A0A;
}

a:hover{
color:#000;
}



.thumbleft{
  float: left;
  border: 3px solid #fff;
  margin: 0px 20px 10px 0px;
  
}

#c_top{margin-top: 10px;margin-right: 20px;}

	#box_search
	{
		float:right;
		width:335px; height:43px;
		padding: 7px 12px;
		background: url('../images/main/box_sr.png') top left no-repeat;
	}
	
	#box_search table{
    margin-left: 10px;
  }
	
	#box_search form{
    display: inline;
  }
  
  .banner{
	height:117px;
    width: 563px;
    background: #D7D7CF;
    margin: 0px 30px 20px 30px;
    text-align:center;
  }
  
  .tlac, .button{
    background: #1FC5E9 url('../images/main/bgtlac.png') repeat-x;
    color: #fff;
    border: 2px solid #fff;
    font-size: 9px;
    font-family: verdana;
    font-weight: bold;
    cursor:pointer;
  }
  
  #box_search td{font-size: 10px;}
  
  #searchinput{
    background: url('../images/main/bgsearch.png');
    height: 19px;
    display: block;
    width: 158px; 
  }
  #searchinput input{
    width: 140px;
    border: 0px;
    background: transparent;
    font-size: 9px;
    margin: 0px 5px ;
    padding: 3px 5px 3px 5px;
  }
	
	#box_cart
	{
		float:right;
		font-size: 10px;
		font-family: tahoma;
		overflow: hidden;
		padding-top: 14px;
		width:230px; height:28px;
		text-align: center;
		background: url('../images/main/box_cr.png') top left no-repeat;
	}
	
	#box_cart_text 
	{
		margin: 0px auto; width:200px;
	}

	#box_welcome
	{
	  width: 404px;height:155px;
	  margin-bottom: 20px;
		margin-right: 10px;
		background: url('../images/main/box_w.png') top left no-repeat;
		padding:12px;
		float:left;
		overflow: hidden;
	}
	
	.box_shop
	{
		width:607px; height:135px;
		background: url('../images/main/box_s.png') top left no-repeat;
		padding:12px;
		overflow: hidden;
		position: relative;
		margin-bottom: 20px;
	}
	
	#box_news
	{
    font-weight: bold;
		width: 173px;height:155px;
		margin-bottom: 20px;
		overflow: hidden;
		background: url('../images/main/box_n.png') top left no-repeat;
		padding:12px;
		float:left;
	}
	
	#box_footer
	{
	  margin-top: 60px;
		width: 607px;height: 24px;
		background: url('../images/main/box_f.png') top left no-repeat;
		padding: 12px;
		font-size:10px;
		font-family: verdana;
		clear:both;
	}
	
	#box_footer p{margin: 0px;}
	#box_footer ul{margin: 6px 0px 0px 0px;padding: 0px;}



.clear{
	clear:both;
}


#root{
  height: auto;position: absolute;
	background: url('../images/main/deco2.png') bottom left no-repeat;
	min-height: 100%;
	width: 930px;
}

#deco1{
	position:absolute; 
	left:924px; top:0px;
	width:66px; height:360px;
	background: url('../images/main/deco1.png') top left no-repeat;
	}	
	
#topbkg{
	position:absolute;
	width:100%; height:300px;
	background:url('../images/main/topbkg.png');
	}
	
#content
{
	width:671px;
	float: left;
	background: #EFEFE7 url('../images/main/cbkg.png') top left repeat-x;
	height:100%;
	min-height: 700px;
}

#logo{
	position:absolute;
    margin: 0px;
    width: 303px;
    height: 125px;
    overflow: hidden;
    font-size: 16px;
    top: 0px;
    z-index: 1;
    }
#logo span {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 303px;
		height: 125px;
		background: url('../images/main/logo.png');      
    }
	

#leftnav
{
	float: left;
  padding: 130px 10px 10px 30px;
	font-family: tahoma;
	width:213px;
	background: url('../images/main/menubkg.png') 0px 125px no-repeat;
	z-index: 50;
}

.ul-right{
  position: absolute;
  right: 20px;
  bottom: 20px;
}


/**/

h2{
  font-family: arial;
  font-size: 24px;
  font-weight: bold;
  color: #7B4A0A;
  margin: 0px;padding: 0px;
}

#leftnav ul,#box_news ul, .box_shop ul{
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#leftnav li, #box_news li, .box_shop li{padding: 0px 0px 10px 30px;}
#leftnav li{  background: url('../images/main/liblue.gif') no-repeat;}
#box_news li{background: url('../images/main/liyellow.gif') no-repeat;}
.box_shop li{background: url('../images/main/ligrey.gif')  right no-repeat; padding: 0px 30px 0px 0px; font-weight: bold; margin-bottom: 10px;}

h2.header{
  font-family: arial;
  font-size: 20px;
  font-weight: bold;
  color: #7B4A0A;
  margin: 80px 0px 20px 0px;padding: 0px;
  width: 591px;height: 45px;
  overflow: hidden;
  padding: 25px 20px 0px 20px;
  background: url('../images/main/bgheader.png') no-repeat;


}

.content-text h3{
  margin: 0px 0px 20px 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #10A2DD;
}

.content-text h4{
  margin: 0px 0px 6px 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #10A2DD;
}

#leftnav li a{
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}

#leftnav li a:hover{
  text-decoration: underline;  
}

.box_shop h2{
  font-family: arial;
  font-size: 18px;
  font-weight: bold;
  color: #7B4A0A;
  margin: 0px;padding: 0px;
}

.box_shop p{
  margin: 10px 0px; padding: 0px;
}


#box_news h3{
  font-size: 12px;
  font-weight: bold;
  color: #666;
  padding: 0px;
  margin: 0px 0px 10px 0px;;
}

.shop-item h3, .money{
  font-size: 14px;
  font-weight: bold;
  color: #7B4A0A;
  display: block;
  padding: 10px 0px 10px 0px;
  margin: 0px;
  
}

.shop-item{
  margin-top: 15px;
}

.shop-item .item-container{
  float: left; width: 420px;
}

#leftnav h3{
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0px 10px 0px;
  padding: 0px;
  color: #FFCC33;
  font-weight: bold;
}

.content-padding{
  padding: 0px 10px 0px 20px;
}

.right{float: right;}

#box_welcome p{
  margin: 0px;padding: 10px 0px;
}

.butakce{
  width: 404px;
  height: 17px;
  display: block;
  padding: 9px 0px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  background: url('../images/main/butakce.png') no-repeat;
}

#box_footer ul{
  float: right;
  font-size: 12px;
}

#box_footer li {
  display: block;
  float: left;
  border-left: 1px solid #7B4A0A;
  padding: 0px 10px;
  font-size: 10px;
  font-weight: bold;
  
}


.shop-item .thumb{
  border: 8px solid #fff;
  float: left;
  margin: 0px 20px 10px 0px;
}

.shop-item, .item-container{
  position: relative;
}

.shop-item .shop-add{
  background: #13B7E5 url('../images/main/dokosiku.png') no-repeat;
  height: 26px;
  width: 140px;
  overflow: hidden;
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  text-align: right;
  padding: 9px 20px 0px 0px;
  position: absolute;
  bottom: 10px;
  right: -10px;
}


.num-list li{
  list-style: none;
  float: left;
  margin: 0px 8px;
}

.num-list{
  text-align: center;
}

.num-list-sub{
  margin: 30px auto 0px auto;
  /*width: 22em;*/
}

.num-list-left{
  float: left;
  position: relative;
  top: 3px;
}

.num-list li a{
  color: #347999;
  font-weight: bold;
  padding: 2px 3px;
  border: 2px solid #69B4D6;
  display: block;
  background: #CDE6F2;
}

.num-list li a.active{
  color: #fff;
  background: #69B4D6;
}

.num-list li a:hover{
  color:#000;
  background: #69B4D6;
}

.hr hr{
  display: none;
}

.hr{height: 2px; background: #fff;clear: both}


/* Kosik */

#basket{
  border-collapse: collapse;
  width: 600px;
  margin-bottom: 20px;
}

#basket td{
  border-top: 2px solid #fff;
  padding: 10px 5px;
  vertical-align: top;
}

.b-input, .b-input-100p{
  border: 1px solid #C2C3B5;
  background: #fff;
  width: 195px;
}

.b-nad{
  margin: 20px 0px;
}

.b-input-100p {width: 600px;}

table td{ font-size: 12px;}


.basket-suma td{
  font-size: 14px;
  font-weight: bold;
  color: #10A2DD;
}

tr.basket-suma{
background: #fff;
}

.b-count{width: 20px;}

.b-del{
display:block;
overflow:hidden;
width:10px; height:18px;
background: transparent url('../images/main/del.gif') no-repeat;
}

.buy-center a{
  margin: 0 auto;
}

.buy-center{  text-align: center; margin-top: 20px;}

a.tl-buy{
  background: #13B7E5 url('../images/main/objednat.png') no-repeat;
  height: 26px;
  width: 183px;
  display: block;
  color: #fff;
  font-weight: bold;
  text-align: right;
  padding: 9px 25px 0px 0px;
}

#categories h3{
	background: url('../images/main/ligrey.gif') no-repeat;
	/*height:22px;*/
}

#categories ul {
	padding-top:20px;	
}
#categories li {
	list-style-type: none;
}

#categories li img {
	position:absolute;
}

#categories a{
 padding-left:26px;
}
