body {
	margin: 0px;
	padding: 0px;
	background-color: #000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	font-size: 14px;
}
.center { text-align:center;}
#kostka {
	display:block;
	height:80px;
	left:40px;
	overflow:hidden;
	position:absolute;
	top:0;
	width:80px;
}

#kostka h1, #kostka h1 span {
color:#FFFFFF;
height:74px;
left:0;
margin:0;
overflow:hidden;
padding-left:0;
padding-top:0;
position:absolute;
top:0;
width:80px;
z-index:1;
}


#kostka h1 span {
	background-image:url(../images/kostka.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	height:101px;
	left:0;
	margin:0;
	overflow:hidden;
	width:236px;}

#banner {
	position:absolute;
	top: 380px;
	right: 0px;
	z-index: 11;
}
#banner img { display:block;}

#banner2 {
	position:absolute;
	top: 217px;
	right: 0px;
	z-index: 11;
}
#banner2 img { display:block;}
#kostka img { border: 0px;}
#obal { text-align:left; margin-top: 90px;}
#obal2 { text-align:center;}
#leva {
	float:left;
}
#leva ul {
	list-style:none; font-style:italic; padding: 0px 0px 0px 40px; margin:0px;}

#foto {
	width: 660px;
	background-color:#000;
}
#prava { float:right; margin-left: 20px; width: 230px; color:#999;}
#prava a {color:#999;}
#prava img { float: left; margin-right: 7px;}



#stred { margin: 0px 320px 0px 343px;}
#stred2 { margin: 0px 320px 0px 20px;}
#stred2 h1 { padding-left: 80px;}
.clearfloat { clear:both;
font-size:1px;
height:0;
line-height:0;
}
.seznam { padding-left: 50px; list-style-type:none;}
#obsah { width: 580px; padding: 10px 40px; background-color:#FFF; color: #000;}
#obsah2 {
	width: 910px;
	padding: 10px 10px 10px 40px;
	background-color:#FFF;
	min-height: 450px;
	color: #000;
}

#lista li { float:left; padding-right: 15px; list-style-image:none; list-style:none;}
#lista ul { padding: 0px; margin: 0px;}
#lista a:hover {
	color:#999;
	text-decoration: underline;
}
#prvni a {
	color:#737373;
	text-decoration:none;
	font-size:13px;
}
#druha a {color:#96a2a9; text-decoration:none; font-weight:bold; font-size:15px;}

.florght { float:right;}
.floleft { float: left;}
.flocelar { clear:left;}



a {
	color:#666;
}
a:hover {
	color:#666; text-decoration:none;
}

h1 {
	font-size:15px;
	color:#000;
	background-color:#FFF;
}
.odsazeni { padding-left: 90px;}
h2 {
	font-size:20px;
	color:#FFF;
	background-color:#333;
	height: 20px;
	width: 620px;
	padding: 10px 0px 20px 40px;
	margin: 0px;
}
h2 span { font-size:14px; font-weight:normal;}
p { padding: 0px; margin: 0px;}
#kontakty {
	position:absolute;
	left: 54%;
	top: 90px;
	width: 175px; height:47px;
	background-image:url(../images/kontakty1.jpg); background-repeat:no-repeat;
}
a#kontakty:hover {background-image:url(../images/kontakty.jpg); background-repeat:no-repeat;}

#reference {
	position:absolute;
	left: 54%;
	top: 460px;
	width: 150px; height:47px;	
	background-image:url(../images/reference1.jpg); background-repeat:no-repeat;}
a#reference:hover {background-image:url(../images/reference.jpg); background-repeat:no-repeat;}


#codelame {
	position:absolute;
	left: 37%;
	top: 360px;
	width: 174px; height:47px;
	background-image:url(../images/codelame1.jpg); background-repeat:no-repeat;}
a#codelame:hover {background-image:url(../images/codelame.jpg); background-repeat:no-repeat;}


#flash {
	width: 980px;
	margin-left: auto;
	margin-right:auto;
	text-align:center;
	position:relative;
	background-color:#000;
	}
	
#flash h4 { text-align:center; color:#FFF; padding:0px; 
	width: 350px;
	margin-left: auto;
	margin-right:auto;
	font-weight:normal;
	color:#C00;
}
#flash p { text-align:center;}

	
	#lista  {
	background-color:#000;
	left: 140px;
	height: 56px;
	z-index: 10;
	position:absolute;
	top: 0px;
	padding-top: 10px;
}
#helpdesk {
	color:#FFFFFF;
	position:absolute;
	left: 70%;
	top: 228px;
	text-align:center;
	z-index: 10;
}

