body {
	margin:0;
	font-family:Tahoma, sans-serif;
	font-size:12px;
	line-height:22px;
	color:rgb(100,103,109);
	text-align:center;
}
a {
	color:#7C7E87;
	/*outline:none;*/
}
a:hover {
	text-decoration:none;
}
a:active {
	color:black;
}
h1 {
	font-size:30px;
	font-weight:normal;
	color:rgb(160,164,171);
	margin:5px 0;
}
h2 {

}
hr {
	height:2px;
	border:0;
	border-top:1px solid rgb(226,227,230);
	border-bottom:1px solid white;
}
table {
	font-size:12px;
	line-height:22px;
}
form {
	margin:0;
}

/* spolecne styly */

.hidden, .hiddenText { /* pri zapnutych stylech skryjeme text odkazu */
	display:none;
}
/* definice layoutu */
.container {
	width:900px;
	margin:auto;
	text-align:left;
}
.header {
	height:107px;
	background:url('/img/header.jpg');
	position:relative;
}
	.header p {
		margin:0;
	}
	.header .logo {
		width: 285px;
		height: 76px;
		background: url('/img/logo.png');
		position:absolute;
		left:307px;
		top:10px;
	}
		.header .logo h1 {
			display: none;
		}
	.header .logoVortexVision {
		width:142px;
		height:39px;
		position:absolute;
		left:663px;
		top:54px;
		background:url('/img/logo.header.vortexVision.png');
	}
	.header a.logoVortexVision:hover {
		background-position:0 bottom;
	}
.footer {
	height:241px;
	background:url('/img/footer.jpg') no-repeat;
	position:relative;
}
	.footer p {
		width:100%;
		text-align:center;
		position:absolute;
		left:0;
		margin:0;
	}
p.footerMenu {
	top:8px;
}
p.footerInfo {
	top:40px;
}
p.footerLinks {
	width:760px;
	left:70px;
	top:70px;
	color: #ABAFB6;
}
	p.footerLinks a {
		color: #ABAFB6;
	}
/* menu */
.menu {
	height:150px;
	position:relative;
	background:url('/img/bg.header.jpg') no-repeat;
}
	.menu ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	.menu li {
		margin:0;
		float:left;
	}
	.menu a {
		display:block;
		width:150px;
		height:150px;
	}
	/* Drobky */
	.drobky {
		height: 37px;
		background: url('/img/bg.breadCrumbNav.jpg') no-repeat;
	}
		.drobky span {
			display: block;
			padding: 6px 15px 0 15px;
			font-size: 11px;
		}
	
/* hlavni obsah */
.main {
	padding: 20px 15px 15px 15px;
	position: relative;
}


/* homepage */

#homepage {
	width: 100%;
	position: relative;
}
	.aktuality {
		float: left;
		_height: 1%;
		position: relative;
	}
		.aktuality p {
			margin-top: 0
		}
	#homepage-leftcol {
		float: left;
		width: 268px;
	}
		.ukazky-praci {
			
		}
			.ukazky-praci h2 {
				height: 40px;
				padding: 0;
				margin: 0;
			}
				.ukazky-praci h2 span {
					display: none;
				}
			.ukazky-praci p.popis {
				height: 52px;
				background: url('/img/bg.ukazkyPraci.jpg');
				padding: 0;
				margin: 0;
			}
				.ukazky-praci p span {
					display: block;
					padding: 15px;
				}

	#homepage-rightcol-wrapper {
		float: left;
		width: 602px;
	}
		#homepage-rightcol {
			margin-left: 32px;
		}
			.homepage-widebox h2 {
				height: 40px;
				padding: 0;
				margin: 0;
			}
				.homepage-widebox h2 span {
					display: none;
				}
			.homepage-widebox div {
				width: 100%;
				min-height: 108px;
				_height: 108px;
				background: #EFF0F4 url('/img/homepage.contentBox.jpg') no-repeat;
			}
				.homepage-widebox div div {
					width: auto;
					min-height: 0;
					_height: 0;
					padding: 10px 15px;
					font-size: 11px;
				}
			
			/* O nas */
			.o-nas {
				margin-bottom: 12px;
				line-height: 18px;
			}
			
			/* Player */
			#video-player {
				height: 206px;
			}
				#video-player .player-area {
					width: 360px;
					height: 100%;
					float: left;
					background: url('/img/videoplayer_border.png');
					overflow: hidden;
				}
					.homepage-player {
						width: 350px;
						height: 196px;
						margin: 5px 0 0 5px;
						position: relative;
						overflow: hidden;
					}
						.homepage-player img {
							width: 350px;
							height: 196px;
						}
				#video-player .playlist {
					width: 199px;
					height: 100%;
					float: left;
					background: url('/img/bg.videoPlaylist.png');
					margin-left: 11px;
					overflow: hidden;
				}
					#video-player .playlist ul {
						list-style: none;
						margin: 10px;
						padding: 0;
						line-height: 36px;
					}
						#video-player .playlist ul li {
							padding: 0 0 0 14px;
							background: url('/img/bullet.videoPlaylist.png') no-repeat 0 50%;
						}
			
			/* Klienti */
			.klienti {
				margin-top: 28px;
			}
			.klienti ul {
				list-style: none;
				margin: 0;
				padding: 0;
				line-height: 22px;
				overflow: hidden;
				zoom: 1;
			}
				.klienti ul li {
					float: left;
					background: url('/img/bg.delimiter_klienti.gif') no-repeat right 50%;
					padding-right: 7px;
					margin-right: 7px;
					color: #A0A0A0;
				}
					.klienti ul li a {
						text-decoration: none;
						color: #606060;
					}
					.klienti ul li a:hover {
						color: black;
					}
	

