body
{
	margin: 8.1em 0 0 0;
	min-width: 800px;
	background: #5c666c url('../img/bg-main.png') repeat-x;
}

div.container
{
	margin: 0 auto;
	float: none;
}

/*----- Header
{
*/
#header
{
	width: 790px;
	position: absolute;
		top: 0;
	background: url('../img/bg-header.png') repeat-x;
}
	div#header div.innerPad
	{
		float: left; width: 100%;
		background: url('../img/bg-header-border-r.gif') top right repeat-y;
	}
		
		#header div.innerPad h1
		{
			margin: 0;
			float: left;
			width: 230px;
			
			background: url('../img/bg-header-border-l.gif') top left repeat-y;
			height: 97px;
		}
			#header div.innerPad h1 span
			{
				display: block;
				width: 204px;
				padding: 0.5em 0 0 0.75em;
			}
				#header div.innerPad h1 span a
				{
					display: block;
					height: 60px;
					text-decoration: none; border: none;
					background: url('../img/videotec-logo.gif') no-repeat;
					text-indent: -6000px;
					overflow: hidden;
				}
	
	#header div#navHolder
	{
		float: right;
		width: 50%;
	}	
	
	/*--- helperNav
	{
	*/
	#header ul.helperNav
	{
		font-size: 0.913em;
		list-style: none;
		float: right;
		margin: 1em 1.5em 1em 0; padding: 0;
	}
		#header ul.helperNav li
		{
			float: left;
			background: none;
			padding: 0; margin: 0;
		}
			#header ul.helperNav li a
			{
				color: #bebebe;
				padding: 0 0.75em;
			}
		
	/*
	}
	*/
	
	
	/*--- mainNav
	{
	*/
	#header ul#mainNav
	{
		margin: 0;
		padding: 0;
		list-style: none;
		float: right; width: 100%;
		font-size: 1.166em;
	}
		#header ul#mainNav li
		{
			float: left; display: inline;
			margin: 0;
			padding: 0;
			background: none;
		}
			#header ul#mainNav li a
			{
				display: block;
				margin: 0 1em 0 1.3em;
				padding: 1.25em 0 1em 0;
				background: none;
				text-decoration: none;
				color: #bebebe;
			}
				#header ul#mainNav li a:hover,
				#header ul#mainNav li.hereLi a
				{
					color: white;
				}
				#header ul#mainNav li.hereLi a
				{
					border-bottom: 4px solid #DD2126;
				}
	/*
	}
	*/

/*
}
*/


