*{
  margin: 0px;
  padding: 0px;
  font-family: Verdana;
  font-size: 14px;
}

a{
  text-decoration: none;
}
img{
  border: none;
}

html{
  background: url('images/ylo.jpg') repeat top center;
}
html.in{
  background: url('images/ylo2.jpg') repeat top center;
}

body{
  padding-bottom: 280px;
  text-align: center;
  background: url('images/wroclaw.jpg') no-repeat bottom center;
}

#intro{
  position: relative;
  width: 830px;
  height: 466px;
  margin: 50px auto 0px;
  background: url('images/lachon_intro.jpg') no-repeat top left;
}

.fade .over{
  position: absolute !important;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 1px solid #C71AD6;
  background: #000000;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  filter: alpha(opacity=70);
}
.fade *{
  position: relative;
  z-index: 2;
}
.intro1{
  width: 438px;
  height: 112px;
  color: white;
  line-height: 24px;
  position: absolute;
  top: 165px;
  left: 295px;
}
.intro1 .text{
  margin: 20px 0px;
}

.intro2{
  width: 438px;
  max-width: 418px;
  height: 102px;
  max-height: 82px;
  padding: 10px;
  position: absolute;
  top: 295px;
  left: 295px;
}
.intro2 a{
  color: #FC01C2;
  font-weight: bolder;
  font-size: 16px;
  line-height: 24px;
  width: 135px;
}
.intro2 a img{
  border: none;
  margin-top: 10px;
}
.intro2 a.pl{
  float:left;
}
.intro2 a.de{
  float: right;
}
.intro2 a.en{
  margin: 0px auto;
}

#in{
  position: relative;
  width: 1107px;
  height: 725px;
  height: auto !important;
  min-height: 725px;
  margin: 50px auto 0px;
}
#in img.main{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1107px;
  height: 725px;
  z-index: 1;
  border: none;
}
#in *{
  z-index: 2;
}

.in1{
  width: 630px;
  max-width: 590px;
  height: 160px;
  max-height: 120px;
  padding: 20px;
  color: white;
  line-height: 24px;
  position: absolute;
  top: 183px;
  left: 352px;
}
.in1 .text{
  margin: 0px;
}
.in1 .text span{
  font-weight: bold;
  color: #FC01C2;
}

.in2{
  width: 630px;
  color: white;
  line-height: 24px;
  position: absolute;
  top: 343px;
  left: 352px;
}

.in2 div.img{
  position: relative;
  width: 295px;
  height: 110px;
  max-height: 55px;
  padding-top: 55px;
  margin-top: 40px;
}
.in2 div.img a.img{
  position: relative;
}
.in2 div.img a.text{
  position: absolute;
  bottom: 10px;
  width: 100%;
  left: 0px;
  text-align: center;
  color: #FC01C2;
  text-decoration: underline;
  font-size: 12px;
}
.in2 .foot{
  font-size: 11px;
  font-weight: bold;
  width: 100%;
  margin-top: 30px;
  color: white;
  text-align: center;
}
.in2 .foot a{
  font-size: 11px;
  font-weight: bold;
  color: white;
  text-decoration: underline;
}
.in2 .fl{
  float: left;
}
.in2 .fr{
  float: right;
}