@import url("globals.css?ver=0");

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

.v-indent {
	display: block;
	margin: 0.25em 0;
	padding: 0 0;
}

.no-vspace {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#page {
	position: relative; left: 0px; top: 0px;
	width: 760px;
	margin: 0 auto;
	padding: 0 0;
	text-align: left;
	background: url(picture/mask/page-bgr.gif) 0 0 repeat-y #ffffff;
}

#top {
	width: 760px;
	height: 96px;
	margin: 0 0;
	padding: 0 0;
	background: #ffffff;
}
	
	#top img {
		border: none;
	}
	
	#logo {
		position: absolute; left: 0px; top: 0px;
		width: 220px;
		height: 96px;
	}
		
		#logo h1 {
			margin: 0 0;
			padding: 0 0;
		}
	
	#navigation {
		height: 46px;
		text-align: right;
	}
		
		#navigation img {
			margin: 21px 10px 0 0;
		}
	
	#menu-top {
		display: block;
		height: 50px;
		margin: 0 0;
		padding: 0 0;
		text-align: right;
		vertical-align: middle;
		/* text-transform: uppercase; */
		background: url(picture/mask/menu-top-bgr.gif) 0 0 repeat-x;
		
	}
		
		#menu-top li {
			display: inline;
			margin: 0 0;
			padding: 0 21px;
			line-height: 50px;
			list-style: none;
			background: url(picture/mask/menu-top-separator.gif) right 0px no-repeat;
		}
			
			#menu-top li.last {
				background: none;
			}
			
		#menu-top a {
			color: #ffffff;
			font-size: 13px;
			font-weight: bold;
			text-decoration: none;
		}
			
			#menu-top a:hover {
				text-decoration: underline;
			}
			
		#menu-top a.active-item {
			text-decoration: underline;
		}
			
#content {
	clear: both;
	margin: 0 0;
	padding: 0 0;
}
	
	#left {
		float: left;
		width: 220px;
		margin: 0 0;
		padding: 0 0 20px 0;
		_margin-right: -3px;
	}
		
	#left ul {
		display: block;
		width: 190px;
		margin: 20px 15px 0 15px;
		padding: 0 0;
	}
		
		#left ul li {
			display: block;
			list-style: none;
			border-bottom: 1px solid #E0E0E0;
			background: url(picture/mask/menu-left-button.gif) 0 6px no-repeat;
		}
		
		#left li.submenu {
			
			border: none;
			background: none;
		}
			
			#left li.submenu ul {
				display: block;
				margin: 0 0;
				padding: 0 0px;
			}
			
			#left li.submenu ul li {
				display: block;
				margin: 0 0;
				padding: 0 0px;
				background: none;
			}
		
		#left ul a {
			display: block;
			padding: 0 0 0 13px;
			color: #000000;
			font-weight: bold;
			line-height: 1.75em;
			text-decoration: none;
		}
			
			#left ul a:hover {
				color: #EB1018;
				text-decoration: underline;
			}
			
			#left li.submenu ul a {
				font-weight: normal;
			}
		
		#left li.active-item a , #left li.active-item-last a {
			color: #EB1018;
		}
		
		#left li.active-item-in-submenu a {
			color: #009FDB;
		}
			
		#partners {
			margin: 30px 15px;
		}
		
	#right {
		margin: 0 0 0 220px;
		padding: 0 0 0 0;
		_margin: 0 0 0 217px;
	}
		
		#quicknav {
			margin: 7px 0 0 0;
			padding: 4px 0 0 0;
			text-align: right;
			font-size: 11px;
		}
			
			#quicknav a {
				text-decoration: none;
			}
			
			#quicknav a:hover {
				text-decoration: underline;
			}
		
		.banner {
			margin: 1px 0 0 0;
		}
		
		#text, #text-hp {
			padding: 0 20px 30px 20px;
		}
		
		#text-hp {
			padding-bottom: 0px;
		}
		
		#text-hp h2 , #text-hp h3 {
			margin-top: 1.5em;
			margin-bottom: 0.25em;
			color: #009FDB;
			font-size: 18px;
			font-weight: normal;
		}
		
		#text-hp h3 {
			margin-top: 1.5em;
			margin-bottom: 0.25em;
			font-size: 16px;
			font-weight: bold;
		}
		
		#text-hp .intro p {
			padding-top: 2px;
			padding-bottom: 0;
			margin-top: 0;
			margin-bottom: 0;
		}
		
		#text h1 {
			/* margin-top: 0.75em;
			margin-bottom: 0;
			padding: 0 0;
			border: 1px solid red; */
			padding-bottom: 5px;
		}
		
		#text p {
			margin-top: 0px;
			
		}
		
		.news-item , .news-item-first {
			margin: 20px 0 0px 0;
			padding: 20px 0 0px 0;
			background: url(picture/mask/actu-separator.gif) left top no-repeat;
			float: right;
			clear: right;
			width: 500px;
		}
			
			.news-item-first {
				margin: 0 0;
				padding: 0 0;
				background: none;
			}
			
			.news-item img , .product-item img {
				margin: 0 0 0 20px;
				border: 2px solid #FF0000;
			}
			
		.product-item {
			clear: right;
			margin: 0 0 1.5em 0;
			
		}
		
		/* VYPIS PRODUKTU NA HP - dole */
		#product-hp {
			float: left;
			margin: 6px 0 40px 0;
		}
			
			#product-hp ul {
				float: left;
				width: 249px;
				_width: 245px;
				margin: 0 0;
				padding: 0 0 0 20px;
				_padding-left: 24px;
			}
			
			#product-hp ul.first {
				border-right: 1px solid #D5D5D5;
			}
				
				#product-hp ul li {
					margin: 0 0;
					padding: 0 0;
					list-style: none;
					
					display: block;
					padding: 1px 0 0 24px;
					min-height: 24px;
					_height: 24px;
					background: url(picture/mask/link-button.gif) 0 0 no-repeat;
				}
			
			#product-hp a {
				color: #ED1C24;
				font-size: 14px;
				font-weight: bold;
			}
		
