/* global params */

.dalsiOdkazy {display:none; visibility:hidden}

body,html{
	padding:0px;
	margin:0px;
	background:url(../picts/page-dark.gif) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif
}
h1{font-size:16px; padding:0px; margin:0px;
	padding-top:15px; padding-bottom:5px; text-align:left; background:none}
h2{font-size:15px}
h3{font-size:13px; color:#DA0507}

#content .content h1{background:url('../picts/h1.gif') no-repeat 10px 13px; padding-left:38px}
h2{font-size:14px; padding:10px 0px 5px 10px; margin:0px; color:#C30303}
#content .infoDiv h1{text-align:center; padding-left:0px; background:none}

p {padding:0px 10px 5px 10px; margin:0px; text-align:left}
img {border:0px}

#navrcholu  {position:absolute; bottom:20px; right:20px; display:none}
#toplist	{position:absolute; bottom:20px; right:20px; display:none}


/* layout */
#page0{font-size:1px}
	#page1{width:950px}
		#topmenu{width:100%; height:25px}
		#header	{width:100%; height:115px}
			#logo{width:230px; height:100%; float:left; text-align:left}
			#headerplace{width:720px; height:100%; float:left; position:relative; background:url('../picts/header-back.gif') repeat-x top left; z-index:20} /* w page1 - w logo */
				#headerimage{width:720px; height:115px; position:absolute; top:0px; left:0px; z-index:22;
								background-color:#596F80; background:url('../picts/header.jpg') no-repeat right}
				#headercontent{padding:10px; height:95px; background:url('../picts/header-l.gif') no-repeat top left; font-size:1px; color:#5A7081; overflow:hidden}
				#headercontent h1{font-size:1px; padding:0px; margin:0px}
		#podheader	{width:100%; height:37px; clear:both; border-bottom:3px solid #B80505}
			#searchform	{width:230px; height:100%; float:left; background:url('../picts/searchback.gif') no-repeat right top}
			#mainmenu	{width:720px; height:100%; float:left}
		#middle		{width:100%; clear:both; padding-top:4px}
			#leftmenu	{width:230px; height:100%; float:left}
				#leftuser{/*height:80px;*/ background-color:#5A7081/*; background:url('../picts/l-box-back.gif') repeat-y*/}
				#leftCategorie {background:url('../picts/pixel-silver.gif') repeat-y top left}
				#leftCategorieR{background:url('../picts/pixel-silver.gif') repeat-y top right}
			#content	{width:720px; float:left}
				#topNavigace	{background-color:#D7DADA; width:100%; height:20px;
								margin-bottom:10px}
					#topNavigace .img{width:11px; height:9px; background:url('../picts/top-sip.gif') no-repeat 5px 3px;
										padding-right:10px; padding-left:10px}
		#bottom{width:100%; height:80px}
			.topLine	{background:url('../picts/pixel-silver.gif') repeat-x top left}
			.rightLine	{background:url('../picts/pixel-silver.gif') repeat-y top right}
			.bottomLine	{background:url('../picts/pixel-silver.gif') repeat-x bottom left}
			.leftLine	{background:url('../picts/pixel-silver.gif') repeat-y top left}

/* class design */
.header_napis1 {position:absolute; top:40px; left:20px; z-index:24}
.logo {padding-left:10px}
#searchform form{margin:0px; padding:1px 0px 0px 0px; text-align:right}
#searchform input{margin:0px; padding:0px; border:0px; vertical-align:middle}
#searchform span{font-size:11px; color:#DBE6E0}
.query{width:130px; font-size:10px}
.button{}
/* categorie */
.leftBoxTop		{width:230px; height:5px; background:url('../picts/l-box-top.gif') no-repeat}
.leftBoxBottom	{width:230px; height:5px; background:url('../picts/l-box-bottom.gif') no-repeat}

