/* main layout styles */
body {
  background:gray;
  margin: 0;
}
#container {
  margin-left: auto;
  margin-right: auto;
  width: 970px;
  background-image: url(../images/wd-bg-repeat.jpeg); 
  background-repeat:repeat-y;
  background-position: -30px 0;
  min-height:100%;
  position:relative;
}
#container-top {
  width:960px; 
  height: 600px;
  position: absolute; top: 0; left:0;
  background-image: url(../images/wd-bg-top.jpeg); background-repeat:repeat-y;
  background-position: -40px 0px;
  background-color: transparent;
}
#left {position:relative}
#right {position:relative}

#mapa { margin-top:30px; margin-left:-8px; }
header { height:180px; }
#title, #title a { height: 70px; margin-top: 30px; display:block }
#title span { display: none;}
#room_name { height: 70px; text-align: center; padding-top: 20px;}
#content { margin-top:0px; position: relative;}

#content.grid_11 { margin-left:-20px; width:670px}

/* general styles */  
p { padding: 10px 0; }
h1 { font-size: 300%; font-weight:normal}
h2 { font-size: 150%;}
h1, h2, article#c-popis .quote, nav {font-family: CzechMedievalRegular, Palatino Linotype, Book Antiqua3, Palatino, Times New Roman, Times New Roman, Times, serif; }
article { padding: 20px 20px 20px 20px; width:600px; }
article { margin-left:20px; margin-right:20px; }
section { margin-top:20px}
article section:first-child { margin-top:0}
/* individual styles */
figcaption {display:none}


article {background-image: url(../images/wd-content-repeat.jpeg); background-repeat:repeat-y; float:left}
article#c-popis {padding:0; width:640px;background-image:none}
article#c-popis .quote {background-image: url(../images/wd-content.jpg); font-size: 200%; text-align:center; }
article#c-popis section {padding:20px; margin-bottom: 20px;}

nav {margin-top: 20px; font-size: 200% }
nav ul {padding-right: 20px;}
nav li {text-align:right}
nav li {padding-bottom: 0px; padding-top: 7px;}
nav li a {padding-right: 40px;}
nav li a {background-repeat:no-repeat; background-position: 100% 50%; }
nav li a {color: black}
nav li span {display:none}
nav .mi-popis    a {background-image: url(../images/icons/mi-popis.png)}
nav .mi-galerie  a {background-image: url(../images/icons/mi-galerie.png)}
nav .mi-text  a {background-image: url(../images/icons/mi-ucitele.png)}
nav .mi-ucitele  a {background-image: url(../images/icons/mi-praclist.png)}
nav .mi-praclist a {background-image: url(../images/icons/mi-ukol.png)}
nav .mi-audio    a {background-image: url(../images/icons/mi-audio.png)}
nav .mi-video    a {background-image: url(../images/icons/mi-video.png)}
nav .mi-ukol     a {background-image: url(../images/icons/mi-ukol.png)}
nav .mi-download a {background-image: url(../images/icons/mi-download.png)}
nav .mi-back     a {background-image: url(../images/icons/mi-back.png)} 
nav li a, nav li {-moz-transition: all 0.2s ease-in-out}  
nav li:hover     {-moz-transform: translate(10px,0px);}
nav a, nav a:visited {color:black; text-decoration:none}

#content {overflow:hidden}
#slider {width:9000px}
#picture {margin:20px 0 0 0; text-align: center}
#picture img {margin-left:auto; margin-right:auto;}

#c-video iframe {margin-bottom: 20px; margin-left:100px;}

#mapa {width:280px; height:252px;}

/*  #mapa figure {-moz-transition: all 2s ease-in-out; z-index:50}  
#mapa:hover figure { background-image: url(images/wd-planek2.png) }
#mapa:hover figure {
  -moz-transform: translate(350px,350px) scale(3);
}*/
/* ovladani mapickou */
nav {overflow:hidden}
nav ul {margin-top:0;}
#slider {margin-left: 0; }
figure {position:relative;}

#footer {position:fixed; bottom:10px; left:10px; font-size:small}

/* general lists */

#content ul, #content ul ul {padding-left: 20px; list-style:square}
#content ul li { margin-left: 10px}


/* barvy http://colorschemedesigner.com/#0E11T--aFubwe */
a {color: #5B3407}
a:visited {color: #885213}
em {color: gray; font-style:italic}

/* --- main_page ----------------------- */
body#main_page {
  background: url(../images/klaster.jpeg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body#main_page #container {
  background:none;
}
body#main_page #mapa {
  position: fixed;
  bottom: 20px;
  right:20px;
}

#content table td {border: 1px solid black; padding: 6px}
#content table {border-collapse: collapse}