/*----- Content
{
*/
#content
{
	background: white url('../img/bg-content-top-left.gif') top left no-repeat;
	margin: 0;
}
	#content .leftContentBottom
	{
		background: url('../img/bg-content-rest-left.gif') 0 350px no-repeat;
	}
	#content .rightContentBottom
	{
		background: url('../img/bg-content-rest-right.gif') 100% 350px no-repeat;
	}
	#content .contentInnerPad
	{
		background: url('../img/bg-content-top-right.gif') top right no-repeat;
		min-height: 475px;
		padding: 0 6px;
	}
	
	/*--- titleHighlight
	{
	*/
	#titleHighlight
	{
		background: #f2f2f2;
	}
		#titleHighlight .leftHolder,
		#titleHighlight .rightHolder
		{
			float: left;
			width: 50%;
		}
		
		#titleHighlight .leftHolder .randomProduct,
		#titleHighlight .rightHolder .innerPad
		{
			padding: 1em 1.5em 1em 1.5em;
		}
	
		#titleHighlight .leftHolder
		{
			background: white url('../img/bg-highlight-grad.gif') left bottom repeat-x;
		}
			
			
		
		ul.spy
		{
			margin: 0;
			padding: 0;
			list-style: none;
		}
			ul.spy li
			{
				margin: 0;
				padding: 0;
				background: none;
			}
		
		#titleHighlight .leftHolder .randomProduct
		{
			background: url('../img/bg-highlight-grad.gif') left bottom repeat-x;
			padding: 1.5em;
			clear: both;
			height: 150px;
		}
			.randomProduct ul,
			.randomProduct ul li
			{
				margin-left: 0;
				padding-left: 0;
			}
		
			.randomProduct img
			{
				float: left;
			}
			
			.randomProduct div.text
			{
				float: right; display: inline;
				width: 60%;
			}
				.randomProduct .text h3
				{
					margin-top: 0.25em;
					color: black;
				}
					div.text h3 span {color: #656565;}
	
	/*
	} titleHighlight
	*/
	
	
	/*--- breadcrumbNav
	{
	*/
	div#breadcrumbNav
	{
		padding: 0.5em 0 1.5em 2em;
		background: url('../img/bg-breadcrumbNav.png') repeat-x;
	}
		#breadcrumbNav p
		{
			margin: 0;
		}
	/*
	}
	*/
	
	
	div#textHolder
	{
		float: left; display: inline;
		width: 70%;
	}
		body.prehled div#textHolder
		{
			width: 100%;
		}
		
		
		div#textHolder .innerPad,
		div#sidebar	.innerPad
		{
			min-height: 275px;
			padding: 0.75em 2em 2em 2em;
		}
		
		body.prehled h2 span
		{
			font-size: 75%;
			color: #aaa;
		}
		body.prehled h2 a
		{
			text-decoration: none;
			color: #222;
		}
		
		div.produkt_holder
		{
			float: left; display: inline;
			width: 47.5%;
			clear: left;
			margin: 0 0 1.5em 0;
		}
			body.prehled div.right_holder
			{
				float: right;
				clear: right;
			}
			
			.produkt_holder img
			{
				float: left;
				margin: 0 1.5em 1em 0;
			}
			
			.produkt_holder p
			{
				clear: right;
			}
				.produkt_holder p a
				{
					display: block;
					overflow: hidden;
				}
			
			.produkt_holder ul
			{
				float: right;
				width: 60%;
			}
				.produkt_holder ul li.noStyle
				{
					background: none;
					padding-left: 0;
				}
	
	/*---- Mapa stranek
	{
	*/
	
	
	ol.mapa_stranek,
	ol.mapa_stranek li
	{
		list-style: none;
		background: transparent;
	}
		ol.mapa_stranek li
		{
			margin: 0 0 0 0;
			padding: 0;
		}
		
		ol.mapa_stranek ol
		{
			margin: 0 0 1.5em 1.5em;
			
		}
			ol.mapa_stranek
			{
				width: 45%;
				float: left;
				margin-right: 5%;
			}
		
		
	/*
	}
	*/
	
	
	
	/*--- extendedFooter
	{
	*/
	div#extendedFooter
	{
		background: #EED3B6 url('../img/bg-kategorie-top.gif') left top repeat-x;
	}
		#extendedFooter .innerPad
		{
			background: url('../img/bg-kategorie-bottom.gif') left bottom repeat-x;
			padding: 1.5em 1.5em 1.5em 2em;
		}
		
		#extendedFooter div.catHolder
		{
			float: left; display: inline;
			margin: 0 5em 0 0;
		}
			#extendedFooter #reseni
			{
				margin-right: 0;
				width: 12em;
			}
			
			#extendedFooter div#prislusenstvi
			{
				margin-right: 18.3em;
			}
			
		#extendedFooter h3
		{
			color: #808080;
		}
		
		#extendedFooter ul
		{
			margin: 0;
		}
		
		#extendedFooter ul li a
		{
			color: #404040;
			text-decoration: none;
		}
			#extendedFooter ul li a:hover
			{
				text-decoration: underline;
				color: black;
			}
	/*
	} / extendedFooter
	*/
	
	
	
/*
}
*/

/*----- Sidebar
{
*/
#sidebar
{
	float: right; display: inline;
	width: 30%;
}

	div#sidebar .innerPad
	{
		padding: 5.79em 0 0 1em;
	}
	
	#sidebar h3
	{
		color: #808080;
	}
	
	ul.relatedProducts li
	{
		clear: both;
	}
	ul.relatedProducts li a
	{
		float: left; width: 100%;
		text-decoration: none;
	}
	
	ul.relatedProducts li a span
	{
		display: block; float: left;
		padding: 0.75em 0 1.25em 0;
	}
		ul.relatedProducts li a img
		{
			float: left; display: block;
			margin: 0 1em 0 0em;
		}
/*
}
*/


/*----- Footer
{
*/
#footer
{
	background: #d6d6d6 url('../img/bg-content-rest-left.gif') 0 0 no-repeat;
}
	#footer .rightContentBottom
	{
		background: url('../img/bg-content-rest-right.gif') 100% 0 no-repeat;
	}
	div#footer .innerPad
	{
		padding: 1em 2em 1.5em 2em;
		background: url('../img/bg-footer-bottom.gif') left bottom no-repeat;
	}
		#footer .innerPad p
		{
			margin: 0;
			font-size: 85%;
			color: #666;
		}
	
	
/*
}
*/



/*----- Nadpisy
{
*/
.imgReplace
{
	text-indent: -6000px;
	overflow: hidden;
}
.prislusenstvi h3
{
	margin-bottom: 0em;
}


/*
}
*/


/*----- a hrefs
{
*/

/*--- arrowBut
{
*/
a {text-decoration:underline;}

a.arrowBut
{
	background: url('../img/a_arrowBut.gif') right center no-repeat;
	padding: 3px 23px 3px 0;
}


/*
}
*/


/*--- pdf
{
*/
a.pdf, a.pdf:visited
{
	display: block;
	background: url("../img/a_pdf.gif") 0px 3px no-repeat;
	padding: 0.25em 0 1em 45px;
	text-decoration: none;
	font-size: 110%;
}
	a.pdf span
	{
		display: block;
		text-decoration: none;
		color: #909090;
		font-size: 85%;
	}
/*
}
*/




/*
}
*/


/*----- Tabulky
{
*/

	
/*
}
*/


/*----- Formulare
{
*/
form
{
	margin: 0 0 1.5em 0;
}

form ol
{
	float: left; width: 100%;
	list-style: none;
	margin: 0 auto 1.5em auto;
	padding: 0;
}
	form ol li
	{
		margin: 0 0 1.875em 0;
		background: transparent;
		padding: 0;
	}
	
	form ol li
	{
		float: left; width: 100%; display: inline;
		list-style: none;
		padding: 0; margin: 0 0 10px 0;
	}
		form ol li label
		{
			float: left; width: 20.0%; display: inline;
			text-align: right;
			padding: 3px 0 0 0;
		}
		form ol li span
		{
			display: block;
			float: left; width: 55%; display: inline;
			text-align: left;
			margin-left: 15px;
		}
	
	form ol.blocky li label
	{
		margin-left: 0.2em;
		display: block;
		clear: both;
	}
		form ol.blocky li span
		{
			display: block;
			clear: both;
			width: 100%;
		}
		form ol li.inline
		{
			float: left;
			margin-right: 1.5em;
		}
	
	form label.require em
	{
		font-style: normal;
		color: red;
	}
	
		
	
	form ol li input,
	form ol select
	{
		width: 100%;
	}
		form ol li.checkboxHolder label,
		form ol li.checkboxHolder span
		{
			float: left;
			clear: none;
			width: auto;
		}
		
		form ol span.checkbox input
		{
			float: left;
			clear: none;
			width: 13px;
			margin: 0 4px 0.581em 0;
		}
	
	form p
	{
		margin: 0;
	}
	
	form input.submitBut
	{
		font-size: 1.332em;
	}	
	form input.delete
	{
		color: red;
	}
	
	form input.veryUseful
	{
		position: absolute;
		display: none;
	}
	
	form input.submitInput
	{
		font-size: 1.2em;
	}
	
	form#cenikLog
	{
		margin-top: 1em;
	}

/*
}
*/


/*------ Ostatni
{
*/
ul, ol
{
	margin: 0 0 1.5em 0;
	padding: 0;
}
	ul li, ol li,
	.randomProduct ul li
	{
		margin: 0;
		padding: 0 0 0 1.2em;
		background: url('../img/bg-li.gif') 1px 0.7em no-repeat;
	}

	ul
	{
		list-style: none;
	}
	ul.noStyle, ol.noStyle, ul.noStyle li { list-style: none; background: none; }
	
	ul.noIndent li, ol.noIndent li { padding-left: 0; background: none;}
	
	dl#kontaktInfo {
		margin-top: 0;
		float: left; display: inline;
		width: 30%;
	}
	
	dl
	{
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	 	dl dd
		{
			margin: 0;
		}
	
		dl#kontaktInfo dt {
			margin-top: -3px;
			font-size: 100%;
		}

		div#mapLink {
			float: right; display: inline;
			width: 495px;
		}
	
	
