html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;

	background-color: #eceeee;
	color: black;

	min-width: 990px;

	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
}

a {
	color: #5e5e5e;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

#container {
	height: 100%;
	position: relative;
	z-index: 1;

	background-image: url('../design/common/main_bg.png');
	background-repeat: repeat-y;
	background-position: center top;
}

body>#container {
	height: auto;
	min-height: 100%;
}

#cont2 {
	padding-bottom: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 990px !important;
}

#menu {
	float: left;
	width: 220px;
}

#main {
	float: left;
	width: 590px;
}

#maincontent {
	padding: 0.5em;
	margin-top: 0.8em;
	margin-right: 10px;

	position: relative;
	z-index: 2;
}

#right {
	float: left;
	width: 180px;
}

#rightcontent {
	padding: 0.5em;
	/*margin-top: 1.2em;*/

	position: relative;
	z-index: 2;
}

#rightcontent h4 {
	margin-top: 1.2em;
}

#footer {
	width: 100%;
	height: 100px;
	background-color: #eceeee;

	position: absolute;
	bottom: 0;
}

#footcontent {
	background-image: url('../design/red/footer_center.png');
	background-position: center top;
	background-repeat: no-repeat;

	width: 100%;
	height: 100px;

	position: relative;
	z-index: 1;
}

body.cs #footcontent {
	background-image: url('../design/blue/footer_center.png');
}

body.v #footcontent {
	background-image: url('../design/green/footer_center.png');
}

body.o #footcontent, body.default #footcontent {
	background-image: url('../design/orange/footer_center.png');
}

body.marketing #footcontent {
	background-image: url('../design/gray/footer_center.png');
}

#header {
	background-image: url('../design/red/header_bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;

	height: 151px;
}

body.cs #header {
	background-image: url('../design/blue/header_bg.jpg');
}

body.v #header {
	background-image: url('../design/green/header_bg.jpg');
}

body.o #header, body.default #header {
	background-image: url('../design/orange/header_bg.jpg');
}

body.marketing #header {
	background-image: url('../design/gray/header_bg.jpg');
}

#mainmenu {
	background-image: url('../design/red/top_center.png');
	background-repeat: no-repeat;
	background-position: center top;

	height: 53px;
	position: absolute;
	top: 101px;
	left: 0;
	width: 100%;
}

body.cs #mainmenu {
	background-image: url('../design/blue/top_center.png');
}

body.v #mainmenu {
	background-image: url('../design/green/top_center.png');
}

body.o #mainmenu, body.default #mainmenu {
	background-image: url('../design/orange/top_center.png');
}

body.marketing #mainmenu {
	background-image: url('../design/gray/top_center.png');
}

#circuit_top {
	background-image: url('../design/common/top_circuit.png');
	background-repeat: no-repeat;
	background-position: center top;

	width: 100%;
	height: 175px;
}

#headpos {
	position: absolute;
	top: 0;
	width: 100%;
}

#headcontent {
	margin-left: auto;
	margin-right: auto;
	width: 990px;

	position: relative;
}

#top_pad {
	position: absolute;
	z-index: 0;

	width: 100%;
	height: 155px;
}

#top_pad .left_pad {
	position: absolute;
	left: 0;
	top: 0;

	width: 50%;
	height: 155px;

	background-image: url('../design/red/top_left_pad.png');
	background-repeat: repeat-x;
}

body.cs #top_pad .left_pad {
	background-image: url('../design/blue/top_left_pad.png');
}

body.v #top_pad .left_pad {
	background-image: url('../design/green/top_left_pad.png');
}

body.o #top_pad .left_pad, body.default #top_pad .left_pad {
	background-image: url('../design/orange/top_left_pad.png');
}

body.marketing #top_pad .left_pad {
	background-image: url('../design/gray/top_left_pad.png');
}

