body {
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: center;
}

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

a {
	color: #45C50C;
}

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

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

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

img {
	border: none;
}

#center ul {
	margin-top: 0; margin-bottom: 10px;
	padding-top: 0; padding-bottom: 0;
	list-style: url("../img/modraSipkaUl.gif");
}

#main {
	text-align: left;
	margin: 0 auto;
	width: 823px;
	background: url("../img/mainBg.gif") repeat-y;
	position: relative; left: 0; top: 0;
}

#header {
	width: 823px;
	height: 173px;
	background: url("../img/headBg.jpg") no-repeat;
	position: relative; left: 0; top: 0;
}

#header #pageLogo {
	position: absolute;
	left: 55px;
	top: 5px;
	margin: 0;	
}

#header ul#topMenu {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 210px;
	top: 5px;
}

#header ul#topMenu li {
	display: block;
	float: left;
	width: 130px;
	height: 35px;
}

#header ul#topMenu li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 3px 3px 3px 20px;
	background: url("../img/topMnuBg.gif") no-repeat 4px 6px;
}

#header ul#topMenu li a:hover {
	background: url("../img/topMnuBg.gif") no-repeat 6px 7px;
}

#pathInfo {
	font-size: 11px;
	color: #fff;
	overflow: hidden;
	position: absolute;
	height: 22px;
	top: 113px;
	left: 200px;
	padding: 0 8px 0 10px;
}

#pathInfo a {
	line-height: 2.1em;
	color: #fff;
}

#pathInfo a:hover {
	text-decoration: none;
}

#pageInfo {
	position: absolute;
	top: 113px;
	right: 171px;
	width: 100px;
	height: 22px;
	_width: 134px;
	_height: 17px;
	color: #fff;
	padding: 4px 5px 0 10px;
}

#pageInfo .buttons {
	position: absolute;
	top: 6px;
	right: 6px;
}

#pageInfoBottom {
	background: #4DC90F;
	text-align: right;
	height: 22px;
	color: #fff;
	padding: 4px 40px 0 10px;
	position: relative; left: 0; top: 0;
}

#pageInfoBottom .buttons {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 50px;
}


#topInfo {
	position: absolute;
	top: 134px;
	left: 199px;
	width: 452px;
	height: 39px;
}

#topInfo form {
	color: #fff;
	margin: 10px 0 0 10px;
}

#topInfo input.inText {
	width: 100px;
	height: 16px;
	_height: 20px;
	border: 1px solid #fff;
	background: #FFBFBF;
}

#topInfo input.inSubmit {
	vertical-align: -13%;
}

h2#sectionName, h2.topAlone {
	position: absolute;
	right: 190px;
	top: 143px;
	margin: 0;
	color: #fff;
	font-size: 16px;
}

#obchPodmUpper {
	height: 100px;
	background: #fff;
	overflow: hidden;
}

#obchPodm {
	text-align: left;
	height: 90px;
	overflow: auto;
	background: #fff;
	margin: 5px;
}

#obchPodm h2.topAlone {
	position: relative !important;
	right: 0 !important;
	top: 0 !important;
	font-size: 120%;
	color: #000;
	margin: 10px 0 0 10px;
}

#cart {
	position: absolute;
	right: 10px;
	top: 112px;
	width: 161px;
	height: 60px;
	background: url("../img/rightTitleBg.gif") no-repeat;
}

#cart p {
	font-weight: bold;
	color: #000;
	margin: 9px 0 10px 0;
	padding: 0 5px 0 15px;
}

#cart a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#cart a.rightLink {
	display: block;
	background: url("/img/sipka1.gif") no-repeat 5px 8px;
	margin: 10px 0 0 0;
	color: #000;
	text-decoration: none;

}

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


.rightModule strong.title {
	display: block;
	color: #000;
	font-weight: normal;
	margin: 4px 0 0 15px;
	height: 22px;
	overflow: hidden;
}

#right .rightModule p {
	padding: 0 0 0 15px;
	margin: 5px 0;
}