#webhosting {
	color:#FFFFFF;
	position:absolute;
	left: 15%;
	top: 478px;
	text-align:center;
	z-index: 10;
}
	
#cms {	color:#FFFFFF;
	position:absolute;
	right: 40px;
	top: 515px;
	text-align:center;
	z-index: 1;
	}
	
	

#bezflashe { text-align:center; margin-top: 200px;}
	
#infobezflashe {
	color:#FF0000;
	font-size:11px;
	position:absolute;
	left: 211px;
	top: 100px;
	text-align:left;
}




#adresa {
	color:#FFFFFF;
	text-align: center;
	font-size:13px;
	width: 100%;
	position:absolute;
	top: 620px;
	z-index: 10;
}
#adresa span { color:#666;}

#adresa2 {
	color:#FFFFFF;
	text-align: center;
	font-size:13px;
	width: 660px;
	background-color:#000;
	margin:20px 0px;
}
#adresa2 span { color:#666;}


#texthp2 {
	position:absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
	background-color:#FFF;
	padding: 20px 40px 30px 40px;
	width: 236px;
	color:#000;
}
#texthp2 h1 { font-size:19px; color:#000; text-decoration:none; padding: 0px; margin: 0px;}
#texthp2 h1 a { font-size:13px; font-weight:lighter;  text-decoration:none;}
#texthp2 h1 a:hover { text-decoration: underline;}

#texthp2 h2 { font-size:19px; color:#000; text-decoration:none; padding: 0px; margin: 0px; background-color:#FFF; width:auto;}
#texthp2 h2 a { font-size:13px; font-weight:lighter;  text-decoration:none; background-color:#FFF;}
#texthp2 h2 a:hover { text-decoration: underline;}

#texthp2 h3 { font-size:19px; color:#000; text-decoration:none; padding: 0px; margin: 0px;}
#texthp2 h3 a { font-size:13px; font-weight:lighter;  text-decoration:none;}
#texthp2 h3 a:hover { text-decoration: underline;}

#texthp2 h4 { font-size:19px; color:#000; text-decoration:none; padding: 0px; margin: 0px;}
#texthp2 h4 a { font-size:13px; font-weight:lighter;  text-decoration:none;}
#texthp2 h4 a:hover { text-decoration: underline;}

#texthp2 h5 { font-size:19px; color:#000; text-decoration:none; padding: 0px; margin: 0px;}
#texthp2 h5 a { font-size:13px; font-weight:lighter;  text-decoration:none;}
#texthp2 h5 a:hover { text-decoration: underline;}


#texthp {
	position:absolute;
	top: 100px;
	left:0px;
	z-index: 10;
	background-color:#FFF;
	padding: 20px 40px 30px 40px;
	color:#000;
}

#texthp h1 { font-size:19px; color:#000; text-decoration:none; padding: 0px; margin: 0px; background-color:#FFF;}
#texthp h1 a { font-size:13px; font-weight:lighter;  text-decoration:none;}
#texthp h1 a:hover { text-decoration: underline;}

#texthp h2 { font-size:19px; color:#000; text-decoration:none; padding: 0px; margin: 0px; background-color:#FFF; width:auto;}
#texthp h2 a { font-size:13px; font-weight:lighter;  text-decoration:none; background-color:#FFF; color:#000;}
#texthp h2 a:hover { text-decoration: underline;}

#texthp h3 { font-size:19px; color:#000; text-decoration:none; padding: 0px; margin: 0px;}
#texthp h3 a { font-size:13px; font-weight:lighter;  text-decoration:none;}
#texthp h3 a:hover { text-decoration: underline;}

#texthp h4 { font-size:19px; color:#000; text-decoration:none; padding: 0px; margin: 0px;}
#texthp h4 a { font-size:13px; font-weight:lighter;  text-decoration:none;}
#texthp h4 a:hover { text-decoration: underline;}

#texthp h5 { font-size:19px; color:#000; text-decoration:none; padding: 0px; margin: 0px;}
#texthp h5 a { font-size:13px; font-weight:lighter;  text-decoration:none;}
#texthp h5 a:hover { text-decoration: underline;}





#prohlizece { padding-top: 10px; padding-bottom: 20px;}
#prohlizece img { padding-right: 8px;}
.webref { width: 200px; margin: 20px 20px 0px 0px; float:left; height: 260px;}
.webref a { font-size:10px; display:block;}


#seznam {
	padding-top: 0px;
	padding-bottom: 20px;
}
#seznam img { padding-right: 8px;}