#top_pad .right_pad {
	position: absolute;
	right: 0;
	top: 0;

	width: 50%;
	height: 155px;

	background-image: url('../design/red/top_right_pad.png');
	background-repeat: repeat-x;
}

body.cs #top_pad .right_pad {
	background-image: url('../design/blue/top_right_pad.png');
}

body.v #top_pad .right_pad {
	background-image: url('../design/green/top_right_pad.png');
}

body.o #top_pad .right_pad, body.default #top_pad .right_pad {
	background-image: url('../design/orange/top_right_pad.png');
}

body.marketing #top_pad .right_pad {
	background-image: url('../design/gray/top_right_pad.png');
}

#bottom_pad {
	position: absolute;
	z-index: 0;

	left: 0;
	top: 0;

	width: 100%;
	height: 100px;
}

#bottom_pad .left_pad {
	position: absolute;
	left: 0;
	top: 0;

	width: 50%;
	height: 100px;

	background-image: url('../design/red/bottom_left_pad.png');
	background-repeat: repeat-x;
	background-position: left 42px;
}

body.cs #bottom_pad .left_pad {
	background-image: url('../design/blue/bottom_left_pad.png');
}

body.v #bottom_pad .left_pad {
	background-image: url('../design/green/bottom_left_pad.png');
}

body.o #bottom_pad .left_pad, body.default #bottom_pad .left_pad {
	background-image: url('../design/orange/bottom_left_pad.png');
}

body.marketing #bottom_pad .left_pad {
	background-image: url('../design/gray/bottom_left_pad.png');
}

#bottom_pad .right_pad {
	position: absolute;
	right: 0;
	top: 0;

	width: 50%;
	height: 100px;

	background-image: url('../design/red/bottom_right_pad.png');
	background-repeat: repeat-x;
	background-position: left 54px;
}

body.cs #bottom_pad .right_pad {
	background-image: url('../design/blue/bottom_right_pad.png');
}

body.v #bottom_pad .right_pad {
	background-image: url('../design/green/bottom_right_pad.png');
}

body.o #bottom_pad .right_pad, body.default #bottom_pad .right_pad {
	background-image: url('../design/orange/bottom_right_pad.png');
}

body.marketing #bottom_pad .right_pad {
	background-image: url('../design/gray/bottom_right_pad.png');
}

h1 {
	background-image: url('../design/common/bc_logo.png');
	background-repeat: no-repeat;

	width: 322px;
	height: 53px;

	margin: 0;
	padding: 0;

	position: absolute;
	left: 32px;
	top: 18px;
}

h1 a {
	display: block;
	text-indent: -999em;
	width: 322px;
	height: 53px;
}

.clear {
	clear: both;
}

h2 {
	position: absolute;
	top: 80px;
	right: 30px;

	margin: 0px;

	text-indent: -999em;
	overflow: hidden;

	background-image: url('../design/h2text/bd_text.png');
	background-repeat: no-repeat;
	width: 163px;
	height: 28px;
}

body.default h2 {
	position: absolute;
	left: -9999px;
	top: -9999px;

	overflow: hidden;
	width: 1px;
	height: 1px;
}

body.cs h2 {
	width: 179px;
	background-image: url('../design/h2text/cs_text.png');
}

body.v h2 {
	background-image: url('../design/h2text/v_text.png');
	width: 76px;
}

body.o h2 {
	/*
	background-image: url('../design/h2text/sk_text.png');
	*/
	background-image: none;

	width: 82px;
}

body.marketing h2 {
	background-image: url('../design/h2text/marketing_text.png');
	width: 112px;
}

#sections {
	position: absolute;
	left: 500px;
	top: 15px;

	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sections li {
	display: block;
	position: absolute;
	top: 0;
}

#sections li a {
	text-indent: -9999em;
}

#sections li.vytahy {
	width: 57px;
	height: 49px;
	overflow: hidden;
}

