@CHARSET "UTF-8";
/* HEADER */
div#header {
	background: #000000;
}

div#header div#banner {
	height: 296px;
	
	background: url('images/banner.jpg') no-repeat top left #000000;
}

div#header div#banner.procesy, div#header div#banner.processes {
	height: 163px;
	
	background: url('images/02.jpg') no-repeat top left #000000;
}

div#header div#banner.vlastnosti, div#header div#banner.features {
	height: 163px;
	
	background: url('images/03.jpg') no-repeat top left #000000;
}

div#header div#banner.ukazky-systemu, div#header div#banner.system-preview {
	height: 163px;
	
	background: url('images/04.jpg') no-repeat top left #000000;
}

div#header div#banner.prinosy, div#header div#banner.benefits {
	height: 163px;
	
	background: url('images/05.jpg') no-repeat top left #000000;
}

div#header div#banner.cenik, div#header div#banner.pricelist {
	height: 163px;
	
	background: url('images/06.jpg') no-repeat top left #000000;
}

div#header div#banner.faqs {
	height: 163px;
	
	background: url('images/07.jpg') no-repeat top left #000000;
}

div#header div#banner.kontakt, div#header div#banner.contact {
	height: 163px;
	
	background: url('images/08.jpg') no-repeat top left #000000;
}

div#header h1#logo {
	float: left;
	margin: 0; 
	padding: 0; 
	position: relative; 
	left: 13px;
	top: 5px;
	width: 245px;
	height: 66px;
	overflow: hidden; 
	font-size: 182%; 
	z-index: 1;

}

div#header h1#logo a,
div#header h1#logo a:link,
div#header h1#logo a:active,
div#header h1#logo a:visited{
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}

div#header h1#logo span {
	display: block;
	margin: 0; 
	padding: 0; 
	position: absolute; 
	left: 0px;
	top: 0px;
	z-index: 1; 
	height: 66px;
	_cursor: hand; 

	background: url('images/logo.gif') 0 0 no-repeat;
	width: 245px;
}

div#header #red-bar {
/*	padding: .3em 0;*/
	border-top: 1px solid #ffffff;
	background: url('images/menu-bg.gif') top repeat-x #dc514e;
}

div#header #languages {
	float: right;
	position: relative;
}

div#header #languages ul,
div#header #main-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#header #languages ul li,
div#header #main-menu ul li {
	float: left;
	position: relative;	
/*	margin: 1px; */
}

div#header ul li a,
div#header ul li a:link,
div#header ul li a:active,
div#header ul li a:visited {
	color: #ffffff;
	text-decoration: none;
	padding: .5em 1.5em .6em 1.5em;
	text-align: center;
	float: left;
}

div#header ul li a:hover,
div#header ul li a.active {
	background: url('images/triangle.gif') bottom no-repeat;
}

div#header ul li a.active {
	font-weight: bold;
}

/* CONTENT */
div#text-content {
	margin-top: .5em;
	padding: 1em;
	width: 600px;
	min-height: 20em;
	height: auto;
	_height: 20em;

	padding-bottom: 100px;
}

div#text-content p {
	text-align: justify;
}

#img-bottom-uvodni-stranka, #img-bottom-home {
	background: url('images/cimage-relax-man.jpg') bottom right no-repeat #ffffff;
	position: relative;
}

#img-bottom-procesy, #img-bottom-processes {
	background: url('images/09.jpg') bottom right no-repeat #ffffff;
	position: relative;
}

#img-bottom-vlastnosti, #img-bottom-features {
	background: url('images/10.jpg') bottom right no-repeat #ffffff;
	position: relative;
}

#img-bottom-ukazky-systemu, #img-bottom-system-preview {
	background: url('images/11.jpg') bottom right no-repeat #ffffff;
	position: relative;
}

#img-bottom-prinosy, #img-bottom-benefits {
	background: url('images/12.jpg') bottom right no-repeat #ffffff;
	position: relative;
}

#img-bottom-cenik, #img-bottom-pricelist {
	background: url('images/13.jpg') bottom right no-repeat #ffffff;
	position: relative;
}

#img-bottom-faqs {
	background: url('images/14.jpg') bottom right no-repeat #ffffff;
	position: relative;
}

#img-bottom-kontakt, #img-bottom-contact {
	background: url('images/15.jpg') bottom right no-repeat #ffffff;
	position: relative;
}

/* FOOTER */
#footer a,
#footer a:link,
#footer a:active,
#footer a:visited {
	color: #000000;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* COMMON */
.float-right {
	float: right;
}

.red-text {
	color: #CD0708;
}

.clear {
	clear: left;
	height: 0;

	overflow: hidden;   /* prevent IE expanding the container */
	margin: 0;          /* keep flush with surrounding blocks */
}