body {
	font-family: Arial CE, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #3D3D3D;
	background: url(../images/bg.gif) repeat-x #828282;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}

#page {
	background: url(../images/bg_page.gif) repeat-y #FFFFFF;
	width: 780px;
	margin: 0 auto;
	border: none;
	position: relative;
	
	}
	
.lista {
	position: relative;
	width: 770px;
	height: 25px;
	background-color: #F1F1F1;
	margin: 0 auto;
	text-align: right;
	}
	
.lista span {
	margin: 0 35px 0 0;
	padding: 0;
	position: relative;
	font-size: 0.9em;
	top: 3px;
	}

	
#head {
	width: 732px;
	margin: 0 auto;
	background: url(../images/bg_lista_top.gif) repeat-x;
	position: relative;
	height: 180px;
	}
	
.logo {
	position: relative;
	top: 58px;
	left: 60px;
	float: left;
	border: none;
	}
	
.picturetop {
	position: relative;
	float: right;
	width: 422px;
	height: 180px;
	margin: 0;
	background: url(../images/picture_top.gif) no-repeat;
	}
	
.clear {
	clear: both;
	}
	
#menu {
	background: url(../images/bg_menu_pink.gif) repeat-x bottom;
	width: 770px;
	margin: 0 auto;
	position: relative;
	padding: 0;
	height: 2.7em;
	border-bottom: 8px solid #3F3F3F;
	background-color: #E62111;
	}
	
#menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 35px;	
}
	
#menu ul li {
	float: left;
	background: url(../images/sipka_red.gif) no-repeat;
	padding: 0;
	margin: 0;
	
	}
	
#menu a {
	color: white;
	font-weight: bold;
	text-decoration: none;
	margin: 0 -4px 0 5px;	
	position: relative;
	padding: 5px 19px 5px 17px;
	top: 8px;
	}
	
#menu a span {
	position: relative;
	}
	
#menu a:hover {
	border-bottom: 2px solid #EAAFAA;
	}
	
#obsah {
	width: 732px;
	margin: 0 auto;
	position: relative;
	background: url(../images/bg_obsah.gif) repeat-x;
	}
	
.text {
	width: 660px;
	margin: 0 auto;
	text-align: justify;
	position: relative;
	}
	
.sipkapink {
	background: url(../images/sipka_pink.gif) no-repeat;
	position: absolute;
	top: 57px;
	left: 16px;
	width: 9px;
	height: 5px;
	}
	
/* *** FOOTER *** */
	
#footer {
	border-top: 4px solid #E9E9E9;
	padding: 0 0 0 0;
	font-size: 0.9em;
	margin: 8px 0 0 0;
	background: url(../images/bg_lista_bot.gif) repeat-x bottom;
	height: 7em;
	}
	
.contact, .copyright {
	background: url(../images/sipka_lightgray.gif) no-repeat;
	padding: 13px 0 0 23px;
	}
	
.contact {
	float: left;
	width: 40%;
	}

.copyright {
	float: right;
	width: 25%;
	}
	
.cleaner {
	clear: both;
	}
	
/* *** BASE ELEMENTS *** */
	
h1 {	
	margin: 0 0 30px 0;
	padding: 25px 0 0 0;
	font-size: 1.3em;
	color: #E32515;
	width: auto;
	position: relative;
	left: -22px;
	text-transform: uppercase;
	background: url(../images/sipka_darkgray.gif) no-repeat top left;
	letter-spacing: 1px;
	}
	
h1 span {	
	margin: 15px 0 0 0;
	padding: 0 0 0 22px;	
	position: relative;
	}
	
h2 {
	color: #C52113;
	font-size: 1.3em;
	margin: 20px 0 7px 0;
	padding: 0;
	position: relative;
	}
	
h3, h4 {
	color: #3D3D3D;
	font-size: 1.2em;
	margin: 20px 0 7px 0;
	padding: 0;
	position: relative;
	}
	
h5 {
	color: #3D3D3D;
	font-size: 1.1em;
	margin: 15px 0 10px 0;
	padding: 0;
	position: relative;
	}
	
