body {background-image: url("images/pattern_dark.png"); width: 100%; height: 100%; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; position: relative; margin: 0px; padding: 0px;}
#TitleTop {margin: 0px; padding: 0px; position: absolute; top: 0px; right: 0px; width: 100%; height: 250px; background-color: #5196f0; box-shadow: 0px 0px 5px grey;}
#Bamboo {height: 250px; position: absolute; top: 0px; left: 0px;}

#BirdLeft {height: 250px; position: absolute; top: 0px; left: 0px;}
#BirdRight {height: 250px; position: absolute; top: 0px; right: 0px;}

#Container {position: absolute; top: 225px; left: 50%; width: 0px; height: 100%; margin: 0px auto; border: 0px solid blue; padding: 0px; padding-bottom: 10px;}

#MenuContainer {position: absolute; top: 0px; left: -420px; width: 840px; margin: 0px auto; border: 0px solid red; padding: 0px;}
.MenuButton {position: relative; height: 50px; width: 120px; text-align: center; border: 0px solid #5196f0; border-radius: 0px; background-color: white; margin: 0px; box-shadow: 0px 0px 5px grey; float: left;}
.MenuButton p {position: relative; top: 15px; padding: 0px; margin: 0px; text-shadow: 0px 0px 1px grey; font-weight: bold;}
.MenuButton:hover {background-color: #5196f0;}

#TextContainer {position: relative; z-index: 1; top: 50px; left: -420px; text-align: left; width: 840px; min-height: 100%; margin: 0px auto; border: 0px solid red; padding: 0px; padding-bottom: 10px; background-color: white; box-shadow: 0px 0px 5px grey;}
.TextTitle {position: relative; /*top: 0px;*/ padding: 25px 25px 0px 25px; font-weight: bold; font-size: 150%; color: black; text-shadow: 0px 0px 1px gray; }
.Text {position: relative; top: 0px; padding: 0px 25px 0px 25px;}

hr {
    position: relative;
    top: 0px;
    padding: 5px;
    border: none;
    border-top: medium double gray;
}

#Name {position: absolute; top: -220px; left: -300px; width: 600px; margin: 0px auto; border: 0px solid red; padding: 0px; text-align: left; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  font-weight: 900; font-size: 250%; text-shadow: 0px 0px 5px gray; color: white;}
#FirstLine {padding-left: 0px;}
#SecondLine {position: relative; padding-left: 50px; top: -25px;}

a:link {color: black;}
a:visited {color: black;}
a:hover {color: black;}
a:active {color: black;}

#Map {width: 100%; height: 300px; padding: 0px; margin-bottom: 10px;}
#TopList {display: none;}


fieldset {text-align: left; border: 0.5px solid #f2f2f2; margin: 25px;}
fieldset:hover {background-color: #f2f2f2;}

legend {text-align: left; font-weight: bold; background-color: white;}

.red {color: red;}
.blue {color: blue;}

.small {font-size: 12px;}
.padding {padding: 5px;}

.mail {position: absolute; top: 750px; left: 50%; margin-left: -200px; width: 400px; border: 3px solid red; padding: 5px; background-color: white; z-index: 20; text-align: center;}
#room {position: relative; height: 400px; margin: auto; border-radius: 2px;}
#skypeKonzultace {font-size: 115%; font-weight: bold; text-decoration: underline;}