strong.titleCenter {
	display: block;
	color: #fff;
	font-weight: normal;
	margin: 25px 0 0 0;
	height: 24px;
	background: url("img/centerTitleBg.gif") right top no-repeat;
	line-height: 210%;
	padding: 0 0 0 345px;
}


.rightModule .buttons {	
	position: absolute;
	top: 6px;
	right: 6px;
}

.rightModule p {
	margin: 10px;
}

.news a {
	 color: #79DF20;
	text-decoration: none;
}

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


#left {
	float: left;
	width: 184px;
	margin: 0 0 0 10px;
	_margin: 0 0 0 5px;
}


#leftMenu, #leftMenu ul {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none !important;
}

#leftMenu li {
	margin: 0;
	list-style: none !important;
}

#leftMenu a {
	color: #000;
	text-decoration: none;
	background: url("../img/leftMenuABg2.gif") no-repeat left bottom;
	display: block;
	margin: 0 0 1px 10px;
	padding: 2px 20px 3px 15px;
}

#leftMenu a:hover {
	padding: 2px 20px 3px 20px;
	background: url("../img/leftMenuABg2.gif") no-repeat right bottom;
}

#leftMenu li li a {
	background: url("/img/sipka1.gif") no-repeat 5px 8px; /*url("../img/leftMenuABg1.gif") no-repeat 100% -5px !important;*/
	color: #000;
	text-transform: none;
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
}

#leftMenu li li a:hover {
	background: url("/img/sipka1.gif") no-repeat 5px 8px;
	margin: 0 5px 0 5px;
	padding: 0 0 0 15px;
}

#leftMenu li li li a {
	background: /*url("../img/leftMenuABg.gif") no-repeat 100% -5px !important;*/
	font-weight: normal;
	text-transform: none;
	padding: 0 0 0 15px;
	margin: 0 0 0 35px;
}

#leftMenu li li li a:hover {
	background: url("/img/sipka1.gif") no-repeat 5px 8px;
	margin: 0 5px 0 30px;
	padding: 0 0 0 15px;
}

#leftButtons {
	text-align: center;
}

#leftButtons img {
	display: block;
	margin: 10px auto;
}

#left #leftProdSearch {
	margin: 10px 0 0 25px;
}

#left #leftProdSearch select {
	width: 120px;
	font-size: 10px;
	vertical-align: 45%;
	_vertical-align: 40%;
}


#right {
	float: right;
	width: 160px;
	margin: 0;
	position: relative;
	right: 10px;
}

#right .rightModule {
	margin: 0 0 10px 0;
}

#right .title {
	display: block;
	background: url("img/rightTitleBg.gif") no-repeat;
	height: 22px;
	line-height: 165%;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
}

#right .red .title {
	background: url("img/rightTitleBgRed.gif") no-repeat;
	color: #fff;
}

#right p {
	margin: 0;
	padding: 5px;
}

#right p strong {
}

#rightNew {
	background: url("../img/rightNewBg.gif") no-repeat;
	margin: 1px 0 0 0;
	height: 185px;
}

#rightNew img {
	margin: 7px 0 0 19px;
}

#rightNew h3 {
	height: 38px;
	_height: 40px;
	margin: 8px 10px 0 17px;
	line-height: 120%;
}

#center {
	float: left;
	margin: 0 0 0 3px;
/*	margin: 0 170px 0 200px;
	_margin: 0 170px 0 198px;*/
	width: 451px;
	border: 1px solid #fff;
}

.listCat {
	background: url("../img/listCatBg.gif");
	margin: 3px 3px 0 0;
	padding: 0 0 2px 0;
	_padding: 0;
	_width: 448px;
}

.listCatItem {
	width: 131px;
	height: 201px;
	_width: 149px;
	_height: 208px;
	background: url("../img/listCatItemBg.gif") no-repeat 1px 3px;
	overflow: hidden;
	float: left;
	padding: 3px 3px 3px 15px;
	line-height: 120%;
	position: relative; left: 0; top: 0;
}

