/*©2005 jan korbel*/
@import url("form.css");
@import url("table.css");

/* BODY */
body {
	font: 70% "Arial", Helvetica, sans-serif;
	margin: 10px 0;
	padding: 0;
	background: #8892A7;
	color: black;
	text-align: center;
}

/* DIVY */
div#allIn {
	text-align: left;
	width: 70em;	/*OPERA*/
	margin: auto;
	padding: 1px 10px 15px 10px;
	background: white url("../img/footer-bg.gif") 50% 98% no-repeat;
}	
	* html div#allIn {
		width: 70.5em; /* jenom pro IE 5.0+ */
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 68.80em;
	}
	:root div#allIn {
		width: 69.2em; /*jenom pro Mozillu*/
	}
	
	
	div#header {
		padding: 10px;
		background-color: #dcdcdc;
		margin: 10px 0 !important;
	}		
			div#logo, div#mission {text-indent: -200em;}
			div#logo {
				float: left; width: 87px; height: 36px;
				background-image: url("../img/velco-logo.gif");
				margin: 0 0 0 10px;
			}	html>body div#logo {
					margin: 0 0 0 20px;
				}
				
				div#mission {
					float: right;
				}

	div#sidebar {float: left; width: 20%;}
			
	/*obsah*/
	div#content {
		float: left; width: 80%;
	}
		div.contentPad {
			margin: 0 0 0 10px;
		}
		
			/* TITULKA */
			div.produktHlavni {
				margin: 0 0 0 5px;
				float: left; width: 294px;
			}	html>body div.produktHlavni {
					margin-left: 10px;	
				}
				div.produktHlavni img, div.produktPreview img,
				div#produktFoto img {
					background: #DCDCDC url("../img/bg-produkt.gif") 0 0 no-repeat;
					padding: 10px;
					display: block;
					margin: 10px;
					voice-family: "\"}\"";
					voice-family: inherit;
					margin: 0;
				} em {top: auto;}
					div#produktFoto img {
						background: #dcdcdc;
					}
				
			div.produktPreview {
				float: left;
				width: 48.3%;
				display: inline;
				margin: 0 0 10px 10px;
				background-color: #DCDCDC;
			}
			
			
			body#titulka div.produktPreview {
				width: 48.99% !important;
			}
				div.produktPreview img {
					float: left;
					background-position: right top;
					margin: 10px 10px 10px 5px;
					voice-family: "\"}\"";
					voice-family: inherit;
					margin: 0;
				} em {top: auto;}
						div.previewText {
							margin: 0 0 0px 115px;
						}
			/* stranka produktu */
			div#produktInfo {
				padding: 0 0 0 10px;
			}
				div#produktFoto, div.contentCol {
					float: left;
					width: 294px;
				}
					div#produktFoto a:link span, div#produktFoto a:visited span {
						display: block;
						float: right;
						color: black;
						text-transform: uppercase;
						position: relative;
							top: -30px;
						margin-bottom: -25px;
						padding: 3px 5px;
						background-color: #02D7FE;
						cursor: pointer;
					}
				div#produktPopis {
					margin: 0 0 0 294px;
				}
					div#produktPopis div {
						padding: 0 0 0 10px;
					}
			
			/* detail produktu */
			div#produktDetail {
				text-align: center;
				margin: 15px 0 0 0;
			}
		
	div#footer {
		padding: 4px;
		margin: 17em 0 1em 0;
		color: white;
		float: right;
		width: 21%;
		background-color: Black;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 20%;
	} em {top: auto;}

	/* DIVY UNIVERZAL */
		.bgColor {background-color: #DCDCDC;}
		
/* HLAVNI MENU */
ul#mainMenu {
	margin: 0 0 10px 0;
	padding: 0;
}

ul#mainMenu li {
	list-style: none;
	display: block;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	text-align: right;
	font-weight: bold;
	border-bottom: 1px solid white;
}
	
		ul#mainMenu li a,ul#mainMenu li a:visited, 
		ul#mainMenu li a:active  {
			display: block;
			padding: 7px 10px 7px 0;
			color: white;
			border: none;
			text-decoration: none;
			background: black url("../img/a-menu-arrow.gif") 14px -61px no-repeat;
		}
			ul#mainMenu li a:hover {
				background-position: 14px 6px;
				border: none;
				color: #02D7FE; /*#00F7FF*/
			}
		ul#mainMenu li.here {
			background: black url("../img/a-menu-arrow.gif") 14px 6px no-repeat;
			padding: 7px 10px 7px 0;
			color: #02D7FE;
		}
/* KONEC HLAVNI MENU */

/*PRODUKTOVE MENU*/

