body {background-color: rgb(255,250,250); background-image: url(images/ornament-001.jpg); }
img {border-width: 0px; }
a:link, a:visited {
color: rgb(153,102,102);
text-decoration:none;
}
a:hover {
color: rgb(102,153,204);
text-decoration: underline;
}
#telo {
width: 760px;
margin-left: auto;
margin-right: auto;
margin-top: -5px;
background-color: #FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:rgb(102,102,102);
}
#hlava {
margin-bottom: 15px;
}	
#hlava .heslo {position: relative; left: 0px; top:0px; width: 760px; height:126px;}	
#hlava .logo {position: relative; left: 158px; top:0px; width: 250px; height:58px;}
.cara {
margin-top: 10px;
width: 760px; 
height: 1px;
}
#hlava h1 {
position: relative; left: 200px; top:10px;
font-family:font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:rgb(102,153,204);
display: inline;
}
h2 {
font-family:font-family:Arial, Helvetica, sans-serif;
margin: 0;
padding: 5px  0 5px 5px;
font-size:13px;
line-height: 16px;
color:rgb(219,112,147);
}

h3, h4{
font-family:font-family:Arial, Helvetica, sans-serif;
margin: 0;
padding: 0  0 5px 5px;
font-size:13px;
line-height: 16px;
color:rgb(102,153,204);
}
ul{
margin-top: -5px;
font-size:13px;
line-height: 16px;
list-style-type: disc;
}

li h3{
margin-top: 5px;
padding: 0  0 5px 0;
font-size:13px;
line-height: 16px;
color:rgb(102,153,204);
}
#navigace {		
float: left;
width: 170px;
margin-top: -30px;
}
#navigace p {
width: 170px;
margin-top: 10px;
margin-bottom: 0;
padding: 8px;
color: rgb(102,153,204);
border:solid rgb(102,153,204);
border-width:0 0 1px 1px;
background-color: rgb(255,250,240);
text-align: justify;
}
#menu ul {
margin-top: 0;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
list-style-type: circle;
width: 100%;
}
#menu .kategorie {
display: block;
padding: 5px;
width: 170px;
border-bottom: 1px solid #778800;
color: #778800;
background-color: rgb(239,239,239);
font-weight: normal;
}
#menu a {
display: block;
padding: 5px;
width: 170px;
border-bottom: 1px solid rgb(102,153,204);

}
#menu a:link, #navlist a:visited {
color: rgb(102,153,204);
text-decoration:none;
}
#menu a:visited {border-left: 1px solid rgb(102,153,204);}
#menu a:hover {
background-color: rgb(253,253,253);
color: #778800;
text-decoration:none;
border-right: 1px solid #778800;
border-bottom: 1px solid #778800;
}
#obsah {
width: 280px;
margin-top: 20px;
margin-left: 195px;
margin-right: 166px;
}
#obsah h5 {
margin: 0;
padding: 15px 0 0 5px;
font-size: 13px;
display: inline;
}
#obsah strong {
margin-top: 0px;
}
#obsah p {
padding-left: 5px;
margin-top: 0;
line-height: 16px;
font-size: 13px;
}
#obsah table {
padding: 5px;
margin-top: -2px;
}
#obrazky {
float: right;
width: 260px;
margin-right: 4px;
}
#obrazky p {
margin-top: 5px;
padding: 8px;
color: rgb(102,153,204);
border:solid rgb(102,153,204);
border-width:0 1px 1px 0;
background-color: rgb(255,250,240);
line-height: 16px;
}
#obrazky img {
margin-top: 5px;
padding: 4px;
color: rgb(102,153,204);
border:solid rgb(102,153,204);
border-width:0 1px 1px 0;
background-color: rgb(255,250,240);
line-height: 16px;
}
#footer {
margin-top: 15px;
clear: both;
text-align: right;
line-height: 20px;
}

/* Form */

input, textarea {
background-color: #eee;
color: #000;
border: 1px solid #ccc;
font-size: 12px;
}


.button {
padding: 1px;
background-color: #eee;
color: #000;
border: 1px solid #000;
font-size: 12px;
width: 150px;
}

.bigger {
font-size: 12px;
letter-spacing: 1px;
}

.smaller {
width: 100px;
}
table {padding:5px;}
td {
font-size: 11px;
}
#gallery{
width: 560px;
float: right;
margin-top: 10px;
margin-right: 20px;
}
#gallery ul {
margin-top: 0;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
list-style-type: circle;
width: 100%;
}
#gallery li{
	width:150px;
	border:solid rgb(102,153,204);
	border-width:0 1px 1px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:rgb(255,250,240);
	padding:11px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:0 0 15px 13px;
}
#gallery  a span{
/*\*/
	position:absolute;
	left:-9999px;

}

#gallery a:hover span{	
	top:11px;
	left:11px;
	width:152px;
	font-weight:bold;
	background:rgb(255,250,250);
	color:rgb(119,136,153);
	padding:5px 0 5px 0;
	font-size:80%;
	border:1px solid rgb(102,153,204);
	border-width:0 0 10px 0;
	filter: alpha(opacity=100);
	/*-moz-opacity:.8;
		opacity:.80;*/
/**/
} 
#gallery p {
padding-left: 20px;

line-height: 16px;
font-size: 13px;
}
#gallery form {
	text-align: left;
	float: left;
	width: 500px;
	margin:0 0 15px 10px;
}
#gallery h2 {
padding: 0 0 5px 15px;
}