p {
	margin: 0 0 20px 0;
	padding: 0;
	}
	
a:link, a:active, a:visited {
	color: #C52113;
	}
a:hover {
	color: gray;
	}
	
ul {
	list-style-type: none;
	margin: 0 0 20px 25px;
	padding: 0;
	}
	
ul li {
	background: url(../images/sipka_li.gif) no-repeat;
	margin: 0;
	padding: 0 0 0 25px;
	}
	
ol {
	margin: 0 0 20px 0;
	padding: 0 0 0 50px;
	}
	
dt {
	font-weight: bold;
	}
	
dd {
	font-style: italic;
	padding: 0;
	margin: 0 0 5px 25px;
	font-size: 1em;
	}
	
table {
	margin: 0 auto 20px auto;
	width: 80%;
	padding: 3px;
	border-collapse: collapse;
	}
	
td, th {
	padding: 3px 8px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	text-align: left;

	}
	
img {
/*	float: right;
	border-top: 15px solid #ECECEC;
	border-bottom: 25px solid #ECECEC;
	margin: 0 0 15px 25px;*/
	}
	
img {
	border: 1px solid #CCCCCC;
	padding: 5px;
}

/* *** ZPET *** */

.lista p {
	margin: 4px 0;
	padding: 0 60px 0 0;
	text-align: right;
	}
	
.zpet {
	background: url(../images/sipka_zpet.gif) no-repeat;
	padding: 0 0 0 23px;
	font-size: 0.9em;
	color: red;
	margin: 0 0 0 0;
	position: absolute;
	top: 4px;
	right: 53px;
	}
	
/* *** HOMEPAGE *** */

.date {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	}
	
.levastrana {
	width: 57%;
	float: left;
	}
	
.pravastrana {
	margin: 0 0 0 61%;
	padding: 0 15px 1px 15px;
	font-size: 0.9em;
	text-align: left;
	background: url(../images/bg_pravastrana.gif) repeat-x #F7F7F7;

	}
	
.pravastrana h2 {
	font-size: 1.3em;
	color: #E32515;
	margin: 0 0 30px 0;
	padding: 25px 0 0 0;
	letter-spacing: 1px;
	}
	
.pravastrana h3 {
	font-size: 1.2em;
	color: #E32515;
	margin: 0 0 2px 0;
	padding: 0;
	}
	
	
hr {
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	height: 1px;
	background-color: #CCCCCC;
	}
	
.vice {
	margin: -20px 0 0 0;
	padding: 0 23px 20px 0;
	text-align:right;
	background: url(../images/sipka_link.gif) no-repeat top right;
	}
	


div.shrnuti
{
  float: right; width: 38.2%;
  padding-left: 2em;
}

div.shrnuti table
{
  width: auto; 
}

div.fotografie
{
  position: relative;
  height: 820px;
  clear: both;
}

img.lh
{
  position: absolute; left: 0; top: 0px;
}

img.ph
{
  position: absolute; right: 0; top: 0px;
}

img.ls
{
  position: absolute; left: 0; top: 250px;
}

img.ps
{
  position: absolute; right: 0; top: 250px;
}

img.lsv
{
  position: absolute; left: 0; top: 175px;
}

img.psv
{
  position: absolute; right: 0; top: 175px;
}

img.ld
{
  position: absolute; left: 0; top: 500px;
}

img.pd
{
  position: absolute; right: 0; top: 500px;
}

h2
{
  clear: both;
}

img.vpravo
{
  float: right; width: 40%; margin-left: 1em;
}

li
{
  text-align: left;
}

.text ul
{
  z-index: 1; position: relative;
}


/* FOOTER */

.footer
{
  background: #FFEDEB;
  position: relative;
  border-bottom: none;
  margin: 0;
  padding: 0.9em 0 0.9em 30px;
}

.footer p
{
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  position: relative;
}

.address
{
  position: relative;
  width: 63%;
  padding: 0;
  margin: 0;
  float: left;
}

.phone
{
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 30px;
}
																									
