/* CSS Document */

html, body {
  margin: 0;
  padding: 0;
}

div#obal {
  position: absolute;
  width: 940px;
  height: 580px;
  left: 50%;
  top: 50%;
  margin: -290px 0 0 -470px;
  overflow: hidden;
}

div#menu {
  position: absolute;
  width: 182px;
  height: 182px;
  top: 198px;
  left: 379px;
  background-color: #FFF100;
}

div#inmenu {
  top: 109px;
  left: 16px;
  position: absolute;
  width: 64px;
}

div#outmenu {
  top: 124px;
  left: 80px;
  position: absolute;
  width: 86px;
}

div#menu img {
  border: 0;
  display: block;
}


/* NAHLEDY */

#nahledy div {
  position: absolute;
  width: 138px;
  height: 138px;
}

#nahledy img, #sipky img {
  border: 0;
}

/* pridano 55px odsazeni*/

#a1 { left: 37px; top: 38px; }
#a2 { left: 219px; top: 38px; }
#a3 { left: 401px; top: 38px; }
#a4 { left: 583px; top: 38px; }
#a5 { left: 765px; top: 38px; }

#b1 { left: 37px; top: 220px; }
#b2 { left: 219px; top: 220px; }
#b4 { left: 583px; top: 220px; }
#b5 { left: 765px; top: 220px; }

#c1 { left: 37px; top: 402px; }
#c2 { left: 219px; top: 402px; }
#c3 { left: 401px; top: 402px; }
#c4 { left: 583px; top: 402px; }
#c5 { left: 765px; top: 402px; }

#about-left, #about-right {
  position: absolute;
  width: 293px;
  height: 544px;
  top: 50%;
  left: 37px;
  margin: -272px 0 0 0;
}

#left-half, #right-half {
  position: absolute;
  top: 0;
  height: 580px;
  width: 357px;
}

#left-half { left: 0; }
#right-half { left: 583px; }

#left-contact-inside {
  position: absolute;
  left: 37px;
  top: 50%;
  width: 175px;
  height: 166px;
  margin: -83px 0 0 0;
  line-height: 0;
}
#left-contact-inside img { border: 0; margin: 0;}

div#contact-mail span, div#down-mid span { display: none; }
div#contact-mail a, div#down-mid a { display: block; width: 100%; height: 100%; }
div#contact-mail a:hover, div#down-mid a:hover { background-image: none; }

div#contact-mail { background: url('img/contact-mail.gif') top left no-repeat; height: 20px; margin:0;}
div#contact-mail a { background: url('img/contact-mail.gif') 0 -20px no-repeat; }

#contact-form {
  position: absolute;
  left: 37px;
  top: 50%;
  width: 175px;
  line-height: 0;
  margin: -160px 0 0 0;
}

div#down-mid {
  position: absolute;
  width: 182px;
  height: 182px;
  top: 402px;
  left: 379px;
}

/* formular */

input#name, input#email {
  width: 175px;
  border: 0;
  margin: 0 0 4px 0;
  background: #fff100;
}

textarea#message {
  width: 175px;
  height: 175px;
  border: 0;
  background: #fff100;
  margin: 0 0 4px 0;
}

input#submit {
  width: 175px;
  height: 20px;
  border: 0;
}

/* linky */

div#link-novakova { background: url('img/link-novakova.gif') top left no-repeat; height: 20px; margin:0;}
div#link-novakova a { background: url('img/link-novakova.gif') 0 -20px no-repeat; }

div#link-novakova { background: url('img/link-novakova.gif') top left no-repeat; height: 20px; margin:0;}
div#link-novakova a { background: url('img/link-novakova.gif') 0 -20px no-repeat; }

div#link-capek { background: url('img/link-capek.gif') top left no-repeat; height: 20px; margin:0;}
div#link-capek a { background: url('img/link-capek.gif') 0 -20px no-repeat; }

div#link-crucialdetail { background: url('img/link-crucialdetail.gif') top left no-repeat; height: 20px; margin:0;}
div#link-crucialdetail a { background: url('img/link-crucialdetail.gif') 0 -20px no-repeat; }

div#link-imagery { background: url('img/link-imagery.gif') top left no-repeat; height: 20px; margin:0;}
div#link-imagery a { background: url('img/link-imagery.gif') 0 -20px no-repeat; }

div#link-mpelikan { background: url('img/link-mpelikan.gif') top left no-repeat; height: 20px; margin:0;}
div#link-mpelikan a { background: url('img/link-mpelikan.gif') 0 -20px no-repeat; }

/* fotky */

div#foto {
  width: 866px;
  height: 421px;
  position: absolute;
  top: 38px;
  left: 37px;
  /* background-color: #dddddd; */
  overflow: hidden;
}

div#foto img {
  position: absolute;
  top: 50%;
  left: 50%;
}

div#popisek {
  width: 420px;
  height: 45px;
  position: absolute;
  left: 37px;
  top: 497px;
}

/* sipky */

div#sipky {
  position: absolute;
  top: 551px;
  left: 869px;
  
}