body {
  margin: 0;
  padding: 0;
  font-family: arial;
  font-size: 13px;
  color: #303030;
  background: #ffffff url('images/bg.jpg') repeat-x;
  text-align: center;
}
#page {
  width: 970px;
  margin: 0 auto;
  text-align: left;
}
#top {
  height: 315px;
  width: 970px;
  background: url('images/topbg.jpg') no-repeat;
}
#logo {
  position: absolute;
}
.vitejte {
  padding: 210px 0 0 227px; 
  width: 521px;
}
.vitejte p {
  line-height: 1.5;
  font-size: 14px;
  color: #303030;
  margin: 0;
}
.vitejte p a {
  color: #48adbf;
  text-decoration: none;
}
.vitejte p a:hover {
  color: #48adbf;
  text-decoration: underline;
}
.vitejte p.vit {
  margin: 0 0 10px 0;
}
.vitejte p.vit, .vitejte p.vit span {
	display: block;
	width: 69px;
	height: 27px;
}
.vitejte p.jsem, .vitejte p.jsem span {
	display: block;
	width: 521px;
	height: 46px;
	z-index: 1;
}
.vitejte p.jsem a.link {
	width: 103px;
	padding: 0 0 0 0;
  margin: 0 0 0 20px;
	height: 20px;
	z-index: 5;
}
.vitejte p.jsem a.link, .vitejte p.jsem a.link span {
	width: 103px;
	height: 22px;
}
.vitejte p.vit, .vitejte p.jsem, .vitejte p.jsem a.link {
	position: relative;
	overflow: hidden;
}
.vitejte p.vit span, .vitejte p.jsem span, vitejte p.jsem a.link span {
	background: url('images/p_vit.png') no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
}
.vitejte p.jsem span {
	background: url('images/p_jsem.png') no-repeat left top;
}
.vitejte p.jsem a.link span {
	background: url('images/p_akon.png') no-repeat 0 2px;
}
.vitejte p.jsem a:hover.link span {
	background: url('images/p_akon.png') no-repeat 0 -18px;
}

h1 {
	margin: 44px 0 0 45px;
	float: left;
	padding: 0;
}
h1 a, h1 a span {
	display: block;
	width: 172px;
	height: 59px;
}
h1 a {
	position: relative;
	overflow: hidden;
	color: #000000;
	font-size: 20px;
	text-decoration: none;
}
h1 a span {
	background: url('images/h1.jpg') no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
#nav {
  height: 70px;
  padding: 35px 0 0 47px;
  background: url('images/navbg.jpg') no-repeat;
}
#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#nav ul li { 
  height: 31px;
  float: left;
  margin: 0;
  padding: 0;
}
#nav ul li a span, #nav ul li a {
	display: block;
	height: 31px;
	width: 72px;
}
#nav ul li.kontakt a span, #nav ul li.kontakt a {
  width: 71px;
}
#nav ul li.uvod a span, #nav ul li.uvod a {
  width: 100px;
}
#nav ul li.ref a span, #nav ul li.ref a {
  width: 72px;
}
#nav ul li.uvod {
  margin: 0 39px 0 0;
}
#nav ul li.ref {
  margin: 0 30px 0 0;
}
#nav ul li a {
	position: relative;
	overflow: hidden;
	text-decoration: none;
	color: #2c2c2c;
	font-size: 13px;
	padding: 0;
	text-decoration: underline;
}
#nav ul li a:hover {
  color: #4eb0c1;
}
#nav ul li a span {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
#nav ul li.uvod a span {
	background: url('images/nav_uvod.png') no-repeat 0 0px;
}
#nav ul li.uvod a:hover span {
	background: url('images/nav_uvod.png') no-repeat 0 -31px;
}
#nav ul li.ref a span {
	background: url('images/nav_ref.png') no-repeat 0 0px;
}
#nav ul li.ref a:hover span {
	background: url('images/nav_ref.png') no-repeat 0 -31px;
}
#nav ul li.kontakt a span {
	background: url('images/nav_kontakt.png') no-repeat 0 0px;
}
#nav ul li.kontakt a:hover span {
	background: url('images/nav_kontakt.png') no-repeat 0 -31px;
}
#nav ul li.aktiv a span {
  background-position: 0 -62px;

}
#nav ul li.aktiv a:hover span {
  background-position: 0 -93px;
}

#main {
  padding: 5px 0 0 0;
}