/* Postranni kontaktni box
██████████████████████████████████████████████████████████████████████████████████████████████████████*/

.contactBox {
	width: 268px;
	float: left;
	overflow: hidden;
}
	.contactBox fieldset {
		border: 0;
		padding: 0;
	}
		.contactBox legend {
			padding: 30px 0 15px 0;
		}
			.contactBox legend span {
				display: block;
				width: 104px;
				height: 13px;
			}
				.contactBox legend span b {
					display: none;
				}
	.contact {
		width: 100%;
		background:url('/img/bg.contactForm.gif') repeat-y;
	}
		.contactBody {
			padding:15px;
			/*_width:100%;*/ /* kvuli IE, aby fungovala textarea se 100% sirkou */
		}
		.contact h3 {
			width:100%;
			height:38px;
			margin:0;
		}
		.contact .hr {
			margin:3px 0 3px 25px;
			border-top:1px solid rgb(226,227,230);
			border-bottom:1px solid white;
		}
		.contact .email {
			font-weight:bold;
			background:url('/img/ico.email.contactForm.gif') no-repeat 0 50%;
			padding:3px 0 3px 25px;
		}
		.contact .tel {
			font-weight:bold;
			background:url('/img/ico.tel.contactForm.gif') no-repeat 0 50%;
			padding:3px 0 3px 25px;
		}
		.contact table {
			width:100%;
			border-collapse:collapse;
		}
		.contact table td {
			padding:4px 0;
			_padding:3px 0;
		}
		.contact p {
			margin:6px 0 0 0;
		}
		
		.contact input {
			width:180px;
			padding:2px;
			_height:20px;
			_padding:0;
			border:1px solid rgb(218,221,225);
			background:white url('/img/bg.contactForm.inputBox.gif') repeat-x;
		}
		.contact input:focus, .contact textarea:focus {
			border:1px solid silver;
		}
		.contact textarea {
			width:100%;
			height:150px;
			padding:2px;
			border:1px solid rgb(218,221,225);
			background:white url('/img/bg.contactForm.textarea.gif') repeat-x;
		}
		.contact .contactSubmit {
			border:0;
			width:64px;
			height:24px;
			cursor:pointer;
			/* skryti textu tlacitka */
			font-size:0;
			color:gray;
		}


/* sekce Kontakt
██████████████████████████████████████████████████████████████████████████████████████████████████████*/

