@charset "UTF-8";

/********************** general **********************/

* {
	margin: 0px;
	padding: 0px;
	}
	
ul li {
	margin-left: 2em;
	}
	
	ul.noBullets li {
		list-style-type: none;
		}
	
p {
	margin-top: 1em;
	line-height: 1.5em;
	}

.center {
	text-align: center;
	}

.button, button {
	display: inline-block;
	position: relative;
	
	border: none;
	
	height: 30px;
	margin-left: 15px;
	line-height: 30px;
	
	color: white;
	background: url('../img/spriteTransitions.png') left top repeat-x;
	
	text-decoration: none;
	text-align: center;
	
	font-weight: bold;
	font-size: 15px;
	
	cursor: pointer;
	overflow: visible;
	}
	
	.button > .left, .button > .right, button > .left, button > .right {
		background: url('../img/sprite.png') left -70px no-repeat;
		position: absolute;
		top: 0px;
		
		display: block;
		width: 15px;
		height: 30px;
		}
		
	.button > .left, button[type=submit] > .left {
		left: -15px;
		}
		
	.button > .right, button[type=submit] > .right {
		right: -15px;
		background-position: -15px -70px;
		}
	
	.button:hover, button[type=submit]:hover {
		text-decoration: underline;
		}
	
a:hover {
	text-decoration: none;
	}
	
a img {
	border: none;
	}
	
.orangeText {
	color: #ff7315;
	}
	
.greenText, #main a.greenText {
	color: #54b100;
	}
	
.noWrap {
	white-space: nowrap;
	}

h1, h2, h3, .h1, .h2, .h3 {
	margin: 1em 0em;
	}
	
h1, .h1 {
	margin-top: 0em;
	}
	
h1, .h1 {
	font-size: 18px;
	}
	
h2, .h2 {
	font-size: 16px;
	}

h3, .h3 {
	font-size: 14px;
	}
	
h3 {
	margin-top: 2em;
	}

.oldPrice {
	color: #666;
	font-size: 15px;
	text-decoration: line-through;
	}
	
.newPrice {
	font-size: 24px;
	line-height: 24px;
	}

.pagination {
	margin: 2em 0em;
	text-align: center;
	font-weight: bold;
	}
	
	.pagination > * {
		margin: 0px 3px;
		}
	
hr {
	height: 0px;
	border: 0px;
	border-top: 1px solid #ccc;
	margin: 1em 0em;
	}

table tr {
	text-align: left;
	line-height: 1.5em;
	}
	
	table.topMargin {
		margin-top: 1em;
		}
		
	table tr th, table tr td {
		vertical-align: top;
		}
		
	table tr th {
		padding-right: 2em;
		white-space: nowrap;
		}

.bannerSlideshow {
	text-align: center;
	}
	
	.bannerSlideshow > .controls > * {
		display: inline-block;
		
		width: 15px;
		height: 15px;
		
		background: #558833;
		
		margin-left: 7px;
		}
		
		.bannerSlideshow > .controls > .current {
			background: #e63916;
			}
		
		.bannerSlideshow > .controls > *:first-child {
			margin-left: 0px;
			}
		
	.bannerSlideshow > .banners {
		display: inline-block;
		position: relative;
		}
			
		.bannerSlideshow > .banners > * {
			display: none;
			}
			
			.bannerSlideshow > .banners > :first-child {
				display: block;
				}
	
/********************** order items table **********************/

table.orderItems {
	width: 100%;
	border-collapse: collapse;
	}
		
	table.orderItems th, table.orderItems td {
		padding: 0.5em 1em 0.5em 0.5em;
		}
	
		table.orderItems .right {
			text-align: right;
			}
	
	table.orderItems tr:first-child > * {
		background: #558833;
		color: white;
		border-left: 1px solid white;
		}
		
		table.orderItems tr:first-child > :first-child {
			border-left: none;
			}
		
	table.orderItems tr > * {
		border-bottom: 1px solid #e1e1e1;
		}
	
	table.orderItems tr.recap {
		font-weight: bold;
		}

/********************** clearfix **********************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
 
.clearfix {
	display: inline-block;
	}
 
html[xmlns] .clearfix {
	display: block;
	}
 
* html .clearfix {
	height: 1%;
	}
	
/********************** layout **********************/

html {
	background: url('../img/background.png') left top repeat;
	}
	