ul.ulPrvni, ul.ulDruhy,
ul.ulPrvni li, ul.ulDruhy li {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}
ul.ulPrvni {
	margin-bottom: 10px;
}
	ul.ulPrvni li, ul.ulDruhy li {
		text-align: right;
		padding: 0;
		background-color: black;
		border-top: 1px solid white;
	}
		ul.ulPrvni li {
			background-color: black;
			border-bottom: 1px solid black;
		}
		ul.ulDruhy li {
			background-color: #4F4F4F;
			border-bottom: 1px solid #4F4F4F;
		}
		
		ul.ulPrvni li a:link, ul.ulPrvni li a:visited {
			font-size: 100%;
			text-transform: uppercase;
			font-weight: bold;
			display: block;
			padding: 3px 10px 2px 0;
			text-decoration: none;
			border: none;
			color: White;
			background-position: 0 -47px;
		}
			ul.ulPrvni li a:hover {
				background: #8A8A8A url("../img/a-submenu.gif") 4px 6px no-repeat;
			}
	
		ul.ulDruhy li a:link, ul.ulDruhy li a:visited {
			font-size: 90%;
			font-weight: normal;
		}
		
/*KONEC PRODUKTOVE MENU*/

/* TEXTOVE PRVKY */
acronym {cursor: help; border-bottom: 2px dotted #333;}

p {
	font-size: 1em;
	line-height: 150%;
	margin: 0 0 1.0em 0;
}

ul, ol {margin: 0.5em 0 0 0;}
	html>body ul, ol {margin: 0.5em 0em 1em 0em;}

	ol li ol.pismena li {list-style: upper-alpha;}
	ol.cisla li {list-style: decimal;}
li {
	font-size: 1em;
	list-style: square;
	margin: 0.5em 0 0.7em 3em;
}
	html>body li {margin-left: 0;}
	
	
table {
	font-size: 1em;
}
/* VLASTNI Pcka */
p.smallPadding {
	padding-left: 7px;
	padding-right: 4px;
	margin: 0;
	line-height: 130%;
}
	div.produktHlavni p.smallPadding {
		padding-left: 10px;
		margin-bottom: 5px; 
	}

div#produktPopis p.zakladniPopis {
	margin: 5px 0 10px 0;
}
	p.zakladniPopis strong {
		font-weight: normal;
		color: #C31875;
	}

span.normalCase {
	text-transform: none;
	font-weight: normal;
}

div#footer p {
	margin: 0;
}
/*--- NADPISY ---*/
h1 {font-size: 1.5em; margin: 0;}
h2 {
	font-size: 1.3em; margin: 0 0 1em 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}
h3 {font-size: 1em; margin: 0 0 0.3em 0; text-transform: uppercase;}
h4 {font-size: 1em; margin: 0 0 0.3em 0;}

/* special nadpisy*/
h3.strongHead, h2.strongHead {
	background-color: Black;
	color: White;
	text-transform: uppercase;
	padding: 3px 0 3px 8px;
	margin: 0 0 0.3em 0;
}

div#content h1 {
	font-size: 110%;
	margin: 0 0 10px 10px;
	text-transform: uppercase;
	padding: 3px 0 3px 35px;
	background: #DCDCDC url("../img/category-head-img.gif") 10px 6px no-repeat;
}
	div#produktInfo h1 {
		margin: 0 0 10px 0;
	}
		div#content h1 span {
			font-weight: normal;
			font-size: 90%;
		}

	body#detailProdukt h1 {
		background: transparent;
		padding: 0;
		font-size: 100%;
		margin: 0 0 30px 10px;
	}
		body#detailProdukt h1 span {
			display: block; float: left;
			font-size: 100%;
			background-color: black;
			color: white;
			padding: 3px 8px;
			margin: 0 0 0 2px;
		}
	
div#sidebar h3.submenuHead {
	text-align: right;
	padding: 3px 10px 2px 0;
	margin: 0;
	background-color: #02D7FF;
	font-weight: normal;
	color: black;
	text-transform: uppercase;
	font-size: 90%;
}

/*cena*/
div.produktPreview h4 {
	font-size: 110%;
	padding: 2px 10px 2px 0;
	margin: 0 0 0 0;
	width: 105px;
	text-align: right;
	clear: left;
	float: left;
	background-color: #02D7FE;
	font-weight: normal;
}

div#produktPopis h2 {
	font-size: 100%;
	color: white;
	text-transform: uppercase;
	background-color: black;
	padding: 3px 0 3px 10px;
	margin: 0;
}
div#produktPopis h3.cena {
	font-size: 110%;
	font-weight: normal;
	background-color: #00D7FF;
	color: Black;
	padding: 2px 4px;
	float: right;
	margin: 0;
}	html>body div#produktPopis h3.cena {
		margin: 0 1px 0 0;
	}
	