#sections li.vyvoj {
	width: 84px;
	height: 62px;
	overflow: hidden;

	left: 80px;
}

#sections li.bezpd {
	width: 69px;
	height: 61px;
	overflow: hidden;

	left: 74px;
}

#sections li.cerpacky {
	width: 60px;
	height: 62px;
	overflow: hidden;

	left: 162px;
}

#sections li.skoleni {
	width: 57px;
	height: 50px;

	overflow: hidden;
	left: 241px;
}

#sections li.marketing {
	width: 84px;
	height: 49px;
	overflow: hidden;

	left: 241px;
}

#sections li.vytahy a {
	display: block;
	width: 57px;
	height: 49px;
	background-image: url('../design/buttons/vytahy.png');
}

#sections li.vytahy a:hover {
	background-position: -57px 0;
}

#sections li.skoleni a {
	display: block;
	width: 57px;
	height: 50px;
	background-image: url('../design/buttons/skoleni.png');
}

#sections li.skoleni a:hover {
	background-position: -57px 0;
}

#sections li.cerpacky a {
	display: block;
	width: 60px;
	height: 62px;
	background-image: url('../design/buttons/cerpacky.png');
}

#sections li.cerpacky a:hover {
	background-position: -60px 0;
}

#sections li.bezpd a {
	display: block;
	width: 69px;
	height: 61px;
	background-image: url('../design/buttons/bezpd.png');
}

#sections li.bezpd a:hover {
	background-position: -69px 0;
}

#sections li.marketing a {
	display: block;
	width: 84px;
	height: 49px;
	background-image: url('../design/buttons/marketing.png');
}

#sections li.marketing a:hover {
	background-position: -84px 0;
}

.hide {
	display: block;
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#mainmenucontent {
	width: 990px;
	margin-left: auto;
	margin-right: auto;

	position: relative;
}

#search {
	position: absolute;
	left: 80px;
	top: 2px;
}

#search input {
	background: none;
	border: none;

	color: white;
}

#search .searchField {
	display: block;
	background-color: white;
	position: relative;
	width: 125px;
	height: 18px;

	float: left;
}

#search .searchField input {
	position: absolute;
	color: black;

	width: 120px;
}

#search .searchButton {
	display: block;
	float: left;
}

#search .searchButton input {
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}

#topmenu {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;

	margin-left: 340px;

	width: 500px; /* hasLayout for IE */
	position: relative;
	top: 22px;
}

#topmenu li {
	display: block;
	float: left;
	margin-right: 15px;
}

#topmenu_under {
	position: absolute;
	left: 380px;
	top: 44px;
	background-image: url('../design/common/topmenu_bg.png');
	background-repeat: no-repeat;
	width: 300px;
	height: 22px;
	margin: 0;
	padding: 3px 4px 0 4px;
	list-style-type: none;
}

#topmenu_under li {
	display: block;
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
}

#foot {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}

#footpos {
	padding-left: 450px;
	padding-top: 62px;

	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: white;
}

.sectioncolor, .sectioncolor a {
	color: #fb351e;
}

body.default .sectioncolor, body.default .sectioncolor a, body.o .sectioncolor, body.o .sectioncolor a {
	color: #fa7f05;
}

body.cs .sectioncolor, body.cs .sectioncolor a {
	color: #01a0c7;
}

body.v .sectioncolor, body.v .sectioncolor a {
	color: #80c31c;
}

body.marketing .sectioncolor, body.marketing .sectioncolor a {
	color: #5f5f69;
}

h3 {
	font-size: 150%;
	margin: 0;
	margin-bottom: 0.5em;
}

h4 {
	font-size: 120%;
	margin: 0;
	margin-bottom: 0.5em;
}

#main h4 {
	margin-bottom: 0.3em;
}

.articlePreview p {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

.articlePreview {
	margin-top: 1em;
}

#menucontent .menutop, #menucontent .menutop_free {
	margin-top: 1.6em;
	margin-right: 10px;
	height: 28px;
	background-image: url('../design/common/menu_top.png');
	background-repeat: no-repeat;
	background-position: right top;
}

