* {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 {padding:0; background:#fff url(bg.png) repeat-x; font:0.8em/1.5 "arial", sans-serif; color:#2f2f2f; text-align:center;}

a {color:#CF0000; text-decoration:underline;}
a:hover {color:#CF0000; text-decoration:none;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:200%;}
h2 {font-size:110%;}
h3 {font-size:110%;}
h4 {font-size:110%;}
h5 {font-size:100%;}

.textovyobsah h1 {font-size:170%; padding:5px 0 8px 0; margin:0; color:#CF0000;}
.textovyobsah h2 {font-size:140%; margin:18px 0 8px 0; background:url(dot.gif) 0 100% repeat-x; color:#CF0000;}
.textovyobsah h3 {font-size:125%; background:url(dot.gif) 0 100% repeat-x; color:#CF0000; margin:18px 0 5px 0; }
.textovyobsah h4 {font-size:110%; background:url(dot.gif) 0 100% repeat-x; color:#CF0000; margin:18px 0 0 0; }
.textovyobsah h5 {font-size:95%; background:url(dot.gif) 0 100% repeat-x; color:#CF0000; text-transform:uppercase; margin:18px 0 0 0; }
.textovyobsah h6 {font-size:85%; background:url(dot.gif) 0 100% repeat-x; color:#CF0000; text-transform:uppercase; margin:18px 0 0 0; }

.indexy h2 {font-size:140%; margin:18px 0 8px 0; background: 0 100% repeat-x; color:#CF0000;}


p {margin:5px 0 12px 0;}

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

.textovyobsah table {margin:10px 0 15px 21px; width:700px; }

ul {display:block; margin:8px 0 10px 18px;}
.textovyobsah ul {margin:8px 0 10px 38px;}
ul ul, ul ul ul, ol ol, ol ol ol {margin:0; margin-left:20px;}
ol { margin:8px 0 10px 34px; list-style-type:decimal;}
.textovyobsah ol { margin:8px 0 10px 57px; }
ol li {list-style-type:decimal; background:none;}
ol ol {list-style-type:upper-alpha;}
ol ol ol {list-style-type:lower-alpha;}
ul li { padding:0 0 0 15px; list-style:none; background:url(li.gif) 0 7px no-repeat; }
ul li a {text-decoration:underline;}
ul li a:hover {text-decoration:none;}

ol li {list-style-type:decimal; background:none; padding:0 0 3px 0;}

dl {margin:15px 0;}
dd {margin-left:30px;}

fieldset {margin:15px 0; padding:10px; border:1px solid #D1D1D1;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#CF0000; padding:0 5px;}

abbr, acronym, .help {border-bottom:1px dotted #D1D1D1; cursor:help;} img.help {border:0;position:relative;top:2px;}
blockquote {margin:15px 20px; font-style:italic;}
del, .del {text-decoration:line-through;}

input, select, textarea { padding:2px; font-family:Arial, Helvetica, sans-serif; }

/* -------------------------------------------------------------------------------------------------------
Univerzální
------------------------------------------------------------------------------------------------------- */

.f-left {float:left !important;} img.f-left {margin-right:10px;}
.f-right {float:right !important;}  img.f-right {margin-left:10px;}

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

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.pr {position:relative;}

.width100 {width:100%;}

.clear {clear:both; width:100%; height:1px; font-size:1px; }

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.nom {margin:0 !important;}
.nop {padding:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.nob {border:0 !important;}
.nowr {white-space: nowrap;}

.strong { font-weight:bold; }

.ma-top5 {margin-top:5px !important;}
.ma-top10 {margin-top:10px !important;}
.ma-top13 {margin-top:13px !important;}
.ma-top15 {margin-top:15px !important;}

.ma5 {margin:5px 0 10px 0 !important;}

.mmr {margin-right:-10px;}

.noscreen, .ui-tabs-hide, .hiddeninfo {display:none;}
.nobg {background:none !important;}

.bigger {font-size:115%;}
.bigger2 {font-size:130%;}
.smaller {font-size:85%;}
.smaller2 {font-size:75%; font-weight:normal; }
.smaller95 {font-size:95%;}

.high {color:#CF0000;}
.nonhigh {color:#717171;}
.high-bg {padding:2px 3px; background:#FFE581; color:#000;}

.border {border:1px solid #D1D1D1;}
.border-td {border-top:1px dashed #e9e9e9;}

.bg2 {background-color:#f8f8f8;}

.normal {font-weight:normal;}
.min {height: 25px;}

.btn {height:22px; border:0; padding:0; background:0 0 no-repeat; text-align:center; font:bold 10px/1 "verdana",sans-serif; text-transform:uppercase; cursor:pointer; cursor:hand;}
.btn-vel-cerveny {background:url(btn-velky-cerveny.gif); width: 75px; color:#FFF;}
.btn-vel-zluty {background:url(btn-velky-zluty.gif); width: 75px; color:#000;}
.btn-vel-cerny {background:url(btn-velky-cerny.gif); width: 75px; color:#FFF;}
.btn-mal-zluty {background:url(btn-maly-zluty.gif); width: 30px; color:#000;}
.btn-mal-cerny {background:url(btn-maly-cerny.gif); width: 30px; color:#FFF;}
.btn-login {background: url(btn-prihlasit.gif); width: 75px;}

.color { background-color:#CF0000; color:#fff; padding:2px 6px; margin:0; font-size:0.9em; font-weight:normal; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.grey { background-color:#262A30; color:#fff; padding:2px 6px; margin:0; font-size:0.9em; font-weight:normal; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }

.textovyobsah p { margin-left:21px; }

/* LAYOUT
------------------------------*/
#main {background:url(main.png) 50% 0 no-repeat; padding-top:11px;}
	#main-pre {background:url(all.png) 50% 0 repeat-y; margin:0 auto; width:994px; position:relative;}
	#main-in {width:980px; margin:0 3px; text-align:left; border:4px solid #fff; border-bottom:0;}
	#page { background:url(container.gif) repeat-y; }

/* HLAVICKA
------------------------------*/
#header {position:relative; height:167px; background:#262a30 url(header.jpg) no-repeat; width:980px;}
	
	#cart {background:url(cart.png) no-repeat; line-height:1.4; width:269px; height:61px; position:absolute; top:36px; right:16px; text-align:center; color:#fff; font-size:0.85em;}
			#cart a {color:#c4c4c4; text-decoration:none; display:block; height:58px; width:235px; padding:3px 1px 0 33px; background:none;}
			#cart a:hover {color:#fff; text-decoration:none; background:#00b1e7 url(cart.png) 0 -61px no-repeat;}
			#cart p { line-height:28px; }
					#cart p span.white {color:#fff;}
					#cart a:hover {color:#fff;}
					#cart a:hover span {color:#fff;}
			#cart .cartprice { font-size:1.1em; }
			#cart a:hover .cartprice { border-bottom:2px solid #fff; }			
					#cart .cartprice strong { font-size:1.1em; color:#fff; font-weight:bold; }
					#cart .cartprice span { font-size:1.2em; color:#fff; font-weight:bold; }
			#cart .dopravazdarma-off { background:#00a5e3; padding:2px 4px; font-size:0.95em; color:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; margin-right:3px; }
			#cart a:hover .dopravazdarma-off { background:#41454c; }
			#cart .dopravazdarma-on { background:#00a5e3; padding:2px 4px; font-size:0.95em; color:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; font-size:1.1em; }
			#cart a:hover .dopravazdarma-on { background:#cf0000; }

/* HORIZONTALNI MENU
------------------------------*/
#nav {position:absolute; z-index:200; background:#AD080A; border-bottom:4px solid #f6b600; width:980px; left:7px; top:127px;}
	#nav ul {margin:0; padding:0; list-style:none;}
		#nav ul li {float:left; display:inline; margin:0; padding:0; background:url(nav-sep.gif) 100% 50% no-repeat;}
		#nav ul li a {display:block; float:left; /*\*/ float:none; padding:10px 20px 11px 20px; color:#FFF; font-weight:bold; text-decoration:none;}
		#nav ul li#nav-active a {background:#212121 url(nav-active.gif) 0 0 repeat-x;}
		#nav ul li:hover a {background:#950000;text-decoration:none;}
		#nav ul li a:hover {background:#950000;text-decoration:underline;}
		
	#nav ul li.nav-on div {visibility:visible;}
	#nav ul li.nav-off div {visibility:hidden;}
	#nav ul li div { background:url(nav-bottom.png) 0 100% no-repeat; width:200px; padding-bottom:7px; display:none; /*\*/ display:block; position:absolute; visibility:hidden;}
	#nav ul li div a { padding:4px 10px 4px 23px; border-right:0; border-bottom:1px solid #FFF000; background:#FC0 !important; color:#212121; text-decoration:none; font-weight:normal;}
	#nav ul li div a:hover { background:#FFD634 !important;}
	#nav ul li ul {display:block; margin:0; padding:0; background:#FC0;}
	#nav ul li ul li {display:inline; float:none; width:auto;}
	
		#logo-morel {position:absolute; top:5px; right:10px; margin:0;}
				
/* SEARCH
------------------------------*/
#search {position:absolute; top:40px; left:397px; width:276px; height:45px; background:url(search.png) no-repeat; padding:16px 13px 0 14px;}
	#search .inp-text { width:222px; padding:6px 7px 0 7px; color:#818387; font-size:0.9em; border:0; outline:none; background:none; }
	#search .inp-text:focus { color:#000; }
	#search .hledat {background:transparent url(hledat.gif) no-repeat; height:29px; padding:0; width:29px; position:absolute; top:16px; right:13px;}
	#search .hledat:hover, #search .hledat:focus, #search .hledat:active {background:transparent url(hledat.gif) 0 -29px no-repeat;}	

/* LOGIN
------------------------------*/
#login { position:absolute; top:2px; height:36px; line-height:36px; right:15px; text-align:center; font-size:0.85em; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#666; }
	#login a { color:#CF0000; text-decoration:underline; }
	#login a:hover { color:#CF0000; text-decoration:none; }

/* LASTVISIT
------------------------------*/
.lvisitbottom { display:block; width:980px; height:2px; font-size:0; display:block; background:url(lastvisit.png) 0 -2px no-repeat; }
.lvisittop { display:block; width:980px; height:2px; font-size:0; display:block; background:url(lastvisit.png) 0 0 no-repeat; margin-top:4px; }
#lvisit { background:#f8eb00 url(lastvisit.png) 100% 0 repeat-y; width:942px; padding:2px 27px 13px 11px;}
	#lvisit .title { color:#262a30; font-size:1.4em; font-weight:bold; margin:0; padding:0 0 5px 0; }
	.lvisit-box { background:#fff; width:136px; height:127px; float:left; margin:0 5px 0 0; display:inline; position:relative; border:1px solid #f6cc54; }
	.lvisit-box:hover { border:1px solid #f6b600; }
	.lvisit-box div { width:136px; height:84px; overflow:hidden; }
	.lvisit-box div a { width:136px; height:84px; position:relative; display:block; }
	.lvisit-box p { margin:0; padding:3px 5px 0 5px; line-height:1.2em; }
	.lvisit-box p a { text-decoration:none; color:#262a30; font-weight:bold; font-size:0.85em; display:block; width:126px; overflow:hidden; }
	.lvisit-box p a span { color:#cf0000; font-size:1.1em; text-decoration:underline; display:block; float:left; white-space:nowrap; }
	.lvisit-box p a span.sleva { text-decoration:none; display:inline; float:none; }
	.lvisit-box p a:hover { color:#262A30; }
	.lvisit-box p a:hover span { color:#262A30; }
	.lvisit-box p a:hover span.sleva { color:#cf0000; }
	.lvisit-box .priznak { position:absolute; top:5px; left:0; width:13px; }
	.lvisit-box .akce { background:url(ico-akce.gif) no-repeat; width:13px; height:90px; overflow:hidden; display:block; text-indent:-9999px; }
	
	.lvisit-boxes { float:left; }
	.lvisit-cart { float:right; width:180px; text-align:center; }
	
	.lvisit-cart-box { width:180px; text-align:center; height:133px; background:url(lastcart.png) no-repeat; margin:-3px 0 0 0; color:#262a30; font-weight:bold; }
	.lvisit-cart-box .cartprice { font-size:1em; }
	.lvisit-cart-box a { color:#262a30; text-decoration:none; padding:60px 5px 0 5px; display:block; width:170px; height:73px; background:url(lastcart.png) no-repeat; line-height:1.6em; }	
	.lvisit-cart-box a:hover { background:url(lastcart.png) 0 100% no-repeat; color:#fff; } 		
	.lvisit-cart-box .cartprice strong { font-size:1.1em; color:#CF0000; font-weight:bold; }
	.lvisit-cart-box .cartprice span { font-size:1.4em; color:#CF0000; font-weight:bold; }
	.lvisit-cart-box a:hover span, .lvisit-cart-box a:hover strong { color:#fff; } 	
	.lvisit-cart-box .dopravazdarma-on { background:#00a5e3; padding:2px 4px; font-size:0.95em; color:#fff; -moz-border-radius:2px; }
	.lvisit-cart-box a:hover .dopravazdarma-on { background:#cf0000; }
	.lvisit-cart-box .dopravazdarma-off a { padding:73px 5px 0 5px; height:60px; }
	
/* -------------------------------------------------------------------------------------------------------
TITULKA
------------------------------------------------------------------------------------------------------- */
#hp { position:relative; background:#fff; margin-top:4px; }

/* LEVA NAVIGACE
------------------------------*/	
#hp1 { float:left; width:742px; }
	
	.hp-box { background:url(hp-box.png) repeat-x; padding:0 12px 20px 12px; }
	.hp-box h1 { color:#5a5a5a; padding:8px 0; margin:0; font-weight:bold; font-size:1.6em; background:url(hp2-akce-dot.gif) 0 100% repeat-x; position:relative; width:718px; }
	
	.toggledesc { position:absolute; width:20px; height:20px; background:url(shopdesc.gif) 50% 50% no-repeat; right:8px; top:16px; }
	.toggledescactive { background:url(shopdesc-active.gif) 50% 50% no-repeat !important; }
	.shopdesc { background:url(hp2-akce-dot.gif) 0 100% repeat-x; padding:10px 0; margin:0; display:none; }
  .shopdesc a { color: #2f2f2f; }
	
	.hp-box-1 { width:278px; float:left; padding:10px 0 0 57px; }
	.hp-box-2 { width:275px; float:right; padding:10px 0 0 85px; }
	
	.hp-box-1 h2 { margin-left:-40px !important; padding-left: 40px !important; }
	
	.ico-autoradia { background:url(ico-autoradia.gif) 0 6px no-repeat; }
	.ico-gps { background:url(ico-gps.gif) 0 11px no-repeat; }
	.ico-kapacitory { background:url(ico-kapacitory.gif) 0 11px no-repeat; }
	.ico-kabely { background:url(ico-kabely.gif) 0 11px no-repeat; }
	.ico-material { background:url(ico-material.gif) 0 11px no-repeat; }
	.ico-multimedia { background:url(ico-multimedia.gif) 0 11px no-repeat; }
	
	.ico-reproduktory { background:url(ico-reproduktory.gif) 0 7px no-repeat; }
	.ico-sety { background:url(ico-sety.gif) 0 7px no-repeat; }
	.ico-subwoofer { background:url(ico-subwoofer.gif) 0 7px no-repeat; }
	.ico-zesilovace { background:url(ico-zesilovace.gif) 0 8px no-repeat; }
	.ico-autobaterie { background:url(ico-autobaterie.gif) 0 8px no-repeat; }
	.ico-zabezpeceni { background:url(ico-zabezpeceni.gif) 0 8px no-repeat; }
	
	.hp-box h2 { margin:0 0 0 -35px; padding:8px 0 5px 35px; text-transform:uppercase; font-size:1.35em; }
	.hp-box h2 a { font-weight:bold; color:#00a5e3; text-decoration:underline; }
	.hp-box h2 a:hover { color:#262a30; text-decoration:none; }
	
	.hp-box h3 { margin:0; padding:0; font-size:0.9em; }
	.hp-box h3 a { font-weight:bold; color:#262a30; text-decoration:underline; }
	.hp-box h3 a:hover { color:#cf0000; text-decoration:none; }
	
	.hp-accordion h3 { display:none; }
	.hp-accordion h3.screen { display:block; }
	
	.hp-box-inner { background:url(hp-box-inner.png) 50% 0 no-repeat; }
	.hp-box-3 { width:265px; float:left; background:url(ico-poradna.gif) 11px 13px no-repeat; padding:0 0 0 57px; }
	.hp-box-4 { width:275px; float:right; background:url(ico-vyhody.gif) 28px 18px no-repeat; padding:0 0 0 75px; }
	
	.hp-box-3 h3, .hp-box-4 h3 { margin:0; padding:0; height:62px; line-height:62px; color:#5a5a5a; font-size:1.4em; font-weight:bold; }
	
	.hp-box-3 ul { margin:0 0 0 -12px; padding:0; list-style:none; }
	.hp-box-3 ul li { margin:0; padding:3px 0 3px 12px; background:url(li.gif) 0 50% no-repeat; }
	
	.hp-box-3 .vstupporadna { display:block; width:178px; height:28px; background:url(vstupporadna.png) 0 0 no-repeat; overflow:hidden; text-indent:-9999px; margin:0 0 0 -12px; }
	.hp-box-3 .vstupporadna:hover { background:url(vstupporadna.png) 0 100% no-repeat; }
	
	.hp-box-4 ul { margin:0 0 0 -65px; padding:0; list-style:none; width:337px; }
	.hp-box-4 ul li { margin:0; padding:6px 0 0 0 !important; list-style:none; height:52px; float:left; clear:left; overflow:hidden; }
	.hp-box-4 ul li a { width:252px; height:45px; overflow:hidden; display:block; float:left; background:url(vyhody.png) no-repeat; text-decoration:none; position:relative; padding:7px 35px 0 50px; color:#5a5a5a; line-height:1.5em; }
	.hp-box-4 ul li a:hover { background:url(vyhody.png) 0 100% no-repeat; text-decoration:none; color:#fff; }
	.hp-box-4 ul li a strong { font-size:1.2em; }
	
		.hp-box-4 ul li a span { width:50px; height:52px; line-height:52px; font-size:2.2em; color:#cf0000; font-weight:bold; position:absolute; bottom:0; left:0; text-align:center; display:block; }
		.hp-box-4 ul li a:hover span { color:#fff; }	

/* AKCNI ZBOZI - SIDEBAR
------------------------------*/		
#hp2 { float:right; width:216px; background:url(hp2.gif) repeat-y; position:relative; padding:44px 9px 0 9px; }
	
	#hp2 h3.title { position:absolute; top:0; left:0; width:234px; height:48px; background:url(hp2-akce.gif) no-repeat; overflow:hidden; text-indent:-9999px; margin:0; padding:0; }
	
	.akce-box { background:url(hp2-akce-dot.gif) 0 100% repeat-x; padding:0 0 1px 0; }
	.akce-inner { margin:0 -8px; padding:0 8px 4px 8px; }
	.akce-inner:hover { background:#fff1c9; }
	.akce-box h3 { margin:0; padding:3px 0; }
	.akce-box h3 a { font-weight:bold; text-decoration:underline; }
  .akce-box h3 a:hover { font-weight:bold; text-decoration:none; }
	.akce-box p { margin:0; }
		.akce-box .smaller { padding:5px 0; margin:0; }
		.akce-info { height:84px !important; padding:0 0 0 110px; position:relative; margin-bottom:4px; }
		.akce-img { width:100px; height:82px; text-align:center; background:#fff; display:block; overflow:hidden; vertical-align:middle; border:1px solid #f6b806; position:absolute; top:0; left:0; }
		.akce-img a { display:block; position:relative; width:100px; height:82px; }
		.akce-cena { margin:0; padding:0; color:#cf0000; font-size:0.8em; position:absolute; top:33px; left:110px; width:108px; }
			.akce-cena strong { color:#262a30; font-size:1.4em; }
		.akce-pridat { width:105px; height:27px; background:url(hp2-pridat.gif) no-repeat; display:block; position:absolute; left:110px; bottom:0; text-indent:-9999px; border:0; padding:0; margin:0; cursor:pointer; }
		.akce-box .priznak img { display:block; margin-bottom:4px; }
		
	.akce-dalsi { background:#f6b600 url(hp2-dalsi.gif) 0 100% no-repeat; width:234px; margin:0 -9px; display:block; height:25px; line-height:25px; text-decoration:underline; color:#262a30; text-align:center; font-weight:bold; }
		.akce-dalsi:hover { text-decoration:none; color:#000; }
	
/* HP - NOVINKY
------------------------------*/
#hp-news { background:#262a30 url(hp-news.png) repeat-x; margin-top:4px; }
	#hp-news h3 { background:none; height:136px; line-height:136px; width:188px; color:#c4c4c4; font-size:1.3em; font-weight:bold; display:block; float:left; text-align:center; margin:0; padding:0; }
	#hp-news form { width:313px; height:113px; padding:16px 14px 0 14px; background:url(hp-news-form.png) no-repeat; float:left; margin-top:12px; display:block; position:relative; }
		#hp-news .inp-text { width:221px; background:none; border:0; padding:7px 7px 0 7px; font-size:0.9em; color:#818387; float:left; }
		#hp-news .inp-text:focus { color:#000; }
		#hp-news .newsletter-add { background:url(hp-news-add.png) no-repeat; width:70px; height:29px; float:right; padding:0; }
		#hp-news .newsletter-add:hover, #hp-news .newsletter-add:focus { background:url(hp-news-add.png) 0 100% no-repeat; }
		#hp-news form p { padding:0; margin:0; color:#c1c1c1; font-size:0.85em; width:313px; position:absolute; top:56px; left:14px; }
		#hp-news p { padding:9px 0 0 0; margin:0; color:#c1c1c1; font-size:0.85em; }
		
	#news { width:425px; float:right; line-height:1.2em; }
		#news h3 { height:136px; line-height:136px; width:130px; color:#c4c4c4; font-size:1.3em; font-weight:bold; display:block; float:left; text-align:center; margin:0; padding:0; background:url(news-dot.gif) repeat-y; }
		.news { float:right; width:270px; padding:20px 25px 10px 0; }
		.news h4 { margin:0; padding:0 0 3px 0; font-size:0.9em; }
		.news h4 a { color:#fff; text-decoration:none; }
		.news h4 a:hover { color:#fff; text-decoration:underline; }
		#hp-news .news p { margin:0; padding:3px 0; }
		.news p a { color:#f6b600; text-decoration:underline; }
		.news p a:hover { color:#f6b600; text-decoration:none; }
	
/* HP - CAROUSEL
------------------------------*/
#carousel { background:#494c51; height:189px; overflow:hidden; }
	#carousel .title { height:189px; line-height:189px; width:148px; color:#c4c4c4; font-size:1.3em; font-weight:bold; display:block; float:left; text-align:center; margin:0; padding:0; background:url(news-dot.gif) repeat-y; }
	
.jcarousel-container { position: relative; }
	.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
	.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
	.jcarousel-list li, .jcarousel-item { float: left; list-style: none; background:none; padding:0; }
	.jcarousel-next { z-index: 3; display: none; }
	.jcarousel-prev { z-index: 3; display: none; }
	
	.jcarousel .jcarousel-item-placeholder { }
	.jcarousel-container .jcarousel-next-horizontal { position:absolute; top:65px; right:0; width:31px; height:33px; cursor:pointer; background-image:url(next-horizontal.gif); background-repeat:no-repeat; background-position:0 0; }
	.jcarousel-container .jcarousel-next-horizontal:hover { background-position:-31px 0; }
	.jcarousel-container .jcarousel-next-horizontal:active { background-position:-62px 0; }
	.jcarousel-container .jcarousel-next-disabled-horizontal, .jcarousel-container .jcarousel-next-disabled-horizontal:hover, .jcarousel-container .jcarousel-next-disabled-horizontal:active { cursor:default; background-position:-93px 0 !important; }
	.jcarousel-container .jcarousel-prev-horizontal { position:absolute; top:65px; left:0; width:31px; height:33px; cursor:pointer; background-image:url(prev-horizontal.gif); background-repeat:no-repeat; background-position:0 0; }
	.jcarousel-container .jcarousel-prev-horizontal:hover { background-position:-31px 0; }
	.jcarousel-container .jcarousel-prev-horizontal:active { background-position:-62px 0; }
	.jcarousel-container .jcarousel-prev-disabled-horizontal, .jcarousel-container .jcarousel-prev-disabled-horizontal:hover, .jcarousel-container .jcarousel-prev-disabled-horizontal:active { cursor:default; background-position:-93px 0 !important; }
	
	.jcarousel-container-horizontal { width:744px; padding:0 40px; height:156px; position:relative; }
	.jcarousel-clip-horizontal { width:744px; height:228px; }
	.jcarousel-item { width:744px; height:166px; line-height:1em; overflow:hidden; float:left; position:relative; }
	.jcarousel-item-horizontal { margin:0; display:inline; }
	
	.jcarousel-container { width:742px; margin:0 auto; text-align:left; margin-top:12px; float:left; }
	
	.nove-zbozi { width:754px; overflow:hidden; float:left; }
	.nove-box { float:left; position:relative; height:152px; width:166px; padding:5px; border:2px solid #fff; display:inline; background:#fff url(nove-box.png) 0 100% repeat-x; margin-right:8px; }
	.nove-box:hover { border:2px solid #f6b600; }
	.nove-box h3 { margin:0; padding:0; font-size:1em; color:#cf0000; line-height:1.3em; font-weight:normal; text-align:center; }
	.nove-box a { text-decoration:none; color:#cf0000; font-weight:bold; text-align:center; }
	.nove-box a:hover { text-decoration:underline; color:#cf0000; }
	.nove-box p { margin:0; padding:0; text-align:center; }
	.nove-box p.nove-img { position:absolute; top:48px; left:0; height:80px; width:176px; overflow:hidden; text-align:center; vertical-align:middle; }
	.nove-box p.nove-img a { display:block; position:relative; height:80px; width:176px; }
	.nove-box p.nove-cena { position:absolute; bottom:0; left:0; width:176px; height:35px; line-height:35px; color:#cf0000; font-size:1.2em; font-weight:bold; }
	
/* FOOTER
------------------------------*/
#footer { padding:15px 15px; background:#fff url(footer.png) no-repeat; width:964px; color:#494c51; text-align:left;font-size:0.85em; }
	#footer p {margin:0;}
	#footer a {color:#494c51;}
	#footer a:hover {text-decoration:underline; color:#cf0000; }
	#footer #links {text-align:center; padding:0 0 10px 0; font-size:1.15em;}
	#footer #links a {padding:0 5px; color:#494c51; text-decoration:none;}
	#footer #links a:hover {color:#cf0000; text-decoration:underline;}
	#footer #copyright, #footer #copyright a {color:#A1A1A1;}
	#footer #copyright a:hover {color:#333;}

	#lista {padding:10px 0; color:#A1A1A1; }
	#lista a, #lista strong {color:#A1A1A1;}
	#lista a:hover { text-decoration:none; color:#333; }
	
/* PRODUCT BOX
------------------------------*/
.product-list { border-top:1px solid #d1d1d1; overflow:hidden; }

.product-box { width:244px; height:218px; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; float:left; position:relative; }
.product-list .first { border-left:1px solid #d1d1d1; }
	.product-inner { width:224px; height:204px; padding:3px 9px 9px 9px; border:1px solid #fff; background-color:#fff; display:block; overflow:hidden; }
	.product-inner:hover { background:#fff1c9; }
	.product-inner:hover .product-img { border:1px solid #d96e00; }
	.product-box h2 { margin:0; padding:3px 0 7px 0; line-height:1.3em; font-size:0.95em; }
	.product-box h2 a { text-decoration:underline; }
	.product-box p { margin:0; }
		.product-box .smaller { padding:5px 0; margin:0; }
		.product-box .more { padding-bottom:0; }
		.product-info { height:84px !important; padding:0 0 0 122px; position:relative; margin-bottom:4px; }
		.product-img { width:110px; height:82px; text-align:center; background:#fff; display:block; overflow:hidden; vertical-align:middle; position:absolute; top:0; left:0; border:1px solid #fff; }
		.product-img a { width:110px; height:82px; display:block; position:relative; }
		
		.puvodni-cena { margin:0; padding:4px 0; }
			.puvodni-cena span { color:#cf0000; font-size:0.85em; }
			.puvodni-cena del { color:#262a30; text-decoration:none; background:url(del.png) 50% 50% no-repeat; }
		
		.product-cena { margin:0; padding:0; color:#cf0000; font-size:0.8em; }
			.product-cena strong { color:#cf0000; font-size:1.6em; }
			.product-cena img { position:relative; top:2px; padding-left:2px; }
		
		.product-box .ico-doporucujeme { position:absolute; top:165px; right:10px; }
			
		.product-box .priznak img { display:block; margin-bottom:4px; }
		
	.akce-dalsi { background:#f6b600 url(hp2-dalsi.gif) 0 100% no-repeat; width:234px; margin:0 -9px; display:block; height:25px; line-height:25px; text-decoration:underline; color:#262a30; text-align:center; font-weight:bold; }
	.akce-dalsi:hover { text-decoration:none; color:#000; }

/* PRODUCT BOX - PRIKOUPENO
------------------------------*/
.prikoupeno .product-box { height:170px; }	
	.prikoupeno .product-inner { height:156px; }

/* OVERLAY HTML
------------------------------*/
.overimg { float:left; width:290px; padding-bottom:15px; }
.overtext { float:right; width:358px; }
	.overtext h3 { margin:32px 0 0 0; }
	.overcena { font-size:1.2em; margin:15px 0 0 0; padding:0; }
	.overcena span { color:#CF0000; font-weight:bold; font-size:1.5em; }
	
.overstep { clear:both; position:relative; }
	.overzpet { float:left; }
	.overkos { float:right; }
	
.overcasto { clear:both; margin:15px 0 0 0; padding:10px 0; }

.over-box { width:130px; height:180px; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; float:left; position:relative; }
.overprvni { width:130px !important; border-left:1px solid #d1d1d1 !important;}
	.over-inner { width:111px; height:166px; padding:3px 9px 9px 8px; border:1px solid #fff; background-color:#fff; display:block; overflow:hidden; }
	.over-inner:hover { background:#fff1c9; }
	.over-inner:hover .over-img { border:1px solid #d96e00; }
	.over-box h2 { margin:0; padding:3px 0 7px 0; line-height:1.2em; font-size:0.9em; }
	.over-box h2 a { text-decoration:underline; }
	.over-box p { margin:0; }
		.over-img { width:110px; height:82px; text-align:center; background:#fff; display:block; overflow:hidden; vertical-align:middle; border:1px solid #fff; position:absolute; left:9px; top:56px; }
		.over-img a { width:110px; height:82px; display:block; position:relative; }
		
		.over-cena { position:absolute; left:9px; bottom:6px; margin:0; padding:0; color:#cf0000; font-size:0.8em; }
			.over-cena strong { color:#cf0000; font-size:1.5em; }
			.over-cena img { position:relative; top:2px; padding-left:2px; }
			
	   .over-koupit { width:30px; height:27px; position:absolute; bottom:6px; right:6px; }
			.oversubmit { background:url(over-pridat.gif) no-repeat; border:none; height:27px; width:30px; text-indent:-9999px; cursor:pointer; }
			.oversubmit-detail { background:url(over-pridat.gif) no-repeat; border:none; height:27px; width:30px; text-indent:-9999px; cursor:pointer; margin:0; padding:0;}
			.oversubmit-detail:hover {background:url(over-pridat.gif) no-repeat;}

/* PAGINATION
------------------------------*/
.pagination-top {padding:5px 0;}
	.pagination-top a, .pagination-top strong, .pagination-bottom a, .pagination-bottom strong {margin:0 2px;}
	.pagination-top a { padding:2px 5px; background-color:#f5f5f5; border:1px solid #d1d1d1; text-decoration:none; color:#333; font-size:0.85em;-moz-border-radius:2px;-webkit-border-radius:2px; }
	.pagination-top a.active, .pagination-top a:hover { background-color:#cf0000; border:1px solid #a10000; text-decoration:none; color:#fff;}
	.pagination-bottom {padding-bottom:0;}
	
	
	

   /* Obsah */
   #content {float:right; padding-bottom:10px; background:#fff; width:736px; position:relative; padding-right:10px;}
	 #content.uvod {float:right; width:746px; padding-bottom:10px; background:url(bg-content.gif) 100% 0 repeat-y; padding-right:0; }

        #content-left {float:left; width:538px;}
        #content-right {float:right; width:194px;}

            #content-right .tabs-list {}
            #content-right .tabs-list.bg-roh {background:#F5F5F5 url(bg-tabs-list.gif) 100% 0 no-repeat;}
						
/* TABS zalozky
------------------------------*/
.tabs {display:block; width:100%; margin:0 -10px; padding:0; list-style:none;}
	.tabs li {display:inline; margin:0; padding:0;}
	.tabs li a {position:relative; display:block; float:left; padding:7px; background:#616161 url(tab-link02.gif) 100% 0 no-repeat; color:#FFF; text-decoration:none;}
	.tabs li a:hover {color:#E1E1E1;}
	.tabs li a.ui-tabs-selected {background:#212121 url(tab-active02.gif) 100% 0 no-repeat; font-weight:bold;}
	.tabs li a.ui-tabs-selected:hover {color:#FFF;}
	.detail .tabs {display:block; width:100%; margin:0; padding:0; list-style:none;}
	
	.tabs-det {display:block; width:100%; margin:0; padding:0 0 2px 0; list-style:none; height:30px;}
	.tabs-det li { margin-right:5px; float:left; height:30px; display:block; background:none; padding:0; }
	
	.tabs-det h2 {display:inline; margin:0; padding:0;}
	.tabs-det h2 a {font-size:90%; color:#7c7c7c; position:relative; display:block; float:left; background:#eaeaea url(tab-link.png) 100% 0 no-repeat; text-decoration:none; font-weight:normal; cursor:pointer; }
	.tabs-det h2 a span { background:url(tab-link-left.png) no-repeat; padding:3px 7px 0 7px; float:left; height:27px; display:block; line-height:27px;}
	.tabs-det h2 a strong {font-weight:normal;}
	.tabs-det h2 a:hover {color:#CF0000;}
	
	.tabs-det h2 a:hover {background:#cf0000 url(tab-link-active.png) 100% 0 no-repeat; color:#fff; border:none !important; }
	.tabs-det h2 a:hover span {background:url(tab-link-active-left.png) no-repeat; height:30px; line-height:30px; float:left; padding:0 7px;}
	
	.tabs-det .ui-tabs-selected h2 a {background:#cf0000 url(tab-link-active.png) 100% 0 no-repeat; color:#fff; border:none !important; font-weight:bold !important; }
	.tabs-det .ui-tabs-selected h2 a span {background:url(tab-link-active-left.png) no-repeat; height:30px; line-height:30px; float:left; padding:0 7px;}
	.tabs-det .ui-tabs-selected h2 a strong {font-weight:bold !important; }

	.tabs-det .ui-tabs-selected h2 a:hover {color:#fff; cursor:default; background:#cf0000 url(tab-link-active.png) 100% 0 no-repeat;}
	
	.tabs-list {margin:0; padding:10px;}
	.tabs-list .product-box {clear:both; width:174px; margin:7px 0 0 0; background:none; border:0; background: url(dot.gif) 0 100% repeat-x; padding:0 0 7px 0}
	.tabs-list .product-box .smaller { height:auto; }
	.tabs-list .product-box h3 {margin:0; padding:0; font-size:85%; background:none;}
	
/* JQUERY
------------------------------*/
div.tooltip { background-color:#fef4d9; border:1px solid #f6b600; padding:7px 10px; width:240px; display:none; color:#000; text-align:left; font-size:12px; -moz-border-radius:4px; -webkit-border-radius:4px; z-index:200; }

/* SIDEBAR
------------------------------*/
#sidebar {float:left; width:200px; padding:0 10px 15px 10px;}
.pg-kosik { padding:10px 10px 0 10px !important; }

	/*#sidebar p.liketab { margin:0 -10px; padding:0; background:url(liketab.gif) no-repeat; width:75px; text-align:center; height:33px; line-height:33px; color:#fff; font-family:Tahoma; }*/
	
	#sidebar p.liketab { margin:0 -10px; padding:0; background:#fef4d9; text-align:center; height:33px; line-height:33px; color:#CF0000; font-family:Tahoma; text-align:left; display:block; padding:0 20px; text-transform:uppercase; font-size:1.2em; border-left:1px solid #f6b600; border-right:1px solid #f6b600;  }

	#sidebar .tabs li a {background:#262a30 url(tab-active2.gif) no-repeat;}
	#sidebar .tabs li a.active {background:#262a30 url(tab-active2.gif) no-repeat;}
	#sidebar .tabs-list {border:0; background:#cf0000; padding:2px 0 0 0; margin:0 -10px;}
	
	#sidebar #vyrobky {background:#cf0000 url(bg-menu-tabs-list-bottom.gif) 0 100% no-repeat; padding:0 0 2px 0;}
	
	#sidebar ul.menu {margin:0; padding:0; list-style:none; background:#cf0000; font-family:Tahoma;}
	#sidebar ul.menu li {display:inline; margin:0; padding:0;}             
	#sidebar ul.menu li a {display:block; padding:2px 0 2px 10px; margin:0 10px; border-bottom:1px dotted #9f0101; background:url(ico-arrow03.gif) 0 8px no-repeat; color:#fff; text-decoration:none; font-weight:bold;}
	#sidebar ul.menu li a.last { border-bottom:0; }
	#sidebar ul.menu li.menu-active a {background:url(ico-arrow03h.gif) 0 8px no-repeat; color:#FC0;}
	#sidebar ul.menu li a:hover {color:#FC0 !important; text-decoration:underline; background:url(ico-arrow03h.gif) 0 8px no-repeat;}
	
		#sidebar ul.menu li ul { margin:0; padding:0; background:#ad080a;}
		#sidebar ul.menu li ul li a { padding:1px 0 1px 25px; margin:0 10px; border-bottom:1px dotted #ba4e4f; font-weight:normal; color:#FFF !important; background:url(ico-arrow03.gif) 12px 8px no-repeat !important;}
		#sidebar ul.menu li ul li a:hover, #sidebar ul.menu li ul li.menu-active a { background:url(ico-arrow03h.gif) 12px 8px no-repeat !important; color:#FFCC00 !important;}    
		        
			#sidebar ul.menu li ul li ul {margin:0; padding:0; background:#840000;}
			#sidebar ul.menu li ul li ul li a, #sidebar ul.menu li ul li.menu-active ul li a {margin-left:30px; font-size:85%; font-weight:normal; color:#FFF !important; padding-left:22px; border:0; background:url(ico-arrow03.gif) 12px 8px no-repeat !important;}
			#sidebar ul.menu li ul li ul li.menu-active a, #sidebar ul.menu li ul li ul li a:hover {color:#FFCC00 !important; background:url(ico-arrow03h.gif) 12px 8px no-repeat !important;}
			#sidebar ul.menu li.last a {border-bottom:0;} 
	           	
	#sidebar p {color:#fff;}
	#sidebar p a {color:#FFCC00;}
	#sidebar p a:hover {color:#FFCC00; text-decoration:none;}
	
	#newsletter .newsletter-input { background:url(newsletter-input.png) no-repeat; width:155px; height:23px; float:left; margin:0; padding:6px 5px 0 5px; border:0; font-size:0.9em; color:#818387; }
	#newsletter .newsletter-input:focus { color:#000; }
	#newsletter .newsletter-add { background:url(newsletter-submit.png) no-repeat; width:35px; height:29px; float:right; padding:0; }
	#newsletter .newsletter-add:hover, #newsletter .newsletter-add:focus { background:url(newsletter-submit.png) 0 100% no-repeat; }

/* SIDEBAR - KOSIK
------------------------------*/
.info-box { background:#fff; margin:0 0 10px 0; overflow:hidden; width:100%; padding:10px; width:180px; color:#606670; }
	.info-box p { color:#606670 !important; }
	.info-box h3 { background:#CF0000 url(nav.png) 50% 0 no-repeat; color:#fff; font-size:1em; margin:-10px -10px 5px -10px; padding:5px 10px; }
	.info-box ul { list-style:none; margin:-5px -10px -10px -10px; }
	.info-box ul li { list-style:none; margin:0; padding:7px 5px 7px 30px; background:url(ico-ok.gif) 8px 7px no-repeat; border-top:1px solid #eee; font-size:0.9em; }

.precart-box table { margin:0; width:100%; font-size:0.9em; }
	.precart-box th { text-align:left; padding:5px 0; }
	.precart-box td { text-align:left; padding:0; }
	.precart-box td.image { width:70px !important; }
	.precart-box span { font-weight:bold; display:block; color:#000; }
	.precart-box tr.sep th, .precart-box tr.sep td { border-top:1px dotted #ccc; }
	.precart-box .prize strong {font-size:125%;color:#000;}
	.precart-box .smaller {font-size:95%;}

/* OBJEDNAVKA
------------------------------*/
.table-list { border:1px solid #eee; border-collapse:collapse; empty-cells:show; width:100%; font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0; }
	.table-list td { vertical-align:top; padding:7px; background:#f8f8f8; border-bottom:1px solid #eee; }
	.table-list tr.even td { background:#efeded; }
	.table-list td.tdcheckbox { padding:8px 10px 7px 10px; text-align:right; width:15px; }
	.table-list h4 { margin:0; padding:0 0 5px 0; font-size:1em; font-weight:bold; }
	.table-list p { margin:0; padding:0; font-size:0.9em; line-height:1.7em; }
	.table-list tr:hover td { background:#fff1c9; }
	.table-list label { cursor:pointer; }
	
	.zdarma { background:#8AC011; color:#fff; font-weight:bold; padding:2px 3px; text-transform:uppercase; font-size:0.85em; } 
	
.table-block {  border-collapse:collapse; empty-cells:show; width:100%; font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0; }
	.table-block td { vertical-align:middle; padding:4px 0 4px 5px; }

.objednavka-box { border:1px solid #eee; background:#f8f8f8; padding:10px 0; position:relative; }

.log-box { border:1px solid #eee; background:#f8f8f8; padding:10px 20px; position:relative; }
	.log-box table { font-family:Tahoma, Arial, Helvetica, sans-serif; margin-bottom:0; }
	.log-box td { padding:3px 5px 3px 0; }
	.log-box td.smaller { padding-left:20px; }
	.log-box p { margin:0; }
	.log-box textarea { width:685px; height:100px; margin:4px 0; }

 .error {color: red; }	

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: Úvod
------------------------------------------------------------------------------------------------------- */

#drobky {z-index:100; display:block; padding:10px 0; color:#000;}
.detail #drobky {z-index:100; display:block; padding:10px 200px 10px 0; color:#000;}
#drobky strong a {font-weight:normal;}
#ticker a {color:#FC0;}
#ticker a:hover {color:#FFF;}

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: Detail produktu
------------------------------------------------------------------------------------------------------- */

#content.detail, #content.objednavka { background:none !important; width:736px; padding-right:10px; position:relative; }

.detail-info {  }
.detail-info .mnozstvi { height:13px; padding:5px 0; text-align:center; width:28px; border:1px solid #ccc; }

.detail-koupit { clear:both; }
	.detail-koupit table { text-align:right; float:right; }
	.detail-koupit td { vertical-align:middle; padding:0 0 0 10px; text-align:right; }
		.submit {background:url(ico-pridat.gif); border:none; height:27px; width:138px; line-height:100px; text-indent:-9999px; cursor:pointer;}
		.submit-detail {background:url(ico-pridat-detail.png) no-repeat; border:none; height:37px; width:194px; position:relative; text-indent:-9999px; cursor:pointer; display:block; float:left;}

		.submit-detail:hover {background:url(ico-pridat-detail.png) 0 100% no-repeat;}

.ico-porovnat, .ico-sledovat, .ico-tisk, .ico-doporucit {margin-right:10px;}
.ico-porovnat {padding-left:25px; background:url(ico-porovnat.gif) 0 2px no-repeat;}
.ico-sledovat {padding-left:20px; background:url(ico-sledovat.gif) 0 2px no-repeat;}
.ico-tisk {padding-left:21px; background:url(ico-tisk.gif) 0 2px no-repeat;}
.ico-doporucit {padding-left:21px; background:url(ico-doporucit.gif) 0 2px no-repeat;}

.detail-foto {float:left; width:287px; overflow:hidden; position:relative;}
	.detail-foto .ico-doporucujeme { position:absolute; top:0; left:0; }
	.detail-foto img { border:0 !important; }
	
.detail-desc {float:right; width:436px; font-size:0.9em;}
  .detail-desc dl.wider dt {float:left; width:90px;}
		.detail-desc dd {text-align:right; border-bottom:1px solid #e0e0e0; margin:0; padding:4px 0;}
		.exclamation { position:relative; top:1px; }
    .detail-desc dt {float:left; width:80px; padding:4px 0;}
    .detail-col {float:left; width:225px;}
		.detail-col.f-right { width:175px;}
    .detail-col dl {margin:0;}
		.detail-col dd.bigger2 { font-size:1.6em; }
		.detail-col .dostupnost { line-height:2.1em; }
			.detail-col .dostupnost a { color:#6bba00; font-weight:bold; }
			.detail-col .dostupnost a:hover { color:#6bba00; text-decoration:none; }
			.detail-col .dostupnost img { position:relative; top:2px; padding-left:3px;}
			
			.detail-col .dostupnostdoba { border-bottom:1px solid #e0e0e0; text-align:right; background:url(arrow-left.gif) 96% 0% no-repeat; padding:0 35px 5px 0; margin:0; }
			
			.detail-col .spocitatsplatky { text-align:right; background:url(arrow-left.gif) 96% 30% no-repeat; padding:5px 35px 5px 0; margin:0; }
			.detail-col .jakvybrat { margin:0; padding:5px 0; }
			.detail-col .jakvybrat a { background:#f6b600; text-align:center; display:block; color:#000; text-decoration:underline; padding:5px 0; }
			.detail-col .jakvybrat a:hover { color:#fff; text-decoration:none; background:#cb0101; }
		
.popis { min-height: 100px; height: auto !important; height: 100px; }

#detailthumb {padding:0 0 0 0; width:750px; margin-right:-14px;}
	#detailthumb a { display:inline; float:left; width:60px; height:60px; margin:13px 13px 0 0; border:1px solid #D1D1D1; text-align:center; position:relative;}
	#detailthumb img { width:60px; height:60px; border:0 !important; }
	#detailthumb a:hover {border:1px solid #f6b600;}
	#detailthumb a.selected img {border:0 !important;}
	#detailthumb a.selected {border:1px solid #515151 !important;}

.darek-img {float:left; width:40px;}
.darek-desc {float:left; width:380px; padding-top:5px;}

a.img-link {display:block; width:285px; height:214px; text-align:center; border:1px solid #fff;}
a.selected img {border:1px solid #515151 !important;}

.comment {clear:both;}
.comment-info {padding:3px 10px; background:#F5F5F5 url(bg-tabs-list.gif) 100% 0 no-repeat; color:#515151;}
.comment-text {padding:0 30px; background:url(ico-sub.gif) 10px 2px no-repeat;}

.col-gr {color:#9f7777; font-size:90%;}

.ikony-ml img { margin-right:15px; }

.related {margin-top:15px;}
.related div {float:left; width:163px; border-right:1px dotted #adadad; padding:5px 10px; display:inline; height:140px; overflow:hidden; }
.related div h3 {margin:0; font-size:85%; line-height:1.3; }
.related div p {margin:0; font-size:85%; }
.related div:hover, .related div.relbg { background-color:#fffaee; }
.related p {clear:left;}
.related p.smaller {clear:none;}
.last-related {padding:5px 10px 5px 10px !important; border:0 !important;}

.sleva {margin-top:15px;}
.sleva div {float:left; width:224px; border-right:1px dotted #adadad; padding:5px 10px; display:inline; height:120px; overflow:hidden; }
.sleva div h3 {margin:0; font-size:85%; line-height:1.3; margin-left:70px; }
.sleva div p {margin:0; font-size:85%; margin-left:70px; }
.sleva div:hover, .sleva div.relbg {background-color:#fffaee; }
.last-sleva {padding:5px 10px 5px 10px !important; border:0 !important;}

#vyber { background:#fce39e url(vyber.gif) 0 0 no-repeat; position:absolute; top:13px; right:10px; width:245px; }
#vyber:hover { background:#fff1c9 url(vyber.gif) 0 -88px no-repeat; }
#vyber a { width:143px; height:42px; border:1px solid #f6b600; float:right; padding:4px 50px 0 50px; background:url(vyber.gif) 100% -44px no-repeat; text-align:center; color:#CF0000; text-decoration:none; line-height:1.4em; font-weight:bold; }
#vyber a:hover { text-decoration:underline; color:#CF0000; background:url(vyber.gif) 100% -132px no-repeat; }

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: Výpis kategorie
------------------------------------------------------------------------------------------------------- */

.product-box-cat {float:left; width:339px; background:url(bg-detail-info.gif) 0 100% repeat-x; border:1px solid #d2d2d2; margin-bottom:14px; padding:0 10px;}
.product-box-cat:hover, .catbr { border:1px solid #999; }
.product-box-cat h2 {margin:0; margin-bottom:5px; padding:6px 0 0 0; font-size:100%;}
.product-box-cat h3 {margin:0; margin-bottom:5px; padding:6px 10px 3px 17px; background:url(ico-arrow03.gif) 6px 12px no-repeat; font-size:100%;}
.product-box-cat-img {float:left; width:170px;}
.product-box-cat-img dl dt {float:left; width:70px; padding:1px 0; font-size:85%;}
.product-box-cat-img dd {float:right; width:100px; margin:0; text-align:right;}
.product-box-cat-desc {float:right; width:160px; font-size:90%; height:110px; overflow:hidden; }
.product-box-cat-koupit {width:359px; clear:left; margin:0 -10px;}
.product-box-cat-koupit table {width:359px;}
.product-box-cat-koupit td {padding:0 10px 0 0;}
		.cena {width:130px; padding:0 0 0 10px !important; white-space:nowrap; }
		.product-box-cat-koupit .mnozstvi { height:13px; padding:5px 0; text-align:center; width:28px; border:1px solid #ccc; }

.lista {clear:both; margin:8px 0 8px 0; padding:5px 10px; background:#EFEFF1; border:1px solid #ddd;}
.lista-in {float:left; width:500px;}
.lista-in select {padding:2px;}
.lista-in-wider {float:left; width:300px;}

.oznameni { background:#FEF4D9 url(oznameni.gif) 15px 50% no-repeat; border:1px solid #F6B600; padding:15px 15px 15px 60px; }

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: Registrace
------------------------------------------------------------------------------------------------------- */

.req {font-size:110%; line-height:.1; font-weight:bold; color:#CF0000;}

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: Přihlášení
------------------------------------------------------------------------------------------------------- */

.msg-error {padding:5px 10px 5px 35px; background:#FFE581 url(ico-error.gif) 10px 6px no-repeat; color:#212121;}

.msg-info {padding:8px 10px 8px 60px; background:#8AC011  url(ico-info.gif) 15px 50% no-repeat; color:#fff; font-size:1.2em;}

.msg-done {padding:10px 15px 10px 60px; background:#8ac011 url(msg-done.gif) 15px 50% no-repeat; color:#fff; font-size:1.2em;}
.msg-done2 {padding:10px 15px; background:#fef4d9; color:#000; margin-top:10px;}
	.msg-done p, .msg-done2 p { margin:0; padding:5px 0; }

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: FAQ
------------------------------------------------------------------------------------------------------- */

.sub {margin-left:30px; padding-left:30px; background:url(ico-sub02.gif) 0 5px no-repeat}
.sub .sub {margin-left:0px; padding-left:30px; background:url(ico-sub02.gif) 0 5px no-repeat}

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: Slovník
------------------------------------------------------------------------------------------------------- */

.info {margin:0 45px 0 30px; padding:5px 0 5px 40px; background:url(ico-i.gif) 0 15px no-repeat}

/* ------------------------------------------------------------------------------------------------------- 
STRÁNKA: Fotogalerie
------------------------------------------------------------------------------------------------------- */

.gallery {clear:both; margin:10px 0; padding-bottom:10px; background:url(bg-gallery.gif) 0 100% repeat-x;}
.gallery div {float:left; width:122px; margin-bottom:5px; text-align:center;}
.gallery div:hover, .gallery div.hover {color:#CF0000;}
.gallery div a {display:block; width:120px; height:110px; text-align:center;}
.gallery div span {display:block; clear:both; width:120px; text-align:center; font-size:85%;}

/* ------------------------------------------------------------------------------------------------------- 
STRÁNKA: Fotogalerie - detail
------------------------------------------------------------------------------------------------------- */

.col30 {float:left; width:245px;}

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: Objednávka
------------------------------------------------------------------------------------------------------- */

.objednavka fieldset {padding:0 10px 10px 10px;}
.objednavka .tabs-list {padding:0 10px;}
.objednavka td { line-height:normal; }
.objednavka dl { margin:15px 0 0 0; }
.buttony {height:41px;}

#potvrzeni {padding:30px 75px;}
#potvrzeni .dl-style02 dt {color:#CF0000; font-size:110%; font-weight:bold;}
#potvrzeni .dl-style02 dd {margin:0 0 5px 25px; padding-bottom:5px; background:none;}

#objednavka-kroky { width:604px; height:94px; overflow:hidden; margin:20px 66px; position:relative; }
	#objednavka-kroky input {width:85px; height:85px; margin:0 15px; border:0;}
	#objednavka-kroky img {width:85px; height:85px; margin:0 15px; border:0;}
	
	.krok1active, .krok2active, .krok3active, .krok4active {  width:237px; height:94px; float:left; background-image:url(kroky.png); background-repeat:no-repeat; }
	.krok1active { background-position:0 0; }
	.krok2active { background-position:-237px 0; }
	.krok3active { background-position:-237px 0; }
	.krok4active { background-position:-474px 0; }
	
	.krok1, .krok2, .krok3, .krok4,
	.krok1 a, .krok2 a, .krok3 a, .krok4 a { width:85px; height:85px; float:left; background-image:url(kroky.png); background-repeat:no-repeat; }
	
	.krok1, .krok1 a { background-position:0 -94px; }
	.krok2, .krok2 a { background-position:-217px -94px; }
	.krok3, .krok3 a { background-position:-434px -94px; }
	.krok4, .krok4 a { background-position:-651px -94px; }
	
	.krok1 a:hover { background-position:-85px -94px; }
	.krok2 a:hover { background-position:-302px -94px; }
	.krok3 a:hover { background-position:-519px -94px; }
	.krok4 a:hover { background-position:-736px -94px; }
	
	.krok1 a, .krok2 a, .krok3 a, .krok4 a {  width:85px; height:85px; float:left; display:block; overflow:hidden; text-indent:-9999px; }
	
	.sipka { background:url(kroky.png) -869px 0 no-repeat; width:33px; height:94px; float:left; display:block; }
	.sipka2 { background:url(kroky.png) -901px 0 no-repeat; width:33px; height:94px; float:left; display:block; }

.oznameni-chyba { background:#fcd7d7 url(oznameni-chyba.gif) 10px 50% no-repeat; border:1px solid #ff0000; padding:10px 15px 10px 55px; }
input.errorInput { border:1px solid #ff0000 !important; }

/* -------------------------------------------------------------------------------------------------------
STRÁNKA: Přehled objednávek
------------------------------------------------------------------------------------------------------- */

.comment-obj {clear:both;}
.comment-obj .comment-info {padding:3px 10px; background:#F5F5F5 url(bg-tabs-list.gif) 100% 0 no-repeat; color:#515151;}
.comment-obj.admin .comment-info {padding:3px 10px; background:#E5E5E5; color:#212121;}
.comment-obj.admin .comment-text {padding:0 30px; background:url(ico-error02.gif) 5px 2px no-repeat !important;}
.comment-obj .comment-text {padding:0 30px; background:url(ico-sub.gif) 10px 2px no-repeat;}


/* -------------------------------------------------------------------------------------------------------
HTML stylování (tabulky, seznamy apod.)
------------------------------------------------------------------------------------------------------- */

table.table-style01 {margin:0;}
table.table-style01 th {background:#FEF4D9; padding:3px 5px;}
table.table-style01 th, table.table-style01 td {border-bottom:1px solid #EEE;}
table.table-style01 td {padding-left:15px;}
table.table-style01 h2 {padding:0px; margin:0px; font-size:100%;}

table.table-style02 {margin:0; border:1px solid #EEE;}
table.table-style02 th {padding:5px; border-bottom:1px solid #CCC; background:#EEE;}
table.table-style02 tr td {border-left:1px solid #EEE; background:#FFF;}
table.table-style02 tr.bg td {background:#F9F9F9;}

table.table-style03 {margin:0;}
table.table-style03 th {padding:7px 5px; border:1px solid #eee; background:#FEF4D9;}
table.table-style03 td {padding:3px 5px; border:1px solid #eee; background:#FFF;}
table.table-style03 tr.sum td {padding:5px; background:#fef7e8;}

table.table-style04 {margin:0;}
table.table-style04 th, table.table-style04 td {border-bottom:1px solid #E1E1E1;}

table.table-style05 th {padding:0 0 0 5px; color:#CF0000; text-align:left;}
table.table-style05 td {padding-left:25px; background:url(ico-sub.gif) 5px 6px no-repeat}
table.table-style05 td.nobg {background:none;}

table.table-style06 tr.th th {padding:5px; border:1px solid #B60000; background:#CF0000 url(hx-style02.gif) 0 0 repeat-x; color:#FFF; text-align:center; font-weight:bold ;}
table.table-style06 th {border:1px solid #E1E1E1; background:#F5F5F5; font-weight:bold; text-align:left;}
table.table-style06 td {border:1px solid #E1E1E1;}

ul.ul-style01 {margin:15px 0 15px 25px; padding:0; list-style:none;}
ul.ul-style01 li {margin:0; padding:0; padding-left:15px; background:url(ico-arrow02.gif) 0 5px no-repeat;} 

ul.ul-style02 {margin:20px 0 15px 0; padding:1px 0 5px 0; list-style:none; background:#fef4d9; border:1px solid #f6b600;}
ul.ul-style02 li {display:block; float:left; margin:0; padding:5px 0 0 0; width:120px; padding-left:25px; background:url(ico-folder.gif) 5px 5px no-repeat; line-height:1.2em; font-size:0.9em;} 
ul.ul-style02 li a {color:#333;} 
ul.ul-style02 li a:hover {color:#CF0000;} 

ul.ul-style03 {margin:5px 0 10px 0; padding:0; list-style:none;}
ul.ul-style03 li {margin:0; padding:0; padding-left:20px; background:url(ico-folder.gif) 0 5px no-repeat;}
ul.ul-style03 ul {margin:0; margin-left:15px; list-style:none;}
ul.ul-style03 ul li {margin:0; padding:0; padding-left:15px; background:url(ico-sub.gif) 0 5px no-repeat;} 

ul.ul-style04 {margin:5px 0 10px 0; padding:0; list-style:none;}
ul.ul-style04 li { background:none; display:block; float:left; width:111px; margin:0; padding:1px 8px 1px 0; font-family:Tahoma; font-size:0.85em;}

ul.ul-style05 {margin:0; margin-left:15px; list-style:none;}
ul.ul-style05 li {margin:0; padding:0; padding-left:15px; background:url(ico-sub.gif) 0 5px no-repeat;} 

.dl-style01 dt {padding-left:12px; background:url(ico-arrow03h.gif) 0 3px no-repeat; font-weight:normal; color:#8a8a8a; font-size:85%; line-height:1.2; margin:8px 0 0 12px;}
.dl-style01 dd {margin:0 12px 5px 24px; padding-bottom:8px; background:url(dot.gif) 0 100% repeat-x;}

.dl-style02 dt {color:#CF0000; font-size:110%; font-weight:bold;}
.dl-style02 dd {margin:0 0 5px 25px; padding-bottom:5px; background:url(dot.gif) 0 100% repeat-x;}

.dl-style03 dt {padding-bottom:5px; background:url(dot.gif) 0 100% repeat-x; color:#CF0000; font-size:110%; font-weight:bold;}
.dl-style03 dd {margin:5px 30px 10px 30px;}

/* -------------------------------------------------------------------------------------------------------
Formátování textů a nadpisů
------------------------------------------------------------------------------------------------------- */

#title, h2.title {position:relative; z-index:100; display:block; margin-top:0; padding:8px 0; font-size:160%; font-weight:bold; color:#2f2f2f;}
		.detail #title, .detail h2.title {padding:8px 0 0 0;}
#title a {color:#FFF;}
#title a:hover {color:#FC0;}

.hx-style01 {margin-top:10px; padding:15px 10px 5px 10px; background:#262a30 url(hx-style01.gif) repeat-x; color:#FFF; font-weight:bold; font-size:100%;}
.hx-style02 {padding:5px 10px; background:#a30000 url(hx-style02.gif) 0 0 repeat-x; color:#FFF; font-weight:bold; font-size:100%;}
    .hx-style01 a, .hx-style02 a {color:#FFF;}
.hx-style03 {padding:5px 10px; background:#9dcb15; color:#fff; font-weight:bold; font-size:100%;}
.hx-style04 {padding:5px 10px; background:#C1C1C1 url(hx-style04.gif) 0 0 repeat-x; color:#212121; font-weight:bold; font-size:100%;}
.hx-style05 {padding:5px 10px; background:#E5E5E5 url(hx-style05.gif) 0 0 repeat-x; color:#212121; font-weight:bold; font-size:100%;}
    .hx-style03 a, .hx-style04 a, .hx-style05 a {color:#212121;}
    .hx-style03 a:hover, .hx-style05 a:hover {color:#CF0000;}
.hx-style06 {padding:5px 0;color:#212121; font-weight:bold; font-size:140%; margin:0;}
.hx-style07 {padding:6px 10px 5px 10px; color:#CF0000; font-weight:bold; font-size:110%; margin:11px 0 0 0; text-transform:uppercase; background:url(bg-content-right-h3.gif) no-repeat; }
.hx-style08 {padding:5px 10px; background:#fef4d9; color:#000; font-weight:bold; font-size:100%;}

.hx-style01 h2 {margin:0;}
.hx-style01 h3 {margin:0;}
.hx-style01 p {margin:0; font-weight:normal; color:#C1C1C1;}

.p-style01 {font-weight:bold; font-size:85%;}

#sidebar .hx-style01 {margin:10px -10px;}

div.hx-style01 {margin-bottom:15px; border-bottom:1px solid #DDD;}
div.hx-style01 h3 {margin-bottom:0;}
div.hx-style01 p {margin:0; white-space:nowrap;}

/* -------------------------------------------------------------------------------------------------------
Nezařaditlné
------------------------------------------------------------------------------------------------------- */

.tabs-list-style02 {padding:7px 10px; border:1px solid #d1d1d1; background:#f5f5f5;}

/* Ikonky */
.ico-folder {margin-right:10px; padding-left:20px; background:url(ico-folder.gif) 0 4px no-repeat; font-weight:bold;}
.ico-folder02 {padding-left:20px; background:url(ico-folder.gif) 0 4px no-repeat;}
.ico-arrow {padding-right:10px; background:url(ico-arrow02.gif) 100% 5px no-repeat;}
.ico-arrow-l {padding-left:10px; background:url(ico-arrow03.gif) 0 6px no-repeat;}
.ico-switch {padding:2px 25px 2px 0; background:url(ico-switch.gif) 100% 0 no-repeat; text-decoration:underline;}
.ico-sub {padding-left:13px; background:url(ico-sub.gif) 0 2px no-repeat;}
.ico-add {padding:2px 0 2px 35px; background:url(ico-add.gif) 0 0 no-repeat;}
.ico-help {padding-left:15px; background:url(ico-info.gif) 0 3px no-repeat;}
.ico-info {padding-left:15px; background:url(info.gif) 0 0 no-repeat;}
.ico-info2 {padding-right:13px; background:url(ico-info2.gif) 100% 0 no-repeat;}
.ico-ok {padding-left:20px; background:url(ico-ok.gif) 0 3px no-repeat;}
.ico-telefon {padding-left:20px; background:url(ico-telefon.gif) no-repeat;}
.ico-icq {padding-left:20px; background:url(ico-icq.gif) no-repeat;}
.ico-email {padding-left:20px; background:url(ico-email.gif) no-repeat;}
.ico-prev {padding-left:15px; background:url(ico-prev.gif) 0 5px no-repeat;}
.ico-next {padding-right:15px; background:url(ico-next.gif) 100% 5px no-repeat;}

.ico-kosik {position:relative; top:5px;}
.ikonky img {margin-right:10px;}

ul.ico-ok { padding:0; background:none; margin:15px 0 0 15px;}
ul.ico-ok li { background:url(ico-ok.gif) 0 5px no-repeat; list-style:none; padding:3px 0 3px 25px; margin:0; }



/* PodtrĹľenĂ­ */
.bb {margin-bottom:5px; padding-bottom:5px; background:url(dot.gif) 0 100% repeat-x;}
.bt {margin-top:5px; padding-top:5px; background:url(dot.gif) 0 0 repeat-x;}

/* Kurzor */
.kurzor {cursor:hand; cursor:pointer;}

/* Anketa */
input.inp {text-decoration: underline; background:url(bg-content.gif) -10px 0 repeat-y; color: #cf0000; font-weight:bold; border:0; cursor:hand; cursor:pointer;}

/* JQUERY TIPSY
------------------------------*/
.tipsy { width:220px; font-size:11px; opacity: 0.8; filter: alpha(opacity=80); background-repeat:no-repeat; }
  .tipsy-inner { padding:7px 10px; background-color:#f5f5f5; color:#000; max-width: 200px; text-align:left; margin-left:5px; border:2px solid #cbcbcb; }
  .tipsy-south { background-image:url(tipsy-south.gif); background-position:bottom center; }
	.tipsy-east { background-image:url(tipsy-east.gif); background-position:right center; }
	.tipsy-west { background-image:url(tipsy-west.gif); background-position:left center; }
  .tipsy-north { background-image:url(tipsy-north.gif); background-position:top center; }
		.tipsy-north .tipsy-inner { margin-top:5px; margin-left:0; background-color:#9ecb15; border:2px solid #7ab00b; color:#fff; font-size:1.1em; }

/* 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%;}