@import url("style.css");

body {
	color : #464646;
	font-family : Verdana, "Verdana CE", "Arial CE", "Helvetica CE", Arial, sans-serif;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff; 
	
	text-align: center; /* kvuli IE */
}

a {
	color: #FD0700;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	color: #000000;
	font-size: 20px;
	font-weight: normal;
}

h2 {
	color: #000000;
	font-size: 16px;
}

h3 {
	margin: 20px 0 13px 0;
	color: #000000;
	font-size: 14px;
}

h4 {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

td {
	_font-size: 11px;
}

a img {
	border: none;
}


#page {
	width: 770px;
	margin: 0 auto;
	padding: 0 0;
	text-align: left;
}

#header {
	width: 770px;
	height: 35px;
	margin: 20px 0 0px 0;
	color: #BFBFBF;
	font-size: 9px;
	line-height: 38px;
	text-align: right;
}
	
	#header a.click {
		color: #BFBFBF;
		
	}

#top {
	width: 770px;
	height: 40px;
	line-height: 40px;
	background: url(picture/mask/top-bgr.gif) 0 0 repeat-x #696969;
}
	#top .left {
		float: left;
		display: block;
		width: 210px;
		height: 40px;
		margin: 0 0;
		padding: 0 0;
		text-align: right;
		line-height: 40px;
		color: #ffffff;
		background: url(picture/mask/top-left-bgr.gif) 0 0 repeat-x #696969;
	}
		#top .left img {
			margin: 15px 10px 0 0;
			_margin-top: 16px;
		}
		
	#menu-top {
		display: block;
		margin: 0 0;
		padding: 0 0;
		vertical-align: middle;
	}
		
		#menu-top li {
			display: block;
			float: left;
			margin: 0 0 0 17px;
			padding: 0 0;
			list-style: none;
		}
		
		#menu-top a {
			padding: 0 0 0 17px;
			color: #ffffff;
			font-size: 10px;
			font-weight: bold;
			text-transform: uppercase;
			background: url(picture/mask/menu-top-button.gif) 0 0 no-repeat;
		}
		
		#menu-top a.click {
			color: #000000;
			background: url(picture/mask/menu-top-button-click.gif) 0 0 no-repeat;
		}
		
			#menu-top a:hover {
				text-decoration: underline;
			}
		
#container-hp , #container {
	float: left;
	background: url(picture/mask/container-hp-bgr2.jpg)  left bottom no-repeat;
	_margin: 0 -3px 0 0;
	
	margin-bottom: 2px;
}

#container {
	position: relative; left: 0px; top: 0px;
	background: url(picture/mask/tmp-bgr.gif) 0 0 repeat-y;
	border: none;
	padding: 0 0 0 0px;
}

#left {
	float: left;
	width: 210px;
	margin: 0px 0 0 0px;
	padding: 2px 0 250px 0; 
	_margin-right: -3px;
}
#container-hp #left {
	padding: 2px 0 100px 0;
}

#b-logo {
	float: left;
	position: absolute; left: 1px; bottom: 0px;
	width: 208px;
	height: 250px;
	background: url(picture/mask/container-bgr.jpg) 0px 0 no-repeat;
}
	
	#intro {
		margin: 0 15px;
		padding: 0 0 15px 0;
	}
		#intro h3 {
			display: inline;
			font-size: 14px;
			font-weight: bold;
		}
		
		#intro a {
			text-decoration: underline;
		}
			
			#intro a:hover {
				text-decoration: none;
			}
	
	#menu-left-tree {
		width: 210px;
		margin: 0 0;
		padding: 0 0;
		font-size: 11px;
		text-transform: uppercase;
		background: #FD0606;
	}
	
	.menutree {
		margin: 0 0;
		padding: 15px 0;
	}
		
		.menutree hr {
			display: block;
			height: 1px;
			/* margin: 2em 0; */
			border: none;
			border-bottom: 1px solid #E5E5E5;
		}
		}
		
		.menutree .submenu {
			margin: 0 0 0 18px;
			font-size: 10px;
		}
		
		.menutree a {
			display: block;
			margin: 0 0 0 14px;
			padding: 0px 0 0 0;
			color: #ffffff;
			font-weight: bold;
		}
		
		/* polozka s podmenu - klikla */
		.menutree a.active-item-submenu , .menutree a.item-submenu , .menutree a.active-item-in-submenu , .menutree a.active-item , .menutree a.normal-item {
			display: block;
			padding: 2px 0 2px 18px;
			background: url(picture/mask/menu-left-button-click.gif) 0 2px no-repeat;
		}
		
		/* prvni polozka bez decka neklikla */
		.menutree a.normal-item {
			background: url(picture/mask/menu-left-button.gif) 1px 3px no-repeat;
		}
		.menutree a.item-submenu {
			background: url(picture/mask/menu-left-button.gif) 0 0 no-repeat;
		}
		
		.menutree .submenu a.normal-item , .menutree .submenu .active-item  {
			display: block;
			padding: 2px 0 2px 7px;
			font-weight: normal;
			background: url(picture/mask/arrow-li.gif) 0 7px no-repeat;
		}
		
		/* podpolozka - klikla */
		.menutree .submenu .active-item {
			color: #000000;
		}
		
	#collection {
		margin: 0 15px;
		padding: 0 1px 15px 1px;
		font-size: 12px;
	}
		
		#collection a {
			text-decoration: underline;
		}
		#collection a:hover {
			text-decoration: none;
		}
		
		#collection h3 {
			font-size: 15px;
			font-weight: bold;
		}
				
