*{
	padding: 0;
	margin: 0;
}
a img{ border: 0;}
hr{
	display: none;
}
body{
	text-align: center;
	background: #0f679f url('../layout/bodybg.gif') repeat-x 50% 0%;
	font-family: tahoma;
	font-size: 11px;
	color: #333333;
}
.clear{
	clear: both;
}
a{
	color: #225475;
}
a:hover{
	color: #444444;
}
#content{
	position: relative;
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	padding: 324px 0 0 0;
	background: #ffffff;
}

#topblock{
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 324px;
}

#top{
	width: 100%;
	height: 286px;
	background: url('../layout/topbg.jpg') no-repeat 0% 0%;
}
	#logo{
		position: absolute;
		left: 35px;
		top: 10px;
	}
	
		#langs{
		position: absolute;
		right: 25px;
		top: 25px;
	
	}
	#langs a{
		padding: 0 10px 0 23px;
		color: #666666;
		text-decoration: none;
	}

	#langs a.cs{
		background: url('../layout/flag_cs.gif') no-repeat 0% 50%;
	}
	#langs a.sk{
		background: url('../layout/flag_sk.gif') no-repeat 0% 50%;
	}
	#langs a.en{
		background: url('../layout/flag_en.gif') no-repeat 0% 50%;
	}
	#langs a:hover{
		text-decoration: none;
		color: #0c6c9e;border: 0 ;
	}
	
	#menu{
		position: absolute;
		left: 25px;
		top: 90px;
		list-style: none;
	}
	#menu li{
		position: relative;
		display: block;
		background: url('../layout/dotline.gif') repeat-x 0% 100%;
		padding: 4px 0;
		width: 140px;
		font-size: 13px;
		behavior: url('../hover.htc');

	}
	#menu li a{
		color: #ffffff;
		text-decoration: none;
	}
	#menu li a:hover{
		text-decoration: underline;
	}
	#menu li div{
		position: absolute;
		padding: 5px 10px;
		background: #053580 url('../layout/submenubg.gif') repeat-x 0% 0%;
		border: 1px solid #ffffff;
		display: none;
		z-index:2;
		left: 145px;
		top: 3px;
	}
	#menu li div div.ilu{
		position: absolute;
		width: 17px;
		height: 18px;
		background: url('../layout/submenuilu.gif') no-repeat 0% 0%;
		z-index:3;
		left: -17px;
		top: 5px;
		padding: 0;
		border: 0;
	}
	
	#menu li ul{
    list-style: none;
  }
	#menu li:hover div, #menu li.hover div{
		display: block;
	}
	#menu li:hover div ul li div, #menu li.hover div ul li div{
		display: none;
	}
	#menu li:hover div ul li:hover div, #menu li.hover div ul li.hover div{
		display: block;
	}
	
#topmenu{
	height: 38px;
	background: url('../layout/topmenubg.jpg') no-repeat 0% 0%;
}

	.navigace{
		float: left;
		padding: 10px 20px;
	}
	.navigace h2{
		display: inline;
		font-size: 11px;
		font-weight: normal;
		padding: 0 2px;
	}
	
	.kosik{
		float: right;
		padding: 10px 20px;
		width: 150px;
		font-size: 12px;
	}
	.kosik .sign{
		display: block;
		float: left;		
	}
	.kosik .sign a{
		color: #444444;
		text-decoration: underline;
    font-weight: bold;	
	}
	
	.kosik .cena{
		display: block;
		float: right;
		text-align: right;
		width: 100px;
	}
	.kosik .cena strong{
		color: #01aae1;
	}


#obsah{
	background: url('../layout/obsahbg.gif') repeat-y 0% 0%;
	width: 990px;
	padding: 0 10px;
}
	#leftpanel{
		float: left;
		overflow: hidden;
		width: 227px;
		padding: 0 0 0 15px; 
	}
	#rp{
		float: right;
		overflow: hidden;
		width: 737px;
	}
		#obsahpanel{
			float: left;
			overflow: hidden;
			width: 540px;
			padding: 0 10px 0 10px;
		}
		
		
		
		#rightpanel{
			float: right;
			overflow: hidden;
			width: 146px;
			padding: 0 5px;
		}
		
		.banner{
			display: block;
			margin: 10px 0;
		}


#leftpanel h3, #rightpanel h3, #obsahpanel h1, #obsahpanel h2{
	color: #1c130c;
	margin: 15px 0 5px 0;
	font-size: 18px;
	font-weight: normal;
}


