html, body {
  margin : 0px;
}
body {    
  background-color : #ffffff;
  font-family : tahoma, sans serif, verdana, arial, georgia;
  font-size : 12px;
  text-align: center;
}
#page {    
  text-align: left;
}
#str {
  left : 0px;
  margin-left : 25px;
  width : 752px;
  height : 5px;
  -margin-top : -9px;
  background-color : #c22f37;
  position : absolute;
}
#main {  
  width: 800px;
  margin: 0px;
  float : left;
  text-align: left;	
  background-image : url('back1.jpg');
  background-repeat : no-repeat;
  background-position : 0px 172px;
}

#head {
  background-color : #dadada;
  background-image : url('photo.jpg');
  height : 172px;
  margin-bottom : 5px;
}

#logo {
  padding-top : 28px;
  padding-left : 99px;
}

h1 span {
  background-image : url('logo.jpg');
  background-repeat : no-repeat;
  position : absolute;
  width : 214px;
  height: 75px;
  cursor : pointer;
}

h1 {
  color : #ffffff;
  text-decoration : none;
  font-size : 16pt;
  margin : 0px 0px 0px 0px;
  font-weight : normal;
  height : 71px;
  width : 218px;
}

h2 {
  padding-left : 15px;
  margin : 0px 0px 10px 0px;
  font-size : 15pt;
  font-weight : normal;
  color : #d8212c;
}

h3 {
  padding-left : 15px;
  padding-right : 15px;
  font-size : 10pt;
  font-weight : normal;
  color : #5f5f5f;
}
h3 img {
  padding : 5px;
  margin : 5px;
  margin-left : 15px;
  margin-top : 15px;
  margin-bottom : 10px;
  float : right;
  background-color : #cecdc8;
}
h3 a {
  color : #d8212c;
}
h3 a:hover {
  color : #791218;
  text-decoration : none;
}
.h3t {
  padding-left : 15px;
  padding-right : 15px;
  font-size : 10pt;
  font-weight : normal;
  color : #5f5f5f;  
}
.h3t img {
  text-align : center;
}

h4 {
  color : #d8212c;
}


#kontakt {
  float : right;
  width : 180px;
  background-image : url('pruh.gif');
  background-position : 87% 0%;
  background-repeat : no-repeat;
  height : 105px;
  color : #838383;
  font-size : 11px;
}
.lkon {
  float : left;
  text-align : right;
  width : 150px;
  padding-top : 30px;
}
.rkon {
  float : right;
  text-align : center;
  width : 22px;
  padding-top : 20px;
}
.rkon a {
  text-decoration : none;
  color : #838383;
}
.rkon a:hover {
  color : #da414a;
  margin-left : 3px;
}
.clear {
  clear : both;
  margin : 0px;
}
#menu {
	font-size : 13px;
  float : left;
  text-align : left;
  width : 176px;
  background-image : url('menu.gif');
  background-repeat : no-repeat;
  color : #838383;
}
#endm {
  background-image : url('menub.gif');
  background-color : #ffffff;
  background-repeat : no-repeat;
  height : 8px;
}
#bottom {
  width : 750px;
  margin : auto;
}
.lg a {
  float : right;
  height : 18px;
  padding-top : 3px;
  width : 20px;
  font-size : 12px;
  color : #ebe5e5;
  text-align : center;
  background-image : url('lg.gif');
  background-position : 0px 21px;
  margin-left : 2px;
  text-decoration : none;
}
.lg a:hover, .lg1 a {
  float : right;
  padding-top : 3px;
  width : 20px;
  text-align : center;
  background-image : url('lg.gif');
  margin-left : 2px;
  text-decoration : none;
  padding-top : 0px;
  height : 21px;
	font-size : 12px;
  background-position : 0px 0px;  
  color : #ffffff;
  text-decoration : none;
}
.text {
  float : right;
  margin-top : 21px;
  background-image : url('back.gif');
  background-color : #ffffff;
  background-repeat : repeat-x;
  width : 542px;
  min-height : 300px;
  -height : 300px;
  padding-top : 10px;
}
li {
  padding-left : 25px;
  padding-top : 2px;
  height : 20px;
  list-style: none; 
  text-decoration : none;
  color : #838383;
}
ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
li:hover {
  padding-top : 2px;
  padding-left : 40px;
  height : 20px;
  background-image : url('menup.gif');
  background-repeat : no-repeat; 
  position: relative;
}
li a {
  text-decoration : none;
  color : #838383;
}
li a:hover {
  color : #555555;
}
#bottom1 {
  background-image : url('bottom.gif');
  background-repeat : repeat-x;
  background-color : #dfdfdf;
  padding-top : 130px;
  padding-left : 25px;
  padding-right : 25px;
  padding-bottom : 20px;
  width : 750px;
  margin : auto;
}
#bottom1 a img {
  border : none;
}
.pruh {
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  font-size : 10px;
  background-image : url('pruh1.gif');
  background-repeat : repeat-x;
  height : 23px;
  color : #ffffff;
}

.pruh a {
  color : #797979;
  text-decoration : underline;
}

.pruh a:hover {
  color : #ffffff;
  text-decoration : none;
}

.pruhr {
  float : left;
}

.pruhr {
  float : right;
}

strong {
  color : #797979;
  font-weight : normal;
}

a img {
  border : 1px #b3b3b3 solid;
  margin : 10px 0px 0px 10px;
  padding : 1px;
}

a img:hover {
  border : 1px #5f5f5f solid; 
}

h3 img {
  border : 1px #b3b3b3 solid;
}

.gal {
  margin : auto;
  border : none;
  margin : 0px 0px 0px 0px;
}

.gal:hover {
  border : 0px #5f5f5f solid;
  margin : 0px 0px 0px 0px;
}

.center {
  text-align : center;
}
.com {
  background-image : url('pruh1.gif');
  background-color : #d0d0d0;
  background-position : bottom left;
  background-repeat : repeat-x;
}
.com h3 {
  padding-top : 5px;
  padding-bottom : 5px;
}
