/* --- main_page2 ----------------------- */
body#mpd, body#mpd #container{ background: none }

/* body#main_page2 #right { background: url(../images/klaster.jpeg) no-repeat center center fixed; } */

body#mpd #right {
  background: url(../images/klaster.jpeg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body#mpd #left { background: black;}

body#mpd #container, body#mpd  { background: gray;}

body#mpd #container, body#mpd #right, body#mpd #left { height: 100%;}
body#mpd #container {float:left; width: 100%;}
body#mpd #right {margin-left: 200px; border: none; zzz:1px solid red}
body#mpd #left {float: left; width: 200px; margin-left: 0;}

body#mpd #logaeu {width:100px; margin: 0 50px;}
body#mpd #bottom {position: absolute; bottom:10px}

body#mpd nav {
width: 200px; /* to display the list horizontaly */
margin: 5px 0 0 0;
padding: 0;
border-top: 1px #000 solid;
font-size:22px;
 /*
border-left: 1px #000 solid;
border-right: 1px #000 solid;*/
}
body#mpd nav ul {margin:0; padding:0}
body#mpd nav li a {
  width: 99.99%; /* extend the sensible area to the maximum with IE5 */
  display: block;
  background-color: black;
  border-bottom: 1px #000 solid;
  text-align: center;
  text-decoration: none;
}

body#mpd nav  {font-size: 18px}
body#mpd nav li {padding-top:0}
body#mpd nav li a:hover { background-color: gray; }
body#mpd #planek {position:fixed; bottom:10px; right:10px;}

body#mpd nav li a, nav li {-moz-transition: none}  
body#mpd nav li:hover     {-moz-transform: none;}

body#mpd nav li a, body#mpd nav li a:visited,body#mpd #left  {color: #999}
body#mpd nav li a:hover {color:white}

p {
  font-family: CzechMedievalRegular, Palatino Linotype, Book Antiqua3, Palatino, Times New Roman, Times New Roman, Times, serif
}
body#mpd #perex p {
  color:#F9F3C0; font-size: 18px;
}