#footer{
	background: url('../layout/footerbg.gif') repeat-x 0% 0%;
	height: 120px;
	padding: 0 15px;
	color: #999999;
}
#footer p{
	background: url('../layout/mfootlogo.gif') no-repeat 0% 0%;
	padding: 15px 0 15px 70px;
}
#footer a{
	color: #0e6ba2;
}
#footer a:hover{
	color: #444444;
}


div.leftmenu{
	/*background: url('../layout/leftmenubg.gif') 0% 100% no-repeat;*/
	padding: 0px 0 5px;
}
	div.leftmenu ul{
		list-style: none;
		padding: 10px 15px;
	}
	div.leftmenu ul li{
		border-bottom: 1px solid #e3e3e3;
		padding: 6px 0;
	}
	div.leftmenu ul li a{
		color: #00aae3;
		font-size: 12px;
		text-decoration: none;
	}
	div.leftmenu ul li a:hover{
		font-weight: bold;
	}
	div.leftmenu ul{
	
	}


.novinka{
		padding: 5px 0 15px 0;
}
.novinka h2{
		font-size: 13px;
		font-weight: bold;
		margin: 0 0 5px 0;
}
.time {
	color: #a8a8a8;
	font-size: 10px;
}


.loginform{
	text-align: center;
}
.loginform label{
	float: left;
	display: block;
	width: 40px;
	text-align: left;
}
.loginform input.text{
	border: 1px solid #d3d3d3;
	padding: 2px;
	font-size: 11px;
	width: 80px;
	float: left;
	margin: 0 0 4px 0;
}
.loginform input.submit{
	border: 1px solid #999999;
	background: #d0d0d0;
	padding: 0 2px;
	cursor: pointer;
}


#obsahpanel p{
	padding: 5px 0;
	line-height: 150%;
}

#obsahpanel ul.pul{
  padding: 0 15px;
  list-style: square;
  font-size: 12px;
}
#obsahpanel ul.pul li{
  padding: 3px 0;
}

.centered{ text-align: center; }

