body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #fff url("background01.png") repeat-x left top;
}

#page {
	margin: 0 auto;
	width: 1020px;
	background: url("background02.png") no-repeat left top;
}

#main {
	margin: 0 auto;
	width: 958px;
	text-align: left;
}

#top {
	color: #888;
	height: 180px;
	background: url("header02b.jpg") no-repeat right bottom;
}
#page.homepage #top {
	background: none;
}

#top .logo1 {
	float: left;
	display: block;
	width: 537px;
	height: 80px;
	background: url("logo01.png") no-repeat left top;
}
#top .logo1 span {
	display: none;
}

#top .logo2 {
	float: left;
	clear: left;
	display: block;
	width: 281px;
	height: 99px;
	background: url("logo02.png") no-repeat left top;
}
#top .logo2 span {
	display: none;
}

#top .eshop {
	float: right;
	display: block;
	width: 174px;
	height: 95px;
	margin-right: 41px;
	background: url("eshop01.png") no-repeat left top;
}
#top .eshop:hover {
	background-position: left -95px;
}
#top .eshop span {
	display: none;
}

#top .hypoteka {
	float: right;
	display: block;
	width: 174px;
	height: 95px;
	margin-right: 26px;
	background: url("hypoteka01.png") no-repeat left top;
}
#top .hypoteka:hover {
	background-position: left -95px;
}
#top .hypoteka span {
	display: none;
}

/* ------------------------------------------- horní menu */
#top-menu {
	width: 430px;
	float: right;
}
#top-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#top-menu ul li {
	float: left;
	margin: 0;
	padding: 0;
}
#top-menu ul li a {
/*	display: block;
	float: left;*/
	height: 70px;
/*	line-height: 60px;*/
	padding: 0 20px;
	color: #888;
	text-decoration: none;
	    display: table-cell;
	    vertical-align: middle;
	    text-align: center;
	    padding-bottom: 12px;		/* Height of menu01.png */
}
#top-menu ul li a.eko {
	color: green;
	font-weight: bold;
}
#top-menu ul li a:hover {
	text-decoration: underline;
}
#top-menu ul li.selected a, #top-menu ul li a:hover {
	background: #2b589e url("menu01.png") no-repeat center bottom;
	color: #fff;
}
#top-menu ul li a:hover.eko {
	color: lightgreen;
	font-weight: bold;
}
#top-menu ul li ul {
	display: none;
}

/* ------------------------------------------- vyhledávání */
#search {
	clear: right;
	float: right;
	width: 244px;
	color: #b8b8b8;
}
#search p, #search form {
	margin: 0;
	padding: 0;
}
#search .query {
	width: 158px;
	color: #00aeef;
}

/* ------------------------------------------- levý sloupec */
.expandable, .subexpandable, .subexpandable2 {
    cursor: hand;
    cursor: pointer;
}
#left-bar {
	color: #888;
	float: left;
	width: 281px;
	background: #fff url("leftbar01.png") no-repeat left 28px;
}
#left-bar h2 {
	width: 248px;
	padding: 0;
	margin: 20px 0 0 33px;
	text-align: center;
	color: #2b589e;
	background-color: #f6fbff;
	font-size: 200%;
}
#left-menu {
	padding-top: 5px;
	padding-left: 69px;
	margin-bottom: 45px;
}
#left-menu h3, #left-menu ul li .subexpandable, #left-menu ul li a:hover.subexpandable, #left-menu ul li .subexpandable2, #left-menu ul li a:hover.subexpandable2 {
	background-color: #2b589e;
	background-image: none;
	color: #f6fbff;
	width: 168px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	text-decoration: none;
}
#left-menu ul li .subexpandable, #left-menu ul li a:hover.subexpandable, #left-menu ul li .subexpandable2, #left-menu ul li a:hover.subexpandable2 {
	margin-bottom: 12px;
	margin-left: 6px;
	width: 157px;
}
#left-menu ul li .subexpandable2, #left-menu ul li a:hover.subexpandable2 {
	margin-left: 12px;
	width: 151px;
}
#left-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	width: 174px;
}
#left-menu ul li a {
	display: block;
	padding: 6px 5px 15px 12px;
	text-decoration: none;
	color: #888;
	background: url("menu03.png") no-repeat left bottom;
}
#left-menu ul li a:hover {
	text-decoration: underline;
}
#left-menu ul li.selected a, #left-menu ul li a:hover {
	color: #fff;
	background: url("menu03h.png") no-repeat left bottom;
}
#left-menu ul li ul li a {
	padding-left: 12px;
	margin-left: 12px;
	background: url("menu03l1.png") no-repeat left bottom;
}
#left-menu ul li ul li a.selast {
	background: url("menu03l1e.png") no-repeat left bottom;
}
#left-menu ul li ul li.selected a, #left-menu ul li ul li a:hover {
	background: url("menu03l1h.png") no-repeat left bottom;
}
#left-menu ul li ul li.selected a.selast, #left-menu ul li ul li a:hover.selast {
	background: url("menu03l1he.png") no-repeat left bottom;
}
#left-menu ul li ul li ul li a {
	padding-left: 12px;
	margin-left: 24px;
	background: url("menu03l2.png") no-repeat left bottom;
}
#left-menu ul li ul li ul li a.selast {
	background: url("menu03l2e.png") no-repeat left bottom;
}
#left-menu ul li ul li ul li.selected a, #left-menu ul li ul li ul li a:hover {
	background: url("menu03l2h.png") no-repeat left bottom;
}
#left-menu ul li ul li ul li.selected a.selast, #left-menu ul li ul li ul li a:hover.selast {
	background: url("menu03l2he.png") no-repeat left bottom;
}
#left-menu ul li ul li ul li ul li a {
	padding-left: 12px;
	margin-left: 36px;
}
#partneri {
	padding: 20px 0 0 30px;
	text-align: center;
}
#partneri img {
	 padding: 10px;
}
/* ------------------------------------------- hlavní sloupec */
#right-bar {
	float: right;
	width: 677px;
	background: #fff;
}

