* { margin:0; padding:0; font-size:100%; }
body, div, p, a, img, span, ul, ol, li, table, th, tr, td, dl, dt, dd, form, fieldset, legend, blockquote, applet, object { border:0; }
body { background:url(bg.png) repeat; font-family:Arial, Helvetica, sans-serif; color:#222222; text-align:center; font-size:100%; }

a { color:#222; outline:none; text-decoration:underline; }
a:hover { color:#000; text-decoration:none; }

h2 { color:#fff; font-size:2.2em; padding:8px 0 8px 0; margin:0; text-transform:none; font-weight:bold; line-height:1.3em; text-shadow:#3e6202 1px 1px 1px; }
	h2 a { color:#fff; }
	h2 a:hover { color:#fff; }
h3 { color:#fff; font-size:1.8em; padding:15px 0 5px 0; margin:0; text-transform:none; line-height:1.3em; text-shadow:#3e6202 1px 1px 1px; }
	h3 span { color:#3e6202; }

p { padding:0; margin:8px 0; }

table { margin:12px 0; border-collapse:collapse; border-spacing:0; font-size:100%; }
th { text-align:left; font-weight:bold; }
th, td { padding:2px 5px; vertical-align:top; }

input, select, textarea { padding:2px; outline:none; font-family: Arial, Helvetica, sans-serif; font-size:1em; }

ul { list-style:none; padding:0; margin:5px 0 8px 15px; font-size:1em; }
ul li { list-style:none; background:url(li.gif) 0 5px no-repeat; padding-left:20px; font-size:1em; }

ol { list-style:decimal; padding:0; margin:5px 0 8px 35px; font-size:1em; }
ol li { list-style:decimal; padding:0; margin:0; font-size:1em; }

ol ol { list-style:none; padding:0; margin:5px 0 8px 15px; font-size:1em; }
ol ol li { list-style:none; background:url(li.gif) 0 8px no-repeat; padding-left:12px; font-size:1em; }

/* GLOBAL
------------------------------*/
.nobg {background:none!important;}
.nobr {border:0 !important; }
.nomargin {margin:0 !important}
.wa { width:auto !important; }

.f-left {float:left !important;} 
.f-right {float:right !important;}

.t-left, tr.t-left td {text-align:left !important;}
.t-center, tr.t-center td, .center {text-align:center !important;}
.t-right, tr.t-right td {text-align:right !important;}
.t-justify {text-align:justify !important;}

.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

.noscreen, hr { display:none; }

.vlevo { float:left; margin:6px 10px 10px 0; padding:4px; background-color:#fff; border:1px solid #e2e2e2; z-index:1; clear:right; }
.vpravo { float:right; margin:6px 0 10px 10px; padding:4px; background-color:#fff; border:1px solid #e2e2e2; z-index:1; clear:left; }

.vlevo-bez-ramecku { float:left; margin:6px 10px 10px 0; z-index:1; clear:right; }
.vpravo-bez-ramecku { float:right; margin:6px 0 10px 10px; z-index:1; clear:left; }

.rssSubdate { padding-left:7px; }

.special { color:#EC008C; font-size:1.8em !important; font-weight:bold; line-height:1.5em !important; }

.dostupnost {
	color:		#333;
	text-shadow:	1px 1px 1px #fff;
}

/* LAYOUT
------------------------------*/
#pozadi { width:100%; background:url(pozadi.jpg) 50% 0 no-repeat; overflow:hidden; float:left; }
	#inner { width:100%; background:url(inner.png) 50% 100% no-repeat; padding-bottom:130px; }
	#all { width:890px; margin:0 auto; padding:0; text-align:left; position:relative; font-size:0.75em; line-height:1.75em; overflow:visible; }
	#header { position:relative; width:890px; height:241px; overflow:visible; position:relative; }
	
.pg-kosik .conpad, .pg-doc #content { min-height:620px; height:auto !important; height:620px; }
.pg-doc #content td { padding:0; }

.kategoriepopis p { width:72%; font-size:1.1em; line-height:1.7em; }

.sada { background:url(sada.png) no-repeat; width:95px; height:58px; display:block; position:absolute; top:7px; left:198px; cursor:pointer; z-index:100; }
	
/* H1 REPLACE
------------------------------*/
h1, h1 a, h1 span { width:347px; height:76px; }
h1 { display:block; position:absolute; left:21px; top:14px; text-align:center; font-size:1em; overflow:hidden; z-index:100; text-indent:-9999px; position:relative; }
	h1 a { text-decoration:none; overflow:hidden; text-indent:-9999px; overflow:hidden; line-height:0; font-size:0; border:0; outline:none;  }
	h1 span { display:block; position:absolute; left:0; top:0; z-index:200; cursor:pointer; background:url(logo.png) no-repeat; cursor:default; }
	h1 a span { cursor:pointer; }
	h1 a:active, h1 a:hover { text-decoration:underline; }

/* KOSIK
------------------------------*/
#kosikobal { width:205px; height:156px; overflow:hidden; top:94px; position:absolute; left:395px; }
#kosik { width:189px; height:191px; position:absolute; text-align:center; color:#fff; padding:0; left:0; top:30px; background:url(kosik.png) no-repeat; font-size:1.1em; }

	#kosik a { color:#fff; text-decoration:none; display:block; padding:50px 12px 0 12px; height:100px; width:165px; font-weight:normal; line-height:1.8em; cursor:pointer; z-index:200; }
	#kosik a.empty { line-height:48px; }
	#kosik a:hover { margin:0; text-decoration:none; z-index:1000; }
	#kosik a span { color:#fff; font-size:1.4em; font-weight:bold; }
	#kosik a span.pocet { color:#fff; font-size:1.4em; font-weight:bold; }
	#kosik a span.vstoupit { color:#fff; font-size:1em; font-weight:bold; text-decoration:underline; }
	#kosik a:hover { color:#fff; }
	#kosik a:hover span { color:#fff; }
	#kosik a:hover span.pocet { color:#fff; }
	#kosik a:hover span.vstoupit { color:#fff; text-decoration:none; }
	
	#kosikobal span.t { width:205px; height:20px; display:block; z-index:100; background:url(menu.png) -390px -20px no-repeat; position:absolute; left:0; bottom:0; }
	#kosikobal span.t2 { width:40px; height:20px; display:block; z-index:100; background:url(menu.png) -553px 0 no-repeat; position:absolute; left:163px; bottom:20px; }
	
/* MAIN-MENU
------------------------------*/
.main-menu { width:390px; height:134px; color:#fff; margin:0; padding:0; position:absolute; left:10px; top:117px; text-align:center; font-size:2em; overflow:hidden; }
	.main-menu span.t { width:390px; height:40px; display:block; z-index:100; background:url(menu.png) no-repeat; position:absolute; left:0; bottom:0; }
	
	.piskoviste { display:block; z-index:1; width:194px; height:209px; position:absolute; left:0; top:47px; text-indent:-9999px; overflow:hidden; background:url(piskoviste.png) no-repeat; }
	.domecek { display:block; z-index:1; width:216px; height:220px; position:absolute; left:177px; top:24px; text-indent:-9999px; overflow:hidden; background:url(domecek.png) no-repeat; }
	
	.piskovistea { display:block; z-index:250; width:194px; height:134px; position:absolute; left:0; top:0; text-indent:-9999px; overflow:hidden; }
	.domeceka { display:block; z-index:250; width:216px; height:134px; position:absolute; left:177px; top:0; text-indent:-9999px; overflow:hidden; }
	
	.slunce { display:block; width:189px; height:189px; position:absolute; left:-189px; top:-94px; background:url(slunce.png) no-repeat; }

/* CONTENT
------------------------------*/
#content { padding:0; font-size:1.1em; font-family:"Trebuchet MS"; width:862px; padding:20px 14px 0 14px; }
	/*#content p, #content ul { font-size:1.1em; line-height:1.7em; }*/

table p { margin:0; padding:0; }

/* PRODUKTY
------------------------------*/
.product-box { width:862px; margin:0 0 80px 0; position:relative; float:left; display:inline; text-align:left; }
	.first { border-left:0 !important; }

	h2 { font-size:2.2em; overflow:hidden; color:#fff; line-height:1.3em; font-weight:bold; }
	.product-box h2 a { text-decoration:none; }
	.product-box h2 a:hover { text-decoration:underline !important; }
	
	.product-box .product-popis { float:left; margin:5px 0 0 18px; }
	
	.product-box ul { list-style:none; padding:0; margin:10px 0 8px 0; font-size:1em; width:300px; }
	.product-box ul li { list-style:none; background:url(li.gif) 0 7px no-repeat; padding-left:22px; font-size:1.2em; line-height:1.5em; }
	
	.sklad { color:#fff; font-size:1.2em; font-weight:bold; position:absolute; left:0; top:309px; width:330px; }
	.sklad span { float:left; text-shadow:#555 1px 1px 1px; }
	.sklad span.skladem { text-indent:-9999px; background:url(skladem.gif) no-repeat; width:84px; height:24px; display:block; float:left; margin:0 0 0 4px; }
	.sklad .dva {/* padding-left:12px;*/ clear:both; }
	.sklad span.zaruka { text-indent:-9999px; background:url(24.gif) no-repeat; width:85px; height:27px; display:block; float:left; margin:-1px 0 0 4px; }
	
	.product-box .product-image { background:url(product-box.gif) no-repeat; float:left; width:290px; height:290px; overflow:hidden; padding:5px 9px 9px 5px; text-align:center; position:relative; }
	
	.product-cena { font-family:Tahoma, Arial, Helvetica, sans-serif; color:#ec008c; font-size:2.6em; font-weight:bold; margin:0; padding:0; clear:both; position:absolute; bottom:29px; right:295px; width:250px; text-align:right; height:57px; line-height:57px; text-shadow:#fff 1px 1px 1px; }
	.product-cena span { color:#ec008c; font-size:0.6em !important; font-weight:bold; }
	
	.product-box .priznaky { position:absolute; height:15px; left:10px; top:0; text-align:left; margin:0; padding:0; width:49px; text-align:center; }
	.product-box .priznaky img { margin:0 0 3px 0; display:block; }

	.clear { clear:both; margin:6px 0 0 0; }

/* DETAIL
------------------------------*/
.detail-add { width:263px; padding:0; margin:5px 0 0 0; height:105px; background:url(bg-kosik.gif) 0 0 no-repeat; overflow:hidden; position:absolute; right:0; bottom:0; }
	.detail-add fieldset { height:105px; width:263px; }
	.detail-add fieldset.varianty select { float:left; width:90px; margin:0; padding:2px; }
	.detail-add fieldset span { float:left; line-height:70px; display:block; padding:0 4px; color:#545454; font-weight:bold; margin:19px 0 0 0; }
	.detail-add input.mnozstvi { background:url(input-mnozstvi.gif) no-repeat; float:left; width:31px; text-align:center; height:23px; margin:38px 0 0 16px; padding:8px 0 0 0; border:0; color:#545454; }
	.detail-add .detail-add-button-varianta { float:right; overflow:hidden; width:191px; height:105px; padding:0; background:url(kosik-add.gif) 100% 0 no-repeat; cursor:pointer; z-index:300; }
	.detail-add .detail-add-button-varianta:hover { background:url(kosik-add.gif) 0 100% no-repeat !important; }

	.detail-add-button { background:url(detail-add.gif) no-repeat; overflow:hidden; width:263px; height:105px; padding:0; }
	.detail-add-button:hover { background:url(detail-add.gif) 0 100% no-repeat !important; }

/* DETAIL
------------------------------*/
.detailobsah { height:304px; position:relative; margin-top:5px; }

	.product-image { background:url(product-box.gif) no-repeat; width:290px; height:290px; overflow:hidden; padding:5px 9px 9px 5px; text-align:center; position:relative; float:left; }

	.detail-desc { float:right; padding:5px 0 0 0; width:540px; }
		.detail-desc ul { list-style:none; padding:0; margin:10px 0 8px 0; font-size:1em; width:300px; }
		.detail-desc ul li { list-style:none; background:url(li.gif) 0 7px no-repeat; padding-left:22px; font-size:1.2em; line-height:1.5em; }
		
	.detail-desc2 ul { width:auto; }

#thumbs { float:left; width:310px; padding-top:59px; margin-bottom:20px; }
	#thumbs a { float:left; width:84px; height:84px; padding:5px 10px 10px 5px; display:block; overflow:hidden; background:url(thumb.gif) no-repeat; margin:0 4px 4px 0; }
			
	.sep2 { width:100%; min-height:130px; height:auto !important; height:130px; position:relative; text-align:center; background:url(sep2.png) 50% 0 no-repeat; }
		.sepcon { width:862px; height:130px; display:block;  margin:0 auto; position:relative; }
			.hrad { position:absolute; width:202px; height:220px; display:block; background:url(hrad.png) no-repeat; right:-244px; top:-161px; }
			
/* KOSIK
------------------------------*/
#vyber { position:relative; width:600px; }
.kosikgoods { width:600px; background:#dcf6a8; margin:0; }
	.kosikgoods th, p.legend { padding:4px 3px; font-size:1em; text-align:left; color:#fff; font-weight:bold; border:0; border-bottom:1px solid #609101; background:url(th.png); }
	.kosikgoods td { padding:5px 3px; font-size:1em; border-top:1px solid #c2e975; }
	.kosikgoods td a { text-decoration:underline; font-weight:bold; }
	.kosikgoods tr strong a { color:#000; }
	.kosikgoods tr strong a:hover { color:#000; }
	.kosikgoods td a:hover { text-decoration:none; }
	.kosikgoods tr.zebra td { }
	.kosikgoods input.ks { width:24px; text-align:center; padding:3px 2px; }
	.kosikgoods .pl { padding-left:10px !important; }
	
	.kosikgoods .pl a { text-decoration:none; }
	.kosikgoods .pl a:hover { text-decoration:underline; }
	.kosikgoods tr.seda td { background:#E0ECF0; }
	.kosikgoods .tdsmazat * { vertical-align:middle; padding-bottom:3px; }
	.kosikgoods .vmiddle * { vertical-align:middle; }
	.kosikgoods .wks { width:70px; }
	
	#vyber #overlay { display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; background:#fff url(ikony/loading.gif) center center no-repeat; }
	
	.nobr td { border:0; }
	.pt0 td { padding-top:0 !important; }
	
	.kosikgoods tr.popiszboziakce td { border-top:0 !important; padding-top:0 !important; }
	
.prepocitat { background:url(ikony/prepocitat.gif) no-repeat; padding-left:25px; margin-left:22px; color:#E13512; }
	.prepocitat:hover { color:#E13512; text-decoration:underline; }

.zm { background:url(ikony/prepocitat.gif) no-repeat; padding-left:25px; margin-left:22px; color:#E13512; font-weight:bold; }
	
.pricesum { padding:10px 50px 10px 0 !important; background:url(th.png); color:#fefefe; line-height:30px; }
	.pricesum strong {  }
	.pricesum strong.cenacelkem { color:#fff; font-size:1.8em; padding-left:4px; }
	
#ajax-doprava { clear:both; position:relative; }
#vyberdopravy { }
	#vyberdopravy select { padding:2px; }
	#vyberdopravy th { padding:4px 10px; }
	#vyberdopravy td { padding:7px 3px; font-size:1em; }
	#vyberdopravy td.t-right { padding-right:10px; }
	#vyberdopravy label { display:block; font-weight:bold; color:#139ECC; font-size:1em; width:95%; cursor:pointer; }
	#vyberdopravy label span { font-weight:normal; color:#999; font-size:0.9em; }
	#vyberdopravy .highlight td { background-color:#f9f9f9 !important; }
	#vyberdopravy .vybrano td { background-color:#effdd5 !important; }
	#vyberdopravy .vybrano td label { color:#2B271D !important; }
	
.kosikgoods small, #vyberdopravy small { font-size:0.9em; color:#666; display:block; }
	
	.buttony2 { width:600px; }
	
	p.legend { padding:4px 10px; border:1px solid #609101; display:block; margin:0; }
	.field-fakturacni { padding:0; border:1px solid #ACE440; border-top:0 !important; background:#dcf6a8; width:600px; }
	
		h3.h3fakt { text-align:left; font-weight:bold; padding:7px 0 6px 10px; background:url(th.png); font-size:1em; position:relative; clear:both; width:590px; }
		
		.fakudaje { border-collapse:collapse; width:100%; margin:0; }
		.fakudaje td { padding:2px 3px; }
		.fakudaje .pl { padding-left:10px !important; }
		.fakudaje tr.pt td { padding-top:10px !important; }
		.fakudaje tr.pb td { padding-bottom:10px !important; }
		.fakudaje input { width:140px; }
		.fakudaje input.short { width:90px; }
		.fakudaje textarea { width:350px; height:120px; }
		.fakudaje .poznamka { vertical-align:top !important; }
		.fakudaje a {  }
		.fakudaje a:hover { }
	
	.req {font-size:180%; line-height:.1; font-weight:bold; color:#CF0000;}
	.pcheck { padding-left:15px !important; }
	.dokoncit { margin:15px 0 10px 15px; padding:0; width:252px; height:37px; }
	
	.smazatkosik { margin:0; padding:0; background:url(ikony/smazatkosik.gif) 698px 80% no-repeat; padding-right:54px; }
	.smazatkosik a { color:#E13512; text-decoration:none; }
	.smazatkosik a:hover { color:#E13512; text-decoration:underline; }	
	
	.zmento { padding:0; }

/* HLASKY
------------------------------*/
.povinne, em.error, span.error { color:#ed2024 !important; font-weight:bold; font-style:normal; font-size:0.8em; }
em.error { font-style:italic; }
.povinne { font-size:1.2em; }
input.error, textarea.error { border:1px solid #ed2024 !important; }
.newsletter input.error { border:0 !important; }
.ok { color:#fff; font-weight:bold; padding:5px 5px 5px 29px; background:#5e9b21 url(../design/ikony/ok.gif) 5px 50% no-repeat; }

/* FOOTER
------------------------------*/
#sep { width:100%; height:50px; display:block; background:url(sep.png) repeat-x; }

#footer-container { background:url(footer.jpg) 50% 0 no-repeat; width:100%; margin:0 auto; position:relative; font-family:Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif; }
#footer { width:529px; height:186px; padding:91px 14px 0 347px; margin:0 auto; font-size:0.8em; text-align:left; line-height:1.5em; clear:both; position:relative; overflow:hidden; }

	#footer-container .menu-footer { color:#fff; text-align:left; margin:0 0 10px 0; padding:0; }
	#footer-container .menu-footer p { color:#fff; font-size:1.4em; margin:0; padding:0; text-transform:uppercase; }
	#footer-container .menu-footer a { padding:0 5px; color:#fff; text-decoration:underline; font-size:0.8em; font-weight:bold; }
	#footer-container .menu-footer a:hover { color:#fff; text-decoration:none; }
	#footer-container .nopad { padding:0 5px 0 0 !important; }
	
	#footer p { padding:0; margin:0; color:#fff; }
	#footer p a { color:#fff; text-decoration:underline; font-weight:bold; }
	#footer p a:hover { color:#fff; text-decoration:none; }
	
	#footer p.doporucujeme { border-top:1px solid #85d1ba; padding:8px 0 !important; margin:15px 0 0 0 !important; clear:both; }
	
	#footer .nostrong a, #footer .doporucujeme a { color:#fff; }
	
/* DROBKY
------------------------------*/	
#drobky { padding:5px 0 0 0; }
	#drobky p { margin:0; padding:6px 0 0 0; font-size:0.8em; }
	#drobky a { color:#e16e15; text-decoration:underline; font-weight:bold; }
	#drobky a:hover { color:#e16e15; text-decoration:none; }

/* CLEARFIX
------------------------------*/
.clearfix { display:inline-block; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }