html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #000 url("../img/bodyBg.gif") left top repeat-y;
}

body, input, select, textarea, table, td, th {
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

img {
	border: none;
}


.noCSS {
	display: none;
}

.clear {
	visibility: hidden;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
	clear: both;
}

a {
	color: #003;
}

a:hover {
	text-decoration: none;
}

#global {
	border-top: 1px solid #fff;
}

#header {
	position: absolute;
	left: 0;
	top: 0;
	width: 728px;
	height: 207px;
	background: #000;
	z-index: 30;
}
	
	h1 {
		_width: 728px;
		margin: 0;
		text-align: right;
		font-size: 17px;
		color: #fff;
		text-transform: uppercase;
		padding: 23px 20px 0 0;
		position: relative;
		z-index: 100;
	}

	h1 a {
		display: block;
		position: absolute;
		left: 10px;
		top: 0;
		margin: 0;
		height: 55px;
		overflow: hidden;
	}

	h1 a img {	
		display: block;
	}

	#topBanner {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 50;
	}

#mMenu {
	width: 728px;
	height: 26px;
	background: url("../img/mMenuBg.gif") repeat-x;
	position: absolute;
	left: 0;
	top: 207px;
	z-index: 20;
}

	#mMenu ul {
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
		padding: 1px 0;
		list-style: none;
	}

	#mMenu ul li {
		display: inline;
	}
	
#main {
	padding: 233px 0 0 0;
	width: 735px;
	background: url("../img/mainBg.gif") repeat-y;
	position: relative; left: 0; top: 0;
	z-index: 10;
	margin: 0 !important;
}

/* 
	Protoze na sebe sloupce left a center musi tesne navazovat, nejde kvuli chybe v IE pouzit float
	a #left se musi napozicovat absolutne. Je nutne davat pozor aby byl #center vzdy delsi nez #left!
 */

#left {
	color: #fff;
	width: 177px;
	position: absolute;
	left: 0;
	top: 233px;
	background: #000;
}

	#left a {
		color: #fff;
	}

	#left h2 {
		background: #003;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		text-transform: uppercase;
		font-size: 12px;
		padding: 3px 10px;
		margin: 0 0 5px 0;
	}

	#left h2.first {
		border-top: none;
	}

	#left form {
		margin: 0;
		padding: 0;
	}

	#left fieldset {
		margin: 0;
		padding: 0;
		border: 0;
	}

	#left p {
		margin: 15px 15px 0 15px;
	}

	#searchInput {
		margin: 5px 2px 6px 10px;
		width: 135px;
		border: none;
		height: 16px;
		_margin: 5px 2px 5px 10px;		
		_height: 18px;
	}

	#left .extLink {
		font-size: 10px;
		margin: 0 0 10px 10px;
		display: block;
		background: url("../img/leftExtLinkBg.gif") no-repeat 0 5px;
		padding: 0 0 0 7px;
	}
	
	#left ul {
		margin: 10px;
		padding: 0;
		list-style: none;
	}

	#left ul li {
		margin: 0;
		padding: 0;	
	}

	#left ul a {
		display: block;
		text-decoration: none;
		font-weight: bold;
		background: url("../img/leftMnuABg.gif") no-repeat 0 4px;
		padding: 0 0 0 10px;
	}


	#left ul a:hover {
		text-decoration: underline;
	}

#footer {
	margin: 0;
	width: 718px;
	_width: 728px;
	height: 20px;
	color: #fff;
	border-top: 1px solid #fff;
	font-size: 9px;
	padding: 5px;
	position: relative;	left: 0; top: 0;
	clear: both;
	background: #000;
}

	#footer a {
		color: #fff;
	}

	#bottMenu {
		position: absolute;
		left: 180px;
		top: 5px;
	}

	#dpr {
		position: absolute;
		right: 5px;
		top: 5px;
	}


#aloneContent {
	margin: 0;
	padding: 233px 0 0 0;
	width: 728px;
	position: relative; left: 0; top: 0;
	z-index: 10;
	background: #fff;
}

#center {
	margin: 0 0 0 178px;
	padding: 0 !important;
	width: 550px;
	min-height: 50em; /* nastevni minimalni vysky aby se zobrazil cely #left - viz komentar u #left */
	_height: 50em;
}

