#layout {
	width: 760px;
	margin: 0 auto;
	text-align: center;
	margin-top: 97px;
	padding-bottom: 50px;
}

#header { 
	background: black url(../images/background/header.jpg) top left no-repeat;
	height: 94px;
}

#header h1 a { text-indent: -10000px; }

#logo {
	float: left; 
	display: inline;
	background: transparent url(../images/background/logo.gif) top left no-repeat;
	width: 93px;
	height: 63px;
	margin: 15px 0 0 24px;
}

#header-menu { 
	float: right;
	display: inline;
	margin-top: 42px;
	width: 152px;
	height: 15px;
}

.header-button { float: left; }
.header-button span { display:block; text-indent: -10000px; }
.header-button.ptejte-se { 
	background: transparent url(../images/background/header-menu-ptejte-se.gif) top left no-repeat;
	width: 54px; height: 15px;
	overflow:hidden;
}

.header-button.kontakt { 
	background: transparent url(../images/background/header-menu-kontakt.gif) top left no-repeat;
	width: 49px; height: 12px;
	margin-left: 27px;
	overflow:hidden;
}

#main {
	border-top: 1px solid #7298cd;
	border-bottom: 1px solid #545353;
	background: transparent url(../images/background/main.jpg) top left no-repeat;
	height: 269px;
}

#flash { float: left; margin-left: 9px; border:0; display: inline; height: 269px; overflow:hidden; }

.hlavni-nadpis { 
	float: left;
	display: inline;
	width: 500px;
	text-indent: -10000px;
	background: transparent url(../images/background/hlavni-nadpis-co-je-me.jpg) top left no-repeat;
	margin-top: 122px;
	margin-left: 23px;
}

#main-menu { float: right;	width: 203px; height: 269px; overflow:hidden; }
#main-menu * { margin:0; padding:0; text-align:left; }

#main-menu ul li {	diplay: block;	float:left;	height: 54px;	width: 203px; }
#main-menu ul li a { display:block; width: 203px; height: 54px; }
#main-menu ul li a.inspirujte-se { height: 53px; }
#main-menu ul li a span { display: none; }

#main-menu ul li a.co-je-me { background: transparent url(../images/background/menu-co-je-me.gif) top left no-repeat; }
#main-menu ul li a:hover.co-je-me { background: transparent url(../images/background/menu-co-je-me-o.gif) top left no-repeat; }
#main-menu ul li a.jak-me-funguje { background: transparent url(../images/background/menu-jak-me-funguje.gif) top left no-repeat; }
#main-menu ul li a:hover.jak-me-funguje { background: transparent url(../images/background/menu-jak-me-funguje-o.gif) top left no-repeat; }
#main-menu ul li a.proc-koupit { background: transparent url(../images/background/menu-proc-koupit.gif) top left no-repeat; }
#main-menu ul li a:hover.proc-koupit { background: transparent url(../images/background/menu-proc-koupit-o.gif) top left no-repeat; }
#main-menu ul li a.jak-setri { background: transparent url(../images/background/menu-jak-setri.gif) top left no-repeat; }
#main-menu ul li a:hover.jak-setri { background: transparent url(../images/background/menu-jak-setri-o.gif) top left no-repeat; }
#main-menu ul li a.inspirujte-se { background: transparent url(../images/background/menu-inspirujte-se.gif) top left no-repeat; }
#main-menu ul li a:hover.inspirujte-se { background: transparent url(../images/background/menu-inspirujte-se-o.gif) top left no-repeat; }

#content {
	text-align: left;
	background: black url(../images/background/content.gif) top left no-repeat;
}
.pad { padding: 13px 12px; }
.pad-vertical { padding:0 12px;  }
.pad-horizontal { padding: 12px 0px;  }

.right-column .pad { padding: 13px 5px 0 18px; }

.left-column { width: 548px; float: left; display: inline; margin-left: 9px;  }
.right-column { 
	float: right; display: inline; width: 194px; min-height: 404px; _height: 404px; margin-right: 9px;
	/*font-size: 1.2em;*/
	background: #333434 url(../images/background/content-right-column.gif) bottom left repeat-x;
}
.right-logo {
	min-height: 404px; _height: 404px;  
	background: transparent url(../images/background/content-right-column-logo.gif) bottom right no-repeat;
	padding-bottom: 20px;
}

.left { float: left; width: 48% } 
.right { float: right; width: 48% } 


#footer { width: 742px; border-top: 1px solid #545453; margin: 0 auto; text-align:center; font-size: 0.9em; }
#copyright { float: left; width: 50%; margin-top: 9px; display: inline; text-align:left;  }
#promo { 	float: right; width: 50%; margin-top: 9px;  text-align:right; }
#promo a { color: white; text-decoration: none; }
#promo a span { text-decoration: underline; }


.perex { width: 524px; background-color: #2f3232; margin: 10px 0 0 10px; }
.perex p { margin:0; padding: 0; color: #cadf7c; font-size: 1.3em; font-weight: bold; line-height: 1.5em; }
.perex-top { width: 524px; background: transparent url(../images/background/perex-top.gif) top left no-repeat; }
.perex-bottom { width: 524px; background: transparent url(../images/background/perex-bottom.gif) bottom left no-repeat; }