/* ================================================ G L O B A L ============================================ */
html, body, form, fieldset, 
table, caption, tr, td, th, 
div, p, ul, ol, li, a, img, 
dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: solid 0 #999; }

html 		{ font-size: 100.01%; text-align: center; }
body, table { font-family: sans-serif; }
body 		{ font-size: 75%; color: #000; background: #000; line-height: 1.5em; /* = LH */   }
table 		{ font-size: 100%; }
ul li { list-style-type:none; }
	/* non semantic */
hr      	{ display: none; }
.hidden,
#micronav 	{ position: absolute; top: -9999px; left: -9999px; }
.clr		{ clear: both; height: 1px; font-size: 1px; overflow:  hidden; }
.replace	{ position: absolute; top: 0; left: 0; overflow: hidden; z-index: 1; display: block; }

	/* pouzivat acronym - IE nerozezna abbr */
acronym, 
abbr 		{ background: url('/images/dot.gif') repeat-x bottom; border: 0; cursor: help; padding: 0; }

	/* tables */
thead th { background: #c3d9ff; }
th, td, caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }
/* ======================================================================================================== */
#page		{ width: 960px; margin: 0 auto; text-align: left; background: url('/images/bg_page.jpg') no-repeat #000; position: relative; }
#page:after	{ content:""; display:block; height:0; clear:both; visibility:hidden; }
#left		{ width: 190px; float: left; /*height: 1000px*/ }
#content	{ width: 760px; float: right; }
#head		{ position: relative; float: left; width: 100% }
#cover		{ float: left; width: 560px; }
#center		{ float: left; width: 100%; background: url('/images/bg_center.png') no-repeat left top; padding: 20px 0 0; }
.product-list #center { background: none; }
#center-i	{ float: left; background: url('/images/bg_center.png') no-repeat left bottom; padding: 0 10px 20px; width: 540px }
#right		{ width: 190px; float: right; }
#decoration	{ position: absolute; top: 0; left: -34px; height: 267px; width: 34px; background: url('/images/bg_decoration.png'); }
#foot		{ float: left; color: #595959; margin: 15px 0 50px; width: 100%; font-size: 0.9166em; }
#foot p		{ line-height: 1.2em}
/*------------------------/ TOP BOX /------------------- */
	/* login box */
#login			{ width: 540px; margin: 30px 0 0 20px; padding: 8px 0 0; border-top: 1px solid #818181; }
#login p		{ color: #818181; margin:0; padding:0; }
#login p span 	{ color: #fff; }
#login input { width: 100px; }
#login label { color: #fff; font-weight: bold; }
#login input.sub { width: 65px; }
#login form {
	margin:0;
	padding: 0;
}
#login input.sub { cursor:pointer; background: none;  border:0; color:#EC008C; }
#login input.sub:hover {color:#B6016D;}


	/* search form */
#head fieldset form { position: absolute; top: 23px; right: 0; width: 180px; padding: 6px 5px 0 5px; height: 24px; background: url('/images/bg_search.png') no-repeat;  }
#head fieldset input { float: left; border: 0; background: transparent none; width: 115px; color: #818181; font-size: 0.9166em; padding: 2px 0 0  }
#head fieldset input.submit { float: right; width: 60px; font-weight: bold;  text-transform: uppercase; font-size: 0.8333em; padding: 1px 0 0; cursor: pointer; }

	/* main menu */
#menu 			{ float: left; width: 760px; background: url('/images/bg_menu.png') no-repeat left bottom; padding: 0 0 3px; margin: 0 0 10px; #float: none  }
#menu-i			{ float: left; width: 100%; background: url('/images/bg_menu.png') no-repeat left top; margin: 0; padding: 3px 0 0;  }
#menu ul 		{ float: left; width: 100%;  list-style-type: none; min-height: 39px; margin: -3px 0 }
* html #menu ul { height: 39px; }
#menu li 		{ float: left; background: none; border-left: 1px solid #000; padding: 0; }
#menu li.m0 	{ border: 0;}
#menu a			{ padding: 0.9em 18px; display: block;  color: #fff; font-weight: bold; }
#menu a:hover 	{ color: #000;}
/*------------------------/ CENTER BOX /------------------- */
p#breadcrumbs { color: #fff; margin-bottom: 10px }


