body {
	margin: 0px; 
	padding: 0px;
	background-color: #DEF2FD;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	font-size: 12px;
}

#hlavni {
	width: 980px;
	position: relative;
	text-align: left;
	z-index: 0;
	margin: auto;
} 

#logo {
	width: 120px;
	height: 120px;
	position: absolute;
	top: 10px;
	left: 37px;
	z-index: 100;
}

#hlavicka {
	width: 980px;
	height: 384px;
	position: relative;
	z-index: 1;
}

#hlavicka .logo {
	width: 178px;
	height: 164px;
	position: relative;
	margin-top: 0;
	background-image: url(/images/logo.jpg);
	background-repeat: no-repeat;
	float: left;
}

#hlavicka .top {
	width: 802px;
	height: 133px;
	z-index: 10;
	float: right;
}

#hlavicka .top p {
	font-size: 33px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 0 0 280px;
	margin: 60px 0 0 0;
}

#hlavicka .menu {
	width: 692px;
	height: 31px;
	text-align: left;
	float: right;
	background-image: url(/images/bg-menu.jpg);
	background-repeat: no-repeat;
	padding-left: 110px;
}

#hlavicka .top2 {
	width: 980px;
	height: 205px;
	text-align: left;
	background-image: url(/images/bg-top.jpg);
	background-repeat:repeat;
	float: left;
	font-size: 62px;
	color: #0f1f84;
	padding: 0;
	font-weight: bold;
}

#hlavicka .top2 .text {
	width: 700px;
	height: 180px;
	text-align: left;
	float: left;
	font-size: 62px;
	color: #0f1f84;
	font-weight: bold;
	padding: 25px 0 0 30px;
}

#hlavicka .top2 .text .nadpis {
	font-size: 32px;
	color: #4bc1de;
	font-weight: normal;
}

#hlavicka .top2 .aktuality {
	width: 147px;
	height: 177px;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	float: right;
	background-image: url(../images/bg-aktuality.jpg);
	background-repeat: no-repeat;
	margin: 10px 10px 0 0;
	padding: 5px 10px 5px 20px;
}

#hlavicka .top2 .aktuality .close {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 173px;
	left: 950px;
	cursor: pointer;
	border: 0;
}

#hlavicka .top2 .aktuality .nadpis {
	font-size: 19px;
	color: #f27c00;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#hlavicka .top2 .aktuality .text2 {
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

#hlavicka .top2 .aktuality .aktualityimg {
	border: #f27c00 1px solid;
	margin: 10px 0;
}

#hlavicka .top2 .aktuality .odkaz {
	padding: 0;
	margin: 5px 0;
}

#hlavicka .top2 .aktuality .orange {
	color: #f27c00;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0 0 0;
}

#left {
	width: 250px;
	float: left;
	margin: -12px 0 0 0;
	padding: 0;
}

#left .kategorie {
	padding: 5px 0 3px 10px;
	color: #58b8d0;
	font-size: 18px;
	font-weight: bold;
}

#left .kategorie2 {
	padding: 20px 0 3px 10px;
	color: #58b8d0;
	font-size: 18px;
	font-weight: bold;
}

#left .kategorie2 .red {
	color: #cc0000;
	font-size: 21px;
	font-weight: bold;
	padding: 0 0 0 5px;
}

#stred {
	background-color: #ffffff;
	width: 730px;
	z-index: 0;
	text-align: left;
	margin: -15px 0 0 0;
	min-height: 700px;
	float: left;
}

#left .menu-left01 {
	background-image: url(../images/menu-left01.jpg);
	background-repeat: no-repeat;
	height: 85px;
	text-align: left;
	width: 250px;
	margin-top: 6px;
}

#left .menu-left01 p {
	color: #0f1f84;
	padding: 0 10px 0 22px;
	font-size: 12px;
	font-weight: normal;
}

#left .menu-left01 a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 20px;
	font-family: Arial Black, Arial;
	padding: 4px 0 0 20px;
}

#left .menu-left01 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	padding: 4px 0 0 20px;
}

#left .menu-left01 span {
	text-decoration: underline;
}