body {
	font-family: "Arial", "Helvetica", sans-serif, "Verdana", "Geneva";
	font-size: 13px;
	
	color: #333;
	background: url('../img/spriteTransitions.png') left -95px repeat-x;
	}
	
#header {
	width: 952px;
	padding: 20px 14px;
	margin: 0px auto;
	
	position: relative;
	height: 104px;
	}
	
	#header > .logo, #header > .logo > a {
		display: block;
		width: 188px;
		height: 52px;
		}
		
	#header > .logo {
		background: url('../img/sprite.png') left -341px no-repeat;

		position: relative;
		top: 45px;
		
		line-height: 1000px;
		overflow: hidden;
		}
		
	#header > ul {
		display: inline;
		position: absolute;
		z-index: 1;
		bottom: 0px;
		right: 14px;
		height: 41px;
		}
		
		*:first-child + html #header > ul {
			bottom: -1px;
			}
			
		#header > ul li {
			list-style-type: none;
			float: left;
			line-height: 40px;
			margin-left: 6px;
			}
			
			#header > ul li a {
				color: white;
				font-weight: bold;
				text-decoration: none;	/* IE 7 */
				cursor: pointer;		/* IE 7 */
				}
				
				#header > ul li.active a, #header > ul li:hover a {
					color: #ff7315;
					}
					
				#header > ul li a span {
					display: inline-block;
					height: 40px;
					vertical-align: middle;
					background: url('../img/sprite.png') left -394px no-repeat;
					}
					
					#header > ul li a span.left {
						width: 13px;
						}

					#header > ul li a span.right {
						background-position: -13px -394px;
						width: 13px;
						}

					#header > ul li.active a span, #header > ul li:hover a span {
						background: url('../img/sprite.png') left -435px no-repeat;
						}

						#header > ul li.active a span.right, #header > ul li:hover a span.right {
							background-position: -13px -435px;
							}

					#header > ul li a span.content {
						background: url('../img/spriteTransitions.png') left -54px repeat-x;
						}
						
						#header > ul li.active a span.content, #header > ul li:hover a span.content {
							background: white;
							}

#main, #footer {
	width: 980px;
	margin: 0px auto;
	
	position: relative;
	z-index: 10;
	}
	
#main {
	margin-bottom: 20px;
	}
		
	#main a {
		color: #333;
		}
		
		#main a.button {
			color: white;
			}
		
	#main.box > .content {
		padding-top: 10px;
		}
		
	#main.box > .content > .motiv {
		display: block;
		width: 952px;
		height: 233px;
		
		margin: 0px auto 17px;
		
		background: url('../img/motiv.jpg') left top no-repeat;
		}
		
	#main .twoCols > .left {
		float: left;
		width: 615px;
		
		margin-right: 25px;
		}
		
	#main .twoCols > .right {
		float: right;
		width: 312px;
		}
		
	#main .greyBox {
		margin-bottom: 20px;
		}
		
		#main .greyBox > * {
			border: 1px solid #f1f1f1;
			background: #f9f9f9;
			}
			
		#main .greyBox > .top {
			height: 6px;
			
			border-bottom: none;
			border-radius: 6px 6px 0px 0px;
			-moz-border-radius: 6px 6px 0px 0px;
			-webkit-border-radius: 6px 6px 0px 0px;
			-ms-border-radius: 6px 6px 0px 0px;
			-o-border-radius: 6px 6px 0px 0px;
			}

		#main .greyBox > .content {
			background: #f9f9f9;
			border-top: none;
			border-bottom: none;
			padding: 9px 14px;
			}
			
		#main .greyBox > .bottom {
			height: 6px;
			
			border-top: none;
			border-radius: 0px 0px 6px 6px;
			-moz-border-radius: 0px 0px 6px 6px;
			-webkit-border-radius: 0px 0px 6px 6px;
			-ms-border-radius: 0px 0px 6px 6px;
			-o-border-radius: 0px 0px 6px 6px;
			}
	
	#main .box.green > .content {
		padding-top: 1px;	/* to avoid margin-bottom of the last section to create "white gap" */
		padding-bottom: 1px;	/* to avoid margin-bottom of the last section to create "white gap" */
		color: black;
		}
		
		#main .box.green > .content .bigger a {
			font-size: 1.1em;
			}
			
		#main .box.green > .content a {
			color: #54b100;
			}

	#main .box.green > .content .section {
		border-bottom: 1px dotted black;
		margin: 0px 6px 12px;
		padding-bottom: 6px;
		}
		
		#main .box.green > .content .section .icon.golfoveBalicky {
			background: url('../img/sprite.png') left -101px no-repeat;
			
			display: inline-block;
			width: 270px;
			height: 131px;
			
			line-height: 1000px;
			overflow: hidden;
			}
		
		#main .box.green > .content .section.noBorder {
			border-bottom: none;
			margin-bottom: 0px;
			padding-bottom: 0px;
			}
				
		#main .box.green > .content .section > .title {
			display: block;
			font-size: 1.39em;
			line-height: 1em;
			margin-bottom: 0.65em;
			color: #3b5e1f;
			}
			
			#main .box.green > .content .section > .title > span {
				display: inline-block;
				
				width: 13px;
				height: 13px;
				
				background: url('../img/sprite.png') left -522px no-repeat;
				margin-right: 12px;
				
				vertical-align: baseline;
				}
				
				*:first-child+html #main .box.green > .content .section > .title > span {
					vertical-align: middle;
					}
	
		#main .box.green > .content .section form {
			text-align: center;
			margin: 1em 0em 2em;
			}
			
		#main .box.green > .content iframe {
			border: 0px;
			overflow: hidden;
			width: 100%;
			filter: "progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0)";
			}

			#main .box.green > .content iframe.facebook {
				height: 80px;
				}
				
			#main .box.green > .content .zenCart {
				margin-left: -7px;
				width: 300px;
				height: 300px;
				overflow: hidden;
				}

				#main .box.green > .content .zenCart iframe {
					position: relative;
					top: -5px;
					width: 300px;
					height: 305px;
					}
					
		#main .box.green > .content input[type=submit] {
			width: 110px;
			height: 22px;
			}
	