.leftCategorieTop	{width:230px; height:7px; background:url('../picts/pixel-silver.gif') repeat-x top left}
.leftCategorieBottom{width:230px; height:7px; background:url('../picts/pixel-silver.gif') repeat-x bottom left}
.lctlc{width:7px; height:7px; background:url('../picts/corner2-lt.gif') no-repeat; float:left}
.lctrc{width:7px; height:7px; background:url('../picts/corner2-rt.gif') no-repeat; float:right}
.lcblc{width:7px; height:7px; background:url('../picts/corner2-lb.gif') no-repeat; float:left}
.lcbrc{width:7px; height:7px; background:url('../picts/corner2-rb.gif') no-repeat; float:right}
/* x */


#leftCategorie
	.catA	{display:block; width:95%; line-height:22px; height:22px; padding-left:5%;
			background:url('../picts/hor-line.gif') repeat-x left bottom}
#leftCategorie
	.catA b	{text-decoration:underline}
#leftCategorie
	a	{text-decoration:none; font-size:11px; color:#444444}
#leftCategorie
	a:hover {text-decoration:underline; background-color:#D9D9D9}
#leftCategorie
	img {border:0px; padding:0px 10px 0px 0px}


/* main menu */
#mainMenuAll{width:624px; text-align:center}
#mainMenuAll .closed{position:relative; float:left; width:104px; height:1px; z-index:199}
#mainMenuAll .msubmenu{visibility:hidden; position:absolute; top:35px; left:-10px;
						background-color:white; border:1px solid #B80505;
						padding:10px; width:140px; z-index:200; line-height:17px}
#mainMenuAll .msubmenu[class]{min-width:140px}
#mainMenuAll .msubmenu a{color:#990000; text-decoration:none; display:block}
#mainMenuAll .msubmenu a:hover{color:#000000; text-decoration:underline; background-color:#eeeeee}
#mainMenuAll #me1{}




/* content areas */
#topmenu 	.content{font-size:11px; padding:5px}
#topmenu 	.content a{text-decoration:none; color:#009900}
#topmenu 	.content a:hover{text-decoration:underline; color:#000000}
#searchform .content{font-size:12px; padding:5px; color:#DBE6E0}
#mainmenu 	.content{font-size:12px; padding:0px}
#leftmenu 	.content{font-size:12px; padding:5px}
#leftuser	.content{/*height:70px*/ padding:10px; text-align:left; color:#FFFFFF; z-index:441}
#content 	.content{font-size:12px; padding:0px 5px 5px 5px; text-align:left}
#topNavigace .content{font-size:11px; padding:5px; padding-left:10px; font-weight:bold; text-align:left; color:#222222}
#topNavigace .content a{text-decoration:none; color:#000033}
#topNavigace .content a:hover{text-decoration:underline; color:#000000}
#bottom 	.content{font-size:11px; padding:5px; color:#999999; clear:both; text-align:left}
#bottom		.content a{text-decoration:none; color:#999999}
#bottom		.content a:hover{text-decoration:underline; color:#000000}


/* formular */
.form-oknoa{width:430px; border:0px; background-color:#CCCCCC; padding:1px; margin-bottom:30px}
.form-okno{width:400px; padding:10px 20px 10px 10px; text-align:right; line-height:25px; z-index:26;
			border:0px solid #CCCCCC; position:relative; background-color:#D7DADA; margin-bottom:30px}
.form-okno .legend{position:absolute; top:-12px; left:10px; font-weight:bold; z-index:28;
					background-color:#FFFFFF; line-height:10px; padding:5px; border:1px solid #CCCCCC}
.form-okno label{}
.form-okno input{width:200px; border:1px solid #999999; padding-left:2px; padding-right:2px}
.form-okno textarea{width:388px; height:80px; border:1px solid #999999; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:2px; padding-right:2px}
.form-okno sup	{font-weight:bold}
.form-okno div.chyba {margin-top:-8px; padding-bottom:5px; font-size:11px; color:#990000; font-weight:bold}
.form-okno .short {width:100px; margin-right:100px}
.form-okno input.chyba 		{border:1px solid #990000; background-color:#E6C5BF}
.form-okno input.chybaShort {border:1px solid #990000; background-color:#E6C5BF; width:100px; margin-right:100px}
.form-okno .form-popisek {float:left; width:90px; border:1px solid #990000; text-align:center; line-height:15px;
						padding:5px; font-size:11px; background-color:#E6C5BF; margin-top:10px}
.form-okno .form-hpopisek {width:95%; border:1px solid #CCCCCC; text-align:left; line-height:15px;
						padding:5px; font-size:11px; background-color:#EEEEEE; margin-bottom:5px; margin-top:15px}


/* login left, user menu */
form#leftlogin	{padding:0px; margin:0px; text-align:right; line-height:16px}
form#leftlogin label{font-size:11px; padding-right:10px; color:#DBE6E0}
form#leftlogin input{border:0px solid #CCCCCC; width:150px; font-size:10px; background-color:#A4B6BA}
form#leftlogin .rightSpace10 {padding-right:10px}
form#leftlogin .logingutton {width:63px; height:24px; background:none}
#leftuser .text {font-size:11px; line-height:17px; width:100%; z-index:442; position:relative; top:0px; left:0px}
#leftuser .text a{color:#FFFFFF}
#leftuser .text a:hover{color:#DBE6E0; text-decoration:none}

#sendlogin{width:300px; background-color:#5A7081; padding:30px; text-align:left; color:#FFFFFF}
#sendlogin .text {font-size:11px; line-height:17px; width:100%}
#sendlogin .text a{color:#FFFFFF}
#sendlogin .text a:hover{color:#DBE6E0; text-decoration:none}
#sendlogin input{border:0px solid #CCCCCC; width:295px; font-size:11px; background-color:#A4B6BA}
#sendlogin .logingutton {width:68px; height:17px; padding-top:5px; background:none}
#sendlogin form{text-align:right; padding-top:5px; margin-top:0px}


/* kosik */
div.kosikPolozky	{padding:4px; background-color:#EAEAEA; font-weight:normal}
table.kosikPolozky	{width:100%}
tr.kosikHlavicka	{font-size:11px; font-weight:bold; text-align:left; background:none}
tr.kosikHlavicka td	{border-bottom:1px solid #CE0C0C}
tr.kosikHlavickaA	{font-size:11px; font-weight:bold; text-align:left; background:none}
tr.kosikHlavickaA td	{border-bottom:0px}
td.tdKod		{width:13%}
td.tdNazev		{width:55%}
td.tdCount		{width:7%}
td.tdCenaJ		{width:10%; text-align:right}
td.tdCena		{width:11%; text-align:right}
td.tdDPH		{width:15%; text-align:right}
td.tdDPH b		{font-size:13px}
.kosikPolozky tr.lichaC	{background-color:#EAEAEA; line-height:5px; font-size:5px; height:5px}
.kosikPolozky tr.sudaC	{background-color:#EAEAEA; line-height:5px; font-size:5px; height:5px}
.kosikPolozky a		{text-decoration:none; color:#CE0C0C}
.kosikPolozky a:hover	{text-decoration:underline; color:#000000}
div.kosikPolozky form{padding:0px; margin:0px; line-height:11px}
div.kosikPolozky .inputShort{width:30px; font-size:11px; border:1px solid #333333; vertical-align:top}
.imgsubmit	{border:0px; margin:0px; padding:0px; background:url(../picts/buttons/cart_del.gif) no-repeat; width:20px; height:18px; font-size:1px; color:#FFFFFF; cursor:pointer}
.butt_flush	{border:0px; margin:0px; padding:0px; background:url(../picts/buttons/cart_flush.gif) no-repeat; width:120px; height:18px; font-size:1px; color:#BA0505; cursor:pointer; float:left; text-align:right}
.butt_prepocitat	{border:0px; margin:0px; padding:0px; background:url(../picts/buttons/cart_prepocitat.gif) no-repeat; width:120px; height:18px; font-size:1px; color:#BA0505; cursor:pointer; float:right; text-align:right}
.kosikPolozky table	{width:100%}

.licha	{background-color:#EBF1F0; font-weight:normal}
.suda	{background-color:#DEE0EB; font-weight:normal}
.bila	{background-color:#FFFFFF}

/* show cat vypis podrazenych a nadrazenych */
.underCat-okno{width:710px; padding:10px 0px 7px 0px; text-align:right; line-height:20px; height:auto;
			border:0px solid #CCCCCC; position:relative; background-color:#D7DADA; margin-top:5px; z-index:30}
.underCat-okno .legend{position:absolute; top:-12px; left:10px; font-weight:bold; font-size:11px; z-index:32;
					background-color:#FFFFFF; line-height:10px; padding:3px; border:1px solid #CCCCCC}
.underCat-okno .legend a{color:#B90505; text-decoration:none}
.divUpCatShow	{}
.divUnderCatShow{height:auto; clear:both; padding:0px 5px 0px 22px}
	.divCatItem	{padding:1px; text-align:center; height:22px;
				 float:left; width:220px}
	.divCatItemC{padding:0px}
	.divCatItemR {padding:2px 2px 1px 2px;/*background-color:#B90505; background:url(../picts/buttons/bt-back1a.gif) repeat-x*/}
	.divCatItemRr{padding:1px;background-color:#FFEEEE}
	.divCatItem a{color:#B90505; font-weight:bold; text-decoration:none;/* text-shadow:2px 2px #000000*/}
	.divCatItem a:hover{color:#B90505; text-decoration:underline}



/* vyrobek box vypis */
.vyrobekBoxBorder	{width:233px; float:left;position:relative; z-index:40}
.vyrobekBoxPlocha	{width:231px; clear:both; border-left:1px solid #E0E2E3; border-right:1px solid #E0E2E3}
.vyrobekBoxPlocha	{height:250px}
.vyrobekBoxPlocha[class]	{min-height:250px}
.vyrobekBoxPlocha .content	{padding:0px; font-weight:normal}
.vyrobekBoxBorder .tt	{float:left; width:219px; border-top:1px solid #E0E2E3; font-size:1px; height:6px}
.vyrobekBoxBorder .tbl	{float:left; font-size:1px; width:7px; height:7px; background:url('../picts/corner2-lt.gif') no-repeat}
.vyrobekBoxBorder .tbr	{float:right; font-size:1px; width:7px; height:7px; background:url('../picts/corner2-rt.gif') no-repeat}
.vyrobekBoxBorder .bb	{float:left; width:219px; border-bottom:1px solid #E0E2E3; font-size:1px; height:6px}
.vyrobekBoxBorder .bbl	{float:left; font-size:1px; width:7px; height:7px; background:url('../picts/corner2-lb.gif') no-repeat}
.vyrobekBoxBorder .bbr	{float:right; font-size:1px; width:7px; height:7px; background:url('../picts/corner2-rb.gif') no-repeat}
.vertBoxSpacer5			{padding-right:5px; float:left; font-size:1px; height:50px}
.horBoxSpacer5			{padding-bottom:5px; clear:both; font-size:1px; width:100%}

.vyrobekBoxPlocha .content
	.hlava	{height:100px}
.vyrobekBoxPlocha .content
	.hlava[class]	{min-height:100px}
.vyrobekBoxPlocha .content
	.image	{float:left; height:92px; overflow:hidden}
.vyrobekBoxPlocha .content
	.params	{position:absolute; width:155px; right:5px; top:6px; text-align:right; font-size:12px; padding:0px; overflow:hidden; z-index:42}
.vyrobekBoxPlocha .content
	.params	span{background-color:#FFFFFF}
.vyrobekBoxPlocha .content
	.params	strong	{background-color:#FFFFFF; font-size:13px}
.vyrobekBoxPlocha .content
	.nadpis	{clear:both; padding:0px; margin:0px}
.vyrobekBoxPlocha .content
	.nadpis	.content{clear:both; background-color:#5A7081; padding:0px}
.vyrobekBoxPlocha .content
	.nadpis	.content:hover {background-color:#C10303}
.vyrobekBoxPlocha .content
	.nadpis	h2	{font-size:12px; background:none; font-weight:bold; color:#ffffff; line-height:16px; padding:3px 0px 0px 0px; margin:0px}
.vyrobekBoxPlocha .content
	.nadpis	h2 a{color:#FFFFFF}
.vyrobekBoxPlocha .content
	.text	{font-size:11px; text-align:justify; padding-top:4px}
.vyrobekBoxPlocha .content
	a	{text-decoration:none; color:black}
.vyrobekBoxPlocha .content
	a:hover	{color:inherit; text-decoration:underline}
.vyrobekBoxPlocha .content
	.text form	{padding:0px; margin:0px; line-height:10px; position:absolute; left:15px; bottom:10px; z-index:44}
.ks	{border:1px solid #990000; font-size:10px; width:20px; vertical-align:top; margin-top:2px}
.bt	{vertical-align:bottom; padding-left:3px}


.floatCartBoxAbs{position:absolute; left:30px; top:-20px; width:180px; z-index:1000}
.floatCartBox{position:relative; color:#FFFFFF;
	background-color:#CC3300; padding:10px; font-size:11px; z-index:1000;
	filter:alpha(opacity=90);opacity:0.90}
.floatCartBox a{color:#FFFF00}


/* detail vyrobku - _product_detail */
.vyrobekDetail	{font-weight:normal}
.vyrobekDetail .image	{padding:10px; float:left}
.vyrobekDetail .imgr	{position:relative; font-size:1px; width:1px; height:1px}
.vyrobekDetail .params	{float:right; width:300px; background-color:#eedddd; position:relative; font-size:12px; line-height:17px}
.vyrobekDetail .params div {padding:10px}
.vyrobekDetail .params .kosik_add	{position:absolute; bottom:10px; right:10px; text-align:left; line-height:20px}
.page-okno0{width:100%}
.paramn p{padding:0px 0px 0px 10px; margin:0px}
.paramn h4{padding:5px 0px 0px 0px; margin:0px; letter-spacing:2px; word-spacing:2px; font-size:12px; line-height:12px}
.paramn h5{padding:2px 0px 0px 10px; margin:0px; letter-spacing:1px; word-spacing:2px; font-size:11px; line-height:11px}
.page-okno1{padding:0px 3px 0px 3px}
.page-okno2{padding:10px 20px 10px 10px; text-align:justify; line-height:20px; z-index:50;
			position:relative; background-color:#eeeeee}
.page-okno2 .legend{position:absolute; top:-12px; left:10px; font-weight:bold; z-index:51;
					background-color:#FFFFFF; line-height:10px; padding:5px; border:1px solid #CC3300}
.page-okno3{padding:10px 20px 10px 10px; text-align:justify; line-height:15px; z-index:52;
			position:relative; background-color:#CC3300}
.page-okno3 .legend{position:absolute; top:-12px; left:10px; font-weight:bold; color:#CC3300; z-index:53;
					background-color:#FFFFFF; line-height:10px; padding:5px; border:1px solid #CCCCCC}


.strankovani	{float:right; font-size:11px; line-height:12px; z-index:36}
.strankovani .str {float:left; text-align:center; font-size:10px; line-height:13px; overflow:hidden; z-index:37}
.strankovani .str a{display:block; width:13px; height:12px; margin-left:3px; padding-left:1px; color:#FFFFFF; overflow:hidden;
			text-align:center; background-color:#CCCCCC; border:1px solid #990000; text-decoration:none}
.strankovani .str a:hover{background-color:#FFFFFF}
.strankovani .str a.set{background-color:#FFFFFF}


/* class elements */
.fl		{float:left}
.fr		{float:right}
.cl		{clear:both}
.errtext{color:#990000}
.infoDiv{background:url('../picts/exclamation.gif') no-repeat 30px 30px; background-color:#D7DADA; padding:10px; width:400px; text-align:center; margin-bottom:10px }
.greyWideBox{background-color:#EAEAEA; padding:5px 10px 5px 10px; text-align:left; font-size:11px}
.greyWideBox .sortContent{font-size:11px; line-height:14px; position:relative; z-index:39}
.greyWideBox .sortContent a{color:#333333; text-decoration:none}
.greyWideBox .sortContent a:hover{color:#990000; text-decoration:underline}
.horBoxSpacer15			{padding-bottom:15px; clear:both; font-size:1px; width:100%}
.horBoxSpacer580		{padding-bottom:5px; clear:both; font-size:1px; width:80%}
.horBoxSpacer1			{padding-bottom:1px; clear:both; font-size:1px; width:100%}
.input_small	{font-size:11px; border:1px solid #999999; height:18px; padding:2px 2px 2px 5px; vertical-align:top; position:relative; margin:-3px 0px -4px 0px; line-height:11px; z-index:38}
.input_small3	{font-size:11px; border:1px solid #999999; height:18px; padding:2px 2px 2px 5px; vertical-align:top; position:relative; margin:-3px 0px -4px 0px; line-height:11px; z-index:39}
.input_small2	{font-size:11px; border:1px solid #999999; padding:1px 1px 1px 2px; height:17px}
.input_long		{font-size:11px; border:1px solid #999999; padding:1px 1px 1px 2px; width:300px}
.calendarFocus	{font-size:10px; border:1px solid #999999; padding:1px 1px 1px 2px; width:70px}
.vert22px	{display:block; height:22px; width:1px}
.vertSpacer5	{padding-bottom:5px; font-size:1px}
.vertSpacer2	{padding-bottom:2px; font-size:1px}
.invis	{visibility:hidden; font-size:1px; color:#FFFFFF}
.textarea	{width:388px; height:80px; border:1px solid #999999; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:2px; padding-right:2px}
.lineSpacing2x	{line-height:20px; padding-left:10px}
.hidden	{display:none; visibility:hidden; font-size:1px}
.poznamka	{width:388px; height:80px; overflow:auto; border:1px solid #999999; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; padding:2px; background:#FFFFFF}
.poznamka2	{width:80%; margin-left:20px;border:1px solid #999999; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; padding:2px; background:#FFFFFF}
.textMezera {padding-right:30px}
.relative	{position:relative; z-index:18}

#floatBox	{position:absolute; left:30px; top:-10px; color:#FFFFFF;
	filter:alpha(opacity=85);
	opacity:0.85; width:300px;
	background-color:#CC3300; padding:10px; font-size:11px; z-index:455; visibility:hidden}
	#floatBox a{color:#FFFF00}

.floatHeader{
	font-weight:bold;
	width:200px; font-family:Arial, Helvetica, sans-serif;
	border:1px solid #A5CFE9;
	padding:3px;
	font-size:11px; color:#5A7081;
	background:#D5EBF9;
	filter:alpha(opacity=85);
	opacity:0.85;
	position:relative;
	z-index:443;
}
.floatBody	{
	width:200px; font-family:Arial, Helvetica, sans-serif;
	border:1px solid #A5CFE9;
	border-top:0px solid #A5CFE9;
	padding:3px;
	font-size:11px; color:#1B4966;
	background:#ffffff;
	filter:alpha(opacity=85);
	opacity:0.85;
	position:absolute;
	z-index:444;
}

.textGreen	{color:#009900} .textGreen 	a{color:#009900; font-weight:normal; text-decoration:none}
.textRed	{color:#CC0000} .textRed 	a{color:#CC0000; font-weight:normal; text-decoration:none}
.textRed12	{color:#CC0000;font-size:12px}
.textWhite	{color:#ffffff}
.barvaSeda	{background-color:#EAEAEA}
.small		{font-size:10px}

.sudaDark	{background-color:#8799A3}
.lichaDark	{background-color:#CDD3C7}
.rowVyrizen	{background-color:#86f07b}
.rowStorno	{background-color:#f07b7b}