* {
	padding: 0;
	margin: 0;
}

html {
	height: 100%; font-size: 62.5%;
}

hr.cleaner {
   clear: both;
   height: 1px;
   margin: -1em 0 0 0;
   visibility: hidden;
   border: none; 
   }

body {
	background-color: #292524;
	color: #d3cbc6;
	font-family: sans-serif;
	text-align: center;
	position: relative;
	margin:0 auto;

}

cite {
	position: absolute;
	right: 0;
	top: 20px;
	font-size: 20px;
	line-height: 20px;
	z-index: 5;
}

	cite small {
		display: block;
		font-size: 12px;
	}

#stranka {
	width: 736px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}


/* hlavicka ----------------------*/
#hlavicka {
	position:absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 736px;
	height: 346px;
	background: url('/grafika/uspesny-web-hlavicka-foto-trojlistku.jpg') no-repeat bottom;
}

	.logo {
		display: block;
		width: 246px;
		height: 42px;
		background: url('/grafika/uspesny-web-logo.gif') no-repeat;
		margin: 26px 0 26px 0;;
	}
	.logo span {
		display: none;
	}
	.logo a {
		display: block;
		height: 42px;
		width: 246px;
	}

/* menu -------------------------*/
#mainmenu{
	position:absolute;
	top: 346px;
	left: 0px;
	list-style-type: none;
	background: url('/grafika/uspesny-web-menu-pozadi.jpg') no-repeat;
	height:46px; 
	width: 736px; 
	font-weight:bold;
	font-size: 1.4em;
}
	#mainmenu li {
		display:block;
		float: left;
		height:46px;
		line-height:46px;
		width: 122px;
		margin: 0;
		text-align: center;
		background: url('/grafika/uspesny-web-menu-delic.jpg') no-repeat right center;
	}
	#mainmenu li.posledni {
		background: none;
	}
	#mainmenu li a {
		height:46px;
		display: block;
		line-height:46px;
		color: #d3cbc6;
		text-decoration:none;
		
		white-space:nowrap;
	}
	#mainmenu li a:hover {
		color:#fff;
	}


/* paticka -----------------*/

#paticka {
	width: 736px;
	
	height: auto;
	display: block;
	padding: 1em 0 0.5em 0; 
	_padding: 1em 0 0 0;
	background-color:#23211f;
	font-size: 1.2em;
	color: #d3cbc6;
	font-weight:lighter;
}
	#paticka p {
		text-align: left;
		font-size: 1em;
		
	}
	
	#xhtml-valid {
		float:left; 
		padding-left: 2em;
	}
	
	#copy {
		float: right;
		margin-right: 2em;
	}
	
	#doporucujeme {
		float: left;
		padding: 0.5em 2em 0.5em 2em;
		*padding: 0.5em 2em 0 2em;
	}



/* obsah -------------------------------------------------*/
#obsah {
	position: relative;
	top:412px;
	left:0px;
	width: 736px;
	display: block;
	height: auto;

}

#obsah-text {
	padding: 0 1em 0 1em;
	font-size: 0.9em;
}
	a {
		color: #E0E763;
	}
	a:hover {
		text-decoration: none;
	}

	#obsah-text h1 {
		color: #E3DCD7;
		font-size: 2.2em;
		font-weight:lighter;
		margin: 0.5em 0 0.5em 0;
	}
	#obsah-text h2 {
		color: #E3DCD7;
		font-size: 2em;
		font-weight:lighter;
		margin-bottom: 0.5em;
	}
	#obsah-text h3 {
		color: #E3DCD7;
		font-size: 1.8em;
		margin-bottom: 0.8em;
	}
	#obsah-text p {
		font-size: 1.6em;
		text-align:justify;
		margin-bottom: 1.4em;
	}
	
	#obsah-text ul {
		list-style-image: url('/grafika/uspesny-web-seznam-odrazka.gif');
	}
	#obsah-text ul li {
		height: 22px;
		line-height: 22px;
		text-indent:0.5em;
		font-size: 1.6em;
	}
	#obsah-text dl {
		margin-bottom: 20px;
	}
	#obsah-text dl dt strong {
		display: block;
		font-size: 1.4em;
		margin-top: 20px;
	}
	#obsah-text .vetsi {
		font-size: 2em;
		margin: 0;
	}

p.zvyraznene {color: #d3ba7f;}

ul {width: 736px;text-align:justify;margin-bottom: 1em;list-style-position:inside;}

.right {text-align:right;}
.fright {float: right;}
.uvod-seznam {width: 470px;}
#uvod-li, #uvod-li li {width: 200px;}
dt {margin: 0.5em 0; font-size:1em;}
dd {text-align:justify;font-size:1.6em;}

#kontaktni-form table tr td {vertical-align: top; padding: 0.2em; font-size:1.6em;}
input,textarea {border: 1px solid #554e4a;background-color: #7f756f;color: #f5ede8;padding:0.2em;}
textarea {width: 25em;height:15em;}

blockquote {width:736px;height:252px;background: url('/uspesny-web-webove-prezentace-grafika/uspesny-web-hlavicka-foto-trojlistku.jpg') no-repeat;}
blockquote ul {list-style:none;position:relative;}
blockquote ul li strong {margin-left: 500px;display:none;}

blockquote ul li#chcete-byt-videt {margin: 63px 0 0 430px; display: block;position:absolute;left:0;top:0;background: url('/grafika/uspesny-web-chcete-byt-videt.gif') no-repeat;width: 292px;height: 124px;}
blockquote ul li#hledate-nove-klienty {margin: 63px 0 0 430px; display: block;position:absolute;left:0;top:0;background: url('/grafika/uspesny-web-hledate-nove-klienty.gif') no-repeat;width: 292px;height: 124px;}
blockquote ul li#prodavejte-pres-internet {margin: 63px 0 0 430px; display: block;position:absolute;left:0;top:0;background: url('/grafika/uspesny-web-prodavejte-pres-internet.gif') no-repeat;width: 292px;height: 124px;}

#mapa {
    width: 100%;
    height: 500px;
}