* { margin:0; padding:0; outline:none; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }

body { font-family:Arial, Helvetica, sans-serif;  font-size:100%; background:#f6f9fb url(bg.gif) repeat-x; color:#363636; line-height:1.6em; text-align:center; padding:0; margin:0; }

/* GLOBAL
------------------------------*/
.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; }
.center { text-align:center; }

.zvyraznit { color:#F00 !important; }

.t-right { text-align:right !important; }
.t-center { text-align:center !important; }
.f-right { float:right !important; }
.f-left { float:left !important; }

.wa { width:auto !important; }

.zvyrazneni { background:#FFFBD9; border:1px solid #E9DE7E; color:#333333; padding:2px 3px; }
a.zvyrazneni { color:#9e005d; }

input, select, textarea { font-size:1em; padding:2px; font-family:Arial, Helvetica, sans-serif; }
optgroup { font-size:1em; font-style:normal !important; }

.nom { margin:0 !important; }
.nomt { margin-top:0 !important; }
.nomb { margin-bottom:0 !important; }
.nob { border:0; }

hr, .noscreen { display:none !important; }
.nobr { border:none !important; }
.nobg { background-image:none !important; }

.w20 { width:20px !important; }
.w30 { width:30px !important; }
.wa { width:auto !important; }
.vat { vertical-align:top !important; }

/* TYPOGRAFIE
------------------------------*/
p { padding:0; margin:5px 0 12px 0; font-size:0.9em; line-height:1.8em;}

a { color:#cd3737; text-decoration:underline; outline:none; font-weight:bold; }
a:hover { color:#cd3737; text-decoration:none; }

h2 { font-size:1.85em; color:#363636; font-weight:bold; padding:10px 0 5px 0; margin:0; line-height:1.3em; }
h2.detail-h2 { padding:10px 0; }
h3 { font-size:1.1em; color:#cd3737; font-weight:bold; padding:10px 0 5px 0; margin:0; line-height:1.3em; }
h4 { font-size:1em; color:#fff; font-weight:bold; padding:0 0 2px 0; margin:15px 0 0 0; border-bottom:1px solid #e2e2e2; line-height:1.3em; }

ul { margin:0; padding:5px 0 8px 18px; list-style:none; position:relative; }
ul li { padding:0 0 0 15px; font-size:1em; list-style:none; background:url(li.gif) 0 9px no-repeat; }
	ul ul { padding:0 0 8px 18px; }
ol { margin:5px 0 8px 34px; padding:0; list-style:decimal; }
ol li { margin:0; padding:0; font-size:1em; }

table { margin:12px 0; font-size:1em; border-collapse:collapse; }
table td { padding:3px 5px; }
table th { font-weight:bold; padding:3px 5px; text-align:left; color:#fff; }

table.zebra { border:1px solid #E7E6E7; }
	table.zebra td { border:1px solid #E7E6E7; }
	tr.zebra2 td { background-color:#f9f9f9; }
	.highlight td { background-color:#f7ffd4 !important; }

.cervena { color:#CE4C32; }
.bigger { font-size:1.3em; padding:14px 5px !important; }
.bigger2 { font-size:1.8em; }
.smaller { font-size:0.8em; font-weight:bold; }

/* DOC
------------------------------*/
.pg-doc table { margin:0 0 10px 0; }
.pg-doc h2 { font-size:1.4em; }

/* HLASKY
------------------------------*/
.povinne, em.error, span.error { color:#E13512 !important; font-weight:bold; font-style:normal; font-size:0.9em; }
	.povinne { font-size:1.2em; }
	input.error, textarea.error { border:1px solid #E13512 !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; }

/* H1 REPLACE
------------------------------*/
h1 { display:block; position:absolute; width:270px; height:72px; left:21px; top:14px; text-align:left; font-size:1.1em; background:url(logo.png) 0 0 no-repeat; }
	h1 a { width:270px; height:72px; display:block; position:relative; left:0; top:0; color:#ccc; text-align:center; text-indent:-9999px; }
	h1 a span { width:270px; height:72px; display:block; position:absolute; left:0; top:0; z-index:300; cursor:pointer; background:url(logo.png) 0 0 no-repeat; }
	h1 a:hover span { cursor:pointer; background:url(logo.png) 0 0 no-repeat; }
	h1 a:hover { color:#fff; }

/* LAYOUT
------------------------------*/
#bg-obal { width:100%; height:680px; background:url(bg-obal.jpg) 50% 0 no-repeat; background-position:top center; position:absolute; top:0; left:0; }

#all { width:1000px; margin:0 auto; padding:0; text-align:left; position:relative; font-size:0.813em; line-height:1.7em; display:block; }
#top { width:1000px; padding:0; height:99px; position:relative; }

#container-obal { background:url(container-obal.gif) 5px 0 repeat-y; }
#container { background:url(bg-container.png) 0 100% no-repeat; width:990px; position:relative; text-align:left; padding:0 5px 15px 5px; }
	.hp #container {  background:url(bg-container.png) 0 100% no-repea; }
	
	.hp #content { overflow:hidden; position:relative; width:785px; float:left; }
		.hp #content h2.nadpis { padding:20px 20px 5px 20px; font-size:1.7em; }
		.hp #content p { padding:0 20px 5px 20px; line-height:1.6em; }

	#platno { background:url(platno.jpg) no-repeat; position:relative; width:785px; height:236px; }
	
/* SUB
------------------------------*/
#fadein { position:relative; width:990px; height:136px; background-color:#fff; margin:0 5px; }	
	#inner {  }
	.container-top { width:990px; height:10px; overflow:hidden; font-size:0; background:url(container-top.gif) no-repeat; position:absolute; top:0; left:0; }

/* CONTENT RIGHT
------------------------------*/
#content-right { float:right; width:775px; overflow:hidden; padding-bottom:20px; }

/* CONTENT LEFT
------------------------------*/
#content-left { float:left; width:205px; overflow:hidden; }
	
	ul.menu { width:205px; margin:0; padding:0 0 28px 0; list-style:none; font-family:"Segoe UI", Arial, Helvetica, sans-serif; }
	ul.menu li { width:205px; margin:0; padding:0; list-style:none; background:#E6EDF3 none; border-top:1px solid #fff; }
	ul.menu li a, ul.menu li.kat { width:178px; color:#363636; font-size:1.2em; padding:5px 10px 6px 17px; text-decoration:none; line-height:1.4em; display:block; }
	ul.menu li.kat { background:url(vybertesi.gif) no-repeat; color:#fff; font-weight:bold; border:0; font-size:1.4em; font-style:italic; padding:0; height:34px; width:205px; text-indent:-9999px; }
	ul.menu li a:hover { color:#fff; text-decoration:none; background-color:#cd3737 !important; }
	
	ul.menu ul { margin:0; padding:4px 0; list-style:none; background-color:#fff; }
	ul.menu ul li { margin:0; padding:0; list-style:none; background:url(menu-li.gif) no-repeat scroll 18px 50%; border-top:1px dashed #DCE6E9; }
	ul.menu ul li a { color:#4786B2; font-size:1em; padding:4px 10px 5px 33px; width:162px; text-decoration:none; }
	ul.menu ul li.menu1 { border:0; }
	ul.menu ul li a:hover { color:#cd3737; text-decoration:underline; background:url(menu-li-hover.gif) no-repeat scroll 18px 50% !important; }
	ul.menu ul li a.active { color:#cd3737; }
	
/* TOPMENU
------------------------------*/
.topmenu { text-align:right; width:990px; color:#555555; margin:0; padding:0; position:absolute; right:5px; float:right; top:63px; height:29px; line-height:29px; }
	.topmenu a { position:relative; padding:0 5px 0 0; margin-left:5px; color:#344348; text-decoration:none; font-size:1em; text-align:center; font-weight:bold;  }
	.topmenu a:hover { color:#344348; text-decoration:underline; }

/* KOSIK
------------------------------*/
#kosik { width:205px; height:136px; position:absolute; text-align:left; color:#fff; padding:0; right:5px; top:99px; }
	.hp #kosik { position:relative; right:auto; top:auto; }
	#kosik a { background:url(kosik.png) 0 0 no-repeat; color:#fff; text-decoration:none; display:block; padding:49px 14px 0 14px; height:87px; width:177px; font-weight:normal; line-height:1.8em; }
	#kosik a.empty { line-height:48px; }
	#kosik a:hover { background:url(kosik.png) 0 100% no-repeat; 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:hover { color:#fff; }
	#kosik a:hover span { color:#fff; }
	#kosik a:hover span.pocet { color:#fff; }
	
/* HPMENU
------------------------------*/
#hpmenu { position:relative; width:582px; height:236px; float:left; }
	.menubox-obal { height:118px; border-bottom:1px dashed #515e63; margin:0 15px; }
	.menubox { position:relative; width:50%; height:118px; float:left; padding:0; color:#e13512; line-height:1.4em; z-index:300; }
	.menubox h2 { display:block; position:absolute; width:100%; height:21px; left:14px; top:16px; text-align:left; font-size:1.1em; background:none; margin:0; padding:0; z-index:300; }
	.menubox h2 a { width:167px; height:21px; display:block; position:relative; left:0; top:0; color:#008abd; text-align:center; text-indent:-9999px; z-index:300; }
	.menubox p { position:absolute; height:79px; overflow:hidden; top:37px; left:14px; color:#acb6b9; line-height:1.6em; padding:0 20px 0 0 !important;}
	.menubox a { margin:0; padding:0; text-decoration:underline; font-size:1em; line-height:1.8em; color:#acb6b9; font-weight:bold; }
	.menubox a:hover { text-decoration:none; color:#acb6b9; }
	
	.snowboardy h2 { background:url(h2-snowboardy.gif) no-repeat; }
	.boty h2 { background:url(h2-boty.gif) no-repeat; }
	.komplety h2 { background:url(h2-komplety.gif) no-repeat; }
	.vazani h2 { background:url(h2-vazani.gif) no-repeat; }
	
	.nabidneme { position:relative; border-left:1px dashed #536064; width:202px; height:212px; padding:0; margin:12px 0; color:#caed2f; float:right; }
	.nabidneme h2 { display:block; position:absolute; width:104px; height:34px; left:15px; top:7px; text-align:left; font-size:1.1em; background: url(h2-nabidneme.gif) no-repeat; margin:0; text-indent:-9999px; padding:0; }
	.nabidneme ul { margin:0; padding:62px 0 0 15px; list-style:none; overflow:hidden; }
	.nabidneme ul li { margin:0; padding:0; list-style:none; }
	.nabidneme ul li a { color:#caed2f; font-size:1em; line-height:1.8em; font-weight:bold; text-decoration:underline; padding:0 10px 0 0; }
	.nabidneme li a:hover { color:#caed2f; text-decoration:none; background:none; }
	
/* NOVINKY
------------------------------*/
#novinky { position:relative; background:#f5f5f5 url(bg-novinky.png) 20px 12px no-repeat; width:775px; font-size:1em; line-height:1.4em; margin:0; padding:0 0 12px 10px; }
	
	.novinka { width:234px; float:left; margin:0; padding:0 10px; line-height:1.2em; }
	.stred { padding:0 11px;}
	.novinka h3 { color:#cd3737; font-weight:bold; font-size:1em; margin:0; padding:40px 0 5px 0; }
	.novinka h3 a { background:url(novinka-li.gif) -3px 0 no-repeat; color:#cd3737; margin:0; padding:0 0 0 20px; text-decoration:underline; line-height:1.3em; display:block; }
	.novinka h3 a:hover { color:#cd3737; text-decoration:none; }
	.novinka p { color:#363636; line-height:1.4em; margin:0; padding:0 !important; line-height:1.5em !important; }
	
/* HP-PRODUKTY
------------------------------*/
#hpproduct { position:relative; width:775px; height:266px; font-size:1em; line-height:1.4em; margin:16px 0 0 10px; }
	
	.hpproduct-box { width:234px; height:252px; padding:0 10px; position:relative; overflow:hidden; float:left; display:inline; text-align:left; border-left:1px dashed #d1e1ce; }
	.hpproduct-box:hover a { text-decoration:underline !important; color:#008ABD; }
		.first { border-left:0 !important; }
	
		.hpproduct-box h2 { padding:0; margin:0; font-size:1em; height:36px; overflow:hidden; color:#344348; line-height:1.3em; font-weight:bold; text-align:center; width:234px; left:10px; top:188px; position:absolute; }
		
		.hpproduct-box a { text-decoration:underline; color:#344348; display:block; font-size:1em; }
		.hpproduct-box a:hover { text-decoration:none !important; color:#008ABD !important; }
		
		.hpproduct-box .product-image { width:234px; height:180px; margin:0; overflow:hidden; padding:0; text-align:center; }
		.hpproduct-box .product-image a { width:234px; height:180px; display:block; position:relative; }
		
		.hpproduct-box .product-cena { color:#7cab00; font-size:1.5em; line-height:25px; height:25px; font-weight:bold; margin:0; padding:0; position:absolute; left:0; bottom:0; text-align:center; width:254px; }
		.hpproduct-box .product-cena span { color:#7cab00; font-size:0.6em !important; font-weight:bold; }
		
		.hpproduct-box .priznaky { position:absolute; height:15px; left:10px; top:0; text-align:left; margin:0; padding:0; width:49px; text-align:center; }
		.hpproduct-box .priznaky img { margin:0 0 3px 0; display:block; }
		
		.hp #content .hpproduct-box p { padding:0; line-height:1.6em; }
		
/* VYPIS PRODUKTU
------------------------------*/	
.product-box { width:234px; height:256px; padding:0 10px; position:relative; overflow:hidden; float:left; display:inline; text-align:left; border-left:1px dashed #d1e1ce; border-bottom:1px dashed #d1e1ce; }
	
	.product-box h2 { padding:0; margin:0; font-size:1em; height:36px; overflow:hidden; color:#344348; line-height:1.3em; font-weight:bold; text-align:center; width:234px; left:10px; top:188px; position:absolute; }
	
	.product-box a { text-decoration:underline; color:#344348; display:block; font-size:1em; }
	.product-box a:hover { text-decoration:none !important; color:#00ACEB !important; }
	
	.product-box .product-image { width:234px; height:180px; margin:0; overflow:hidden; padding:0; text-align:center; position:relative; }
	.product-box .product-image a { width:234px; height:180px; display:block; position:relative; }

	.product-box .product-desc { position:absolute; width:258px; height:36px; left:0; bottom:0; padding:0; margin:0; overflow:hidden; }
	.product-box .product-cena { color:#6fad62; font-size:1.5em; line-height:37px; height:37px; font-weight:bold; margin:0; padding:0; position:absolute; left:0; bottom:0; text-align:center; width:257px; }
	.product-box .product-cena span { color:#7cab00; font-size:0.6em !important; font-weight:bold; }
	.product-box .priznaky { position:absolute; left:0; top:10px; text-align:left; margin:0; padding:0; width:49px; text-align:center; }
	.product-box .priznaky img { margin:0 0 3px 0; display:block; }
	
/* KATEGORIE
------------------------------*/
.conpad { padding:0 10px; }
.kategoriepopis strong { }

/* PODKATEGORIE
------------------------------*/
.podkategorie { font-weight:bold; border-top:1px dashed #c4d6db; padding:8px 0; border-bottom:0; margin:0; }
	.podkategorie p { margin:0; padding:0; color:#6c838b; }
	.podkategorie ul { list-style:disc; margin:0; padding:3px 0 6px 0; width:100%; }
	.podkategorie ul li { float:left; list-style:disc; display:inline; background:none; margin:0; padding:0; }
	.podkategorie ul li a { float:left; padding:0 20px 0 10px; display:block; background:url(ikony/arrow.gif) 0 55% no-repeat; }
	.podkategorie ul li a strong {  }
	.podkategorie a { color:#00ACEB; }
	.podkategorie a:hover { color:#00ACEB; }

/* FILTROVANI
------------------------------*/
.showadvancedfiltr { margin:0; padding:0 20px 7px 0; }
	.showadvancedfiltr a { margin:0; padding:0 30px 4px 0; background:url(ikony/dotted-arrow-top.gif) 100% 60% no-repeat; color:#E13512; }
	.showadvancedfiltr a:hover { color:#E13512; }
	
	.filter { width:743px; background-color:#E6EDF3; display: block; padding:7px 16px 6px 16px; border-top:1px solid #c4d6db; border-bottom:1px solid #c4d6db; }
	.filter fieldset { border:0; margin:0; padding:0; }
	.filter .filterlabel { width:90px; display:block; float:left; }
	.filter div { width:50%; margin:0; overflow:hidden; }
	.filter div * { vertical-align:middle; }
	.filter div#advancedfilter { clear:both; width:100%; display:none; }
	.filter div#advancedfilter div { clear:both; width:100%; padding:5px 0 0 0; }
	.filter div#advancedfilter div * { vertical-align:middle; }
	.filter div#advancedfilter label.filtrpriznaky { padding-right:10px; }

/* STRANKOVANI
------------------------------*/
.strankovani { margin:10px 0 !important; clear:both; }
	.strankovanitop { padding-bottom:10px; margin-bottom:0 !important; border-bottom:1px dashed #d1e1ce; }
	.strankovani a { background-color:#6c838b; color:#fff; padding:3px 7px; text-decoration:none; font-size:1em; }
	.strankovani a.active { background-color:#c4d6db; color:#6C838B; text-decoration:none; }
	.strankovani a.active:hover { background-color:#fda505; color:#fff; text-decoration:none; }
	.strankovani a:hover { background-color:#fda505; color:#fff; }
	.strankovani a, .strankovani strong { margin:0 2px; }

/* DETAIL
------------------------------*/
.detail-sloupec { float:left; width:400px; }

	.var-table { clear:both; }
	.var-table table { width:100%; clear:both; }
	.var-table table th { text-align:left; font-weight:bold; padding:6px 8px 6px 5px; }
	.var-table table td { border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; padding:6px 8px 6px 5px; background:url(td.gif) repeat-x; }
	.var-table table tr.highlight td { background:#f0f0f0 none !important; }
	.var-table table th.col-pridat { width:76px; padding:2px 5px; }
	.var-table table td.col-pridat { width:76px; padding:2px 5px; text-align:right; vertical-align:middle; }
	.col-cena { padding-right:30px !important; }
	.setsubmit { color:#fff; padding:8px 13px; background-color:#BF0000; border:0; cursor:pointer; font-size:1.1em; }
	.setsubmit:hover { color:#fff; background-color:#8CA621; }
	.var-table .setrow td { background:none; border:0; }
	.var-table .sethead th { background:#00ACEB; color:#fff; }

	.detail-sloupec .product-image { float:left; width:400px; overflow:hidden; position:relative; text-align:center; }
		#thumbs { float:left; width:420px; overflow:hidden; padding:0 0 3px 0; }
		#thumbs a { float:left; width:80px; height:80px; margin:10px 10px 0 0; display:block; border:1px solid #ECECEC; text-align:center; position:relative; }
		#thumbs a:hover { border:1px solid #ccc; }

	.detail-desc { float:right; width:310px; }
		.detail-desc .priznaky { height:25px; display:block; }
		.detail-desc .priznaky img { padding-right:5px; }
		
		.parametry { width:100%; margin-top:0; }
		.parametry td { border-top:1px dashed #ccdce1; border-bottom:1px dashed #ccdce1; padding:4px 5px; color:#6c838b; }
		.parametry td.sleva { background-color:#94cc00; font-size:1.2em; color:#fff; font-weight:bold; }
		.parametry span.skladem { background:#0098D0; color:#fff; font-size:0.9em; text-transform:uppercase; padding:1px 3px; font-weight:bold; }
		
		.parametry2 { width:100%; margin-top:0; font-size:0.85em; color:#7e797a; }
		.parametry2 td { padding:0 5px; }
	
	.detail-add { width:300px; padding:0 0 0 10px; height:62px; background:url(bg-kosik.png) no-repeat; overflow:hidden; position:relative; }
	.detail-add fieldset { height:62px; width:300px; }
	.detail-add fieldset.varianty select { float:left; width:90px; margin:20px 0 0 0; padding:2px; }
	.detail-add fieldset span { float:left; line-height:46px; display:block; padding:0 4px; color:#000; margin:8px 0 0 0; }
	.detail-add input.mnozstvi { float:left; width:25px; text-align:center; height:16px; margin:19px 0 0 15px; padding:2px; }
	.detail-add .detail-add-button-varianta { float:right; overflow:hidden; width:112px; height:62px; padding:0; background:url(bg-kosik-hover.png) 100% 0 no-repeat; cursor:pointer; z-index:300; }
	.detail-add .detail-add-button-varianta:hover { background:url(bg-kosik-hover.png) 100% -62px no-repeat !important; }
	
	#taby { clear:both; width:100%; padding-top:15px; }
	.tabs { clear:both; width:100%; list-style:none; margin:0; padding:0; }
	.tabs li { list-style:none; float:left; padding:0; text-align:left; margin-right:3px; font-family:"Segoe UI"; }
	.tabs li a { text-decoration:none; padding:4px 18px; display:block; float:left; background:#E6EDF3; color:#344348; border:1px solid #c4d6db; border-bottom:0; font-style:italic; }
	.tabs li a:hover { text-decoration:none; background:#CDDFE4; color:#344348; border:1px solid #c4d6db; border-bottom:0; }
	.tabs li.ui-tabs-selected a { text-decoration:none; background:#E13512; color:#fff; border:1px solid #ce4c32; border-bottom:0; }
	
	.ui-tabs-hide { display:none !important; }
	
	.tabs-content { clear:both; padding:5px 15px 15px 15px; border:1px solid #c4d6db; }
	.tabs-content table { width:100%; margin:3px 0 12px 0; }
	.tabs-content table td { padding:4px 3px; }
	.tabs-content th { text-align:left; }
	.tabs-content h2 { font-size:1em; margin:0; padding:10px 0 0 0; }
	.tabs-content tr.zebra td { background-color:#f7f7f7; }
	
	#taby h2 { padding:10px 0 8px 0; text-transform:uppercase; font-size:1.1em; }
	
	#prilohy td { width:93%; }
	#prilohy td.prilohynum { width:15px !important; color:#ccc; text-align:center; }
	
	#dotaz table td, #comments table td { padding:2px 10px 2px 0; vertical-align:top; }
	#dotaz input, #comments input { width:150px; }
	#dotaz textarea, #comments textarea { width:300px; height:150px; }
	#dotaz .ok, #dotaz .ok { margin:20px 0 !important; }
	
	.detail-desc ul, .tabs-content ul { list-style:none; margin:0; }
	.detail-desc ul li, .tabs-content ul li { background:url(li.gif) 0 8px no-repeat; padding:0 0 0 15px; list-style:none; }
	.detail-desc ol, .tabs-content ol { margin:0 0 0 30px; }
	.detail-desc ol li, .tabs-content ol li { padding:0 0 0 0; }
	
.cbody { border:1px solid #f5f9e5; width:500px; padding:5px 10px; background:#fbfdf5; margin-top:15px; position:relative; }
	.cbody p { margin:0; padding:0 0 5px 0; color:#8CA621; }
	.cbody p span { color:#ccc; font-size:0.9em; }
	.cbody .cnum { position:absolute; top:4px; right:10px; font-size:1.6em; font-weight:bold; color:#eee; font-family:Georgia, "Times New Roman", Times, serif; }
	
	.cform { padding:5px 10px; background:#fffef6; border:1px solid #f7f1be; margin-top:15px; }
		.cinvite { background:#f7f1be; font-weight:bold; margin:-5px -10px 0 -10px; padding:5px 10px; }

	.oform { padding:5px 10px; background:#fffef6; border:1px solid #f7f1be; margin-top:15px; }
		.oinvite { background:#f7f1be; font-weight:bold; margin:-5px -10px 0 -10px; padding:5px 10px; }
		.oform table { margin:10px 0 0 0 !important; }
	
#dog .dogtd { width:160px !important; }
	#dog em.error { display:block; float:left; width:100%; padding:2px 0 0 0; }
	.pes-cena { width:60px; text-align:right; }
	
	.h2 { color:#E13512; font-weight:bold; margin:0; padding:5px 0 0 0; font-size:1.2em; font-style:italic; }
	.detail-related { clear:both; padding:1px 0 0 0; margin:15px 0 0 0; }
	.detail-related-akce { clear:both; padding:1px 15px 10px 15px; margin:15px 0 0 0; border:1px solid #dae5ad; }
	
	.detail-related .related { width:176px; height:250px; border:1px solid #f1f1f1; padding:7px 0; list-style:none; margin:7px 7px 0 0; float:left; overflow:hidden; text-align:left; position:relative; }
		.detail-related .lastrel { margin:7px 0 0 0 !important; }
		.detail-related .related:hover { border:1px solid #ccc; }
		.detail-related .related li { list-style:none; line-height:1.3em; text-align:center; background:none; margin:0 !important; padding:0 7px !important; }
		.detail-related .related a { color:#7e797a; text-decoration:none; font-weight:bold; font-size:1em; line-height:normal; }
		.detail-related .related a:hover { color:#E13512; text-decoration:underline; }
		.detail-related .related h3 { padding:0 7px 4px 7px !important; font-size:0.9em; height:35px; overflow:hidden; text-align:center; }	
		.detail-related .related-foto { text-align:center; width:162px; height:183px; overflow:hidden; padding:0 7px; }
		.detail-related .related-foto a { width:162px; height:183px; display:block; position:relative; }
		.detail-related .related-cena { color:#7E797A; font-size:1.4em; font-weight:bold; text-align:center; position:absolute; bottom:0; left:0; width:176px; height:35px; line-height:35px; }	
		.detail-related .related-cena span { color:#7CAB00; font-weight:bold; }	
		
/* SIDEBAR
------------------------------*/
#sidebar { float:right; width:205px; padding:0 0 10px 0; margin:0; }
	
.akce { position:relative; width:205px; font-size:1em; line-height:1.4em; margin:0; padding:15px 0 0 0; }

	.akce p { background:url(bg-akcni-zbozi.png) 0 100% no-repeat; margin:0 0 5px 0; padding:0; text-indent:-9999px; display:block; height:16px; }

	.akcni-zbozi { position:relative; margin:0 -4px 0 4px; padding:0 8px 6px 8px; text-align:left; width:189px; background:url(stin.png) 100% 100% no-repeat; }	
	.akcni-zbozi h3 a { color:#cd3737; text-decoration:underline; font-weight:bold; font-size:1em; line-height:normal; }
	.akcni-zbozi h3 a:hover { color:#cd3737; text-decoration:none; }
	.akcni-zbozi .akcni-zbozi-foto { float:right; width:90px; height:90px; overflow:hidden; padding:2px 0 0 0; text-align:center; position:relative; }		
	.akcni-zbozi .akcni-zbozi-foto a { width:90px; height:90px; position:relative; display:block; }	
	.akcni-zbozi .akcni-zbozi-usetrite { float:left; width:91px; overflow:hidden; padding:15px 0 10px 0; color:#344348; font-size:0.8125em; font-weight:bold; }	
	.akcni-zbozi .akcni-zbozi-usetrite span { font-weight:bold; color:#cd3737; font-size:1.4em !important; }	
	.akcni-zbozi .akcni-zbozi-cena { color:#8fb800; font-weight:bold; font-size:1.2em; float:left; width:91px; overflow:hidden; }
	.akcni-zbozi .akcni-zbozi-cena span { font-size:0.7em; color:#363636; }		
	.akcni-zbozi .akcni-zbozi-nazev { padding-bottom:5px; }
	
	a.dalsi-akce { width:205px; color:#8fb800; font-size:1.4em; font-weight:bold; text-align:center; text-decoration:none; display:block; padding:16px 0; }
	a.dalsi-akce:hover { text-decoration:underline; }

/* DROBKY
------------------------------*/	
#drobky { padding:0 10px 0 10px; }
	#drobky p { margin:0; padding:10px 0 0 0; }
	#drobky a { color:#00ACEB; text-decoration:underline; }
	#drobky a:hover { color:#00ACEB; text-decoration:none; }

/* TOP-MENU
------------------------------*/
#top-menu { position:absolute; z-index:200; left:30px; top:145px; height:36px; width:930px; background-color:#fff; padding:0; }
	#top-menu ul { list-style:none; margin:0; width:928px; height:34px; padding:0; position:relative; border-left:1px solid #f2f2f2; border-top:1px solid #f2f2f2; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; }
	#top-menu ul li { float:left; display:inline; margin:0; padding:0; font-size:0.9em; position:relative;  }
	#top-menu ul li a { float:left; display:block; color:#000; font-weight:bold; text-decoration:none; text-align:center; padding:0; height:34px; line-height:34px; }
	#top-menu ul li a:hover { color:#fff; text-decoration:none; }
	
	#top-menu ul li.m1 a { width:114px; background:url(../design/m1.gif) 0 0 repeat-x; color:#727272; }
	#top-menu ul li.m2 a { width:111px; background:url(../design/m2.gif) 0 0 repeat-x; color:#fff; }
	#top-menu ul li.m3 a { width:111px; background:url(../design/m3.gif) 0 0 repeat-x; color:#fff; }
	#top-menu ul li.m4 a { width:145px; background:url(../design/m4.gif) 0 0 repeat-x; color:#fff; }
	#top-menu ul li.m5 a { width:114px; background:url(../design/m5.gif) 0 0 no-repeat; color:#000; }
	#top-menu ul li.m6 a { width:111px; background:url(../design/m1.gif) 0 0 repeat-x; color:#727272; }
	#top-menu ul li.m7 a { width:111px; background:url(../design/m7.gif) 0 0 repeat-x; color:#fff; }
	#top-menu ul li.m8 a { width:111px; background:url(../design/m1.gif) 0 0 repeat-x; color:#727272; }
	
	#top-menu ul li.m1 a:hover { background:#eaeaea none; color:#727272; }
	#top-menu ul li.m2 a:hover { background:#f8b333 none; color:#fff; }
	#top-menu ul li.m3 a:hover { background:#c40206 none; color:#fff; }
	#top-menu ul li.m4 a:hover { background:#787878 none; color:#fff; }
	#top-menu ul li.m5 a:hover { background:url(../design/m5.gif) 100% 100% no-repeat; color:#000; }
	#top-menu ul li.m6 a:hover { background:#eaeaea none; color:#727272; }
	#top-menu ul li.m7 a:hover { background:url(../design/m7-hover.gif) 0 0 repeat-x; color:#fff; }
	#top-menu ul li.m8 a:hover { background:#eaeaea none; color:#727272; }

/* KOSIK
------------------------------*/
.kupon { border:1px solid #f7f1be; padding:10px; background:#fffef6; position:relative; margin-bottom:10px; }
	.kupon p { margin:0; padding:0; text-align:center; }
	.kupon p span { color:#999; }
	.kupon input.kupon-input { padding:2px; width:130px; }

.kosikgoods { border:1px solid #C4D6DB; border-collapse:collapse; width:100%; background:#fff; margin:15px 0 0 0; }
	.kosikgoods th { background:#6C838B; padding:4px 3px; font-size:1em; text-align:left; color:#fff; font-weight:bold; border:1px solid #C4D6DB; border-right:0 !important; border-left:0 !important; }
	.kosikgoods td { border-top:1px solid #C4D6DB; border-collapse:collapse; padding:5px 3px; font-size:1em; }
	.kosikgoods td a { text-decoration:underline; }
	.kosikgoods tr strong a { color:#00ACEB; }
	.kosikgoods tr strong a:hover { color:#00ACEB; }
	.kosikgoods td a:hover { text-decoration:none; }
	.kosikgoods tr.zebra td { background:#fbfbfb; }
	.kosikgoods input.ks { width:2.2em; text-align:center; }
	.kosikgoods .pl { padding-left:10px !important; }
	.kosikgoods .pl a { text-decoration:none; }
	.kosikgoods .pl a:hover { text-decoration:underline; }
	.kosikgoods tr.seda td { background:#f2f2f2; }
	.kosikgoods .tdsmazat * { vertical-align:middle; padding-bottom:2px; }
	.kosikgoods .vmiddle * { vertical-align:middle; }
	.kosikgoods .wks { width:70px; }
	
	.kosikgoods tr.popiszboziakce td { border-top:0 !important; padding-top:0 !important; }
	
.prepocitat { background:url(ikony/prepocitat.gif) 0 0 no-repeat; padding-left:25px; margin-left:15px; color:#E13512; }
	.prepocitat:hover { color:#E13512; text-decoration:underline; }
	
.pricesum { padding:10px 50px 10px 0 !important; background:#EFEFEF ; }
	.pricesum strong { color:#6c838b; }
	.pricesum strong.cenacelkem { color:#00ACEB; font-size:1.5em; padding-left:4px; }
	
#ajax-doprava { clear:both; position:relative; }
#vyberdopravy { border:1px solid #c4d6db; border-collapse:collapse; width:100%; background:#fff; margin:0; }
	#vyberdopravy select { padding:2px; }
	#vyberdopravy th { background:#6c838b; padding:4px 10px; font-size:1em; text-align:left; color:#fff; font-weight:bold; border:0; border-bottom:1px solid #c4d6db; }
	#vyberdopravy td { border:1px dashed #c4d6db; border-left:0; border-right:0; border-collapse:collapse; padding:7px 3px; font-size:1em; }
	#vyberdopravy td.t-right { padding-right:10px; }
	#vyberdopravy label { display:block; font-weight:bold; color:#00ACEB; font-size:1em; width:95%; cursor:pointer; }
	#vyberdopravy label span { font-weight:normal; color:#6c838b; font-size:0.9em; display:block; line-height:1.5em; }
	#vyberdopravy .highlight td { background-color:#f9f9f9 !important; }
	#vyberdopravy .vybrano td { background-color:#effdd5 !important; }
	#vyberdopravy .vybrano td label { color:#2B271D !important; }
	#ajax-doprava #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; }

.kosikgoods small, #vyberdopravy small { font-size:0.9em; color:#666; display:block; }
	
	
	p.legend { background:#6c838b; padding:4px 10px; font-size:1em; text-align:left; color:#fff; font-weight:bold; border:1px solid #c4d6db; display:block; margin:0; }
	.field-fakturacni { padding:15px 15px 10px 15px; border:1px solid #c4d6db; border-top:0 !important; background:#fff; }
	
		h3.h3fakt { display:block; text-align:left; font-weight:bold; padding:5px 3px 5px 10px; background:#efefef; font-size:1em; }
		
		.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:180px; }
		.fakudaje input.short { width:90px; }
		.fakudaje textarea { width:505px; height:120px; }
		.fakudaje .poznamka { vertical-align:top !important; }
		.fakudaje a { color:#139ECC; }
		.fakudaje a:hover { color:#139ECC; }
	
	.req {font-size:180%; line-height:.1; font-weight:bold; color:#E13512;}
	.pcheck { padding-left:10px !important; }
	.dokoncit { margin-top:15px; }
	
	.smazatkosik { margin:0; padding:0; background:url(ikony/smazatkosik.gif) 713px 50% no-repeat; padding-right:55px; }
	.smazatkosik a { color:#E13512; text-decoration:none; }
	.smazatkosik a:hover { color:#E13512; text-decoration:underline; }

.dokoncit {
	height:					auto;
    margin:                 10px 0;
	line-height:			1.3em;
	text-transform:			uppercase;
	font-weight:			700;
    font-size:              18px;
    background:             rgb(157,195,3);
    background:             linear-gradient(180deg, rgba(157,195,3,1) 0%, rgba(136,169,4,1) 100%);
    padding:                12px 25px;
    border:                 0;
    color:                  #fff;
    cursor:                 pointer;
    text-shadow:            1px 1px 1px rgba(0,0,0,.3);
    box-shadow:             0 1px 0 0 rgba(255,255,255,0.32) inset,0 0 5px 0 rgba(255,255,255,0.2) inset,0 67px 67px -40px rgba(255,249,249,0) inset,0 3px 0 0 #688200,0 3px 6px 0 rgba(0,0,0,0.4);
}

.dokoncit:hover,
.dokoncit:focus {
    background:             linear-gradient(180deg, rgba(136,169,4,1) 0%, rgba(136,169,4,1) 100%);
	color:					#fff;
}

.dokoncit em {
    font-style:				normal;
    line-height:			1.2em;
    display:				block;
    font-weight:			400;
    text-transform:			none;
    font-size:              15px;
}

/* VLASTNI
------------------------------*/
.vlastni { padding:10px 15px 0 15px; width:180px; height:211px; background-color:#fbf9c7; border:1px solid #ccc; margin-top:24px; }
	.vlastni label { display:block; padding-top:8px; }
	.vlastni label input { width:98%; }
	
	.vlastnitable { border:1px solid #DFDFDF; border-collapse:collapse; margin:0; }
	.vlastnitable td { border-bottom:1px solid #DFDFDF; }
	.zebruj tr.zebra td { background-color:#fcfae9; }
	.zebruj tr.hover td { background:#F9F6D7 !important; }
	.zebruj th { text-align:left; background:#FBF9C7; border-bottom:1px solid #DFDFDF; color:#000; }
	.vlastnitable * { padding-bottom:2px; vertical-align:middle; }
	.vlastnitable .smaz { width:50px !important; }
	
	.vse td { background:#fcfbdd !important; }
	
	.vypln input, textarea { padding:2px; font-family:Arial, Helvetica, sans-serif; }
	.vypln label { float:left; width:140px; clear:both; margin-top:5px; }
	.vypln input { float:left; width:180px; margin-top:5px; }
	.vypln textarea { width:330px; height:100px; margin-top:5px; }
	.vypln input.vlastnisubmit { margin-left:140px; }
	
	p.f { font-size:1em !important; }
	.success { background-color:#19a21c; padding:15px; font-weight:bold; font-size:1.2em; color:#fff; text-align:center; display:block; margin:10px 0 30px 0; }
	p.error { color:#fff; background:#ef0f00; font-weight:bold; padding:5px; text-align:center; font-size:1.1em; }
	
	.alert { color:#FF0000 !important; }
	
	.clear { width:100%; font-size:0; line-height:normal; height:1px; width:100%; display:block; }

/* SEARCH
------------------------------*/
.search { background:url(search.png) no-repeat; position:absolute; top:1px; right:5px; width:422px; height:56px; }
	.search p { float:left; color:#777a0d; text-transform:uppercase; display:none; }
	.search form { height:56px; position:relative; margin:0; }
	.search .inp-text { background:none; border:0; position:absolute; top:20px; left:102px; height:16px; padding:0; width:260px; font-size:1em; color:#606e72; }
	.search .hledat { background:url(hledat.png) -100px 0 no-repeat; height:56px; padding:0; width:49px; position:absolute; right:0; top:0; overflow:hidden; }
	.search .hledat:hover, .search .hledat:focus { background:url(hledat.png) 0 0 no-repeat; }

/* FOOTER
------------------------------*/
#footer-obal { position:relative; background:url(footer-obal.png) 0 100% repeat-x; width:100%; margin:0 auto; }
#footer { position:relative; background:url(footer.jpg) 0 100% no-repeat; width:100%; font-size:1em; line-height:1.4em; margin:0 auto; padding:0; }
	#footer-container { position:relative; background:url(footer-container.jpg) 0 100% no-repeat; width:1000px; padding:15px 0; margin:0 auto; }
	
	.vyhody { float:left; margin:0; padding:0 0 0 24px; width:605px; text-align:left; }
		.vyhody .nazev { background: url(vyhody-footer.gif) 0 6px no-repeat; color:#caed2f; font-size:1em; font-weight:bold; text-indent:-9999px; margin:0; padding:0; }
		.v1 { float:left; width:299px; }
		.v2 { float:right; width:299px; margin-top:29px; }
		.radek { width:299px; padding:7px 0; clear:both;}
		.radek p { color:#fff; display:block; float:left; width:261px; margin:0; padding:0 15px 0 0; font-size:0.8em; line-height:1.5em; }
		.radek span { color:#caed2f; font-family:"Segoe UI" Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.2em; display:block; float:left; width:23px; }
		
	p.spodek { width:952px; margin:0 auto; position:relative; clear:both; padding:20px 24px 4px 24px; margin:0; overflow:hidden; color:#fff; line-height:1.4em; font-size:0.75em; text-align:left; }
	p.spodek a { color:#caed2f; text-decoration:underline; font-style:normal !important; }
	p.spodek a:hover { color:#caed2f; text-decoration:none; }
	
		
	/* NEWSLETTER
------------------------------*/
.newsletter { position:relative; float:right; margin:0; padding:0 18px 18px 18px; width:310px; text-align:left; border-left:1px dashed #b9d1e2; }
	.newsletter p.nazev-novinky { background:url(novinky-footer.gif) 0 6px no-repeat; color:#ece9d3; font-size:1em; font-weight:bold; text-indent:-9999px; margin:0 0 17px 0; padding:0; line-height:1.4em; }
	.newsletter form { min-height:56px; height:auto !important; height:56px; position:relative; background:url(newsletter.png) no-repeat; width:307px; }
	.newsletter form fieldset { height:56px; width:307px; }
	.newsletter .inp-text { background:url(newsletter.png) no-repeat; border:0; position:absolute; top:0; left:0; height:18px; padding:20px; width:230px; color:#868686; font-size:0.8em; }
	.newsletter .newsletter-odber { height:56px; padding:0; width:50px; float:right; position:absolute; top:0; right:0; }
	.newsletter .newsletter-odber:hover, .newsletter .newsletter-odber:focus { background:url(newsletter-odber.png) 0 100% no-repeat; }
	.newsletter p { font-size:0.7em; font-style:italic; color:#fff; line-height:1.3em; padding:3px 0 13px 0;}
	.newsletter span.error { clear:both; background:#E13512; padding:2px; color:#fff !important; font-size:0.65em; text-transform:uppercase; }
	
	.footer-logo { position:absolute; background:url(footer-logo.gif) no-repeat; width:76px; height:29px; bottom:0; right:25px; text-indent:-9999px; }
	
/* 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%; }