body, #buttons {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul {
	list-style-image: url("images/list_bullet.png");
	}

body, th{
	background: url(images/body_bg.png) repeat-x;
	background-color: #e0e0e0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	color: black;
	}

a img {
	border: none;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid #d2222a;
	border-bottom: none;
	}

hr {
	border-top: none;
	border-bottom: 1px solid #d2222a;
	border-left: none;
	margin-top: 2.2em;
	margin-bottom: 2.2em;
	}
	
#page {
	width: 881px;
	margin-left: auto;
	margin-right: auto;
	}

#logo {
	float: left;
	height: 113px;
	width: 120px;
	}

#top_banner {
	background: url(images/top_banner.jpg) no-repeat top right;
	height: 113px;
}

#top_banner .login_button {
	float: right;
	width: 96px;
	height: 23px;
	background: url(images/login_button.png) no-repeat 0px -24px;
	text-indent: -10000px;
}

#top_banner .login_button:hover {
	background-position: 0px 0px;
}


#buttons {
	background: url(images/button_bg.png) no-repeat;
	height: 50px;
	padding: 0 0 0 0;
	cursor: pointer;
	}
	
#buttons li {
		list-style: none;
		margin-left: 0px;
		padding: none;
		}

#buttons .active {
	background-position: 0px 0px;
	}
	
.button {
	width: 118px;
	height: 50px;
	background-position: 0px -50px;
	background-repeat: no-repeat;
	float: left;
	}
	
.button:active, .button:hover {
	background-position: 0px 0px;
	}
	
#buttons #home {	background-image: url(images/btn_home.png) }
#buttons #projekty { width: 140px; background-image: url(images/btn_projekty.png) }
#buttons #seminare { background-image: url(images/btn_seminare.png) }
#buttons #klienti { width: 170px; background-image: url(images/btn_klienti.png) }
#buttons #fondy { background-image: url(images/btn_fondy.png) }
#buttons #podpora { background-image: url(images/btn_podpora.png) }
#buttons #galerie { background-image: url(images/btn_galerie.png) }
#buttons #kontakty { background-image: url(images/btn_kontakty.png);
	width: 55px; 
	height: 50px; 
	float: right;
	}
#buttons #spolupracujeme { width: 170px; background-image: url(images/btn_spolupracujeme.png); }
#buttons #prihlaseni { width: 170px; background-image: url(images/btn_360.png); }
	


#content {
	min-height: 200px
	}

.content {
	background: #ffffff url(images/content_top_bg.png) no-repeat;
	background-position: bottom;
	min-height: 180px;
	}
		
.content_header {
	background: url(images/content_header.png) no-repeat top;
	height: 30px;
	font-size: 1.4em;
	padding-left: 4em;
	margin-top: 1em;
}

.content .left {
	float: left;
	}
	
.content .right {
	padding-left: 1em;
	padding-right: 1em;
	margin-left: 240px;
	}
	
.content .main {
	margin-top: 0;
	padding: 0em 1em 1em 1em;
	}

.content #inner_page {
	border-top: 1px solid #d22222a;
}

p.highlight {
	background-color: white;
	border-left: 1px outset #d2222a;
	border-right: 1px outset #d2222a;
	padding: .6em;
	font-style: italic;
	text-align: justify;
	margin-bottom: 1em;
	}

.clear {
	clear: both;
	font-size: 0.1em;
	height: 1px;
	}

#footer {
	margin-top: 2em;
	height: 24px;
	text-align: right;
	font-size: 0.8em;
	padding: 0.3em;
	font-weight: bold;
	}

h2 { margin-left: 2em; padding: 10px 0 0 0; margin-top: 0; }

h2#projekty { background: url(images/headings/firemni_projekty.png) no-repeat 0 10px; text-indent: -1000em;}
h2#o_spolecnost { background: url(images/headings/o_spolecnosti.png) no-repeat 0 10px; text-indent: -1000em;}
h2#agentura { background: url(images/headings/agentura_aletheia.png) no-repeat 0 10px; text-indent: -1000em;}
h2#seminare { background: url(images/headings/seminare.png) no-repeat 0 10px; text-indent: -1000em;}
h2#klienti { background: url(images/headings/klienti.png) no-repeat 0 10px; text-indent: -1000em;}
h2#fondy { background: url(images/headings/fondy_eu.png) no-repeat 0 10px; text-indent: -1000em;}
h2#podpora { background: url(images/headings/podpora.png) no-repeat 0 10px; text-indent: -1000em;}
h2#kontakt { background: url(images/headings/kontakt.png) no-repeat 0 10px; text-indent: -1000em;}


ul.sub_buttons { list-style: none; margin-left: 40px; padding-left: 0px;}
ul.sub_buttons li.button {
	background-position: 0px -26px;
	background-repeat: no-repeat;
	float: left;
	width: 152px;
	height: 25px;
	text-indent: -10000px;
	margin-left: 10px;
	cursor: pointer; 
}
	
ul.sub_buttons li.button:hover, ul.sub_buttons li.button.active {
	background-position: 0px 0px;
}
	
ul.sub_buttons li.management { background-image: url(images/sub_buttons/management.png) }
ul.sub_buttons li.obchod { background-image: url(images/sub_buttons/obchod.png) }
ul.sub_buttons li.zakaznicke_sluzby { background-image: url(images/sub_buttons/zakaznicke_sluzby.png) }
ul.sub_buttons li.firemni_rozvoj { background-image: url(images/sub_buttons/firemni_rozvoj.png) }
ul.sub_buttons li.osobni_rozvoj { background-image: url(images/sub_buttons/osobni_rozvoj.png) }
ul.sub_buttons li.prihlaseni { background-image: url(images/sub_buttons/prihlaseni.png) }

.padded { margin: 1em; }
.clear { clear: both; font-size: 0.1px; float: none; }


#projects {
	clear: both;
	margin-top: 35px;
	margin-left: -253px;
}

#projects li {
	font-size: 0.9em;
	list-style-image: url(images/project/list_bullet.png);
}

#projects .frame {
	width: 290px;
	min-height: 192px;
	padding-top: 25px;
	float: left;
	}

#management.frame { background: url(images/project/management.png) no-repeat; }
#obchod.frame { background: url(images/project/obchod.png) no-repeat; }
#vyroba.frame { background: url(images/project/vyroba.png) no-repeat; }
#spoluprace.frame { background: url(images/project/tym.png) no-repeat; }
#rozvoj.frame { background: url(images/project/rozvoj.png) no-repeat; }
#indoor.frame { background: url(images/project/indoor.png) no-repeat; }

#mbti_360_login { text-align: center; }