#footer {
	clear: both;
	position: relative; left: 0; top: 0;
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	border-top: 6px solid #DADCDE;
	
	
}
	
	#address {
		position: absolute; left: 0; top: 0px; _top: 6px;
		display: block;
		width: 220px;
		margin: 0 0;
		padding: 0 0;
		background: #B3B3B4;
	}
		
		#address address {
			display: block;
			margin: 0 0;
			padding: 13px 13px;
			_padding: 9px 16px;
			color: #F7F7F7;
			font-size: 11px;
			font-style: normal;
			
		}
		
		#address p {
			margin: 0 0;
			padding: 0 0;
		}
		
		
	#menu-bottom {
		display: block;
		height: 42px;
		margin: 0 0 0 221px;
		padding: 0 0;
		text-align: right;
		vertical-align: middle;
		/* text-transform: uppercase; */
		background: url(picture/mask/menu-bottom-bgr.gif) 0 0 repeat-x #DADCDE;
		
	}
		
		#menu-bottom li {
			display: inline;
			margin: 0 0;
			padding: 0 21px;
			line-height: 42px;
			list-style: none;
			background: url(picture/mask/menu-bottom-separator.gif) right 0px no-repeat;
		}
			
			#menu-bottom li.last {
				background: none;
			}
			
		#menu-bottom a {
			color: #ffffff;
			font-size: 13px;
			font-weight: bold;
			text-decoration: none;
		}
			
			#menu-bottom a:hover {
				text-decoration: underline;
			}
			
		#menu-bottom a.active-item {
			text-decoration: underline;
		}
			
	#copyright {
		margin: 0 0;
		padding: 1em 0;
		text-align: right;
		color: #898989;
		font-size: 11px;
		background: #DADCDE;
	}
	
/* Formular hotline */

form.form-hotline {
	margin: 0 0;
	padding: 0 0;
}
	
	form.form-hotline td {
		font-size: 11px;
	}

#subform {
	/* text-align: center; */
	margin: 20px 20px;
}

#hotline1 {
	margin-bottom: 30px;
}

.f-required , .f-must , .f-text-l {
	font-weight: bold;
}

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

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

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

.succ-no, .succ-fill {
	color: #FD0606; font-weight: bold;
}

.succ-yes {
	color: #FD0606; font-weight: bold;
}

/* galerie pod clankem */

#subgallery {
	/* padding: 0 20px 30px 20px; */
	
	margin: 20px 20px;
	text-align: center;
}

/* tabulka s nahledy */
.gal-previews {}

.gal-preview img {
  margin: 9px 9px;
  border: 1px solid #f00;
}

.mask-article {width: 499px; overflow: auto; padding: 0 1px 1px 0;}