#contact {
	width: 635px;
	float: right;
	position: relative;
}
	#contact h1 {
		margin-bottom: 20px;
	}
	.contact-ico {
		width: 162px;
		height: 132px;
		background: url('/img/ico.postBox.contactFormMain.png') no-repeat;
		position: absolute;
		top: 45px;
		left: -210px;
	}
	.contact-content {
		background: url('/img/bg.simpleSection.jpg') no-repeat;
		padding: 20px;
	}
		.contact-content h2 {
			font-size: 18px;
			color: #cf3c3c;
			margin: 0 0 20px 0;
		}
		.contact-info {
			width: 600px;
			background: url('/img/bg.contact_info.jpg') no-repeat;
			border-collapse: collapse;
		}
			.contact-info td {
				padding: 10px 0 0 0;
			}
			.contact-icon {
				display: block;
				background-repeat: no-repeat;
				background-position: 0 50%;
				padding: 3px 0 3px 35px;
				font-weight: bold;
			}
				.email {
					background-image: url('/img/ico.email.contactFormMain.png');
				}
				.ucet {
					background-image: url('/img/ico.pin.contactFormMain.png');
				}
				.tel {
					background-image: url('/img/ico.tel.contactFormMain.png');
				}
				.ic {
					background-image: url('/img/ico.folder.contactFormMain.png');
				}
		#contact fieldset {
			border: 0;
			padding: 0;
		}
			#contact legend {
				padding: 40px 0 20px 0;
			}
				#contact legend span {
					display: block;
					width: 139px;
					height: 17px;
				}
					#contact legend span b {
						display: none;
					}
			#contact fieldset table {
				border-collapse: collapse;
			}
				#contact fieldset table td {
					padding:3px 20px 3px 0;
				}
			#contact form p {
				margin: 12px 0;
			}
			#contact form input {
				width: 180px;
				padding: 2px;
				_height: 22px;
				border: 1px solid rgb(218,221,225);
				background: white url('/img/bg.contactForm.inputBox.gif') repeat-x;
			}
			#contact form textarea {
				width: 100%;
				height: 150px;
				padding: 2px;
				border: 1px solid rgb(218,221,225);
				background: white url('/img/bg.contactFormMain.textarea.gif') repeat-x;
				margin-bottom: 7px;
			}
			#contact form input:focus, #contact form textarea:focus {
				border: 1px solid silver;
			}
			#contact form button {
				border: 0;
				width: 64px;
				height: 24px;
				cursor: pointer;
			}
				#contact form button b {
					display: none;
				}


/* Strankovani
██████████████████████████████████████████████████████████████████████████████████████████████████████*/

div.paging {
	margin:20px 0 15px 0;
	text-align: center;
}
	div.paging table {
		margin: 0 auto;
	}
	div.paging a.prev, a.next {
		display:block;
		width:60px;
		height:24px;
		margin:0 8px;
	}
	div.paging a.prev span,
	div.paging a.next span {
		display: none;
	}
	div.paging a.prev {
		background:url('/img/btn.paging.prev.gif');
	}
	div.paging a.next {
		background:url('/img/btn.paging.next.gif');
	}
	div.paging a.prev:hover, div.paging a.next:hover {
		background-position:0 bottom;
	}
	div.paging a.page {
		height: 24px;
		margin: 0 3px;
		float: left;
		cursor: pointer;
		color: #3F5369;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		background: url('/img/bg.paging.nr.left.gif') no-repeat 0 0;
	}
	/* aktualni strana */
	div.paging .page-active {
		height: 24px;
		margin: 0 3px;
		float: left;
		color: white;
		font-size: 11px;
		background: url('/img/bg.paging.nr.left.gif') no-repeat 0 bottom;
	}
		/* aktualni strana - jednotlive bloky */
		div.paging .page-active b {
			display: block;
			height: 100%;
			background: url('/img/bg.paging.nr.right.gif') no-repeat right bottom;
		}
			div.paging .page-active b b {
				background: url('/img/bg.paging.nr.middle.gif') repeat-x 0 bottom;
				margin: 0 2px;
				padding: 0 3px;
			}
		/* stranka - jednotlive bloky */
		div.paging .page div {
			height: 100%;
			background: url('/img/bg.paging.nr.right.gif') no-repeat right 0;
		}
			div.paging .page div div {
				background: url('/img/bg.paging.nr.middle.gif') repeat-x 0 0;
				margin: 0 2px;
				padding: 0 3px;
			}
	div.paging a.page:hover {
		background-position: 0 bottom;
		color: white;
	}
	div.paging a.page:hover div {
		background-position: right bottom;
	}


/* Reference
██████████████████████████████████████████████████████████████████████████████████████████████████████*/

