* {margin: 0; padding: 0;}
body {margin: 0; padding: 0; text-align: center; color: #000; background: #fff;}
#celok {width: 760px; margin: 15px auto 0;}

#hlavicka {background: url(../obr/head.jpg) 0 0 no-repeat; height: 157px; width: auto;}
#hlavicka h1 {height: 120px; width: 350px; position: absolute; z-index: 5; top: -95px; right: -80px; margin: 0;}
#hlavicka h1 span {visibility: hidden;}
#hlavicka h2 {position: relative; z-index: 6; font: italic 160% bold Times, "Times New Roman", serif; top: 98px; text-align: center; margin: 0; padding: 0; color: rgb(51,51,51);}
#hlavicka h3 {position: relative; z-index: 7; top: 100px; text-align: center; font: italic 16px bold Times, "Times New Roman", serif;}
#obsah {
   padding: 0.5em 1em 0.5em;
	font: 13px Verdana, "Times New Roman", serif;
	text-align: left;
	min-height: 200px;
	background-color: #f7f9fc;
   /*border: 1px solid #7A95B0;*/
}

#pata {margin: 0; height: 85px; width: 760px; background: url(../obr/bottom.jpg) 0 0 no-repeat; padding: 8px 1em 0 1em;}
#pata table {width: 94%; font: 13px Times, "Times New Roman", serif; color: rgb(128,128,128);} 
#pata td {width: 33%;} 

#obsah ul {margin: 0.3em 0;}
#obsah li {
   margin-left:  28px;
	list-style: circle;
	font-weight: normal;
	font-size: 100%;
}
#obsah p {
	text-align: justify; padding: 0.2em 0;
}

#obsah h2, #obsah h3 {font: italic 160% bold Times, "Times New Roman", serif; margin: 1.2em 0 0; padding: 0; color: rgb(51,51,51);}
#obsah h3 {font-size: 120%; font-weight: bold;}
/*styl pre menu*/
#menu {
   position: relative;
	z-index: 3;
	top: 106px;
	margin: 0;
	height: 20px;
}
	
#menu ul {
	margin: 0;
	padding: 0;
}
	
#menu li {
	list-style: none;
	float: left;
	margin-left: 1px;
	background: url(../obr/m1.gif) no-repeat 0 100%;
	padding-left: 24px;
	font-size: 12px;
	line-height: 20px;
	white-space: nowrap;
}
	
#menu a {
	display: block;
	padding: 0 24px 0 0px;
	margin: 0;
	background: #f7f9fc url(../obr/m1.gif) 100% 100%;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	width: 1em;
}
	
#menu a:hover {
	color: #5c5c5c;
}
	
html>body #menu a {
	width: auto;
}
		
	/*koniec stylu pre menu*/	

.galeria {width: 100%; text-align: center;}
.galeria td {width: 33%;}
.galeria img {width: 135px; height: 90px; margin: 0 15px 20px;}
.galeria img {border: 1px solid; border-color: #444 #AAA #AAA #444; padding: 1px;}

/*klient*/
a.skryty
{
color:#000;
text-decoration:none;
outline-style:none;
}

a.skryty em
{
display:none;
}

a.skryty:hover
{
text-decoration:none; 
}

a.skryty:active, a.skryty:focus
{
background:#fff; 
}

a.skryty:active span, a.skryty:focus span
{
display:none;
}

a.skryty:active em, a.skryty:focus em
{
display:block;
color:#000;
width:100%;
font-style:normal;
cursor:default;
}

a.skryty span {
	padding-left: 80px;
}

a.skryty:hover span {
	font-weight: bold;
}

.clear, hr.cleaner {
clear: both;
} 

hr.cleaner
{
display: none
}	

#webdesign {
	font-size: 80%; margin-bottom: 1em; color: #272727; 
}

#webdesign a {
   font-weight: bold; text-decoration: none; color: #3354a5;
}

#webdesign a:hover {
	color: #2b9300;
}