body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	font-size: 80%;
	background-color: #0e1115;
}

* { 
	margin: 0; 
	padding: 0; 
	border: 0;
}

strong {
	font-weight: bold;
}

h1, h2, h3 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;	
}

h1 {
	font-size: 1.6em;
	color: #288ee4;
	text-transform: uppercase;
}

h2 {
	font-size: 1.2em;	
	color: #5f7b97;
	margin-top: 2em;
	border-left: 15px solid #5f7b97;
	padding-left: 12px;
	line-height: 1em;
}

h3 {
	font-size: .85em;
	margin-top: 2em;	
	color: #5f7b97;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: .5em;
	border-bottom: 1px solid #5f7b97;
}

p {
	line-height: 1.8em;
	margin-top: 1em;
	font-size: .85em;
	
}

p.info {
	background-color: #21272d;
	padding: 2em;
	margin: 2em 0;	
	color: #ff8a00;
}

ol, ul {
	margin: 1em 1.5em;
	padding: 0;
	font-size: .85em;
	list-style-position: inside;
}

ul ul {
	margin: 1em 1.5em;	
}


li {
	line-height: 1.7em;
/*	padding-bottom: 1em;*/
}

li li {
	font-size: 1.2em;
}



a {
	color: #288ee4;
	text-decoration: underline;
}


a:hover {
	text-decoration: none;
}

.barevnitext {
	color: #ff8a00;
}

table {
	border-collapse: collapse; 
	margin: 1em 0;
	font-size: .85em;	
}

table.contact td {
	padding: .5em 0;	
}

tr {
}

th {
	font-weight: bold;
	text-align: left;
	padding: .5em;
	vertical-align: top;	
}

td {
	padding: .5em;
	vertical-align: top;
}

table.table_border {
	border-collapse: separate; 
	margin: 1em 0;
	font-size: .85em;
}

table.table_border td {
	background-color: #2c343d;

}

.floatleft {
	float: left;
	margin: 0 .7em .3em 0;
}

.floatright {
	float: right;
	margin: 0 0 .3em .7em;
}


/* -----------  layout ------------------- */
div#up_case {
	text-align: center;
	background-image: url(../images/bg_up.gif);
}

div#up_case div.up {
	width: 889px;
	height: 113px;
	margin: 0 auto;
	position: relative;
}

div#up_case div.up a.logo {
	position: absolute;
	left: 21px;
	top: 14px;
}


div#up_case div.up ul {
	position: absolute;
	top: 0;
	right: 0;
	list-style-type: none;
	margin: 0;
}

div#up_case div.up li {
	margin: 0 0 0 0;
	float: left;
}

div#up_case div.up li a {
	display: block;	
	height: 58px;
	text-align: center;
	width: 120px;
	font-size: 1.3em;
	text-transform: lowercase;
	color: #7c7c7c;
	padding: 52px 0 0 0;
	text-decoration: none;
	border-bottom: 3px solid #dcdcdc;
	border-right: 1px solid #f0f0f0;	
}



div#up_case div.up li a.first {
	border-left: 1px solid #f0f0f0;	
}


div#up_case div.up li a:hover {
	color: #ff8a00;
}

div#up_case div.up li .active {
	color: #ff8a00;
	border-bottom: 3px solid #ff8a00;	
}


div#image_case {
	text-align: center;
	background-image: url(../images/bg_image.gif);
	background-repeat: repeat-x;
}

div#up_case div.image {
	width: 889px;
	margin: 0 auto;
	text-align: center;
}


div#content_case {
	text-align: center;
	background-image: url(../images/bg_content.gif);
}

div#content_case div.content {
	width: 889px;
	margin: 0 auto;
	background-image: url(../images/bg_content_inner.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

div#content_case div.content div.left_content {
	float: left;
	width: 565px;
	text-align: left;	
}

div#content_case div.content div.left_content h1 {
	margin-bottom: 2.7em;
}


div#content_case div.content div.left_content div.left_content_case {
	padding: 28px 0 30px 20px;
}

div#content_case div.content div.right_content {
	float: right;
	width: 290px;
	text-align: left;	
	color: #6a798b;
}

div#content_case div.content div.right_content h2 {
	margin-bottom: 3.8em;
	margin-top: 0;
	border-left: 0;
	padding-left: 0;
}

div#content_case div.content div.right_content h2 a {
	margin-bottom: 3.8em;
	margin-top: 0;
	border-left: 0;
	padding-left: 0;
	text-decoration: none;
	color: #5f7b97;	
}


div#content_case div.content div.right_content div.right_content_case {
	padding: 33px 30px 30px 30px;
}


div#content_case div.content div.right_content div.right_content_case ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

div#content_case div.content div.right_content div.right_content_case li {
	margin: 0 0 1px 0;
	padding: 0;
}

div#content_case div.content div.right_content div.right_content_case li a {
	display: block;
	background-color: #21272d;
	border-left: 4px solid #3a5269;
	padding: .5em 0 .5em 1em;
	text-decoration: none;
	height: 1%;
	margin: 0;
	color: #5f7b97;
}

div#content_case div.content div.right_content div.right_content_case li a:hover {
	color: #ff8a00;
/*	border-left: 4px solid #ff8a00;	*/
}

div#content_case div.content div.right_content div.right_content_case a.active{
	color: #ff8a00;
	border-left: 4px solid #ff8a00;	 
}

div#footer_case {
	text-align: center;
	background-image: url(../images/bg_footer_case.gif);
	background-repeat: repeat-x;
	height: 115px;
	background-position: left top;
	
}

div#footer_case div.footer {
	width: 889px;
	height: 115px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

div#footer_case div.footer p.gmx {
	margin-top: 0;
	padding: 0;
	position: absolute;
	left: 18px;
	top: 20px;
}




div#footer_case div.footer ul {
	position: absolute;
	top: 20px;
	right: 0;
	list-style-type: none;
	margin: 0;
}

div#footer_case div.footer li {
	margin: 0 0 0 0;
	padding: 0;
	float: left;
}

div#footer_case div.footer li a {
	display: block;	
	text-align: center;
	font-size: 1em;
	text-transform: lowercase;
	color: #7f9093;
	line-height: 1.3em;
	padding: 0 20px 0 20px;
	text-decoration: none;
	border-right: 1px solid #7f9093;
}

div#footer_case div.footer li a.last {
	border-right: none;
}


div#footer_case div.footer li a:hover {
	color: #FFF;
}

div#footer_case div.footer li .active {
	color: #FFF;
}




.clearfix:after {
    content: ".";              
	display: block;          
    height: 0;                 
    clear: both;               
    visibility: hidden;	     
}
.clearfix {display: inline-block;}   /* oprava pre IE Mac */
/* Schova trik pred IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