div.referenceRozcestnik {
	width:582px;
	float:left;
	margin: 37px 20px 0 0;
	position: relative;
}
	div.referenceRozcestnik div.box {
		width:582px;
		height:110px;
		background:url('/img/bg.referenceBox.gif');
		position:relative;
		margin-bottom:20px;
	}
	div.referenceRozcestnik div.box h2 {
		font-size:22px;
		margin:0 0 0 103px;
		padding:9px 0 14px 0;
		color:#8a8b92;
	}
		div.referenceRozcestnik div.box h2 a {
			color:#8a8b92;
			text-decoration:none;
		}
		div.referenceRozcestnik div.box h2 a:hover {
			text-decoration:underline;
		}
	div.referenceRozcestnik div.box p {
		margin:0 0 0 105px;
		line-height:18px;
		font-size:11px;
		color:#7c7e87;
		width:330px;
	}
	div.referenceRozcestnik div.box a.ukazky {
		display:block;
		width:121px;
		height:48px;
		position:absolute;
		right:15px;
		bottom:15px;
	}
	div.referenceRozcestnik div.box a.ukazky:hover {
		background-position:0 bottom;
	}
	div.referenceRozcestnik div.box div.ico {
		width:91px;
		height:73px;
		background-repeat:no-repeat;
		background-position:;
		position:absolute;
		left:9px;
		top:19px;
	}


/* Reference - detail
██████████████████████████████████████████████████████████████████████████████████████████████████████*/
.ref-detail h1 {
	background: #828282 url('../img/bg.title.ref_detail.gif') repeat-x 0 bottom;
	font-size: 20px;
	font-weight: normal;
	color: white;
	padding: 8px 20px;
	margin: 0 0 20px 0;
}
	.ref-info {
		width: 375px;
		float: right;
		
	}
		.ref-info table {
			border-collapse: collapse;
			font-size: 11px;
		}
			.ref-info table td {
				background: #F8F9FB url('../img/bg.table_ref_detail.gif') repeat-x 0 bottom;
				padding: 8px 18px;
			}
			.ref-info table td.ref-info-head {
				width: 20%;
				background: #F2F3F7 url('../img/bg.table_ref_detail_dark.gif') repeat-x 0 bottom;
				font-weight: bold;
			}
			.ref-info table a {
				color: #CE3A3F;
			}
	.ref-detail-preview {
		width: 470px;
		float: right;
		margin-right: 25px;
		background: #F2F3F7;
		/*text-align: center;*/
		position: relative;
	}
		.ref-detail-preview table {
			width: 100%;
			height: 100%;
			border-collapse: collapse;
		}
			.ref-detail-preview img {
				/*display: block;*/
				border: 0;
			}


/* Sitemap
██████████████████████████████████████████████████████████████████████████████████████████████████████*/

div.sitemap {
	background:url('/img/bg.simpleSection.jpg') no-repeat 0 0;
	margin-top:12px;
	padding: 20px;
}
	div.sitemap ul {
		list-style: none;
	}
		div.sitemap ul li {
			background: url('/img/bullet.gif') no-repeat 0 0.6em;
			padding: 0 0 0 15px;
			margin-left: 20px;
			font-weight: bold;
			font-size: 13px;
		}
			div.sitemap ul li li {
				font-size: 12px;
			}
				div.sitemap ul li li li {
					font-weight: normal;
					font-size: 11px;
				}


/* Reference > grafika + video: vypis
██████████████████████████████████████████████████████████████████████████████████████████████████████*/

div.referenceVypis {
	width:100%;
}
div.referenceVypis table {
	border-collapse:collapse;
}
div.referenceVypis table td {
	padding:10px 0;
}
div.referenceVypis h1 {
	background-repeat:no-repeat;
	height:90px;
	margin:3px;
}
a.btn_back {
	display:block;
	width:151px;
	height:38px;
	background:url('/img/reference.btn_back.gif') no-repeat 0 0;
}
a.btn_back:hover {
	background-position:0 bottom;
}


/* Reference - nahledovy box
██████████████████████████████████████████████████████████████████████████████████████████████████████*/