.listCatItem .parIcos {
	display: block;
	position: absolute;
	left: 80px;
	top: 45px;
}

.listCatItem .parIcos img {
	display: block;
	margin: 2px 0 0 0;
}

.listCatItem table {
	width: 100%;
}

.listCatItem table th {
	font-weight: normal;
	text-align: left;
	line-height: 100%;
	font-size: 11px;
}

.listCatItem table td {
	text-align: right;
	line-height: 100%;
	font-size: 11px;
}

.listCatItem table td strong {
	color: #FE0000;
	font-size: 130%;
}

.listCatItem h3 {
	height: 35px;
	margin: 5px 0 0 0;
}

.listCatItem img {
	border: 1px solid #E6E6E6;
}

h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
}

caption {
	font-size: 100%;
	font-weight: bold;
	margin: 10px 5px 0 10px;
	text-align: left;
}


h3 a {
	display: block;
	text-decoration: none;
	color: #000;
}

h3 a:hover {
	color: #79DF20;
}

.prodTitle {
	color: #000;
	margin: 10px 0 8px 0;
	padding: 2px 0 4px 15px;
	font-size: 18px;
}

.prodTitleHP {
	color: #000;
	margin: 10px 5px 10px 15px;
	padding: 2px 5px 2px 0px;
	font-size: 18px;
}


#prodDetail {
	background: url("../img/leftLine.gif") no-repeat;
	padding: 0 0 0 15px;
	position: relative; left: 0; top: 0;
	margin: 0 0 8px 0;
}

#prodDetail .parIcos {
	display: block;
	position: absolute;
	right: 190px;
	top: 3px;
}

#prodDetail .parIcos img {
	display: block;
	margin: 2px 0 0 0;
}

#prodImage {
	border: 1px solid #E6E6E6;
	float: left;
	width: 250px;
	height: 260px;
	overflow: hidden;
	margin: 0 10px 5px 0;
}

#prodImage #zoomImage {
	position: absolute;
	top: 262px;
	left: 240px;
	_left: 225px;
}

#prodDesc {
	margin: 0 5px 0 0;
}

#prodDesc p {
	margin: 0;
}

/**/
#prodPrice {
	margin: 0 5px 0 260px;
}

#prodPrice table {
}

#prodPrice table th {
	font-weight: normal;
	text-align: left;
	line-height: 100%;
}

#prodPrice table td {
	text-align: right;
	line-height: 100%;
}

#prodPrice table td strong {
	color: #FE0000;
	font-size: 130%;
}

#prodOrder {
	background: url("../img/leftLine.gif") no-repeat;
	padding: 5px 5px 0 15px;
	position: relative; left: 0; top: 0;
	text-align: right;
	vertical-align: 40%;
	margin: 25px 0 8px 0;
}

#prodOrder strong {
	display: block;
	float: left;
}

#prodOrder label {
	font-weight: normal;
}

#prodOrder input.text {
	border: 1px solid #C7D4E9;
	width: 25px;
	padding: 1px 5px;
	text-align: right;
}

#prodOrder input.submit {
	vertical-align: -45%;
}

#prodVariant {
	background: url("../img/leftLine.gif") repeat-y;
	padding: 5px 5px 0 15px;
	position: relative; left: 0; top: 0;
	vertical-align: 40%;
	margin: 0 0 8px 0;
}

.variantEnt {
	float: left;
	width: 140px;
	height: 40px;
	overflow: hidden;
}

.variantLegendEnt {
	float: left;
	width: 140px;
	height: 15px;
	overflow: hidden;
	font-size: 11px;
}


.variantEnt input {
	float: left;
}

.variantEnt label {
	font-weight: normal;
	display: block;
	margin: 0;
}


.variantEnt .colorBox {
	width: 20px;
	height: 20px;
	overflow: hidden;
	float: left;
	margin: 0 5px 0 0;
}

.variantEnt .colorBox2 {
	width: 10px;
	height: 20px;
	overflow: hidden;
	float: left;
	margin: 0 1px 0 0;
}


