* {
	padding: 0;
	margin: 0;
	list-style: none;
}
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	background: #ACADB1;
}
a {
	color: #c40109;
    text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
P {
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
}
.logo {
	overflow: hidden;
	width: 978px; 
	height: 90px;
}
.logo span {
	display: block; background-image: url(Images/logo_motto.png); width: 978px; cursor: pointer; height: 90px; 
}
.container {
	padding-right: 14px; padding-left: 14px; background: url(images/container.png) #ACADB1 repeat-y; padding-bottom: 11px; margin: 0px auto; width: 978px; padding-top:0px;
}
.header {
	position: relative;
}
.topbar {
	font-size: 10px; right: 0px; text-transform: uppercase; position: absolute; top: 0px;
}
.topbar a {
	padding-right: 0px; display: block; padding-left: 0px; float: left; padding-bottom: 0px; cursor: pointer; color: #000; padding-top: 5px; text-decoration: none;
}
.topbar a:hover {
	text-decoration: underline;
}
.topbar span {
	padding-right: 10px; display: block; padding-left: 10px; float: left; padding-bottom: 0px; padding-top: 5px;
}
.image {
	width: 978px; display: block; height: 226px; 
}
.image-spolecnost {
	height: 226px; background-image: url(images/image-spolecnost.jpg);
}
.image-partneri {
	height: 226px; background-image: url(images/image-partneri.jpg);
}
.image-kariera {
	height: 226px; background-image: url(images/image-kfp.jpg);
}
.image-podpora {
	height: 226px; background-image: url(images/image-podpora.jpg);
}
.image-klienti {
	height: 226px; background-image: url(images/image-klienti.jpg);
}
.image-kontakty {
	height: 226px; background-image: url(images/image-kontakty.jpg);
}
.image-15let {
	height: 226px; background-image: url(images/image-15-let.jpg);
}
.image-index {
	height: 226px; background-image: url(images/index.jpg);
}
.image-index span {
	display: block;  width: 978px; height: 226px;cursor: pointer;
}
.menu, .menuindex {
	height: 48px;  width: 978px;  background-image: url(images/menu.png);
}
.menu-item, .menuindex-item {
	font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; padding-top: 16px;
}
.menu-item a {
	padding-top: 8px; padding-right: 0px; padding-left: 0px; color: #FFF; width: 163px; height: 21px; text-align: center; text-decoration: none; display: block; float: left; 
}
.menu-item a:hover {
	color: #FFF; text-decoration: none; background: #C40109;
}
.menu-on {
	background: #C40109;
}
.submenu {
	width: 218px; float: left;  padding-top: 40px;
}
.submenu-item {
	font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;
}
.submenu-item a {
	padding-right: 0px; display: block; padding-left: 11px; padding-bottom: 20px; padding-top: 4px; color: #000; text-align: left; text-decoration: none; 
}
.submenu-item a:hover {
	color: #C40109; text-decoration: none;
}
.submenu-item span {
	padding-right: 0px; display: block; padding-left: 0px; padding-bottom: 8px; padding-top: 8px; background: url(images/submenu.png);  background-repeat: no-repeat;
}
.content {
	margin: 0px; background: url(images/content.png) #EDEFEE repeat-y; width: 978px;
}
.article-container {
	background: #EDEFEE; margin: 0px 0px 0px 228px; padding-top: 35px; padding-right: 10px; padding-bottom: 10px; position: relative;
}
.article-content {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;
}
.clear {
	clear: both;
}
.bottommenu {
	padding-right: 0px; padding-left: 228px; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom: 5px; margin: 0px; color: #000; background: url(images/bottommenu.png) #DDDEE0 repeat-y; padding-top: 5px; height: 29px; white-space:nowrap;
}
.bottommenu a {
	padding-right: 0px; display: block; padding-left: 0px; float: left; padding-bottom: 0px; cursor: pointer; color: #000; padding-top: 5px; text-decoration: underline;
}
.bottommenu a:hover {
	text-decoration: underline;
}
.bottommenu span {
	padding-right: 10px; display: block; padding-left: 10px; float: left; padding-bottom: 0px; padding-top: 5px;
}
.footer {
	background-color: #acacb1 ; padding-right: 0px; padding-left: 0px; font-size: 11px; padding-bottom: 0px; margin: 0px auto; width: 1006px; height: 28px; color: #66676B;  padding-top: 12px;
}
.footer span {
	text-align: right;  margin-left: 460px; 
}
.top {
	background: url(images/top.png) ; background-repeat: no-repeat; margin: 0px auto; width: 1006px; height: 4px; color: #66676B;  margin-top: 9px;
}
.nadpis {
	font-size: 28px; color: #66676B; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal;  padding-bottom: 20px;
}
.menuindex {
	height: 356px; background-image: url(images/menuindex.png); position: relative;
}
.menuindex .menuclaim {
	font-size: 11px; text-transform: none; font-weight: normal; margin: 0px 10px; padding: 0px; color: black; line-height: normal; text-align: left;
}
.menuindex .menuclaimB {
	font-size: 11px; text-transform: none; font-weight: normal; margin: 235px 10px 0px 10px; padding: 0px; color: red; line-height: normal; text-align: left;
}
.menuindex-item a:hover .menuclaimB {
	text-decoration: underline;
}
.menuindex-item a {
	color: #FFF; height: 36px; line-height: 36px; text-align: center; text-decoration: none; display: block;
}
.menuindex-1, .menuindex-2, .menuindex-3, .menuindex-4, .menuindex-5, .menuindex-6  {
	padding: 0px 01px 0px 01px;  position: absolute; top: 0; height: 357px; width: 163px; display: block;  color: #000; background-repeat: no-repeat; margin: 10px 00px;
}
.menuimage {
	margin: 12px 10px;
	background-position: 0px 0px;
	height: 143px;
}
.menuindex-item div:hover .menuclaim {
	color: #2156A2; cursor: pointer;
}
.menuindex-item div:hover .menuimage {
	background-position: -143px 0px; cursor: pointer;
}
.menuindex-1 {
	left: 0px;
}
.menuindex-1 .menuimage {
	background-image: url(images/obr1.jpg); 
}
.menuindex-2 {
	left: 163px;
}
.menuindex-2 .menuimage {
	background-image: url(images/obr2.jpg); 
}
.menuindex-3 {
	left: 326px;
}
.menuindex-3 .menuimage {
	background-image: url(images/obr3.jpg); 
}
.menuindex-4 {
	left: 489px;
}
.menuindex-4 .menuimage {
	background-image: url(images/obr4.jpg); 
}
.menuindex-5 {
	left: 652px;
}
.menuindex-5 .menuimage {
	background-image: url(images/obr5.jpg); 
}
.menuindex-6 {
	left: 815px;
}
.menuindex-6 .menuimage {
	background-image: url(images/obr6.jpg); 
}