div.reference-box {
	width:268px;
	height:80px;
	position:relative;
	margin-top:10px;
	overflow: hidden;
}
	div.reference-box .overlay-preview {
		width:268px;
		height:80px;
		background:url('/img/box.preview.reference.gif');
		position:absolute;
		top:0;
		left:0;
	}
	div.reference-box .overlay-preview.hover {
		background-position: 0 bottom;
	}
	div.reference-box p {
		color:white;
		margin:0;
		position:absolute;
		display:none;
		z-index:100;
	}
	div.reference-box p.name {
		top:53px;
		left:10px;
	}
	div.reference-box p.name a {
		color:white;
	}
	div.reference-box p.date {
		font-size:10px;
		top:60px;
		right:4px;
	}
	div.reference-box p.url {
		font-size:10px;
		top:46px;
		right:4px;
	}
	div.reference-box p.url a {
		color:#feda4f;
	}
	div.reference-box a:hover {
		text-decoration:none;
	}
	div.reference-box img {
		position:absolute;
		top:0px;
		left:0px;
		border:4px solid rgb(180,183,187);
	}
	div.reference-box .overlay {
		display:block;
		width:260px;
		height:45px;
		position:absolute;
		top:4px;
		left:4px;
		background:gray;
	}


/* Hlaska pri odeslani meilu
██████████████████████████████████████████████████████████████████████████████████████████████████████*/

p.msgMailSendSuccessfuly {
	color:green;
	font-weight:bold;
	background:url('/img/system/check.png') no-repeat 0 50%;
	padding-left:25px;
}
p.msgMailSendUnsuccessfuly {
	color:red;
	font-weight:bold;
	background:url('/img/system/drop.png') no-repeat 0 50%;
	padding-left:25px;
}


/* Validace formulare
██████████████████████████████████████████████████████████████████████████████████████████████████████*/

p.msgUnfilled {
	font-size:11px;
	color:red;
	font-weight:bold;
	background:url('/img/system/drop.png') no-repeat 0 50%;
	padding: 0 0 0 25px;
	margin: 2px;
}
input.unfilled, textarea.unfilled {
	border:1px solid red;
}


/* Seznam klientu
██████████████████████████████████████████████████████████████████████████████████████████████████████*/

div.clients {
	background:url('/img/bg.simpleSection.jpg') no-repeat 0 0;
	margin-top:12px;
	padding: 20px 30px;
	min-height: 200px;
	height: 200px;
}
div[class="clients"] {
	height: auto;
}
	div.clients ul {
		list-style: none;
	}
		div.clients ul li {
			background: url('/img/bullet.gif') no-repeat 0 0.6em;
			padding: 0 0 0 15px;
			font-size: 13px;
		}
			div.clients ul li a {
				font-weight: bold;
			}
			div.clients ul li i {
				color: #A0A0A0;
				font-size: 11px;
				font-style: normal;
			}


/* Vychozi sekce
██████████████████████████████████████████████████████████████████████████████████████████████████████*/

.default-section {
	float: left;
	width: 602px;
}
	.default-section-content {
		background: url('/img/bg.simpleSection.jpg') no-repeat;
		min-height: 200px;
		height: 200px;
		margin-top: 11px;
	}
	div[class="default-section-content"] {
		height: auto;
	}
		.default-section-ico {
			float: left;
			margin: 15px 0 0 15px;
		}
		.default-section-content-main {
			margin-left: 160px;
			padding: 30px 30px 0 0;
		}


/* Video player
██████████████████████████████████████████████████████████████████████████████████████████████████████*/

.player {
	width: 478px;
	height: 272px;
	position: relative;
}
	.play {
		width: 83px;
		height: 83px;
		background: url('/img/play.png') no-repeat;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -42px;
		margin-left: -42px;
		z-index: 100;
		cursor: pointer;
	}
	.play:hover {
		background-position: 0 -83px;
	}
.video-gallery-tn img {
	float: left;
	margin: 0 10px 10px 0;
}


/* Stavova hlaseni
██████████████████████████████████████████████████████████████████████████████████████████████████████*/

.success {
	background: url('/img/system/check.png') no-repeat 0 50%;
	padding: 5px 0 5px 20px;
	margin: 5px 0;
	color: green;
	font-weight: bold;
}
.error {
	background: url('/img/system/drop.png') no-repeat 0 50%;
	padding: 5px 0 5px 20px;
	margin: 5px 0;
	color: red;
}