/* NORMALNI LINK */
a, a:visited {
	color: #CA1400; /*8D9602*/ /*ff6000*/
	text-decoration: none;
	border-bottom: 1px solid #CA1400;
}
a:visited {border-bottom: 1px solid #595E02;}
a:hover {color: #ff6000; border-bottom: 1px solid #ff6000;}
a:active {color: black;}


/* ZVLASTNI LINKY */
a.noStyle:link, a.noStyle:visited, a.noStyle:hover {
	border: none; text-decoration: none;
}

a#sestavteSi:link, a#sestavteSi:visited {
	display: block;
	background: transparent url("../img/sestavte-si-bg.gif") 0 -113px no-repeat;
	height: 93px;
}	html>body a#sestavteSi:link {height: auto;}

	a#sestavteSi:hover {
		background-position: 0 0;
	}
a#sestavteSi:link h3, a#sestavteSi:visited h3 {
	display: block;
	background: black url("../img/a-sestavte-si-bg.gif") 92% 6px no-repeat;
	padding: 3px 0 3px 10px;
	text-decoration: none;
	text-transform: uppercase;
	border: none;
	color: White;
	font-weight: bold;
	margin: 59px 0 10px 0;
}
	a#sestavteSi:hover h3 {
		background-position: 92% -24px;
		color: #00F7FF;
	}

a.fileDown:link, a.fileDown:visited {
	padding: 0 0 0 18px;
	background: transparent url("../img/a-file-down.gif") 0 3px no-repeat;
	text-decoration: none;
	border: none;
	margin: 0 0 0 6px;
	color: black;
}
	a.fileDown:hover {
		background-position: 0 -35px;
		text-decoration: underline;
	}

body#detailProdukt h1 a:link, body#detailProdukt h1 a:visited {
	display: block; float: left;
	text-decoration: none;
	border: none;
	padding: 3px 8px 3px 22px;
	background: #00D7FF url("../img/a-detail-back.gif") 7px 6px no-repeat;
	color: black;
}
	body#detailProdukt h1 a:hover {
		background-color: #C31875;
		color: white;
		background-position: 7px -33px;
	}
	
/* preview produkt */
div.produktHlavni a.noStyle:hover img {
	background: #dcdcdc;
}
	div#produktFoto a.noStyle:hover img {
		background: #DCDCDC url("../img/bg-produkt.gif") 0 0 no-repeat;
	}

div.produktPreview a:hover img {
	background-position: right bottom;
}

a.groupLink:link, a.groupLink:visited,
a.detailLink:link, a.detailLink:visited {
	display: block;
	font-size: 90%;
	text-decoration: none; border: none;
	text-transform: uppercase;
	float: left;
	margin-top: 4px;
	margin-bottom: 2px;
	padding: 0 23px 0 10px;
	background: transparent url("../img/a-produktLink-bg.gif") 100% -35px no-repeat;
	color: black;
}

	a.detailLink:link, a.detailLink:visited {
		background-position: 100% 3px;
		float: right;
		margin-right: 3px;
	}	html>body a.detailLink:link, html>body a.detailLink:visited {
			margin-right: 6px !important;
		}
			a.groupLink:hover, a.detailLink:hover {
				background-position: 100% -73px;
				text-decoration: underline;
			}

div#footer a:link, div#footer a:visited {
	color: white; border: none;
	text-decoration: underline;
}

/* "GRAFICKE PRVKY" */
hr {
	height: 1px;
	margin: 1em 0;
	border: none;
}
hr {color: #444; background-color: #444;}

br.floatStop {
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0.1%;
}

.floatHolder:after {
	content: "."; 
   display: block; 
   height: 0.1%;
	line-height: 0.1%;
	font-size: 0.1%;
	clear: both; 
   visibility: hidden;
}
	/* Holly Hack Targets IE Win only \*/ * html .floatHolder {height: 1%;} /* End Holly Hack */

img {border: 0;}


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

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

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

.disBlock {display: block;}
.disInline {display: inline;}

.noBorder {border: none;}
.noMargin {margin: 0;}

.wOne {width: 10%;}
.wTwo {width: 15%;}
.wThree {width: 20%;}
.wFour {width: 25%;}
.wFive {width: 30%;}
.wSix {width: 35%;}
.wSeven {width: 45%;}
.wEight {width: 55%;}
.wNine {width: 65%;}
.wTen {width: 75%;}
/*©2003 jan korbel*/