#body {position: relative; margin: 5px auto; width: 100%;}
div#lista{margin:10px 0 0;padding:0}
 td:not(:empty) {background: #bed79a; } 
a { color: #006600;}
A a:hover { color: #8AC007;  font-weight: bold;}
a.buttonStyle:hover { background: #cccccc; }
nav ul { margin: 0; padding: 0;}
nav ul li {display: inline-block;list-style-type: none; padding:0px 0px 0px 20px; }
nav > ul > li > a { display: block; }

ul li{ list-style: square  url("http://www.math.muni.cz/templates/math.muni//images/dot.png") ; padding:1px 1px 1px 15px; margin:0;  }
#header_foto {position: relative; float: right ; width: 100px; margin-right: 15px; }
#header_flag {position: relative; float: right ; margin-right: 0.2em }
table { width: 100% ;border: medium;  }
table#rozvrh { border-collapse: collapse; border: solid thick; empty-cells: hide;}
colgroup,tbody#rozvrh  { border: solid medium; }
tr#rozvrh, td#rozvrh { border: solid thin; height: 1.4em; width: 1.4em; text-align: center; padding: 0; }
td.first { width: 200px;}
tr,td,th  { border: solid thin;background: #ffffff ;}

@media screen and (min-width: 0px) and (max-width: 979px) {
#pageContainer { position: relative; margin-left: auto; margin-right: auto; width: 100%; }
#left 	{ display: none; }
#right 	{ display: none;}
#menu {text-align: center;}
#menu ul {list-style-type: none;}
#menu li {float: right; padding: 5px; list-style-type: none;  font-size: 0.8em;}
}

@media screen and (min-width: 0px) and (max-width: 399px) {
#header_foto {display: none; }
#logo 	{ display: none;}
#header_name {position: relative; background: #549315 ; width: 94%; padding: 10px; border: 1px solid #5C9D05; float: left;font-size: 1.2em; text-align: center;  border-radius: 20px 20px 0px 0px; }
nav {display: inline-block; position: relative; float: center ;background: #bed79a ; width: 97%; padding: 5px; border: 1px solid #5C9D05; float: left;font-size: 1.3em;  border-radius: 0px 0px 20px 20px}
a { line-height: 2.0em ;color: #006600; margin-left : 0px }
}

@media screen and (min-width: 400px) and (max-width: 759px) {
a { line-height: 2.0em ;color: #006600; margin-left : 0px }
#header {width: 99%; height: 119px;  background: #549315; border-radius: 70px 20px 20px 70px; border: 1px solid #5C9D05 }
#header_name {position: absolute; background: #549315; margin-left: -1px;margin-top: 0px ;width: 96%; padding: 10px; border: 1px solid #5C9D05; float: left;font-size: 1.2em; text-align: center;  border-radius: 20px 20px 0px 0px; }
nav { position: relative; float: center ;background: #bed79a; margin-top: 39px ;width: 96%; padding: 10px; border: 1px solid #5C9D05; float: left;font-size: 1em;  border-radius: 0px 0px 20px 20px}
#obsah { width:  96%; margin-top: 140px; padding: 10px; float:  center;  font-size: 1em; background: #E9F2DE; border: 1px solid #bed79a; border-radius: 0px 0px 20px 20px; } 
}

@media screen and (min-width: 760px) and (max-width: 979px) {
#header {width: 98%; height: 119px;  background: #549315; border-radius: 70px 20px 20px 70px; border: 1px solid #5C9D05; }
#header_name { display: inline-block; width: 51%; margin: 45px; margin-left:20px; margin-right:20px; float: right; text-align: right; font-size: 1.5em;}
nav { position: absolute; background: #bed79a; width: 96%; padding: 10px; border: 2px solid #bed79a; float: left;font-size: 1em;  border-radius: 20px 20px 0px 0px;border: 1px solid #5C9D05; }
#obsah	{ width: 96%; padding: 10px; margin-top: 50px;float:  center;  font-size: 1em; background: #E9F2DE;  border: 1px solid #bed79a; border-radius: 0px 0px 20px 20px; }
}

@media screen and (min-width: 980px) {
#pageContainer { position: relative;float:center ; margin:10px  width: 900px; margin-top: -50px;   padding-top: 50px; background-color: #ffffff}
#wrapper {width: 800px; background: #ccffff}
#header {width: 100%; height: 119px;  background: #549315; border-radius: 70px 20px 20px 70px; border: 1px solid #5C9D05; }
#header_name {width: 20em  ; margin: 45px; float: right; text-align: right; font-size: 1.5em;}
nav { position: absolute; background: #bed79a ; width: 890px; padding: 10px; border: 2px solid #bed79a; float: left;font-size: 1em;  border-radius: 20px 20px 0px 0px;border: 1px solid #5C9D05; }
#obsah { width: 890px; margin-top: 50px; padding: 10px ; float:  center;  font-size: 1em; background: #E9F2DE;  border: 1px solid #bed79a; border-radius: 0px 0px 20px 20px; }
#pagewhite { position: relative; width: 910px; margin-left: auto;  margin-right: auto; padding: 20px ;background-color: #ffffff; margin-top: -50px;   padding-top: 50px; /* border-radius: 80px 40px 40px 40px;*/ }
body {position: relative; margin: 0px auto; width: 100%;background-image: url('../img/left.jpg'); height: 100vh;}
}