/*
		
	TITULNI STRANKA

*/

	#centerTextBanner {
		background: #000;
		color: #fff;
		padding: 4px 10px 3px 10px;
		font-weight: bold;
		border-bottom: 1px solid #fff;
	}

	#centerTextBanner a {	
		color: #fff;
		text-decoration: none;
	}

	#centerTextBanner a:hover {	
		text-decoration: underline;
	}

	#centerBanner {
		background: #fff;
		position: relative; left: 0; top: 0;
		height: 127px;
	}

	#centerBanner a {
		display: block;
		position: absolute;
		top: 0;
	}

	#centerBanner a.left { left: 0;}
	#centerBanner a.right {	left: 275px;}

	#centerData {
		border: 1px solid #000;
		border-bottom: none;
		font-size: 11px;
	}

	#centerData h2 {
		background: #003;
		border: 1px solid #fff;
		text-transform: uppercase;
		font-size: 12px;
		padding: 3px 10px;
		margin: 0;
		color: #fff;
	}

	.actProducts {
		background: url("../img/actProductsBg.gif") 50% 50% no-repeat;
		height: 268px;
		border: 1px solid #fff;
	}

	.actProducts .ent {
		width: 253px; _width: 273px; 
		height: 110px; _height: 130px;
		overflow: hidden;
		float: left;
		padding: 10px;
		position: relative; left: 0; top: 0;
		
	}

	.actProducts .ent h3 {
		font-size: 14px;
		margin: 0 0 7px 0;
	}

	.actProducts .ent h3 a {
		text-decoration: none;
		color: #003;
		
	}

	.actProducts .ent h3 a:hover em, .actProducts .ent h3 a:hover {
		text-decoration: underline;
	}

	.actProducts .ent h3 em {
		color: #99f;
		font-style: normal;
		display: block;
	}

	

	.actProducts .ent p {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 9px;
		width: 145px;
	}

	.actProducts .ent img {
		display: block;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}

	.news {
		border: 1px solid #fff;
	}

	.news .ent {
		clear: both;
		margin: 10px 10px 20px 10px;
	}
	
	.news .ent h3 {
		font-size: 100%;
		margin: 0;
	}

	.news .ent h3 span {
		font-weight: normal;
	}

	.news .ent h3 a {
		text-decoration: none;
	}

	.news .ent h3 a:hover {
		text-decoration: underline;
	}

	.news .ent img {
		float: left;
		margin: 0 10px 5px 0;
	}

	.news .ent p {
		margin: 0;
	}
	
	/*
	
		DETAIL RADY
	
	*/


	/*  
	
		VSECHNY
	
	*/

	#centerData h2.sectionTitle {
		padding: 10px 15px;
		font-size: 18px;
		color: #fff;
		background: #003 url("../img/h2_sectionTitleBg.gif") repeat-x bottom left;
		margin: 0 !important;
	}

	
	#centerData h2.sectionTitle em {
		display: block;
		background: url("../img/h2_sectionTitleEmBg.gif") left 50% no-repeat;
		color: #99f;
		font-style: normal;
		font-size: 65%;
		padding: 0 0 0 15px;
	}

	#centerData .sectionTray {
		display: block;
		background: url("../img/h2_sectionTitleEmBg.gif") left 50% no-repeat;
		color: #99f;
		font-style: normal;
		font-size: 60%;
		padding: 0 0 0 15px;
		text-transform: none;
		margin: 5px 0 0 0;
	}


	#centerData .sectionTray a {
		color: #fff;
	}

	#centerData .content {	
		padding: 10px 30px;
		margin: 0;
	}

	.highEnt {
		position: relative; left: 0; top: 0;
	}

	.minH {
		margin-top: 30px;
	}

	#centerData .price {	
		white-space: nowrap;
		text-align: right;
	}

	#centerData .content h3 {
		font-size: 120%;
		color: #003;
		margin: 15px -15px 1px -15px;
		border-bottom: 2px solid #003;
		padding: 0 200px 0 10px;
	
	}
	
	#centerData .content .highEnt img.prodImg {
		position: absolute;
		right: 30px;
		_right: 60px;
		top: 0; 
		_top: -1px;
		z-index: 20;
		
	}

	#centerData .content .highEnt img.prodImg2 {
		position: absolute;
		right: 10px;
		_right: 40px;
		top: 5px; 
		z-index: 20;
		border: 2px solid #003;
	}


	#centerData .content .empBox {
		background: url("../img/empBoxBg.gif") repeat-x left top;
		padding: 10px 180px 10px 15px;
		margin: 0 -15px 0 -15px;
		min-height: 90px;
		_height: 90px;
	}

	#centerData .content .empBox2 {
		background: url("../img/empBoxBg.gif") repeat-x left top;
		padding: 10px 180px 10px 15px;
		margin: 0 -15px 0 -15px;
	}


	#centerData .content .classDescrp {
		font-weight: bold;
		margin-bottom: 20px;
	}

	#centerData .content p {
		margin: 0 0 10px 0;
	}

	#centerData .content .buttons {
		position: absolute;
		right: 0;
		_right: 30px;
		top: 100px; 
	}

	#centerData .content .buttons2 {
		height: 25px;
		position: relative;	left: 0; top: 0;
	}

	#centerData .content .buttons2 .price2 {
		position: absolute;
		left: 200px;
		top: 3px;
	}


	#centerData .content table {
		border-collapse: separate;
		border-spacing: 0 2px;
		margin: 0 0 10px 0;
	}

	#centerData .content table caption {
		color: #7070C9;
		font-weight: bold;
		text-align: left;
		margin: 0;
		padding: 0 5px;
	}

	#centerData table th {
		white-space: nowrap;
	}

	#centerData table td, #centerData table th {
		text-align: left;
		font-weight: normal;
		padding: 2px 5px;
		vertical-align: top;
	}

	#centerData table.evenOdd caption {
		border-bottom: 1px solid #003;	
	}

	#centerData table.evenOdd td, #centerData table.evenOdd th {
		background: #F6F6FF;		
	}

	#centerData table.evenOdd tr.even td, #centerData table.evenOdd tr.even th {
		background: #EDEDFF	;
	}

	#centerData .buttLink a {
		display: block;
		padding: 0 0 0 10px;
		background: url("../img/buttLinkBg.gif") left bottom no-repeat;
	}

	#centerData .buttCont {
		margin: 10px 0;
		text-align: right;
	}
	
	#centerData .compare {
		width: 165px;
		padding: 1px;
		background: #fff;
		border: 1px solid #000;
		position: absolute;
		top: -45px;
		left: 340px;
		z-index: 100;
	}

	#centerData .compare p {
		margin: 5px;
	}

	#centerData .compare fieldset {
		margin: 5px 10px 5px 0;
		border: none;
	}

	#centerData .compare form {
		margin: 0;
		padding: 0;
	}

	#centerData .compare label {
		margin: 0 0 0 5px;
		vertical-align: 40%;
	}

	#centerData .compare .submitBox {
		margin: 5px;
		border: none;
		text-align: right;
	}
	
	#centerData .detail {
		margin: 10px 150px 0 0;
	}

	.cart table {
		margin: 10px;
	}
		
	#centerData  .cart th {
		color: #7070C9;
		font-weight: bold;
		text-align: left;
		margin: 0;
		padding: 0 5px;
		border-bottom: 1px solid #003;
	}

	.cart td {
		text-align: left;
		background: #E7E7E7;
		vertical-align: top;
		padding: 2px 5px;
	}

	#centerData cart .odd {
		background: #F6F6FF;	
	}

	#centerData .cart td.number {
		white-space: nowrap;
		text-align: right;
	}



	#centerData .cart td input.small {
		width: 20px;
		border: 1px solid #999;
		vertical-align: 50%;
		_vertical-align: 30%;
		margin: 0 5px 0 0;
	}

	#centerData .cart .sum td {
		border-top: 2px solid #000;
		background: transparent;
		font-weight: bold;
	}

	#centerData .cart .buttons {
		position: static;
		text-align: right;
		margin: 0;
		height: 25px;
	}
	
	#centerData .cart .buttons a {
	}

	#centerData .cart .buttons a:hover {
		text-decoration: underline;
	}

	#centerData .cart .buttons {
		margin: 10px;
		text-align: right;
	}

	td.noWrap {	
		white-space: nowrap;
	}



	#comp table {
		border-collapse: separate;
		border-spacing: 0 2px;
		margin: 0 0 10px 0;
		background: #fff url("/img/empBoxBg.gif") repeat-x 0px 0px;
		border: 10px solid #fff;

	}

	#comp table caption {
		color: #7070C9;
		font-weight: bold;
		text-align: left;
		margin: 0;
		padding: 0 5px;
	}


	#comp table th {
		white-space: nowrap;
	}

	#comp table thead th {
		border-bottom: 2px solid #003;
		height: 50px;	
		vertical-align: bottom;
		font-weight: bold;
		color: #003; 
	}

	#comp table td, table th {
		text-align: left;
		font-weight: normal;
		padding: 2px 5px;
		vertical-align: top;
	}

	#comp table.evenOdd caption {
		border-bottom: 1px solid #003;	
	}

	#comp table.evenOdd td, #centerData table.evenOdd th {
		background: #F6F6FF;		
	}


	.scrollable {
		overflow: auto;
	}

	#centerData p.extLink, #centerData .strankovani {
		color: #fff;
		background: #003 url("../img/");
		margin: 15px -15px 0 -15px;
		padding: 2px 5px;
	}

	#centerData p.extLink a, #centerData .strankovani a {
		color: #fff;
	}

	#centerData .strankovani {
		text-align: right;
		font-weight: bold;
	}

.displayNone {
	display: none;
}

p.tagLine {
	font-weight: bold;
	text-align: center;
}