hr
{
	background: #ddd;
	color: #ddd;
}

span.floatStop, div.floatStop {
	display: block;
	clear: both;
	line-height: 0.01%;
	height: 0.01em;
	font-size: 0.01%;
}

img.iluPicRgt {
	float: right; display: inline;
	margin: 3px 0 7px 15px;
}
img.iluPicLft {
	float: left; display: inline;
	margin: 3px 15px 7px 0;
}

.toLeft {text-align: left;}
.toCenter {text-align: center; margin-left: auto; margin-right: auto;}
.toRight {text-align: right;}

.fltLft {display: block; float: left;}
.fltRgt {display: block; float: right;}
.fltNone {float: none;}

.clrRgt {clear: right;}
.clrLft {clear: left;}
.clrBth {clear: both;}

.bordered { border: 2px solid #e9e9e9; }
.noBorder {border: none;}
.noMargin {margin: 0;}
.noDecor {text-decoration: none;}

.disBlock {display: block !important;}
.disInline {display: inline;}
.disNone {display: none !important;}
.screenHide { position: absolute; overflow: none; left: -6000px; }


.errorMsg, .okMsg
{
	border: 1px solid red;
	padding: 0.5em 1em;
	width: 45%;
	background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;
}
	.okMsg
	{
		background:#E6EFC2;color:#264409;border-color:#C6D880;
	}

.w-5{width: 5%;}
.w-10{width: 10%;}
.w-15{width: 15%;}
.w-20{width: 20%;}
.w-25{width: 25%;}
.w-30{width: 30%;}
.w-35{width: 35%;}
.w-40{width: 40%;}
.w-45{width: 45%;}
.w-50{width: 50%;}
.w-55{width: 55%;}
.w-60{width: 60%;}
.w-65{width: 65%;}
.w-70{width: 70%;}
.w-75{width: 75%;}
.w-80{width: 80%;}
.w-85{width: 85%;}
.w-90{width: 90%;}
.w-95{width: 95%;}
.w-100{width: 100%;}
/*
}
*/