#right {
	width: 560px;
	margin: 0 0 0 210px;
	_margin-left: -3px;
	padding: 2px 0 0 0;
	background: #ffffff;
}
	
	#slogan {
		width: 560px;
		height: 165px;
		margin: 0 0;
		padding: 0 0;
	}
	
	#content-hp {
		width: 560px;
		height: 344px;
		margin: 1px 0 0 0;
		padding: 0 0 0 0;
		color: #ffffff;
		font-weight: bold;
		background: url(picture/mask/content-hp-bgr.jpg) 0 0 no-repeat #D30505;
	}
		
		#news-hp {
			position: relative; left: 0; top: 0;
			float: left;
			width: 50%;
			padding: 20px 0 0 0;
		}
		
			#news-hp .item {
				height: 150px;
				padding: 10px 24px 0 24px;
			}
			
			#news-hp .item a {
				color: #FCC606;
				
				text-decoration: underline;
			}
				#news-hp .item a.title {
					font-size: 13px;
				}
				#news-hp .item a:hover {
					text-decoration: none;
				}
			
			#news-hp .news-link {
				position: absolute; bottom: 20px; left: 23px;
				padding: 0 0 0 17px;
				color: #FCC606;
				font-size: 14px;
				background: url(picture/mask/arrow.gif) 0 2px no-repeat;
			}
		
		#image {
			margin: 0 0 0 50%;
		}
			
			#image img {
				margin: 20px 0 0 0;
				border: none;
			}
			
			#image a {
				display: block;
				height: 150px;
				padding: 10px 24px 0 24px;
			}
			
	
	#image-top {
		width: 560px;
		height: 90px;
		margin: 0 0;
		padding: 0 0;
	}
	
	#content , div.content {
		/* _width: 499px; */
		margin: 1px 0 0 0;
		padding: 1px 30px 20px 30px;
		/* _overflow: hidden; */
		color: #505152;
		border: none;
		border-top: 2px solid #FD0606;
		border-right: 1px solid #E1E1E1;
	}
		
		/* casti pod textem - formular atd */
		div.content {
			border-top: none;
		}
		
		#quicknav {
			padding: 3px 0 0 0;
			text-align: right;
			color: #000000;
		}
		
		#content ul {
			margin: 0 0;
			padding: 0 0;
		}
		
			#content ul li {
				margin: 0 0;
				padding: 0 0 0 10px;
				list-style: none;
				background: url(picture/mask/arrow-li.gif) 0 5px no-repeat;
			}
			
#bottom {
	clear: both;
	height: 50px;
	margin: 0px 0 0 0;
	background: url(picture/mask/bottom-bgr.gif) 0 0 no-repeat #CFCFCF;
}
	
	#menu-bottom {
		float: right;
		width: 560px;
		
		padding: 0.5em 0;
		text-align: center;
	}
		
		#menu-bottom a {
			text-transform: lowercase;
		}
	
#footer {
	display: block;
	margin: 3px 0 0 0;
	padding: 0 0;
	font-size: 10px;
	font-style: normal;
	color: #6C6E70;
}
	
	#copyright {
		float: right;
		margin: 0 0 0 0;
		padding: 0 0 1em 0;
		width: 215px;
		text-align: right;
	}

.oddelovac {
	display: block;
	/* width: 80%; */
	height: 1px;
	margin: 1em auto;
	text-align: center;
	border: none;
	border-bottom: 1px solid silver;
}

/* FORMULARE */

.s-form-input {
	background: #F2F2F2;
	border: 1px solid #C1C6CA;
}

.s-form-tarea {
	background: #F2F2F2;
	border: 1px solid #C1C6CA;
}

.sub-prih {
	background: #F2F2F2;
	border: 1px solid #C1C6CA;
}