#main .breadCrumbs {
	margin: 0em 0em 1em;
	font-weight: bold;
	font-size: 10px;
	}
	
	#main .breadCrumbs li {
		list-style-type: none;
		display: inline;
		margin: 0px;
		}
		
		#main .breadCrumbs li, #main .breadCrumbs li a {
			color: #777;
			}

#main iframe.measureCode {
	width: 1px;
	height: 1px;
	border: 0;
	}
	
#footer {
	padding-bottom: 10px;
	}
	
#footer > .box > .content {
	padding-top: 20px;
	}
	
	#footer > .box > .content .col {
		width: 20%;
		float: left;
		}
	
		#footer > .box > .content .col > .icon {
			float: left;
			width: 40px;
			height: 40px;
			margin: 8px;
			background: url('../img/sprite.png') left top no-repeat;
			}

			#footer > .box > .content .col > .icon.balicky { background-position: left top; }
			#footer > .box > .content .col > .icon.clenstvi { background-position: -40px top; }
			#footer > .box > .content .col > .icon.magazin { background-position: -80px top; }
			#footer > .box > .content .col > .icon.slevy { background-position: -120px top; }
			#footer > .box > .content .col > .icon.trenink { background-position: -160px top; }
			#footer > .box > .content .col > .icon.shop { background-position: -200px top; }

		#footer > .box > .content .col > .content {
			padding: 0px 10px 10px 60px;
			font-size: 11px;
			}
		
			#footer > .box > .content .col > .content, #footer > .box > .content .col > .content a {
				color: #aaa;
				text-decoration: none;
				}
				
				#footer > .box > .content .col > .content a:hover {
					text-decoration: underline;
					}
				
			#footer > .box > .content .col > .content strong {
				font-size: 14px;
				color: #3b5e1f;
				}
	
#footer > p {
	font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
	font-size: 0.8em;
	
	border-bottom: 2px dotted white;
	padding-bottom: 10px;
	}
	
	#footer > p, #footer > p a {
		color: white;
		}
	
/********************** event **********************/

.event .greyBox h1, .event .greyBox h2 {
	font-size: 23px;
	font-weight: normal;
	margin: 0em;
	}
	
	.event .greyBox h1, .event .greyBox h1 a, .event .greyBox h2, .event .greyBox h2 a {
		color: black;
		text-decoration: none;
		}
		
		.event .greyBox h1 a:hover, .event .greyBox h2 a:hover {
			text-decoration: underline;
			}
		
.event .image {
	margin-top: 18px;
	position: relative;
	}
	
	.event .image img {
		display: block;
		width: 100%;
		}
		
	.event .image .percentage {
		position: absolute;
		top: 25px;
		left: -10px;
		
		width: 74px;
		height: 45px;
		padding: 0px 7px 0px 16px;
		line-height: 45px;

		color: white;
		background: url('../img/sprite.png') left -476px no-repeat;
		
		font-size: 25px;
		font-weight: bold;
		}
		
	.event .image .description {
		position: absolute;
		bottom: 0px;
		left: 0px;
		right: 0px;
		
		color: white;
		background: url('../img/blackPixel.png') left top repeat;
		background: rgba(0,0,0,0.6);
		
		padding: 5px 10px;
		}
	
	.event .shadow {
		position: relative;
		}
			
	.event .shadow > * {
		width: 232px;
		height: 10px;
		background: url('../img/sprite.png') left -330px no-repeat;
		}
		
		.event .shadow .right {
			position: absolute;
			right: 0px;
			top: 0px;
			background-position: -232px -330px;
			}
	
	.event .options {
		padding: 30px 0px;
		font-size: 0.9em;
		}
		
		.event .options > div {
			width: 33%;
			float: left;
			white-space: nowrap;
			}
			
			.event .options > div .icon {
				float: left;
				width: 36px;
				height: 36px;
				margin-top: -5px;
				}

			.event .options > div .content {
				display: block;
				margin-left: 45px;
				}

			.event .options > div.timer .icon {
				background: url('../img/sprite.png') left -256px no-repeat;
				}
				
			.event .options > div.buyers .icon {
				background: url('../img/sprite.png') left -293px no-repeat;
				}
				
			.event .options > div.price {
				text-align: center;
				line-height: 31px;
				}
					
				.event .options > div.price strong {
					font-size: 20px;
					margin-right: 15px;
					vertical-align: top;
					display: inline-block;
					}
	
				.event .options > div.price .oldPrice, .event .options > div.price .newPrice {
					display: block;
					line-height: 1em;
					}

.event .texts {
	font-size: 1.1em;
	line-height: 1.33em;
	
	padding: 0px 15px;
	}
	
	.event .texts ul li {
		margin-left: 1.1em;
		margin-bottom: 1em;
		}
	
	.event .texts > .about, .event .texts > .conditions {
		width: 49%;
		}
		
	.event .texts > .about {
		float: left;
		}
		
		.event .texts > .about > * {
			margin-right: 1em;
			}
		
	.event .texts > .conditions {
		float: right;
		width: 50%;
		}
		
		.event .texts > .conditions > * {
			margin-left: 1em;
			}

.event .infoPictures {
	text-align: center;
	}
	
	.event .infoPictures > * {
		margin: 0em 10px;
		}
	
.event .shareIcons {
	}

	.event .shareIcons > * {
		float: left;
		width: 16%;
		color: #333;
		text-decoration: none;
		line-height: 18px;
		margin-bottom: 1em;
		}
		
		.event .shareIcons > * > .icon {
			display: inline-block;
			
			width: 18px;
			height: 18px;
			
			vertical-align: middle;
			
			margin-right: 10px;
			background: url('../img/sprite.png') left top no-repeat;
			}
			
		.event .shareIcons > * > .text {
			text-decoration: underline;
			}
			
			.event .shareIcons > *:hover > .text {
				text-decoration: none;
				}
	
.event .shareIcons .delicious .icon { background-position: 0px -536px; }
.event .shareIcons .digg .icon { background-position: -18px -536px; }
.event .shareIcons .facebook .icon { background-position: -36px -536px; }
.event .shareIcons .furl .icon { background-position: -54px -536px; }
.event .shareIcons .google .icon { background-position: 0px -554px; }
.event .shareIcons .jagg .icon { background-position: -18px -554px; }
.event .shareIcons .linkuj .icon { background-position: -36px -554px; }
.event .shareIcons .mediaBlog .icon { background-position: -54px -554px; }
.event .shareIcons .pridat .icon { background-position: 0px -572px; }
.event .shareIcons .reddit .icon { background-position: -18px -572px; }
.event .shareIcons .vybrali .icon { background-position: -36px -572px; }
.event .shareIcons .yahoo .icon { background-position: -54px -572px; }

/********************** brief event **********************/

.briefEvent h2, .briefEvent .h2 {
	margin: 0em;
	}
	
	.briefEvent h2, .briefEvent h2 a, .briefEvent .h2, .briefEvent .h2 a {
		color: black;
		text-decoration: none;
		}
		
		.briefEvent h2 a:hover, .briefEvent .h2 a:hover {
			text-decoration: underline;
			}
		
.briefEvent h3 {
	margin-top: 0em;
	}
	
.briefEvent .logo {
	width: 100px;
	float: left;
	}
	
.briefEvent .prices {
	width: 100px;
	float: right;
	text-align: center;
	}
	
	.briefEvent .prices strong {
		display: block;
		}
		
	.briefEvent .prices .newPrice {
		margin-bottom: 0.5em;
		}

.briefEvent .content .content {
	margin: 0px 120px;
	}

/********************** boxes **********************/

.box {
	margin-bottom: 20px;
	}
	
	.box > .top, .box > .bottom {
		position: relative;
		}
	
		.box > .top > *, .box > .bottom > * {
			height: 14px;
			}
		
		.box > .top > .left, .box > .bottom > .left {
			left: 0px;
			}
		
		.box > .top > .right, .box > .bottom > .right {
			right: 0px;
			}
		
		.box > .top > .content, .box > .bottom > .content {
			background: white;
			margin: 0px 14px;
			}

		.box > .top > .left {
			background-position: left -41px;
			}
			
		.box > .top > .right {
			background-position: -14px -41px;
			}
			
		.box > .bottom > .left {
			background-position: left -55px;
			}
			
		.box > .bottom > .right {
			background-position: -14px -55px;
			}

		.box > .top > .left, .box > .top > .right, .box > .bottom > .left, .box > .bottom > .right {
			position: absolute;
			width: 14px;
			top: 0px;
			
			background-image: url('../img/sprite.png');
			}

	.box > .content {
		background: white;
		padding: 0px 14px;
		}



		.box.green > .top > *, .box.green > .bottom > * {
			height: 11px;
			}
		
		.box.green > .top > .content, .box.green > .bottom > .content {
			background: url('../img/spriteTransitions.png') left -31px repeat-x;
			margin: 0px 6px;
			}
			
			.box.green > .bottom > .content {
				background-position: left -37px;
				}

		.box.green > .top > .left {
			background-position: 0px -233px;
			}
			
		.box.green > .top > .right {
			background-position: -6px -233px;
			}
			
		.box.green > .bottom > .left {
			background-position: 0px -244px;
			}
			
		.box.green > .bottom > .right {
			background-position: -6px -244px;
			}

		.box.green > .top > .left, .box.green > .top > .right, .box.green > .bottom > .left, .box.green > .bottom > .right {
			width: 6px;
			background-image: url('../img/sprite.png');
			}

	.box.green > .content {
		background: #f3f8e9;
		padding: 0px 6px;
	
		border-width: 0px 1px 0px 1px;
		border-style: solid;
		border-color: #ebf2dc;
		}
	
/*********************** forms ***********************/

form {
	display: block;
	overflow: hidden;
	}
		
	form .error {
		color: red;
		font-weight: bold;
		}
	
		form > .error:first-child {
			margin: 0em 0em 1em;
			}
		
	form label {
		display: inline-block;
		width: 150px;
		vertical-align: top;
		}
	
		form .mandatory label {
			font-weight: bold;
			}
			
			form .mandatory label:after {
				content: " *";
				}
	
	form .input {
		display: inline-block;
		margin-left: 0em;
		width: 400px;
		background: white;
		padding: 0.3em 1em;
		border: 1px solid #e1e1e1;
		}
	
		.box.green form .input {
			width: 250px;
			}
		
			.box.green form .input input {
				text-align: center;
				}
			
		form .input input, form .input select, form .input textarea {
			width: 100%;
			border: none;
			outline: none;
			}
			
		form .input textarea {
			resize: vertical;
			}
				
	form .inputWrapper .description, form .inputWrapper .error {
		display: block;
		margin: 0.5em 0em 0em 155px;
		font-size: 0.9em;
		line-height: 1.33em;
		}
	
	form fieldset {
		border: 1px solid transparent;
		margin-bottom: 1em;
		}
		
		form fieldset.nolegend {
			margin-top: -1em;
			padding-top: 0em;
			}
		
		.box.green form fieldset {
			padding-top: 0em;
			margin-bottom: 0.5em;
			}
		
		form fieldset legend {
			display: block;
			width: 100%;
			background: #558833;
			font-weight: bold;
			padding: 0.5em 1em;
			color: white;
			}
			
			form fieldset legend label {
				white-space: nowrap;
				cursor: pointer;
				}
				
				form fieldset legend input[type=checkbox] {
					margin-left: 1em;
					}
				
			form fieldset.gift .fieldsetContents {
				display: none;
				}