* {margin:0;padding:0;font-family:Verdana,Helvetica, sans-serif;}
body{background:#fff5ee; font-size:0.7em; color:#36383c; text-align: center; padding: 0 15px; margin-top:60px;}
.cor {clear:both; visibility:hidden;}

/* prihlasen jako ... */
#prihlasen {width: 400px; 
            position:absolute;
            z-index:2;
            top:10px; 
            left: 16px; 
            text-align: left; 
            background: #fff5ee; 
            font-size:1.2em;
            line-height: 1.4em;}

/* nadpis ... */
#nadpis {position:absolute;
         z-index:3;
         top:7px; 
         left: 250px; 
         background: #fff5ee; 
         text-align: left;
         }

/* menu */
#menu {position:absolute;
       top:55px; 
       left: 16px; 
       height: 864px;
       width: 200px;
       text-align: left; 
       border-right:4px solid #d8dce2;
       border-top:1px solid #d8dce2;
       font-size:1.2em;
       margin-top: 5px;
       margin-right: 20px;
       background:#ffefd5;}

#menu ul {margin:15px 0 0 30px;}
#menu ul li {color: #2B3856; list-style: square; margin-right:15px; padding:4px 0 4px 0px;}
#menu ul li a {color: #2B3856; text-decoration: none;}
#menu ul li a:hover{ color:#000; text-decoration: none; font-weight: bold;}

h1, .h1 {font-size:22px;color:#616D7E;font-weight:bold; white-space:nowrap;}
h2, .h2 {font-size:1.8em;font-weight:normal;color:#2c3539;}

#mainarea {border: none; margin-left: 235px;}
#mainarea h1,h2 {text-align: left;}

/* copyright po mainarea 10px pod menu */
#mainarea:after {
           clear: both;
           position: absolute;
           top: 929px;
           left: 16px;
           width: 200px;
           text-align: left;
           font-size: 1.0em;
           font-style: italic;
           content: "Design and programming Roman\00A0Krej\010D\00ED\00A0\00A0\00A9\00A0\00A0 2014";
        }

.sitep{font-size:1.2em;line-height:1.5em}

.listing {border: none; margin: 20px; white-space:nowrap;}
.listing th {vertical-align:text-top;}
.listing th, td {font-size:1.2em; text-align: left; padding: 1px 8px;}

.listing2 {border: none; margin: 20px; white-space:nowrap;}
.listing2 th {background-color:white; vertical-align:text-top;}
.listing2 th, td {font-size:1.2em; text-align: left; padding: 1px 8px;}

.important {font-weight:bold;text-decoration:underline;}
.redimportant {color:red;font-weight:bold;text-decoration:underline;}

.divider {width:600px;margin:30px 10px;}

#blackboard {float: left;
             margin-top: 10px;
             width: 600px; 
             height: 500px; 
             border: 3px ridge #438d80;
             padding: 3px;
             background: #fff;
             text-align: left;
             font-size: 0.9em;color:#2b547e;font-weight:normal;
             overflow-y:auto;}

#blackboard td p {text-indent: 30px;}
#blackboard th {color:MidnightBlue; font-size:1.1em; padding-top:6px;}