* { margin:0; padding:0; }
#background { background: #000 url(../images/background/body.jpg) top center no-repeat; margin-top: 75px; }

/* Definice hlavniho designoveho ramce */
#layout { margin:0 auto; width: 760px; text-align:left; }
/* Pozadi hlavicky */
#header { background: #000 url(../images/background/header.png) top center no-repeat; height: 114px; }
#header h1 { margin:0; padding:0; }
/* Logo + image replacement */
#logo {
	display: block;
	float: left;
	width: 0; height: 0;
	margin: 15px 0 0 24px;
	_margin-left: 13px;
}
#logo span {
	text-indent:-10000px;
	background: #000 url(../images/background/logo.png) top center no-repeat; 
	width:187px;
	height:98px;
	display: block; position:absolute; cursor:pointer;
}

/* Menu */
#menu {	background: #000 url(../images/background/menu.png) top center repeat-y; height: 25px; }
/* Hlavni kontejner pro menu */
#menu ul { list-style-type: none; padding: 0; margin-left: 36px;  width: 687px; margin-bottom:0px;}
/* Polozka v menu */
#menu ul li { padding: 6px 0 5px 0;	background: none; line-height: 100%; display: block; float: left; list-style: none; }
/* Odkaz v menu */
#menu ul li a {	display: block;	width:0; height:0; }
/* Berlicka kvuli hnusnemu teckovanemu ramecku v mozile - tvz. naf-ir */
#menu ul li a span { display: block; position:absolute; cursor:pointer; }

/* Hlavni obsahovy ramec + horni pozadi */
#content {	background: #000 url(../images/background/content-dummy.png) top center repeat-y; }
/* Lukas si vymyslel zidli */
#content-zidle { background: transparent url(../images/background/zidle.gif) right bottom no-repeat; }
/* definice opakujiciho se pozadi + hlavni vlastnosti obsahoveho ramce */
#content-dummy { 
	background: transparent url(../images/background/content.png) top center no-repeat;
	min-height: 352px;
	_height: 352px;
	padding-top: 26px;
	padding-left: 18px;
	padding-right: 15px;
	margin-bottom: 10px;
}

/* Levy obsahovy sloupec */
#left-column { float:left; width: 501px; }
/* Pokud je kontentova stranka */
.content-page { background: white url(../images/background/content-page-content.png) top center no-repeat; min-height: 342px; _height:342px; }
#left-column-content { padding: 20px 12px 10px 12px; }
#right-column { float:right; width: 214px; min-height: 341px; _height:341px; background: #fefdf5 url(../images/background/right-column.png) top center no-repeat;  }
#right-column-content { padding: 9px; }
.content-page.kontakty { background-color: transparent; }
#left-column-kontakty { background: white url(../images/background/kontakty.jpg) right bottom no-repeat; }



#homepage-perex {
	background: transparent url(../images/background/homepage-perex.png) top center no-repeat;
	height: 88px;
	width: 499px;
	margin-bottom: 16px;
	_margin-bottom: 18px;
}

#homepage-perex p { font-size: 1.1em; }
#homepage-upoutavky { margin-top: 0px; }
#homepage-upoutavky span { display: block; }
#homepage-upoutavky .left, #homepage-upoutavky .right { background-color: #fbfaf4 } 
#homepage-upoutavky a { color: black; text-decoration:none; }
#homepage-upoutavky a:hover { text-decoration:underline; cursor: pointer; }
.upoutavka { width: 245px;	min-height: 237px;	_height: 237px; }
.upoutavka-content { padding: 13px; padding-top: 18px; }
.upoutavka-content h2 { margin-bottom: 8px; }
.upoutavka-pozadi-horni { background: transparent url(../images/background/hp-upoutavky-horni.png) top center no-repeat;  }
.upoutavka-pozadi-dolni-navrhy { background: transparent url(../images/background/hp-upoutavky-dolni-navrhy.png) bottom right no-repeat; }
.upoutavka-pozadi-dolni-doplnky { background: transparent url(../images/background/hp-upoutavky-dolni-doplnky.png) bottom right no-repeat; }

.ilustrace { height: 319px; width: 197px; }
.schody { background: transparent url(../images/photos/homepage-schody.png) top center no-repeat; }

.obrazkovy-odkaz { width:235px; height:98px; display: block; text-indent: -10000px; cursor:pointer;}
.obrazkovy-odkaz.priklad-rozpoctu { background: transparent url(../images/background/priklad-rozpoctu.png) top center no-repeat; }
.obrazkovy-odkaz.ukazkovy-projekt { background: transparent url(../images/background/ukazkovy-projekt.png) top center no-repeat; }
.obrazkovy-odkaz.navrhy-interieru { background: transparent url(../images/background/navrhy-interieru.png) top center no-repeat; }
.obrazkovy-odkaz.zajem-o-spolupraci { background: transparent url(../images/background/zajem-o-spolupraci.png) top center no-repeat; }

#footer { clear: both; background: transparent url(../images/background/footer.png) top center no-repeat; height:29px; color: white; font-size: 10px; padding: 0 18px; }
#footer p { margin-top: 4px;}
#copyright { float: left;}
#spolupracujeme { float:left; margin-left:94px;}
#design-and-development { float: right;}
#footer a { color: white }


.nahled-obrazku { width: 62px; height:64px; float: left; overflow:hidden; margin:0; font-size: 1px; }
.nahled-obrazku.prostredni { margin: 0 5px; }
.nahled-obrazku img { padding:3px 2px 2px 3px; }

.left { float: left; }
.right { float: right; }
.hidden { display:none; }

.spacer { border:none; margin:0; padding:0; background:transparent; overflow:hidden; }
.spacer.a { height:1px; font-size:1px; }
.spacer.b { height:2px; font-size:2px; }
.spacer.c { height:3px; font-size:3px; }
.spacer.d { height:4px; font-size:4px; }
.spacer.e { height:5px; font-size:5px; }
.spacer.f { height:6px; font-size:6px; }
.spacer.g { height:7px; font-size:7px; }
.spacer.h { height:8px; font-size:8px; }
.spacer.i { height:9px; font-size:9px; }
.spacer.j { height:10px; font-size:10px; }
.spacer.xxx { height:100px; font-size:100px;  }



.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	overflow:hidden;
}