.green{ color: #029142; }


.cbanner{
	margin: 15px 0;
}


table.vypis{
	border-collapse: collapse;
	margin: 10px 0;
}
table.vypis th{
	background: #00abe3;
	color: #ffffff;
	padding: 5px;
	font-weight: normal;
}
table.vypis td{
	padding: 10px 5px;
	color: #215374;
	vertical-align: top;
}
table.vypis tr.dark td{
	background: #e5f6fd;
}
table.vypis tr.light td{
	background: #f2fcfe;
}
table.vypis td.tech a{
	font-weight: bold;
	color: #00aae5;
}
table.vypis .obsazeno{
	color: #fe0000;
}
table.vypis .cas{
	width: 180px;
}
table.vypis .date{
	width: 80px;
}
table.vypis .freespace{
	width: 152px;
}
table.vypis .tech{
	width: 80px;
}
table.vypis{

}
table.vypis{

}

div.sorting{
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	padding: 10px 0;
	color: #225474;
}


div.sorting select.l{
	width: 150px;
	margin: 0 5px;
}
div.sorting select.s{
	width: 50px;
	margin: 0 5px;
}

div.types{
	padding: 15px 0 0;
	width: 100%;
}
div.types label.mainlabel{
	float: left;
	width: 51px;
	padding: 1px 0;
}
div.types div.vals{
	float: left;
	width: 470px;
}

div.paging{
	padding: 10px 0;
	color: #225474;
}
div.paging a{
	color: #00aae3;
}


div.produkt{
	background: #f7f7f7;
	width: 155px;
	height: 200px;
	padding: 10px 10px;
	margin: 4px 4px 0 0;
	float: left;
}

div.produkt strong.heading a{
	font-weight: normal;
	text-decoration: none;
}
div.produkt div.img{
	margin: 10px 0;
	text-align: center;
	
}
div.produkt div.img a{
	display: block;
	border: 1px solid #e6e6e6;
	background: #ffffff;
	
}

span.cena{
	float: left;
	font-size: 12px;
	color: #7a7a7a;
}
span.altcolor{
	color: #00aae3;	
}

div.produkt input.tocart{
	border: none;
	background: none;
	float: right;
	color: #00aae3;
	text-decoration: underline;
	font-weight: bold;
}




div.detailtop{
	width: 100%;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	padding: 10px 0;
}

div.detailtop div.img{
	border: 1px solid #e6e6e6;
	width: 163px;
	text-align: center;
	float: left;
}

div.detailtop div.ttds{
	float: left;
	padding: 0 10px;
	width: 350px;
}

div.detailtop div.ttds table{
	border-collapse: collapse;
	width: 100%;
}
div.detailtop div.ttds table td{
	padding: 5px;
}
div.detailtop div.ttds table tr.dark td{
	background: #f7f7f7;
}
div.detailtop div.ttds table tr.light td{
	background: #ffffff;
}
div.detailtop div.ttds table td.label{
	font-weight: bold;
	color: #191411;
	width: 120px;
}
div.detailtop div.ttds table td.val{
	
}
div.detailtop div.ttds table tr.cena td {
	padding: 10px 5px;
}
input.tocart{
	border: none;
	background: none;
	color: #00aae3;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}


div.detailtop div.ttds table input.count{
	border: 1px solid #cccccc;
	padding: 2px;
	width: 20px;
}

div.detailbox{
	margin: 0 0 10px 0;
	width: 100%;
	border-bottom: 1px solid #f2f2f2;
	padding: 10px 0;
}

div.detailbox div.img{
	border: 1px solid #e6e6e6;
	width: 163px;
	text-align: center;
	float: left;
	margin: 5px;
	
}




div.kosiktop{
	padding: 10px 0;
	width: 100%;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

div.kosiktop table{
	border-collapse: collapse;
}
div.kosiktop table th{
	background: #f5f5f5;
	font-weight: normal;
	padding: 5px;
}
div.kosiktop table td{
	padding: 5px;
}
div.kosiktop table tr.foot td{
	background: #f5f5f5;
}
div.kosiktop table .prod{
	width: 240px;
}
div.kosiktop table .del{
	width: 60px;
}
div.kosiktop table .cenaks{
	width: 80px;
	text-align: right;
}
div.kosiktop table .cenacelkem{
	width: 80px;
	text-align: right;
}
div.kosiktop table .ks{
	width: 30px;
	text-align: center;
}
div.kosiktop table .ks input{
	border: 1px solid #dcdcdc;
	width: 18px;
	padding: 1px;
}
div.kosiktop table tr.foot td.bigval{
	text-align: right;
}
div.kosiktop table{

}
div.kosiktop table{

}
div.kosiktop table{

}


.kosikcenasign{
	float: left;
	color: #1c130c;
	margin: 15px 0 5px 0;
	font-size: 18px;
	font-weight: normal;
}
.kosikcenaval{
	float: right;
	color: #00abe3;
	margin: 15px 10px 5px 0;
	font-size: 18px;
	font-weight: normal;
}


input.sendorder{
	border: 1px solid #999999;
	background: #d0d0d0;
	padding: 0 2px;
	cursor: pointer;
	float: right;
}



.widebox{
	width: 280px;
	float: left;
}
.widebox label, .thinbox label{
	float: left;
	display: block;
	padding: 2px 0 0 15px;
}
.req{
	background: url('../layout/req.gif') no-repeat 0% 50%;
}
.widebox label{
	width: 100px;
}
.widebox input.text, .thinbox input.text{
	width: 150px;
	float: left;
	margin: 0 0 4px 0;
	padding: 1px;
	border: 1px solid #e7e7e7;
}
.thinbox textarea{
	padding: 1px;
	width: 150px;
	height: 42px;
	border: 1px solid #e7e7e7;
}

.thinbox{
	width: 250px;
	float: left;
}
.thinbox label{
	width: 70px;
}

.error{color : Red; margin-bottom : 1em; margin-top : 1em;}
ul.error{color : Red; margin-bottom : 2em;}




.gallery{
  display: block;
  float: left;
  padding: 0px;
  margin: 8px;
}

.gallery img{
  border: 6px solid #dcdcdc;
}
.gallery:hover img{
  border: 6px solid #bababa;
}


.registrace{

}

.registrace .left{
  display: block;
  float: left;
  width: 130px;
  padding: 0 0 0 12px;
}

.registrace .right{
  float: left;
  padding: 2px;
  font-size: 11px;
  color: #444444;
  border: 1px solid #cdcdcd;
  margin: 0 0 4px 0;
  width: 160px;
}
.registrace .long{
  padding: 0 0 0 12px;
}

.registrace .submit{
  padding: 3px 5px;
  border: 1px solid #999999;
  background: #f0f0f0;
  margin: 0 0 0 142px;
  cursor: pointer;
}

.nakupni-kosik-0 {
  font-size:13px;
  font-weight:bold;

}
.al_center{margin-left: 0px; margin-top: 10px;}

#darkovyCertifikat .detailbox{padding: 10px; border: 1px solid #F2F2F2;}
.detailbox input{border: 1px solid #e7e7e7;}
.detailbox textarea{border: 1px solid #e7e7e7;}
#venovani{width: 400px; height: 150px; margin-top: 10px;}
.widebox2{margin-top: 5px;}
.widebox2 label{margin-left: 0px; padding-left: 0px; margin-bottom: 10px; margin-right: 25px;}