#navigation {
	display: block;
	margin: 2em 0;
	text-align: right;
}
	
	#navigation span {
		display: block;
		float: left;
		width: 400px;
		text-align: left;
	}
		
		#navigation a {
			padding: 0 0 0 10px;
			background: url(picture/mask/arrow-left.gif) 0 5px no-repeat;
		}
		
		#navigation span a {
			padding-right: 10px;
		}
	
		#navigation .top {
			background: url(picture/mask/arrow-top.gif) 0 5px no-repeat;
		}
		
		#navigation .print {
			background: url(picture/mask/arrow-print.gif) 0 5px no-repeat;
		}

/* KATALOG */

	/* VYPIS PRODUKTU */
	table.cat-list {
		width: 500px;
		margin-bottom: 20px;
	}
		
		
		.cat-list thead th , .cat-list thead td {
			font-size: 12px; 
			font-weight: bold;
			padding-bottom: 4px;
		}
		
		/* jednotlive produkty */
		.cat-list tbody td {
			padding: 7px 10px;
			color: #505152;
			font-size: 11px;
			background: #ECECEC;
		}
		
		/* paticka pod produkty */
		.cat-list th {
			color: #A6A6A6;
			font-size: 11px;
			font-weight: normal;
			text-align: left;
		}
		
	/* DETAIL PRODUKTU */
	.illustration {
		float: right;
		display: block;
		width: 137px;
		text-align: center;
	}
	
	.label {
		float:left;
        width: 255px;
		_width: 275px;
		padding: 10px 10px;
		background: #FFE25B;
	}
	
	.model-3d
	{
        float:right;
        padding-right:27px;
            
    }
    .model-3d a { display:block;float:left;}
	
	.big-prize,
	.big {
		color: #000000;
		font-size: 15px;
		font-weight: bold;
	}
	.big-prize {
		color: #f00;
    }
	
	.hrule, .hrule2 {
		display: block;
		clear:both;
		height: 1px;
		margin: 2em 0 2em 0;
		border: none;
		border-bottom: 1px solid #E5E5E5;
		padding:0;
	}
   .hrule2 { margin: 0 0 6px 0 ;  _margin-bottom:1px; }

/* PRODEJNY */
.store {
	
}
	
	.store td , .store th {
		font-size: 11px;
		vertical-align: top;
	}
	
	.store th {
		background: #E2E2E2;
	}
	

/* popup okno - DIV */
.popup{position: absolute; z-index: 100; text-align: left; top: 200px; left: 500px; padding: 0px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; filter:alpha(opacity='95');  -moz-opacity: 0.95;  background-color: #D0D0D0;}
.popup-head{text-align: right;}
.popup-body{text-align: left;}


.clearer { line-height:0; width:100%; clear:both; }
/*  nabidka zbozi  */
#offer { width:100%; background:url('picture/mask/offer-bg.gif') 0 0 repeat-y; }
#shop-detail h4 { margin:10px 0 1px 0; color:#000;}
#shop-detail { float:right; width:500px; padding-bottom:20px; }
.shop-offer-item { 
  float:left; 
  width:241px;  
  height:153px;
  overflow: auto;
  margin-top:3px;
  margin-bottom:20px; 
  border-bottom:1px solid #E7E7E7; 
}
#shop-detail .shop-offer-item {
  border-top:1px solid #E7E7E7;
  padding-top:11px;
} 

#menu-vyrobky { text-align:left; margin-top:10px; background:#F4F4F4; padding:4px; }
#menu-vyrobky span { margin:0 5px 0 5px; }
#menu-vyrobky a.click { color:#333; }
#shop-detail-paging {  height:14px; padding:2px;background:#F0F0F0; margin-bottom:2px;} 
#shop-detail-paging a.shop-detail-prev { float:right; margin-right:12px;  background:url('picture/mask/arrow-left.gif') 0 5px no-repeat; padding-left:11px; }
#shop-detail-paging a.shop-detail-next { float:right;  background:url('picture/mask/arrow-right.gif') right 5px no-repeat; padding-right:12px; }

.shop-offer-item .description { display:block; margin:0; padding:0 4px 0 0; width:120px; height:91px; color:#505152; font-size:11px; }
.shop-offer-data { float:left; width:130px; overflow:auto; height:145px; }
.shop-offer-item h2 { margin:0; font-size: 12px; font-weight:bold; height:2.5em; }
.shop-offer-item img { float:left; }
.shop-offer-data-part { clear:both;width:100%; }
.shop-offer-data-part .motto { color:#000; display:block; font-size:13px; }

.shop-offer-table-news { text-align:right; }
.shop-offer-table { width:100%; }
.shop-offer-table td { padding:6px 0 5px 6px; border-color:#fff; vertical-align:top; }
.shop-offer-table th { padding:0 0 0 0; }
.shop-offer-table .gray td { background:#ECECEC; border-bottom:1px solid #fff; border-right:1px solid #fff; }
.shop-offer-table h3 { font-size:112%; padding:0; margin:0; padding-right:10px; float:left; }
.shop-offer-table .titles td { padding:1px 0 24px 6px; }