.hpDiv {
	margin: 10px 0;
	background: url("../img/leftLine.gif") no-repeat;
	padding: 0 5px 0 15px;

}

.hpDivInner {
	border: 1px solid #E6E6E6;
	padding: 15px 10px 5px 5px;
}

.hpDivInner p {
	margin: 0 0 10px 10px;
}

.hpDivInner h3 {
	margin: 0 10px 10px 10px;
	font-size: 130%;
}

/**/


#footer {
	height: 30px;
	clear: both;
	background: url("../img/headBg.jpg");
}

#footer p {
	padding: 12px 200px 10px 210px;
	text-align: left;
	font-size: 10px;
}

#footer a {
	color: #000;
	text-decoration: none;
}

/* FORMULARE */

form {
	margin: 0;
	padding: 0;
}

label {
	font-weight: bold;
}

form.common {margin:10px auto 20px auto; border: none;}
form.common label {display:block;width:120px;font-weight:bold;float:left;padding-left:10px;}
form.common label span {color:#f00;}
form.common input {border:1px solid #D4D0C8;border-top-color:#808080;border-left-color:#808080;padding:1px;margin-bottom:3px; vertical-align: bottom;}
form.common textarea {width: 400px; border:1px solid #D4D0C8;border-top-color:#808080;border-left-color:#808080;padding:1px;margin-bottom:3px;}

.submitBox {
	margin: 5px;
	text-align: right;
}

input.inText {
	border: 1px solid #000;
}


.rightImg {
	margin: 0 0 0 10px;
	float: right;
}

.leftImg {
	margin: 0 10px 0 0;
	float: left;
}

.katalog {
	min-height: 125px;	
	_height: 125px;
}

.titleDesc {
	margin: 80px 0 0 260px;
	
}

.titleDesc p {
	margin: 5px 0 0 15px;
}

.titleDesc img {
	margin: 10px 0 0 10px;
}

table {margin: 5px auto 0 auto; border-collapse:collapse;text-align:center;}
form table.bordered td {padding:3px 10px;border:1px solid #000;background:#fff;}
table td.vl {text-align:left;}
form table.bordered th {padding:3px 15px;border:1px solid #000;border-bottom:2px solid #000;font-size:110%;background:#ECF8E6;}
table.fullTable {width: 440px; border: none;}
table.fullTable td, table.fullTable th {padding: 2px 5px; border: 1px solid #fff; background: #efefef; text-align: left;}
table.fullTable th {margin-bottom: 3px; background: #45C50C; color: #fff;}
table.listTable {width: 440px; border: none;}
table.listTable td, table.list th {padding: 2px 5px; border: 1px solid #fff; background: #efefef; text-align: left}
table.listTable th {margin-bottom: 3px; background: #45C50C; color: #fff;}

th, td {vertical-align: top;}
td form {margin: 0;}
.alLeft {text-align: left;}
.alRight {text-align: right;}
.alCenter {text-align: center;}

.imgInput {
	border: none !important;
	vertical-align: top;
}

.textData {
	padding: 10px;
}

.bttns {
	margin: 10px;
	text-align: right;
}

.jsHidden {
	display: none;
}


#loginBox a {
	display: block;
	background: url("img/buttonRightWhite.gif") no-repeat 0 3px;
	margin: 0 10px 0 0;
	padding: 0 0 0 20px;
	color: #fff;
	text-decoration: none;
}

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

#loginBox a.logout {
	background: none;
	padding: 0;
	position: relative;
	bottom: 2px;
}

.logout {
	text-align: right;
	margin: 0 0 5px 0;
}

.logout img {
	vertical-align: bottom;
	_vertical-align: -40%;
}

.logout a {
	color: #000;
	font-weight: bold;
}

a.rightLink {
	display: block;
	background: url("/img/sipka1.gif") no-repeat 0 8px;
	margin: 1px 1px 1px 5px;
	padding: 0 5px 0 10px;
	color: #000;
	text-decoration: none;
}

a.rightLink:hover {
	margin: 1px 1px 1px 0;
}