/* ================================================ 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: Tahoma, "Lucida Grande CE", lucida, sans-serif; }
body 		{ font-size: 75%; color: #333; background: #fff; line-height: 1.5em; /* = LH */   }
table 		{ font-size: 100%; }

	/* non semantic */
hr      	{ display: none; }
.hidden	 	{ position: absolute; top: -10000px; left: 0; }
.clr		{ clear: both; height: 1px; font-size: 1px; overflow:  hidden; }

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

	/* formular */

	/* 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: 1000px; margin: 0 auto; text-align: left; }
#head	{ float: left; padding: 16px 0 0; background: url('/images/bg_head.png') no-repeat right top #fff; }

#left	{ float: left; width: 238px; padding: 30px 0 0; }
#content	{ float: right; width: 752px; padding: 30px 0 0; }
#bottom		{ float: left; width: 100%; margin: 0 0 30px; }

#foot	{ float: left; width: 100%; }

/* ----------------------------/ TOP BOX (logo, basket, login, menu) /------------------------------------ */
#head a.logo	{ float: left;}

#head-shadow { /*background: url('/images/bg_head_shadows.png') repeat-y right #fff;*/ float: right; width: 714px; #margin: 0 -1px 0 0;  }

#login			{ float: right; width: 229px; padding: 0 90px 0.2em 0; margin: 0; position: relative; }
#login fieldset	{ margin: 0; }
#login div 		{ width: 100%; float: left;}
#login legend, 		
#login br		{ display: none; }
#login label	{ vertical-align: middle; margin: 0 0 0 15px; color: #933636; #float: left }
#login input	{ width: 172px; border: 1px solid #aeaeae; float: right; margin: 0.2em 0; }
#login input.sub{ border: 0; width: 64px; height: 21px; float: none; position: absolute; bottom: 1.55em; left: 233px; }
#login a		{ display: block; font-size: 0.833em; text-align: right; }
#login a.reg	{ text-transform: uppercase; font-size: 1em; }

#basket	  { float: right; width: 270px; background: url('/images/bg-basket.gif') no-repeat left 2.3em;/*bg_basket.png*/ padding: 2.4em 0 0 55px }
#basket p { font-weight: bold; margin: 0; font-size: 0.833em; }
#basket a { font-weight: bold; font-size: 1.2em; margin: 0 0 0 0.5em;  }

#menu				{ float: right; width: 1005px; background: url('/images/bg_menu_top.png') no-repeat top right; margin: 0 -4px 0 0;  padding: 8px 0 0; }
#menu ul			{ width: 985px; float: left; background: url('/images/bg_menu_bottom.png') no-repeat bottom right; list-style-type: none; margin: 0; padding: 0 10px 4px;  }
#menu ul li			{ float: left; background: url('/images/bg_menu_li.png') no-repeat left bottom; margin: 0 0 -4px; padding: 0 0 0 2px; position: relative; top: -4px  }
#menu ul li.m0 		{ background: none; }
#menu ul li a,
#menu ul li strong	{ padding: 0.7em 19px; display: block; color: #700100; text-decoration: none; font-size: 0.9166em; maargin: -4px 0 0  }
#menu ul li strong,
#menu ul li a:hover { background: #df686f; color: #fff; }

/* ----------------------/ LEFT BOX (submenu, address) /-------------------------------------------------------------- */
#submenu		{ float: left; width: 203px;  padding: 0 20px 60px 15px; background: url('/images/bg_submenu.png') no-repeat left bottom; }
#submenu ul 	{ list-style-type: none; float: left;   }
#submenu ul li 	{ float: left; }

	/* submenu tabs */
#tab		{ float: left; background: #fff; margin: 0 -17px 0  -15px; width: 235px; display: inline; border-bottom: 1px solid #f4f4f4; padding: 0 0 0.5em; }
#tab li		{ float: left; display: block; width: 115px; text-align: center; }
#tab li a	{ font-weight: bold; }
#tab li a:hover { text-decoration: none; }
	
	/* submenu search */
#submenu form	{ float: left; width: 100%; padding: 0.8em 0 0; margin: 0;  }
#submenu form input { float: left; width: 130px; border: 1px solid #cecece; }
#submenu form input.sub { float: right; width: auto; border: 0; }

	/* submenu links */