#left .menu-left02 {
	background-image: url(../images/menu-left02.jpg);
	background-repeat: no-repeat;
	height: 85px;
	text-align: left;
	width: 250px;
}

#left .menu-left02 p {
	color: #0f1f84;
	padding: 0 10px 0 22px;
	font-size: 12px;
	font-weight: normal;	
}

#left .menu-left02 a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 20px;
	font-family: Arial Black, Arial;
	padding: 4px 0 0 20px;
}

#left .menu-left02 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	padding: 4px 0 0 20px;	
}

#left .menu-left02 span {
	text-decoration: underline;
}

#left .menu-left03 {
	background-image: url(../images/menu-left03.jpg);
	background-repeat: no-repeat;
	height: 85px;
	text-align: left;
	width: 250px;
}

#left .menu-left03 p {
	color: #0f1f84;
	padding: 0 10px 0 22px;
	font-size: 12px;
	font-weight: normal;
}

#left .menu-left03 a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 20px;
	font-family: Arial Black, Arial;
	padding: 4px 0 0 20px;
}

#left .menu-left03 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	padding: 4px 0 0 20px;
}

#left .menu-left03 span {
	text-decoration: underline;
}

#left .menu-left04 {
	background-image: url(../images/menu-left04.jpg);
	background-repeat: no-repeat;
	height: 85px;
	text-align: left;
	width: 250px;
}

#left .menu-left04 p {
	color: #0f1f84;
	padding: 0 10px 0 22px;
	font-size: 12px;
	font-weight: normal;
}

#left .menu-left04 a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 20px;
	font-family: Arial Black, Arial;
	padding: 4px 0 0 20px;
}

#left .menu-left04 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	padding: 4px 0 0 20px;
}

#left .menu-left04 span {
	text-decoration: underline;
}

#left .menu-left05 {
	background-image: url(../images/menu-left05.jpg);
	background-repeat: no-repeat;
	height: 85px;
	text-align: left;
	width: 250px;
	font-weight: normal;
}

#left .menu-left05 p {
	color: #0f1f84;
	padding: 0 10px 0 22px;
	font-size: 12px;
}

#left .menu-left05 a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 20px;
	font-family: Arial Black, Arial;
	padding: 4px 0 0 20px;
}

#left .menu-left05 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	padding: 4px 0 0 20px;
}

#left .menu-left05 span {
	text-decoration: underline;
}

#left .menu-left06 {
	background-image: url(../images/menu-left06.jpg);
	background-repeat: no-repeat;
	height: 85px;
	text-align: left;
	width: 250px;
}

#left .menu-left06 p {
	color: #0f1f84;
	padding: 0 10px 0 22px;
	font-size: 12px;
	font-weight: normal;
}

#left .menu-left06 a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 20px;
	font-family: Arial Black, Arial;
	padding: 4px 0 0 20px;
}

#left .menu-left06 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	padding: 4px 0 0 20px;
}

#left .menu-left06 span {
	text-decoration: underline;
}

#left .menu-left07 {
	background-image: url(../images/menu-left07.jpg);
	background-repeat: no-repeat;
	height: 85px;
	text-align: left;
	width: 250px;
}

#left .menu-left07 p {
	color: #0f1f84;
	padding: 0 10px 0 22px;
	font-size: 12px;
	font-weight: normal;
}

#left .menu-left07 a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 20px;
	font-family: Arial Black, Arial;
	padding: 4px 0 0 20px;
}

#left .menu-left07 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	padding: 4px 0 0 20px;
}

#left .menu-left07 span {
	text-decoration: underline;
}

#left .kontakt {
	font-size: 11px;
	color: #81bbd8;
	background-image: url(/images/mapka.gif);
	background-repeat: no-repeat;
	background-position: 20px 50px;
	cursor: pointer;
	margin: 0 0 0 8px;
}

#bottom {
	background-color: #FFFFFF;
	width: 700px;
	z-index: 0;
	text-align: left;
	margin: 0;
	padding: 15px;
	padding-top: 30px;
	float: right;
}

#realizace {
	width: 740px;
	height: 30px;
	text-align: right;
	margin: auto;
	float: right;
	padding: 10px 0 0 0;
}

#realizace a {
	font-size: 10px;
	color: #81bbd8;
}