#main h2 { 
  width: 135px; 
  height: 27px;
}
.h2 {
  margin: 0 0 25px 46px;
}
#main h2 span, #main h2 {
	display: block;
	width: 135px;
	height: 27px;
}
#main h2 {
	position: relative;
	overflow: hidden;
	text-decoration: none;
	color: #2c2c2c;
	font-size: 20px;
	padding: 0;
	text-decoration: none;
}
#main h2 span {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
#main h2.last span {
	background: url('images/h2_last.gif') 0 0 no-repeat;
}
#main h2.aktualne span {
	background: url('images/h2_aktualne.gif') 0 0 no-repeat;
}
#main h2.kontakt span {
	background: url('images/h2_kontakt.gif') 0 0 no-repeat;
}
#main h2.reference span {
	background: url('images/h2_reference.gif') 0 0 no-repeat;
}
#main .ref {
  padding: 0 0 30px 0;
  margin: 0 0 50px 0;
  background: url('images/refbg.jpg') 0 100% repeat-x;
}
#main .ref_in, #main .ref_list {
  width: 900px;
  margin: 0 auto;
}
#main .ref_list {
  padding: 0 0 60px 0; 
}
#main .ref a img {
  border: 0;
}
#main .ref h3, #main .ref_thumb h3 {
  color: #5cb6c7;
  text-decoration: none;
  font-size: 13px;
  margin: 15px 0 7px 12px;
}
#main .ref p {
  line-height: 1;
}
#main .ref p.info {
  margin: 0 0 0 12px;
  color: #2c2c2c;
}
#main .ref p.info span {
  color: #c2c2c2;
  padding: 0;
}


#main .ref p.more {
  float: right;
  margin: 0 10px 0 0;
}
#main .ref p.more, #main .ref p.more span {
	display: block;
	width: 107px;
	height: 61px;
}
#main .ref p.more {
	position: relative;
	overflow: hidden;
}
#main .ref p.more span {
	background: url('images/ref_link.png') 0 0 no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}
#main .ref p.more a:hover span {
	background: url('images/ref_link.png') 0 -61px no-repeat;
}
#main .ref_thumb {
  float: left;
  margin: 0 30px 30px 0;
}
#main .ref_thumb p {
  margin: 0;
}
#main .treti {
  margin: 0 0 20px 0;
}
#main .ref_thumb a img {
  border: 0;
}




#main h3 {
  color: #2c2c2c;
  font-size: 16px;
  margin: 0 0 20px 0;
}
#main .pokracujte, #main .kontakt_info, #main .ref_detail {
  margin: 0 0 0 47px;
}
#main .kontakt_info {
  width: 420px;
  padding: 0 0 5px 0;
}
#main .nize {
  padding-bottom: 30px;
}
#main .right {
  float: right;
  width: 360px;
  margin: 0;
  padding: 0;
}
#main .right span {
  color: #48adbf;
}
#main ul {
  margin: 0;
  padding: 0;
}
#main ul {
  list-style: none;
}
#main ul li {
  color: #2c2c2c;
  font-size: 13px;
  padding: 3px 0 3px 17px;
}
#main p {
  line-height: 1.7;
  color: #2c2c2c;
  font-size: 13px;
  margin: 0 0 20px 0;
}
#main p.aktualne {
  line-height: 1.8;
}
#main table {
  margin: 0 0 15px 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
}
#main table.odsad {
  margin: 0 0 30px 0;
}
#main table tr {
  padding: 0;
  margin: 0;
}
#main table td {
  font-size: 13px;
  color: #2c2c2c;
  padding: 3px 0;
}
#main table td.sirsi {
  width: 60px;
}
#main table td.tucne {
  font-weight: bold;
}
#main .kontakt_info p span {
  font-size: 12px;
}
#main .thumbs {
  width: 270px;
  float: left;
}
#main .m_thumbs {
  margin: 0 0 0 290px;
}
#main p.ods {
  margin: 0 0 50px 0;
}

.pokracujte {
  z-index: 10;
  position: relative;
}
#patka {
  z-index: 1;
  margin: -100px 0 0 0;
  background: url('images/patkabg2.jpg') repeat-x;
}
.patka_bg {
  background: url('images/patkabg.jpg') 50% 0 no-repeat;
  height: 270px;
}
.patka_in {
  padding: 175px 0 0 0;
  width: 875px;
  margin: 0 auto;
  text-align: left;
}
.patka_in span {
  padding: 0 0 0 30px;
  color: #888888;
}
.patka_in p {
  font-size: 12px;
  color: #2c2c2c;
  line-height: 1.5;
  margin: 0;
}
a, a:visited {
  color: #48adbf;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a img {
  border: 0;
}
.cl {
  clear: both;
  height: 1px;
}