.sort { color: #c1c1c1; padding: 0 20px; margin: 0 0 20px; float: left;  }
.sort input { position: relative; top: 2px; margin: 0 5px 0 0; float: left; #float: none}
.sort label { margin: 0 10px 0 0; font-size: 0.9166em; float: left; #float: none; }
.sort p { font-size: 0.9166em; margin: 10px 0 0; float: left; #float: none; }
.sort p span { margin: 0 10px 0 20px}
.sort p a	 { margin: 0 1px; position: relative; top: 5px  }
.sort input.submit { cursor:pointer; background: none;  border:0; color:#B6016D; font-size:0.8333em; font-weight:bold; text-transform:uppercase;}


.product-row { float: left; margin: 10px 0 0; width: 100%; }
.product { width: 255px; background: url('/images/bg_product.png') no-repeat left bottom #212121; margin:10px 0 0; padding: 0 10px 10px; }
.product h2 { background: url('/images/bg_product_title.png') no-repeat left top #3d3d3d; margin: 0 -10px 10px;  }
.product h2 a { color: #fff; padding: 0.5em 0 0.5em 15px; display: block; }
.product .img { float: left; height: 120px; }
.product img { float: left; margin: 0 10px 0 0; }
.product p	{ line-height: 1.2em; color: #c1c1c1; margin: 0 0 0.8em; font-size: 0.9166em; }
.product p span { display: block; font-size: 1.5em; font-weight: bold; color: #ec008c; padding: 5px 0 0; }
#objednavka .product p span { color: #ec008c; }
.product .info { height: 55px; overflow: hidden; float: none; width: auto; }
.product .info p { height: 40px; overflow: hidden; }
.product form { margin:0; padding:0; }

	/* product detail */
.photo 		{ float: left; width: 320px; }
.photo a 	{ display: block; text-align: center; }
.more-photos { margin-top: 10px; text-align: center; }
.more-photos a { display: inline; }
	/* info text box */
.info 			{ float: right; width: 210px; color: #3d3d3d; }
.info a 		{ display: block; }
.info p span 	{ color: #ec008c; /*display: block;*/}
.info p span.price { font-weight: bold; font-size: 1.6em; padding: 5px 0 0; }
	/* question about product */
.question { float: left; width: 520px; border-top: 1px solid #efefef; margin: 10px 0 0; padding: 10px 10px 0; }
.question h2 { color: #ec008c; text-transform: uppercase; font-size: 1.1em; }
.question form { position: relative; }
.question input { float: left; clear: both; width: 130px; height: 24px; background: url('/images/bg_question_input.png') no-repeat; border: 0; margin: 0 0 3px; padding: 6px 5px 0; }
.question textarea { position: absolute; top: 0px; right: 0px; _right: 10px; width: 365px; height: 85px; background: url('/images/bg_question_textarea.png') no-repeat; border: 0; padding: 5px; }
.question input.submit { float: right; background: none; margin: 35px 0 0 0; #margin: 100px 0 0; display: inline; padding: 0; width: auto; height: auto; }
* html .question input.submit { margin: 100px 0px 0 0; }

	/* similar products */
.similar		{ float: left; border-top: 1px solid #efefef; margin: 10px 0 0; padding: 10px 0 0; }
.similar h2 { color: #ec008c; text-transform: uppercase; font-size: 1.1em; padding: 0 0 0 10px; }
.similar .product { float: left; width: 90px; text-align: center; color: #000; }	
.similar h3 { color: #818181; font-weight: bold; }
	
	
	/* basket STEPS */
#basket-steps 			{ list-style-type: none; margin: 20px 0 20px 15px; float: left; display: inline }
#basket-steps li		{ float: left; text-align: center; width: 80px; padding: 85px 0 0; background-repeat: no-repeat; background-position: center top; }
#basket-steps li.step	{ background: url('/images/basket_arrow.gif') no-repeat center bottom; padding: 75px 30px 0; width: auto; }
#basket-steps li.ico1 	{ background-image: url('/images/basket_ico1.png'); }
#basket-steps li.ico2 	{ background-image: url('/images/basket_ico2.png'); }
#basket-steps li.ico3 	{ background-image: url('/images/basket_ico3.png'); }
#basket-steps li.ico4 	{ background-image: url('/images/basket_ico4.png'); }
#basket-steps li.ico1a 	{ background-image: url('/images/basket_ico1_active.png'); }
#basket-steps li.ico2a 	{ background-image: url('/images/basket_ico2_active.png'); }
#basket-steps li.ico3a 	{ background-image: url('/images/basket_ico3_active.png'); }
#basket-steps li.ico4a 	{ background-image: url('/images/basket_ico4_active.png'); }
#basket-steps strong	{ color: #ec008c; }
	/* basket table */
.basket-table	{ border-collapse: collapse; width: 100% }
.basket-table input { width: 30px; }
.basket-table td,
.basket-table th { border: 0; }
.basket-table th { background: #efefef; }
	/* basket navigation */
#basket-navigation 			{ list-style-type: none; margin-left: 0; float: left; width: 100%; }
#basket-navigation li		{ float: left; margin: 0 0 0 6px; display: inline;  }
#basket-navigation li.m4	{ margin: 0 0 0 145px}
#basket-navigation li.m4 a	{ width: 204px; }
#basket-navigation li.m7 a 	{ width: 157px; }
#basket-navigation li.m8	{ float: right; margin: 0 6px 0 0; display: inline; }
#basket-navigation a		{ display: block; height: 34px; width: 155px; position: relative; text-align: center; }
#basket-navigation a span	{ height: 34px; width: 155px; cursor: pointer; }
#basket-navigation li.m1 a span { background: url('/images/basket_back.png') no-repeat; }
#basket-navigation li.m2 a span { background: url('/images/basket_count.png') no-repeat; }
#basket-navigation li.m3 a span { background: url('/images/basket_delete.png') no-repeat; }
#basket-navigation li.m4 a span { width: 204px; background: url('/images/basket_next.png') no-repeat; }
#basket-navigation li.m5 a span { background: url('/images/basket_back_normal.png') no-repeat; }
#basket-navigation li.m6 a span { background: url('/images/basket_delete_form.png') no-repeat; }
#basket-navigation li.m7 a span,
#basket-navigation li.m8 a span { width: 157px; background: url('/images/basket_next_normal.png') no-repeat; }
#basket-navigation li input { border:0; background:0; cursor:pointer; color:#EC008C;}

p.legal { font-size: 0.9166em; margin-top: 1em; }
.customer input { width: 130px; }
.customer label span, 
p strong span,
#objednavka span { color: #ff0000; }
p.delivery				{ float: left; }
p.delivery label 		{ text-align: right; margin: 0 0 0 5px; }
* html p.delivery label { margin: 0 0 0 2px; }
p.delivery input		{ float: left; text-align: left }
p.delivery span			{ float: left; display: inline; font-weight: bold; color: #666; font-size: 0.833em; margin: 0 0 0 5px }
.payment	{ list-style-type: none;  }
.payment li	{ background: none; }
.payment h2 { border: 0; }


	
	
/* -----------------------/ LEFT BOX /--------------------- */
#left h1,
#left a.logo		{ position: relative; width: 190px; height: 125px; margin: 0;}
#left h1 span,
#left a.logo span	{ width: 190px; height: 125px; background-image: url('/images/logo.png')}

	/* category */
#category			{ margin: 327px 0 10px; background-position: left bottom; padding: 0 0 15px; }
#category ul a,
#category ul strong	{ color: #fff; text-decoration: none; }
#category ul a:hover{ color: #c1c1c1; }
	/* tabs */
#category .tabs			{ list-style-type: none; margin: 0; height: 35px; }
#category .tabs li		{ height: 35px; width: 95px; float: left; padding: 0 }
#category .tabs li a	{ height: 35px; width: 95px; position: relative; display: block; }
#category .tabs li a span	{ height: 35px; width: 95px; background-image: url('/images/bg_category_title.png'); background-repeat: no-repeat; }
#category .tabs li.t0 a span { background-position: left bottom;}
#category .tabs li.t1 a span { background-position: right top;}
#category .tabs li.t0.selected a span { background-position: left top;}
#category .tabs li.t1.selected a span { background-position: right bottom;}
#znackyUL { display: none; }
	/* main tree menu */
#category ul 		  { margin: 10px 0 0 20px; list-style-type: none; }
#category li 		  { background-image: url('/images/bg_category_icons.gif'); background-repeat: no-repeat; padding: 0 0 0 10px; background-position: left 5px;  }
#category li.expanded { background-position: -40px 5px;  }
#category li a,
#category li strong	  { font-weight: bold; font-size: 0.9166em; background-color: #3d3d3d; padding: 0; display: block; }
* html #category li a,
* html #category li strong { height: 1px; }
#category ul ul 	  { margin: 0 0 0 0px  }
#category ul ul li 	  { background-position: -20px 5px; }
#category ul ul a,
#category ul ul strong  { font-weight: normal; color: #c1c1c1; }
#category ul ul a:hover { color: #fff;}
#category ul ul ul li { background: transparent none; }
#category ul ul ul a,
#category ul ul ul strong  { color: #fff; }
#category ul ul ul a:hover { color: #c1c1c1;}

/* -----------------------/ SIDEBAR BOXES /--------------------- */
.box 		{ min-height: 70px; background-position: left bottom; margin: 0 0 10px; color: #c1c1c1; font-size: 0.9166em; padding: 0 20px 0.1em; }
* html .box { height: 70px; }
.h			{ padding: 0.6em 0 0.6em 20px; background: url('/images/bg_title_light.png') no-repeat left top #3d3d3d; text-transform: uppercase; margin: 0 -20px 0.8em; color: #fff;  }
	/* items in boxes */
.box ul { list-style-type: none; margin: 0 0 1.5em }
.box a.basket { display: block; }
	/* color theme */
.dark  { background-image: url('/images/bg_box_dark.png'); background-repeat: no-repeat; }
.light { background-image: url('/images/bg_box_light.png'); background-repeat: no-repeat; }
	/* best selling */
#best-selling		{ padding: 0 10px 0.1em;}
#best-selling h2	{ margin: 0 -10px 0.8em;}
#best-selling h3	{ line-height: 1em; margin: 3px 0 0;}
#best-selling h3 a  { color: #fff; font-size: 1em; font-weight: bold; }
#best-selling img   { float: left; margin: 0 0.5em 0.5em 0; }

.text_up {
	color:#fff;
	clear: both;
	margin-bottom: 10px;
	text-align: justify;
}
.text_up p {
	text-align: justify;
}
.text_up a {}
.text_up ul {}
.text_up li {}
#popis {
	margin: 10px 0;
}
#popis p {
text-align: justify;
}

#objednavka .product {
	width: 248px;
}

#objednavka table {
	width: 100%;
}
#objednavka td.radio {
	width: 10px;
}
#objednavka textarea {
	width: 100%;
}
/*
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat;
/* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(/images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(/images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
}
#imageData {
	padding: 0 10px;
	color: #666;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}*/
.hotspot {
	color: #a21919;
	padding-bottom: 1px;
	/*border-bottom: 1px dotted #A21919;
*/
	cursor: pointer;
	font-size: 12px
}
#tt {
	position: absolute;
	display: block;
	background: url(/js/images/tt_left.gif) top left no-repeat
}
#tttop {
	display: block;
	height: 5px;
	margin-left: 5px;
	background: url(/js/images/tt_top.gif) top right no-repeat;
	overflow: hidden
}
#ttcont {
	display: block;
	padding: 2px 12px 3px 7px;
	margin-left: 5px;
	background: #666;
	color: #FFF
}
#ttbot {
	display: block;
	height: 5px;
	margin-left: 5px;
	background: url(/js/images/tt_bottom.gif) top right no-repeat;
	overflow: hidden
}
#msg {
	display: none;
	position: absolute;
	z-index: 200;
	background: url(/js/images/msg_arrow.gif) left center no-repeat;
	padding-left: 7px
}
#msgcontent {
	display: block;
	background: #f3e6e6;
	border: 2px solid #924949;
	border-left: none;
	padding: 5px;
	min-width: 150px;
	max-width: 250px
}
#dialog input.text {
	border: 1px solid #989898;
	width: 237px;
	height: 20px;
	padding: 5px 5px 0 5px;
}

.div-search {
	color:#fff;
}



.error {
background:#FFFFFF url(/images/dialog_box/error_bg.jpg) no-repeat scroll right bottom;
border-style:none solid solid;
border-width:medium 1px 1px;
}
.error {
border:1px solid #FF0000;
color:#FF0000;
font-weight:bold;
padding:10px;
}

#text p {
text-align: justify;
}

.pagination {/* clear:both; */color:#fff; float: right; }
.pagination li { float:left; background:none; }



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 40%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; position:relative; margin-left:20px; }
#nextLink { right: 0; float: right; position:relative; margin-right:20px;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/next.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }