@media screen {

	/* Obecne a vicenasobne definice */
	
	body {
		
		background-color: #252621;

		margin: 0;

		padding: 0;

		font: .8em/1.4em Tahoma, "Lucida Grande CE", lucida, sans-serif;
		text-align:center; 

	}

	a img {

		border: none;

	}

	.right {

		float: right;

		margin: .7em 0 .7em 1.2em;

	}

	#illustration img, h1 img {

		display: block;

	}

	ul, li {

		margin: 0;

		padding: 0;

		list-style-type: none;

	}

	


	#base {

		background: #252621 url(../images/base_background.gif) repeat-x 0 0;
		text-align:left;  
		margin-left:auto; 
		margin-right:auto;
		width:800px;
		margin-top:10px;

	}

		#top {

			width: 100%;

			height: 303px;

		}

			h1 {

				margin: 0;

				padding: 0 24px 0 50px;

				float: left;

			}

				h1 a {

					display: block;

					line-height: 0;

				}

			h2, h3 {

				font-family: Arial, Helvetica, sans-serif;

			}

			#illustration {

				float: left;

				line-height: 0;

			}

		#content {

			background: url(../images/content_background.gif) repeat-y;


			float: left;

			width: 100%;

		}

			#language {
	position: absolute;
	top: .8em;
	left: 109px;
	height: 2.2em;
	width: 800px;
	background: #F00 url(../images/language_background.gif) repeat-y 0 0;
	color: #d1d1d1;
	font-weight: bold;
	color: #FFF;

			}

				#language h2 {

					display: none;

				}

				#language a {

					color: #d1d1d1;

				}

				#language ul, #language li {

					padding: 0;

					margin: 0;

					list-style-type: none;

				}

				#language ul {

					padding: .5em 1em 0 0;

				}

					#language li {

						float: right;

						padding-left: .5em;

						line-height: 1.1em;

					}

						#language .english {

							border-right: 1px solid #a2a2a2;

							padding-right: .5em;

						}

			#navigation {

				width: 248px;

				text-align: right;

				float: left;

			}

				#navigation h2 {

					display:none;

				}

				#navigation ul, #navigation li {

					padding: 0;

					margin: 0;

					list-style-type: none;

				}

				#navigation ul {


				}

					#navigation li {

						font-size: 11px;

					}

						#navigation li a {

							color: #C7C2AE;

							text-decoration: none;

							font-weight: bold;

							display: block;

							padding: 3px 42px 3px 68px;

						}

						#navigation li a:hover {
						
							color: #BFB383;

						}

						#navigation li.selected a, #navigation li.selected a:hover {
							text-decoration: none;

							font-weight: bold;

							display: block;

							padding: 3px 42px 3px 68px;
							color: #BFB383;

						}

							#navigation li ul {

								padding: 0;

							}

								#navigation li li {

									margin: 0;

									border: none;

								}

									#navigation li li a, #navigation li.selected li a {

										color: #aeaeae;

										font-size: 10px;

										padding: 0 42px 0 68px;

										line-height: 1.8em;

									}

										#navigation li li a:hover, #navigation li.selected li a:hover {

											color: #d41128;

											background: url(../images/content_background.gif) repeat-y;

										}

									#navigation li.selected li.selected a {

										color: #FFF;

									}

			#text {

				width: 502px;

				float: left;

				border-top: 7px solid #BFB383;

			}

				#text a {

					color:#000;

				}

				#text div.perex {

					background: #A39476 url(../images/important_background.gif) repeat-y;

					padding: 43px 35px 15px 35px;

				}

					#text div.perex h2 {

						font-size: 24px;

						font-weight: normal;

						color: #484A3F;

						margin: 0;

						border-bottom: 1px solid #484A3F;

						padding-bottom: .4em;

						margin-bottom: .8em;

					}

					#text div.perex h3 {

						font-size: 1em;

						margin: 1em 0 .5em 0;

					}

					#text div.perex p {

						margin: 1em 0;

					}
					#leftcol {
						float: left;
						width: 50%;
					}
					#rightcol {
						float: right;
						width: 45%;
						padding-top: 2.5em;
					}
					#rightcol p {
						margin: .8em 0;
					}

				#text div.text {

					border-top: 5px solid #BFB383;

					padding: 20px 35px 15px 35px;

				}

					#text div.text h2 {

						font-size: 18px;

						font-weight: normal;

						color: #d41128;

						margin: 0 0 .8em;

					}

					#text div.text p {

						margin: .8em 0;

					}

				#text .offer {

					background-color: #BFB383;

					border-bottom: 1px solid #CFC28E;

					overflow: hidden;

					width: 423px;

					margin: 1.5em 0;

				}

					#text .offer .item {

						width: 140px;

						float: left;

						border-right: 1px solid #CFC28E;

						position: relative;

					}

						#text .offer .item h3 {

							background: #cfcfcf url(../images/offer_h3.gif) repeat-y left;

							font-size: 1em;

							margin: 60px 0 0 0;

						}

							#text .offer .item h3 a {

								padding: .3em 1em;

								display: block;

								color: #595a5c;

							}

								#text .offer .item h3 a:hover {

									background-color: #d82a22;

									color: #FFF;

									text-decoration: none;

								}

						#text .offer .item img {

							position: absolute;

							top: 0;

						}

						#text .offer .item ul, #text .offer .item li {

							margin: 0;

							padding: 0;

							list-style-type: none;

						}

						#text .offer .item ul {

							padding: .6em 1em;

							font-size: .95em;

						}

							#text .offer .item em {

								font-style: normal;

								font-weight: bold;

							}

							#text .offer .item strong {

								color: #d82a22;

								font-weight: bold;

							}

				#text .items h3 {

					background: url(../images/items_h2.gif) repeat-x left center;

					color: #d41128;

					font-size: 18px;

					font-weight: normal;

				}

					#text .items h3 span {

						background: #c4c4c4;

						padding-right: .3em;

						text-transform: none;

					}

				#text .items .screenshot {

					float: right;

					margin: .2em 0 .8em 1.5em;

				}

					#text .items .screenshot a {

						padding-right: 10px;

						background: url(../images/screenshot_background.gif) no-repeat right bottom;

						display: block;

					}

						#text .items .screenshot img {

							border: 4px solid #e7e7e7;

							display: block;

						}

				#text .items ul, #text .items li {

					margin: 0;

					padding: 0;

					list-style-type: none 

				}

					#text .items ul {

						clear: both;

						margin-top: 1.5em;

						height: 3em;

					}

						#text .items li {

							float: left;

							background: no-repeat left center;

							padding-right: 25px;

							min-height: 16px;

						}

							#text .items li.photogallery {

								background-image: url(../images/photogallery_background.gif);

								padding-left: 25px;

							}

							#text .items li.documentation {

								background-image: url(../images/pdf.gif);

								padding-left: 22px;

							}

			#text .gallery {

				padding: 25px;

			}

				#text .gallery ul, #text .gallery li {

					margin: 0;

					padding: 0;

					list-style-type: none;

				}

				#text .gallery ul {

					width: 445px;

					height: 105px;

					overflow: auto;

					white-space: nowrap;

				}

					#text .gallery li {

						display: inline;

					}

			.construction ul {

				margin: 1em 2em;

			}

				.construction li {

					padding-left: 15px;

					background: url(../images/li_background.gif) repeat-y left top;

					margin: .3em 0;

				}

		#footer {

			height: 15px;

			clear: both;

			padding: 13px 26px 20px 52px;		

			color: #828282;

		}

			#footer .holder {

				width: 700px;

			}

			#footer a {

				color: #828282;

				text-decoration: none;

			}

				#footer a:hover {

					text-decoration: underline;

				}

			#copyright {

				float: right;

			}
			.clearer {
				height: 1px;
				overflow: hidden;
				clear: both;
			}
			
p.swar{
	text-align:center;
	color:#b0b1ab;
	padding-left:25px;
	
	
}


.thumbnail {float:left;margin:5px 5px 5px 0px;padding:0px;background:url(../images/shadowAlpha.png) no-repeat bottom right !important;background:url(../images/shadow.gif) no-repeat bottom right;}
.thumbnail img, .thumbnail img {position:relative;display:block;border:5px solid #BFB383; background:#BFB383;margin:-5px 5px 5px -5px;padding:4px;
}
.thumbnail a:hover img, .thumbnail a:hover img {border:5px solid #AFA478; background:#AFA478;}	



}



@media print {

	body {

		font: 11pt/1.4em Tahoma, "Lucida Grande CE", lucida, sans-serif;

	}

	h2 {

		font-size: 15pt;

		text-transform: lowercase;

	}

	.right {

		float: right;

		margin: .7em 0 .7em 1.2em;

	}

	.left {

		float: left;

		margin: .7em 1.2em .7em 0;

	}

	#navigation, #top, #language {

		display: none;

	}

}