#menucontent .menutop_free {
	background-image: url('../design/common/menu_top_free.png');
}

#basemenu {
	color: #9b9b9b;
	font-weight: bold;
	font-size: 0.9em;
	list-style-type: none;
	margin: 0;
	padding: 0;

	margin-right: 10px;
	margin-bottom: 3em;
	padding-right: 5px;

	background-color: white;
}

#basemenu a {
	color: #9b9b9b;
	text-decoration: none;
}

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

#basemenu li {
	text-align: right;
	background-color: white;
	background-image: url('../design/common/menu_l1_after.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

#basemenu li div.text {
	padding-right: 30px;
}

#basemenu li.before_active {
	background-image: url('../design/common/menu_l1_before.png');
	background-position: right center;
	background-repeat: no-repeat;
}

#basemenu li.active {
	color: #5e5e5e;
}

#basemenu li.active a {
	color: #5e5e5e;
}

#basemenu li.active div.text {
	margin-top: -0.2em;
	margin-bottom: -0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;

	background-image: url('../design/common/menu_l1_active.png');
	background-position: right center;
	background-repeat: no-repeat;
}

#basemenu li.nosubmenu div.text {
	background-image: url('../design/common/menu_l1_active_nosub.png');
}

#basemenu li.active ul {
	margin: 0;
	padding: 0;
	color: #9b9b9b;
	list-style-type: none;
	background-color: white;
}

#basemenu li.active ul a {
	color: #9b9b9b;
}

#basemenu li.active ul li {
	background: none;
}

#basemenu li.active ul li div.text {
	background-color: white;
	background-image: none;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 50px;
}

#basemenu li ul li.before_active div.text {
	background-image: url('../design/common/menu_l2_before.png');
}

#basemenu li.active ul li.active div.text {
	color: black;
	background-image: url('../design/common/menu_l2_active.png');
}

#basemenu li.active ul li.active a {
	color: black;
}

#basemenu li.active ul li ul {
	margin-right: 50px;
}

#basemenu li.active ul li ul li {
	background-image: url('../design/common/menu_l3_inactive.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
}

#basemenu li.active ul li ul li.active {
	background-image: url('../design/common/menu_l3_active.png');
}

#basemenu li.active ul li.active ul li a {
	color: #9b9b9b;
}

#basemenu li.active ul li.active ul li.active a {
	color: black;
}

#topmenu li, #topmenu_under li {
	overflow: hidden;
}

#topmenu a, #topmenu_under a {
	display: block;
	width: 100px;
	height: 22px;
	background-position: left center;
	text-indent: -999em;
	overflow: hidden;
}

#topmenu .jobs a {
	width: 110px;
}

#topmenu_under a {
	width: 150px;
	height: 19px;
}

#topmenu a:hover, #topmenu_under a:hover {
	background-position: right center;
}

body #topmenu .news {
	width: 80px
}

body #topmenu .news a {
	margin-left: -10px;
}

body #topmenu .about {
	width: 80px;
}

body #topmenu .about a {
	margin-left: -10px;
}

body #topmenu .projektanti {
	width: 100px;
	margin-left: -10px;
}

body #topmenu .budovy {
	width: 100px;
}

body.default #topmenu .news a, body.o #topmenu .news a {
	background-image: url('../design/orange/menu_news.png');
}

body.default #topmenu .about a, body.o #topmenu .about a {
	background-image: url('../design/orange/menu_about.png');
}

body.default #topmenu .contact a, body.o #topmenu .contact a {
	background-image: url('../design/orange/menu_contact.png');
}

body.default #topmenu .jobs a, body.o #topmenu .jobs a {
	background-image: url('../design/orange/menu_jobs.png');
}