#submenu .navigation			{ margin: 0; width: 100%;  }
#submenu .navigation li { display:block; float:none; }
#submenu .navigation li a { font-weight: bold; display:block; margin: 0; padding: 2px 5px; text-decoration: none; color:#C54645; }
#submenu .navigation li a.black_color { color: #000; }
#submenu .navigation li a:hover { text-decoration: underline; background-color:#C54645; color:#fff; }
#submenu .navigation ul li			{ float: none; list-style-type: none; background: url('/images/dot.gif') repeat-x bottom; padding: 0.1em 0 0.3em 17px;  }
#submenu .navigation ul li a,
#submenu .navigation ul li strong	{ background: url('/images/arrow.gif') no-repeat left center; padding: 0 0 0 15px; color: #000; text-decoration: none; font-weight: normal; display: block;  }
#submenu .navigation ul li a:hover,
#submenu .navigation ul li strong 	{ color: #933636; }
#submenu .navigation li ul { float:none; margin: 5px 0; padding:0; }
#submenu .navigation li ul li a:hover { background-color: rgb(255,255,255); }
#submenu .navigation li ul li a.active { font-weight: bold; }

#menu2 {display: none;}

	/* address box */
.address		{ float: left; }	
.address li 	{ font-size: 0.833em; text-align: center; list-style-type: none; line-height: 1.5em; margin: 0 0 0 -17px;  }
.address .map 	{ font-size: 1em; font-weight: bold; }
.address li 	{ color: #000;}


/* ----------------------/ CONTENT BOX () /-------------------------------------------------------------- */

	/* product box */
.product-row	{ float: left; width: 100%; }
.product		{ background: url('/images/bg_product_bottom.png') no-repeat bottom; height: 200px; width: 138px; float: left; padding: 0 25px 1.5em ;  }
* html .product { height: 200px; margin: 0 0 0 -7px;    }
.product h2,
.product h3		{ background: url('/images/bg_product_top.png') no-repeat right top; line-height: 1em; font-size: 0.9166em; font-weight: bold; text-align: center; padding: 1.5em 0 0 0; height:26px; overflow:hidden; margin: 0 -25px;  }
* html .product h2,
* html .product h3 {margin: 0 -29px 0;} 
.product p		{ margin: 0 0 0.5em; text-align: center; font-size: 0.833em; line-height: 1.2em }
.product p img 	{ float: none; margin: 0; max-width: 135px; max-height: 75px; border: 1px solid #585858; }
.product p a 	{ display: block; overflow: hidden; }
.product p.description { height:36px; overflow: hidden; }
.product form { text-align: center; }
.product input.add-basket { background: url('/images/ico_basket.gif') no-repeat left center; width:115px; height:20px; border:0; padding: 0 0 0 20px; display: block; color:#933636; /*margin: 1em 0 0;*/ }

	/* search products filter */
.search-filter 		{ background: #f0f0f0; padding: 0.6em 0 0.7em; float: left; width: 100%; margin: 0 0 1em;  }
.search-filter:after{ content:""; display:block; height:0; clear:both; visibility:hidden; } 
.search-filter p 	{ margin: 0 0 0 10px; font-weight: bold; float: left ; line-height: 1.2em }
.search-filter ul 			{ margin: 0 0 0 1em; list-style-type: none; float: left; }
.search-filter ul li 		{ float: left; padding: 0 0.5em; margin: 0; border-left: 1px solid #c54645; line-height: 1.2em }
.search-filter ul li.first 	{ border: 0; }
.search-filter ul li a 		{ color: #c54645; }

	/* support box */
.support 				{ float: left; width: 100%; padding: 20px 0; }
.support p				{ text-align: center; margin: 0 0 0.2em; }
.support p.banner 		{ position: relative; width: 287px; height: 49px; margin: 0 0 0 232px; }
.support p.banner span 	{ position: absolute; top: 0; left: 0; background: url('/images/banner_support.png') no-repeat top left; display: block; width: 287px; height: 49px; }
.support p a 			{ color: #c54645; font-weight: bold; }

	/* pagination */
.pagination			{ float: left; width: 100%; border-top: 5px solid #c54645; }
.pagination ul		{ float: right; list-style-type: none; }
.pagination li		{ float: left; margin: 0 0 0 5px; display: inline; }
.pagination li a,
.pagination li strong	{ padding: 3px 5px; display: block; color: #000; font-weight: bold; text-decoration: none;   }
.pagination li strong	{ background-color: #c54645; color: #fff;  }
.pagination li a:hover	{ color: #c54645; }
.pagination li.next a	{ color: #fff; background-color: #000; font-size: 1.4em; font-weight: normal; padding: 3px 4px }

	/* PRODUCT DETAIL */
#product-main 		{ float: left; width: 555px; }
#product-main h1 	{ margin-bottom: 1em}
#product-main .images 	{ float: left; width: 200px; /*overflow: hidden;*/ }
#product-main .images p { margin: 1em 0 0.5em 15px; font-size: 0.9166em}
#product-main .images a.left img { max-width:212px; max-height:124px; }
#product-main .images .img_thumb { max-width:80px; max-height:54px;}
#product-main .info			{ float: right; width: 340px; }
#product-main .info legend	{ display: none; }
#product-main .info label	{ margin: 0 60px 0 0; color: #a31d25; font-weight: bold; }
#product-main .info input	{ width: 40px; }
#product-main .info input.sub{ width: auto; position: relative; top: 7px; margin: 0 0 0 15px; }
	/* right side of product top box */
#product-aside 				{ float: right; width: 195px; padding: 2.5em 0 0; }
#product-aside .help 		{ border: 1px solid #e0e0e0; padding: 0 10px 15px;  background: url('/images/bg_product_help.png') repeat-x top #f9f9f9; margin: 0 0 1px; }
#product-aside .help h2 	{ background: url('/images/ico_bubble_red.png') no-repeat top left; padding: 0.5em 0 0.5em 60px; color: #000; margin: 0; }
#product-aside .help p a 	{ color: #c54645; font-weight: bold; }
#product-aside .help p		{ text-align: center; margin: 0 0 0.2em; }
#product-aside .help p span { text-transform: uppercase; color: #e46371; font-weight: bold; }
#product-aside .help p.phone{ font-size: 1.5em; color: #a31d25; font-weight: bold; margin: 0 0 0.4em; }
#product-aside .info-mail	{ background-color: #cc4149; padding: 10px; }
#product-aside .info-mail h2{ background: url('/images/ico_info_red.png') no-repeat top left; padding: 0.4em 0 0.5em 35px; line-height: 1em; color: #fff; margin: 0; }
#product-aside .info-mail p	{ color: #fff; text-align: center; font-size: 0.9166em; }
#product-aside form,
#product-aside fieldset		{ margin: 0; }
#product-aside input 		{ float: left; border: 1px solid #686868; width: 100%; }
#product-aside input.sub 	{ width: auto; border: 0; margin: 5px 0 0; float: right; }

	/* INDEX */
.row .offer { background: url('/images/bg_offer.png') no-repeat top #fff; float: left; width: 375px; margin: 0 }
.row .offer a { color:#000; text-decoration: none; font-weight: bold;}
.row .offer a:hover { text-decoration: underline; }
.row .offer ul { margin:0; padding:0; }
.row .offer h2 { background: none; color: #000; font-size: 1.5em; font-weight: normal; }
.row .offer h2 a {font-weight: normal;}
.row .offer p	{ color: #000; padding: 0 15px 0; }

.row .snc-shop { height: 280px; float: right; width: 258px; background: url('/images/bg_snc_shop.png') no-repeat right top #fff; padding: 5px 100px 12px 15px }
.row .snc-shop h2 { background: none; padding: 0; color: #780001; }
.row .snc-shop p { font-size: 0.9166em; margin: 0; }


.buttons { width: 100%; float: left; }
.buttons ul { width: 30%; list-style-type: none; margin: 10px 0 0 20px; float: left; }
.buttons li { font-size: 0.9166em; margin: 0 0 0.5em } 
.buttons li p { margin: 0; }
.buttons ul a { color: #7f0001; font-weight: bold; background: url('/images/arrow_red.gif') no-repeat right 60%; padding: 0 8px 0 0; }


.row .banner { margin: 0 0 4px; padding: 10px 20px 10px 145px; }
.row .banner p			{ font-size: 0.9166em; margin:0; }
.row .banner p span 	{ display: block; color: #e46371; text-transform: uppercase; font-weight: bold; }
.row .banner p strong	{ /*display: block;*/ color: #7e0e0f; }
.row .banner p a		{ display: block; font-size: 1.0em; color: #c55554; font-weight: bold; margin: 0.6em 0 0; }
.row .bn1 { width: 209px; height: 97px; overflow: hidden; background: url('/images/banner_index1.png') no-repeat left top; float: left; }
.row .bn2 { width: 209px; height: 97px; overflow: hidden; background: url('/images/banner_index2.png') no-repeat left top; float: right; }
.row .bn3 { width: 209px; height: 97px; overflow: hidden; background: url('/images/banner_index3.png') no-repeat left top; float: left; }
.row .bn4 { width: 209px; height: 97px; overflow: hidden; background: url('/images/banner_index4.png') no-repeat left top; float: right; }




	/* phone box */
.bn1 legend 		{ color: #7e0e0f; font-weight: bold; margin: 0; padding: 0}
.bn1 fieldset,
.bn1 form 		{ margin: 0; }
.bn1 form p 		{ padding: 0 !important; font-size: 0.833em !important; line-height: 1em }
.bn1 input 		{ width: 140px; margin: 10px 0 0 -25px; padding: 0 2px 0 0; background: transparent none; border: 0; float: left; }
.bn1 input.sub 	{ width: auto; padding: 0; margin: 5px 0 0 8px; }
.bn1 p 		{ padding: 10px 0 0 0px; margin: 0; }
.bn1 p a 	{ display: inline !important; }

/* ----------------------/ BOTTOM BOX /-------------------------------------------------------------- */
#bottom			{ border: 2px solid #e8e8e8; display: table; margin: 1.5em 0; }
#bottom .box 	{ display: table-cell; width: 226px; height: 100%; border: 2px solid #e8e8e8; padding: 5px 10px 0; }
/*#bottom .box ol { margin: 0 0 0 65px;  }*/
#bottom .box li { font-weight: bold; color: #a40c38; margin-bottom: 0.3em; }
#bottom .box h2 { background-repeat: no-repeat; background-position: left top; font-size: 1.0em; color: #e46371; font-weight: bold; padding: 0.4em 0 1.8em 60px; }
#bottom .box h2 a { color: #e46371; text-decoration: none; }
#bottom .box h2 a:hover { text-decoration: underline; }
#bottom .b1 h2 	{ background: url('/images/bg-doprava.png') no-repeat scroll left 0.5em transparent; padding-left: 75px; }
#bottom .b2 h2 	{ background: url('/images/bg-partneri.png') no-repeat scroll left 0.3em transparent; padding-left: 45px; }
#bottom .b3 h2 	{ background: url('/images/bg-tuska.gif') no-repeat scroll left 0.4em transparent;/*ico_file.png*/ padding-left: 50px; }
#bottom .b4 h2 	{ background-image: url('/images/bg-basket.gif'); padding-left: 45px; }/*ico_basket_big.png*/

#bottom form			{ padding: 10px 0 0;}
#bottom form label 		{ display: none; }
#bottom form input,
#bottom form textarea 	{ border: 1px solid #b1b1b1; width: 220px; padding: 3px 2px; margin: 8px 0 0;  }
#bottom form input.sub	{ width: auto; float: right; border: 0; margin: 3px -2px 0 0;}
#bottom form br 		{ display: none; }

#foot ul { text-align: center; margin: 0 0 2em }
#foot li { display: inline; margin: 0 7px; }


#bottom .box { #float: left; #min-height: 400px; }
* html #bottom .box { height: 400px; }



.popis { margin: 10px 10px 10px 0; clear:both; }
.popis p { text-align: justify; }


#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(/img/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(/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/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}

.error {font-weight:bold;font-size:16px;color:#ff0000;padding:10px;margin:10px 0;}
.error a {color:#000;}



/* ============================== GLOBAL STYLES FOR FCK EDITOR ==================== */
	/* links */
a:focus,
a:hover 	{  }
a:visited 	{ color: /*#606*/; }
a,
a:link 		{ color: #933636; text-decoration: underline; }

	/* text flow */
p, ul, ol, dl, dd, table,
form, fieldset, blockquote 	{ margin-bottom: 1.5em; /* = LH */ }
ul, ol, dd, blockquote 		{ margin-left: 1.5em; /* = LH */ }
blockquote 					{ margin-right: 1.5em; /* = LH */ }
sup, sub 					{ line-height: 0; }

	/* list style */
ul { list-style-type: disc; }
ol { list-style-type: decimal; }

	/* font-weight */
h2, h3 		{ font-weight: normal; }
th, strong, dt,
h1, h4, h5, h6, dfn { font-weight: bold; }

	/* font style */
em, dfn, q, cite { font-style: italic; }

	/* headings */
h1, h2, h3 { color: #000; }
h4, h5, h6 { color: #222; }

h1 { font-size: 1.25em; line-height: 2.5em; margin-bottom: 0.15em; color: #c54645; background: url(/images/bg_h1.gif) repeat-x bottom; padding: 0 0 0 10px;  }
h2 { font-size: 1.1em; font-weight: bold; line-height: 2.7em; margin-bottom: 0.5em; color: #c54645; background: url(/images/bg_h1.gif) repeat-x bottom; padding: 0 0 0 10px; }
h3 { font-size: 1.5em; line-height: 2em; margin-top: 1.5em; margin-bottom: 0.5em; }
h4 { font-size: 1.1667em; line-height: 1.2857; margin-bottom: 1.2857em; }
h5 { font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; }
h6 { font-size: 0.9167em; line-height: 1.6364em; margin-bottom: 1.6364em; }

	/* illustrations */
p img.right 		{ float: right; margin: 1.5em 0 1.5em 1.5em; }
p img.left 	{ float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }

	/* changes */
ins { background: #060; color: #fff; }
del { background: #900; color: #fff; }

	/* float and aling */
.fl	{ float: left; }
.fr	{ float: right; }
.al	{ text-align: left; }
.ac	{ text-align: center; }
.ar	{ text-align: right; }

.vitej {
	text-align:right;
	margin-top:10px;
}

#objednavka {}
#objednavka .kosik_tabulka { width:100%; }
#objednavka .kosik_tlacitka {
	font-weight: bold;
	font-size: 14px;
	width: 500px;
}
#objednavka .kosik_tlacitka input,
#objednavka .kosik_tlacitka a {
	border: 0px;
	background: none;
	color:#933636;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #933636;
	text-decoration: none;
	padding:0 10px;
}
#objednavka .kosik_tlacitka input {
	cursor: pointer;
}
#objednavka span {
	color:#C54645;
	font-weight: bold;
}
#objednavka .povinne {
	margin-left: 200px;
}
#objednavka textarea {
	width: 99%;
}
#objednavka table {
border-collapse: collapse;
}
#objednavka th {
border-bottom: 1px solid;
}

#mapa_webu {}
#mapa_webu li {
display:block;
float:none;
}
#mapa_webu li a {
color:#C54645;
display:block;
font-weight:bold;
margin:0;
padding:2px 5px;
text-decoration:none;
}
#mapa_webu li a:hover { text-decoration: underline; background-color:#C54645; color:#fff; }
#mapa_webu li li {/*background:url("/images/dot.gif") repeat-x scroll center bottom transparent;*/ float:none; list-style-type:none; padding:0.1em 0 0.3em 17px; }
#mapa_webu li ul li a { background: url('/images/arrow.gif') no-repeat left center; padding: 0 0 0 15px; color: #000; text-decoration: none; font-weight: normal; display: block; }
#mapa_webu li ul li a:hover { color: #933636; background-color: #fff; }
#mapa_webu li a.black_color { color: #000; }
#mapa_webu li a.black_color:hover { color: #fff; }

#text_up {}
#text_up .row { clear: both; }
#text_up a { display: inline; }

#dotaz { width: 750px; clear: both; }
#dotaz label { display: block; }
#dotaz input { border: 1px solid #CC4149; }
#dotaz input.sub { border: 0; }
#dotaz textarea { border: 1px solid #CC4149; width: 720px; }

td.center,
th.center { text-align: center; }

.photo_gallery {
margin:15px 0 0;
padding:0;
}
.photo_gallery li.first  {
clear:both;
}
.photo_gallery li {
background:none repeat scroll 0 0 transparent;
float:left;
list-style-type:none;
margin:0;
padding:0;
text-align:center;
width:178px;
}
.photo_gallery li p {
text-align:center;
}