html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a[href^="error:"]					{ background: red; color: white; text-decoration: blink; }
input[type="checkbox"], input[type="radio"]		{ border:0; background:transparent;}

strong							{ font-weight:bold; }
em									{ font-style:italic; }


ul, li							{ position:relative; }
ul									{ margin:.5em; }
li									{ list-style:disc; margin-left:1em; }
ol li								{ list-style:decimal; }


.fr									{ float:right; }
.fl									{ float:left; }

.l									{ text-align:left; }
.r									{ text-align:right; }
.c									{ text-align:center; }
.m									{ vertical-align:middle; }

.cl									{ clear:left; }
.cr									{ clear:right; }
.cb									{ clear:both; }

.hid								{ display:none; }

.img-left							{ float:left; margin-right:1em; margin-bottom:1em; }
.img-right							{ float:right; margin-left:1em; margin-bottom:1em; }

.marb							{ margin-bottom:15px; }

.dump								{ color:black; background:yellow; border:1px solid black; position:relative; z-index:100001; }

td, th								{ vertical-align:middle; }body							{ background:url('/images/bg.png'); font-size:1em; color:#eee; position:relative; font-family:trebuchet ms,sans-serif; line-height:1.3em; }

* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


a								{ color:#fff; }
a:hover							{ color:#fc0; }
h1								{ font-size:2em; margin:0 0 .75em 0; }

p, ul, ol, h2, h3, h4			{ margin:.5em 0; }
h2								{ font-size:1.5em; color:#fc0; margin-top:1em; }
h3								{ font-size:1.2em; text-transform:uppercase; margin-top:.75em; }
ul								{ margin:0; }
li								{ margin:.25em 0 .25em 1em; }
p > img, div > img				{ max-width:100%; }

th, td							{ padding:.25em 1em .25em 0; }
th, dt							{ color:#fc0; font-weight:bold; }
dd								{ margin-left:1em; margin-bottom:.5em; }
.default-language				{ border-bottom:1px dotted #f55; color:#f55; }

.icon							{ width:32px; height:32px; display:inline-block; margin-right:.25em; }
.icon:hover						{ background-position:0 -32px; }
.icon span						{ display:none; }
.icon-fb						{ background-image:url('/images/icon-fb.png'); }
.icon-tw						{ background-image:url('/images/icon-tw.png'); width:29px; }

.buttons						{ height:2em; }
.btn, .button, button			{ background:#7D2800; padding:0 1em; font-size:1.15em; color:#fff; text-decoration:none; border:0; display:block; float:left; height:2em; line-height:2em; margin:0 .5em 0 0; cursor:pointer; border-radius:3px; }
.btn:hover, .btn:active, .button:hover, .button:active, button:hover, .button:active
			{ color:#fff; background:#953100; }
.c button						{ display:inline; float:none; }

h1, #nav a						{ font-family: 'PT Sans Narrow', sans-serif; }
fieldset, .c-requestform, .newsletter-form		{ background:#333; background:rgba(0,0,0,.5); border-radius:10px; padding:3em 1em 1em 1em; position:relative; margin-bottom:1em; }
.c-requestform					{ padding-top:1em; }
.c-requestform .text			{ width:200px; }
.c-requestform textarea 		{ width:400px; height:100px; }
legend							{ font-size:1.5em; height:1.5em; vertical-align:bottom; position:absolute; left:.666666em; top:.666666em; }
.newsletter-form				{ padding-top:1em; }
.newsletter-form > form > div > *		{ display:inline-block; vertical-align:middle; }
.newsletter-form input.button	{ font-size:1em; padding:.125em .5em; }
.newsletter-form input.text		{ font-size:1em; }
			
.flash							{ background:#000; background:rgba(0,0,0,.8); border-radius:5px; color:#fc0; padding:.25em; margin-bottom:1em; }
			
/* layout */

#brabenec						{ position:relative; z-index:1; }
#header, #footer				{ background:#000; position:relative; padding:.5em 5%; }
#main							{ overflow:none; }

#signature						{ display:block; text-align:center; }
#nav							{ height:3em; position:relative; text-transform:lowercase; }
#nav>ul							{ margin:0 auto; padding:0; position:relative; text-align:center; }
#nav>ul>li						{ display:inline; margin:0 .75em; }
#nav>ul>li>a					{ display:inline-block; text-decoration:none; font-size:1.5em; }
#nav>ul>li>ins					{ display:none; }
#nav>ul>li>a:hover				{ text-decoration:underline; }

#langMenu						{ margin-bottom:15px; text-align:center; }
#langMenu a span				{ display:none; }
.flag							{ display:inline-block; background-position:0 0; background-repeat:no-repeat; width:24px; height:16px; margin:0 2px; margin-bottom:5px; position:relative; }
.flag-cs						{ background-image:url('/images/flag-cs.png'); }
.flag-en						{ background-image:url('/images/flag-en.png'); }
.flag-de						{ background-image:url('/images/flag-de.png'); }
.flag-ru						{ background-image:url('/images/flag-ru.png'); }
.flag:hover, .flag-selected		{ background-position:0 -16px; }

#langMenu.open					{ box-shadow:0 0 4px rgba(255,255,255,1);}
#langMenu.open .flag			{ display:block; }


#doll							{ display:none; }
#content						{ padding:2em 5%; }

#basket							{ padding:.625em; padding-left:2.75em; border-radius:.25em; background:#000 url('/images/icon-basket.png') .625em center no-repeat; margin-bottom:1em; }
#basket > .icon					{ display:none; }
#basket a						{ text-decoration:none; }

.c-simplegallery				{ margin:1em 0; }
.c-simplegallery img			{ display:block; float:left; margin: 0 .75em .75em 0; }
.c-simplegallery img:hover		{  }

.gallery li						{ display:block; list-style:none; margin:0; }
.gallery h2>a					{ text-decoration:none; }

.eshop-cat-description			{ margin-bottom:1em; }
.eshop-item						{ width:13.125em /* 210/16 */; background:#000; border-radius:.25em; padding:.625em; display:inline-block; vertical-align:top; margin:0 .5em 1em 0;  }
.eshop-item > p					{ margin-bottom:0; font-weight:bold; }
.eshop-item > a					{ text-decoration:none; }
.eshop-item > a > h2			{ margin-top:.5em; margin-bottom:.5em; font-size:1.2em; color:#fff; }
.eshop-item > a:hover > h2		{ margin-top:.5em; font-size:1.2em; color:#fc0; }
.price			{ background:#7D2800 url('/images/price-tag-cutout.png') right center no-repeat; font-size:1.5em; margin:.25em 0 .75em -1em; padding:.5em 2.5em .5em 1em; display:inline-block; }
.eshop-item > .buttons > *		{ width:45%; }
.eshop-item .btn				{ background:#4A1800; }
.eshop-item .btn:hover			{ background:#7D2800; }
.eshop-item form				{ display:inline-block; }
.eshop-item .image, .product-image				{ position:relative; }

.product-short-desc				{ margin-bottom:1em; }
.product-base					{ background:#000; border-radius:.5em; padding:1em; }
.product-images					{ margin-left:-2%; }
.product-image					{ width:23%; float:left; margin-left:2%; margin-bottom:2%; }
.product-first-image			{ width:48%; margin:0 1em 0 0; }
.product-images img				{ display:block; }

.product-params					{ width:48%; float:left; }
.product-params th				{ text-align:right; width:50%; }

.product-price-box				{ margin:1em 0; }
.product-price-box > div		{ display:block; float:left; }
.product-price					{ background-image:url('/images/price-tag-cutout2.png'); margin:0; }
.product-basket					{ }
.product-basket .btn			{ font-size:1.4em; background:#fc0; color:#000; line-height:1em; padding:.4em 1em; }

.table-basket, #orderContact > form, #orderDelivery					
								{ background:#000; border-radius:.5em; padding:1em; width:100%; }
#orderContact > form > h2, #orderDelivery h2
								{ margin-top:.25em; }
#orderContact > form table		{ margin:1em 0; }
#orderDelivery h3				{ font-size:1em; font-weight:bold; text-transform:none; margin-bottom:0; }
#orderDelivery p				{ margin-top:0; }
#orderDelivery table			{ width:100%; }
#orderDelivery table .chk		{ width:20px; }
#orderDelivery table .pr		{ text-align:right; color:#fc0; font-weight:bold; }

.table-basket .button-recount	{ float:right; margin-right:0; }
.table-basket .delete			{ width:30px; }

.paginator-total				{ display:none; }
.paginator-pages				{ height:1.5em; }
.paginator-pages > *			{ display:block; float:left; margin-right:.5em; padding:.25em .5em; background:#000; border-radius:4px; text-decoration:none; }

#lightbox						{ color:#333; }

.sold							{ display:block; height:52px; line-height:52px; font-size:1.5em; font-weight:bold; font-family: 'PT Sans Narrow', sans-serif; color:#fff; background:#C64A00; position:absolute; right:0; bottom:1em; padding:0 .75em; text-shadow:1px 1px 1px rgba(0,0,0,.35); }
.sold i							{ position:absolute; left:-12px; top:0; width:12px; height:52px; background:url('/images/sold-left.png') 0 0 no-repeat; }


/* small screen - big phone & small tablet */
@media screen and (min-width:500px) {

	#content						{ position:relative; }
	#basket							{ position:absolute; right:0; top:-.25em; width:13.125em; font-size:.9em; line-height:110%; }
	#basket .items					{ display:block; }		
	#orderReview .contact-payment, #orderReview .contact-delivery { display:inline-block; vertical-align:top; }
	#orderReview .contact-payment	{ margin-right:2em; }
	#signatureLang					{ text-align:center; }
	#signature, #langMenu			{ display:inline-block; vertical-align:middle; }
/*
	#langMenu						{ height:16px; margin-bottom:10px; text-align:center; background:#333333; border-radius:3px; padding:5px; padding-bottom:0; height:auto; width:60px; z-index:10; }
	#langMenu a span				{ display:none; }
	.flag							{ display:inline-block; background-position:0 0; background-repeat:no-repeat; width:100%; height:16px; margin-bottom:5px; position:relative; display:none; }
	#changeLang						{ display:block !important; position:absolute; right:5px; top:4px; width:13px; height:10px; background:url('/images/lang-arr.png') 0 0 no-repeat; margin:0; }
	.flag:hover #changeLang			{ background-position:0 -10px; }
	.flag:hover, .flag-selected		{ background-position:0 -16px; }
	.flag-selected					{ display:block; }

	#langMenu.open					{ box-shadow:0 0 4px rgba(255,255,255,1);}
	#langMenu.open .flag			{ display:block; }
*/
	#langMenu						{ margin-top:4px }
	.flag							{ margin-right:0; }
	
	.order th						{ width:160px; }
	
	#web-root li					{ font-size:1.1em; line-height:1.4em; margin-top:1em; margin-bottom:1em; margin-right:2em; margin-left:2em; }
	
	.c-simplegallery img					{ border-radius:5px; box-shadow:0 0 4px rgba(0,0,0,.8); }
}



/* standard screen */
@media screen and (min-width:800px) {

	#brabenec						{ width:auto; margin:0 5%; }
	#glare							{ position:absolute; left:0; top:5.625em; background:url('/images/glare.png') top center no-repeat; width:100%; height:474px; z-index:1; }
	#headerBg, #footerBg			{ position:absolute; left:0; width:100%; height:5.625em /* 90/16 */; background:#000; box-shadow:0 0 10px rgba(0,0,0,.25); }
	#headerBg						{ top:0; }
	#footerBg						{ bottom:0; }
	#header, #footer				{ padding:0; height:5.625em /* 90/16 */; }
	#signature						{ position:absolute; left:0; top:10px; }
	#langMenu						{ position:absolute; left:200px; top:35px; }
	#footer>div						{ margin-top:1.5em; }
	#footer>.left					{ float:left; }
	#footer>.right					{ float:right; text-align:right; font-size:80%; line-height:120%; }

	#nav							{ text-transform:lowercase; position:absolute; right:0; top:.5em; font-size:.85em; }
	#nav>ul							{ margin:0; }
	#nav>ul>li						{ line-height:5.625em; margin:0 .6em; }
	#nav>ul>li.first				{ margin-left:0; }

	#main							{ position:relative; z-index:2; }
	#doll, #content					{ display:inline-block; vertical-align:top; }
	#doll							{ width:35%; }
	#doll>img						{ max-width:100%; }
	#content						{ width:64%; padding:2em 0; }

	
}

@media screen and (min-width:900px) {
	#nav { font-size:1em; top:0; }
	#nav>ul>li { margin:0 .75em; }
}

/* large screen */
@media screen and (min-width:1200px) {
	#brabenec					{ width:1080px; margin:0 auto; }	
}#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('/pub/images/lightbox/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('/pub/images/lightbox/prev.gif') left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('/pub/images/lightbox/next.gif') right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

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

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

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}