body #topmenu .news a {
	background-image: url('../design/red/menu_news.png');
}

body #topmenu .about a {
	background-image: url('../design/red/menu_about.png');
}

body #topmenu .contact a {
	background-image: url('../design/red/menu_contact.png');
}

body #topmenu .jobs a {
	background-image: url('../design/red/menu_jobs.png');
}

body.marketing #topmenu .news a {
	background-image: url('../design/gray/menu_news.png');
}

body.marketing #topmenu .about a {
	background-image: url('../design/gray/menu_about.png');
}

body.marketing #topmenu .contact a {
	background-image: url('../design/gray/menu_contact.png');
}

body.marketing #topmenu .jobs a {
	background-image: url('../design/gray/menu_jobs.png');
}

body.cs #topmenu .news a {
	background-image: url('../design/blue/menu_news.png');
}

body.cs #topmenu .about a {
	background-image: url('../design/blue/menu_about.png');
}

body.cs #topmenu .contact a {
	background-image: url('../design/blue/menu_contact.png');
}

body.cs #topmenu .jobs a {
	background-image: url('../design/blue/menu_jobs.png');
}

body.v #topmenu .news a {
	background-image: url('../design/green/menu_news.png');
}

body.v #topmenu .about a {
	background-image: url('../design/green/menu_about.png');
}

body.v #topmenu .contact a {
	background-image: url('../design/green/menu_contact.png');
}

body.v #topmenu .jobs a {
	background-image: url('../design/green/menu_jobs.png');
}

body.v #topmenu_under .projektanti a {
	background-image: url('../design/common/menu_projektanti.png');
}

body.v #topmenu_under .budovy a {
	background-image: url('../design/common/menu_budovy.png');
}

#rightcontent ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#rightcontent li {
	background-image: url('../design/common/point.png');
	background-repeat: no-repeat;

	padding-left: 16px;
}

.mainNovinky {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.mainNovinky h4 {
	display: inline;
}

.mainNovinky .datum {
	font-size: 80%;
}

.mainNovinky .novinkyPerex p {
	margin-top: 0;
}

h4.partners {
	text-align: right;
	margin-right: 30px;
}

ul.partners {
	margin: 0;
	padding: 0;
	margin-right: 30px;
	text-align: right;
	list-style-type: none;
}

ul.partners li {
	background-image: url('../design/common/point.png');
	background-repeat: no-repeat;
	background-position: right top;

	padding-right: 16px;
}
ul.partners a {
	color: #9b9b9b;
	font-weight: bold;
	font-size: 0.9em;
}
#rightcontent .news .date {
	display: block;
	font-size: 75%;
	color: #9b9b9b;
}

#rightcontent .news .separator {
	position: absolute;
	left: -9999px;
	top: -9999px;
	overflow: hidden;
	width: 1px;
	height: 1px;
}

#rightcontent .news {
	margin-bottom: 0.5em;
}

.navigation {
	margin-top: 1em;
}

#calendar {
	margin-top: 2em;
	text-align: center;
}

.ical {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

.ical td, .ical th {
	text-align: center;
	border: solid 1px #c0c0c0;
	width: 1.5em;
}

.ical td.selected {
	font-weight: bold;
	background-color: #eceeee;
}

.event .perex, .article .perex {
	border: solid 1px #c5cdd3;
	background-color: #f7f8f9;
	padding: 0.3em;
}

.event .perex .date, .article .perex .date {
	border-bottom: dashed 1px #c5cdd3;
	padding-bottom: 0.2em;
	margin-bottom: 0.2em;
}

.event .perex p, .article .perex p {
	margin: 0;
	padding: 0;
}

.event_list .event {
	margin-bottom: 1em;
}

.event_list .event .perex {
	background: none;
	border: none;
	padding: 0;
}

.event_list h4 {
	float: left;
}

.event_list .date {
	text-align: right;
}

.event_list .perex p {
	clear: both;
}