/* --------------------------------------------------------------- hlavička */
#header {
	width: 677px;
	height: 225px;
	background: url("header02.jpg") no-repeat left top;
}
#header object {
	display: none;
}
#page.homepage #header {
	background: none;
	height: 300px;
}
#page.homepage #header object {
	display: block;
}
/* --------------------------------------------------------------- drobečková navigace */
#breadcrumbs {
	height: 65px;
	line-height: 65px;
	padding-left: 15px;
}

/* --------------------------------------------------------------- obsah */
#content, .cla-cely {
	border-left: 3px solid #2b589e;	
	margin-left: 15px;
	padding: 0 40px 0 15px;
}

/* ------------------------------------------- patička */
#footer {
	padding: 185px 0 0 0;
	background: url("background03.jpg") no-repeat right top;
}
#footer .content {
	float: right;
	text-align: right;
	padding: 15px;
	height: 60px;
	color: #666;
	background: #eeeeee;
}

/* -------------------------------- CMS */
.cla-text {
	text-align: justify;
}
.nov-titulek, .nov-titulek-duraz {
	color: #2b589e;
}
.nov-titulek-duraz {
	font-weight: bold;
}

/* --------------------------------------------------------------- reklama */

#banner_top {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}

/* ------------------------------- style_content */
body {
	font-size: 80%;
	color: #222;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
}

h1 {
	font-size: 220%;
	color: #2b589e;
	font-weight: normal;
	border-bottom: 1px solid #d7d7d7;
}

h2 {
	font-size: 160%;
	color: #2b589e;
	font-weight: bold;
}

h3 {
	font-size: 130%;
	color: #2b589e;
}

h4 {
	font-size: 110%;
	color: #2b589e;
}

a {
	color: #2b589e;
}

a:hover {
	color: #6b98de;
}

img {
	border: none;
}

input {
	border: 1px solid #d7d7d7;
	background: #fff url("input01.png") no-repeat left top;
	margin: 0;
	padding: 3px;
}
input.button{
	background: #eee;
	color: #777;
	cursor: pointer;
}
input.button:hover {
	background-color: #ddd;
}
.prcap {				/* Produkty */
	font-weight: bold;
	color: #2b589e;
	vertical-align: top;
	text-align: left;
}
.center {				/* Produkty centrovane v tabulce */
	margin: 0 auto;
	text-align: center;
}
img.left, table.left {
	float: left;
	padding-right: 5px;
	margin-bottom: 5px;
}
img.right, table.right {
	float: right;
	padding-left: 5px;
	margin-bottom: 5px;
}
.brb {					/* Break before element */
	clear: both;
}
.mlecolor, .mlecolorb {				/* Firemni barvy */
	color: #2b589e;
}
.mlecolorb {
	font-weight: bold;
}