* {margin:0px; border:none; padding:0px;}
:focus {outline:none;}

body {font-size:80%;
background:#131313;
color:#9e9e9e;
font-family:sans-serif;
text-align:center;
}

a {
	color: #CCC
}

#pozadi {background:black url('pictures/pozadi.jpg') center top no-repeat;}

#layout {
position:relative;
width:990px;
background:#060606 url('pictures/pozadi.jpg') center top no-repeat;
margin:auto;
text-align:left;
min-height:800px;
}

#header {
	position:relative;
	height:170px;
	left:22px;
	background-image: url(pictures/karty.png);
	background-repeat: no-repeat;
	background-position: 545px 5px;
}

#header h1 {font-size:140%;}
#header h1 a, #header h1 a span {
	position:absolute;
	top:10px;
	left:0px;
	cursor:pointer;
	display:block;
	color:white;
	width:350px;
	height:74px;
	line-height:74px;
	overflow:hidden;
}
#header h1 a span {left:0px; background:url('pictures/logo.jpg') no-repeat;}

#menu {
position:absolute;
bottom:0px;
width:940px;
padding:0px 0px 0px 10px;
height:44px;
background:#272727 url('pictures/menu.png') no-repeat;
}
#menu li {display:inline;}
#menu a, #menu a span {position:relative; overflow:hidden; cursor:pointer; display:block; float:left; height:44px; font-size:90%; line-height:44px; color:white; text-transform:uppercase; text-align:center; font-weight:bold; text-decoration:none; background:url('pictures/carka.gif') right 8px no-repeat;}
#menu a span {position:absolute; top:0px; left:0px;}
#menu a.uvod {width:125px;}
#menu a.opokeru {width:90px;}
#menu a.skola {width:120px;}
#menu a.slovnik {width:90px;}
#menu a.registrace {width:90px;}
#menu a.podpora {width:90px;}

#banner {
position:relative;
width:951px;
height:214px;
background:#404849 url('pictures/banner.jpg') no-repeat;
left:22px;
margin-top:10px;
}

#banner h2, #banner h2 span {
position:absolute;
top:49px;
left:26px;
width:173px;
height:34px;
font-size:140%;
color:white;
overflow:hidden;
}
#banner h2 span {top:0px; left:0px; display:block; float:left; background:url('pictures/grafnavrhy.gif') no-repeat;}

#banner ul {list-style-type:none;}
#banner ul li, #banner ul li span {
position:absolute;
color:black;
overflow:hidden;
}
#banner ul li span {top:0px !important; left:0px !important; display:block; float:left;}

#banner ul li.design, #banner ul li.design span {
top:56px;
left:225px;
width:177px;
height:103px;
background:#ffca38;
font-size:140%;
}
#banner ul li.design span {background:url('pictures/shape.gif') no-repeat;}
#banner ul li.web, #banner ul li.web span {
top:62px;
left:513px;
width:349px;
height:64px;
color:white;
}
#banner ul li.web span {background:url('pictures/300designu.gif') no-repeat;}
#banner ul li.kalkulace, #banner ul li.kalkulace span, #banner ul li.kalkulace a {
top:162px;
left:513px;
width:139px;
height:25px;
background:#d6d6d6;
text-decoration:none;
}
#banner ul li.kalkulace a {top:0px; left:0px; display:block; float:left;}
#banner ul li.kalkulace span {background:url('pictures/button.gif') no-repeat; cursor:pointer;}

h2#nadpis {
	position:relative;
	width:775px;
	left:30px;
	color:#666666;
	font-weight:normal;
	font-size:220%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
h2#nadpis strong {color:#9c9c9c; font-weight:bold;}
h2#nadpis cite {color:#3e3e3e; font-style:normal;}
h2#nadpis em {color:#4688a6; font-style:normal;}



h2 {
	color:#F30;
	font-weight:normal;
	font-size:200%;
}

h3 {

	color:#FC0;
	font-weight:normal;
	font-size:140%;

}

#content {
position:relative;
width:723px;
padding:0px 0px 35px 0px;
left:244px;
}
#klienti {
	position:relative;
	width:290px;
	height:500px;
	overflow:hidden;
	float:left;
}
#klienti span {position:absolute; top:0px; left:0px; display:block; float:left; width:290px; height:210px; background:url('pictures/klienti.gif') no-repeat;}
#klienti ul {
	list-style-type:circle;
	width:145px;
	text-transform:none;
	font-weight:normal;
	line-height:normal;
	float:left;
}
#reklamaKlient {float:left;}

#klienti1 {
	position:relative;
	width:290px;
	height:300px;
	overflow:hidden;
	float:left;
	padding-left: 0px;
	margin-left: 30px;
	margin-top: 5px;
}


#man {
position:absolute;
background:url('pictures/man.png') no-repeat;
left:-56px;
bottom:-1px;
width:281px;
height:513px;
}


#footer {
position:relative;
height:234px;
border-top:1px solid #323232;
background:#131313;
text-align:center;
color:#4e4e4e;
}
#footer a {color:#4e4e4e;}
#footer a:hover {color:#616161;}
#footer div.inner {
width:990px;
margin:auto;
padding:14px 0px 0px 0px;
text-align:right;
}
#footer div.inner div {
margin:16px 0px 0px 0px;
background:#1c1c1c;
padding:0px 22px 0px 22px;
height:74px;
overflow:hidden;
text-align:left;
}

.odkazydole {
	color:#666;
	background:#666;
}

#footer div.inner div img {margin:0px 28px 0px 0px; float:left;}

div.clean {clear:both; height:0px; font-size:0px; overflow:hidden;}