html,body{margin:0 ;padding:0}

body{font-family: Helvetica, Arial, sans-serif;
     /*font-family: arial, serif;*/
     /* font-family: Helvetica CE, Verdana, Arial; */
     /* font-family: "Times New Roman", Times, Serif; */
     font-size: 100%;
     font-weight: normal;
     color: black;
     /* width:1200px; margin:0 auto; */
     width:1400px; margin:0 auto;
     background-image: url('../images/backgn.jpg'); 
     /*
     background: #FFFFCC; 
     background-image: url('../images/02.jpg'); 
     background: #EED url('../images/backpaper1.jpg'); 
     background-image: url('../images/02.jpg'); 
     background-image: url('../images/09.jpg'); 
     background-image: url('../images/backg.jpg'); 
     background: #EED url(../images/wall02m.jpg); 
     background: #EED; 
     */
     behavior: url(csshover.htc);
}

/* h1,h2,h3,h4{margin: 0; padding: 0; color: #04F;}*/
h1,h2,h3,h4{margin: 0; padding: 0;}
h1{font-weight: bold; font-family: Arial, sans-serif; 
   font-size: 1.69em; text-align: center; color: #003366;}
h2 {font-size: 1.6em; margin: 0 0 1em 0; padding: 0; 
    color: #259; text-align: center; border-bottom: 1px solid}
h3 {font-size: 1.2em; margin: 0; padding: 0; color: #259; text-align: left;}
h3.dms {color: #259; text-align: left;}
h3.hcenter {text-align: center; margin-bottom: 0.5em;}
h4 {font-size: 1.2em; margin: 0; padding: 0; color: black; text-align: center;
   border-bottom: 2px solid black;}
h5{font-size: 1.0em; color: #077; font-weight: bold; margin: 0; padding: 0;}

div#hlav1{height: 130px; margin: 0; padding: 0; 
  background: #E1E3D1; 
  /* background: #F0DDBB; default */
  /* background: #BBDAFF; */
  /* background: #CDF; */
  /* background: #F0DE99; */
	border: 1px solid rgb(0%,31%,46%);
  border-width: 2px 0;
  width: 100%;
}
div#datum{margin: 5px 110px 0 0; padding: 0;
  /* background: white; */
  font-family: Verdana, arial, sans-serif; font-weight: bold; font-size: 1.44em;
  font-style: oblique; color: #259; text-align: right;
}

div#dmspre{font-size: 1.2em; font-style: italic; margin: 0 0 1em 0; padding: 0; 
  text-align: right; border-bottom: 1px solid #259;
}

.title1 {margin: 25px 0 2px 0;}
.title2 {margin:  0;
	font-family: arial, sans-serif; 
	font-weight: bold; font-size: 1.3em; font-style: oblique;
  color: #000; text-align: center;
}
div#hlav1 a {color: blue; text-decoration: none;}
div#hlav1 a:hover {color: navy;}
a {color: blue; text-decoration: none;}
a:hover {color: navy;}

div#lang{
  /* position: absolute; top: 92px; left: 0; right: auto; */
	float: right; width: 35px; /*width of menu*/
  /*
	border: 1px solid rgb(0%,31%,46%); 
  border-width: 0 3px 3px 0; 
  background: white; */
}

div#menu{
  position: fixed; width: 180px; top: 132px; left: auto; right: auto; */
	/* float: left; width: 180px; /*width of menu*1
  margin: -2px 0 0 0; 
  /* margin: 25px 0 0 5px; */
  border-style: solid solid solid solid;
  /* border-color: #94aa74; 
  border-size: 1px; */
	border: 1px solid rgb(0%,31%,46%); 
  border-width: 2px 2px 2px 2px; 
  /* border-bottom: 2px solid rgb(0%,31%,46%); */
}

div#menu ul{
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0  0;
text-align: center;
margin-bottom: 0 0 0 0;
}

div#menu ul li{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
/* padding-bottom: 2px; */

/* 	border: 1px solid rgb(0%,31%,46%); 
  border-width: 0 0 1px 0; */
}

div#menu ul li a{
font: bold 12px Sans-serif;
color: black;
/* background: #EED; */
/* background: #E9E9E9; */
/* background: #F0DDBB; */
background: #EEEEEE; 
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; 
text-decoration: none;
}

/* nasledujici odstavec jen kvuli barevnemu pozadi registrace */
div#menu ul li.regis a{
font: bold 11px Sans-serif;
color: black;
/* background: #E9E9E9; */
/* background: #DDEEFF; */
background: #FFEEDD; 
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; 
text-decoration: none;
}

div#menu ul li a:visited { color: black; }

div#menu ul li a:hover {
color: blue;
background: #FFFFEE; 
 	border: 1px solid rgb(0%,31%,46%); 
  border-width: 1px 1px 1px 1px; 
/* color: white;
background: #006666; */
}

div#menu ul li a#active {
color: maroon;
/* background: #EDB; */
background: #eef0de;
/* background: #FFFFCC; */
/* color: maroon;
background: #66ccff; */
}

div#content{
  margin: 0.5em 1em 2em 192px; ; margin-right: 15px;
  font-family: arial, sans-serif;
	font-size: 1em; 
  padding: 10px 10px;
  text-align: justify;
}

div#localcz{
  margin: 0.5em 1em 2em 1em; ; margin-right: 15px;
  font-family: arial, sans-serif;
	font-size: 1em; 
  padding: 10px 10px;
  text-align: justify;
}

div#heslo{
  margin: 0.5em 1em 2em 2em; ; 
  font-family: arial, sans-serif;
	font-size: 1em; 
  padding: 10px 10px;
  text-align: justify;
}

span.myblue {font-weight: bold; font-size: 1.08em; color: #009999;}
/*span.myblue {font-weight: bold; font-size: 1.08em; color: 000000;}*/
div.myblue {font-weight: bold; font-size: 1.2em; color: #009999;}
span.chair {color: brown;}

div.copyright {
  /* position: absolute; top: 92px; left: 0; right: auto; */
	/* float: bottom; */
  /* position: absolute; bottom: 10px; left: auto; right: 5%; */
  margin: 0 2em 1em 0; text-align: right; 
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; 
  font-size=0.9em; font-weight: normal; color: #b0b0b0; text-align: right; 
} 
div.copyright a {font-weight: bold; text-decoration: none; 
  color: #abd;
  /*color: #809AA7;*/
}

div.pdfabsinfo {margin: 1em 2em 1em 2em; padding: 6px 12px 6px 12px;
  /* background: #EED; */
  background: #EEEEEE; 
  /* font-weight: bold; */
  color: black;
  /*color: #809AA7;*/
  border: 2px solid; border-color: #AAA #333 #333 #AAA;
}

div#spir{
	float: left; width: 270px; /*width */
  margin: 1em 1em 2em 1em; 
}
div#hlptext{
  margin: 1em 1em 2em 290px; 
  font-family: arial, sans-serif;
	font-size: 1em; 
  padding: 10px 10px;
  text-align: justify;
}

/* img.foto {border: 2px solid; border-color: #AAA #FFF #FFF #AAA;} */
img.foto {border: 2px solid; border-color: #AAA #333 #333 #AAA;}

ul.akce li {margin: 0 0 1em 0; /*background: #FFF;*/}

/* .label {font-weight: bold; text-align: right;} */
.label {font-weight: bold; text-align: right; width: 170px;}

/*
.tlsend  {font-weight: bold; color: blue;}
.tlsend:hover  {background-color: #AAFFFF;}
*/

table.imagetable {
	font-family: verdana,arial,sans-serif;
	/* font-size:11px; */
	color:#333333;
	border-width: 2px;
	border-color: #999999;
	border-collapse: collapse;
  width: 90%;
}
table.imagetable th {
	background:#b5cfd2 url('../images/cell-blue.jpg');
	border-width: 2px;
	padding: 4px;
	border-style: solid;
	border-color: #999999;
}
table.imagetable td {
	background:#dcddc0 url('../images/cell-grey.jpg');
	border-width: 2px;
	padding: 4px;
	border-style: solid;
	border-color: #999999;
}


/* formatovani programu */
table td.lecture {font-weight: bold; color: brown; 
  /*background: #DDD; border-bottom: 1px solid black; */
}
table td.nochair {font-weight: bold; color: #18507d; }
table td.special {font-weight: bold; color: black; }
table td.discussion {font-weight: bold; color: black; }
table td.concert {font-weight: bold; font-style: italic; color: black; }
table td.coffee {font-weight: bold; color: green;}
table td.lunch {font-weight: bold; color: green;}
table td.free {font-weight: bold; color: black; }
table td.datum {font-size: 144%; text-decoration: none;
        text-align: center;
        font-weight: bold; color: #20367D; background: #DDD;}
p.den { width: auto; padding: 0px; text-align: right; text-indent:0px; 
        color: #3333FF; text-decoration: none; font-weight: normal;
}
div.den { width: auto; padding: 0px; text-align: right; text-indent:0px; 
        color: #3333FF; text-decoration: none; font-weight: normal;
}
span.dena {font-size: 122%; color: red; font-weight: bold;
}
span.dena a {color: red; font-weight: bold;}
span.dena a:link {color: red; font-weight: bold;}
span.pozn {color: Teal; font-weight: bold;}
span.cas {color: blue; font-style: italic; font-weight: normal;}
span.location {color: black; font-weight: bold;}
/* konec formatovani programu */

span.myblue {font-weight: bold; font-size: 1.08em; color: #009999;}
/*span.myblue {font-weight: bold; font-size: 1.08em; color: 000000;}*/
div.myblue {font-weight: bold; font-size: 1.2em; color: #009999;}

div.hsum{font-size: 1.2em; font-weight: bold; margin: 1em 0 4px 0; 
  padding: 0 0; color: brown; 
}

.greekto:focus {background: #CCFFFF;}
table.greektbl td {margin: 0; padding: 0; }
table.greektbl td.glet {margin: 0; padding: 0; width: 30px; height: 30px;
  border-width: thin; font-size: 19px;
  text-align: center; background: #fff;}
table.greektbl a:link {color: navy; text-decoration: none; font-weight: bold;}

.tlblue {
  margin-left: 20px;
  display: inline-block;
  padding: 8px 10px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4477AA;
  border: none;
  border-radius: 12px;
  box-shadow: 0 6px #999;
}
.tlblue:hover {background-color: #164569; color: white;}
.tlblue:active {
  background-color: #164569;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.tlorange {
  margin-left: 20px;
  display: inline-block;
  padding: 8px 10px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #EB8100;
  border: none;
  border-radius: 12px;
  box-shadow: 0 6px #999;
}
.tlorange:hover {background-color: #904F00;}
.tlorange:active {
  background-color: #904F00;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
 
.tlgreen {
  margin-left: 20px;
  display: inline-block;
  padding: 8px 10px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #22AA77;
  border: none;
  border-radius: 12px;
  box-shadow: 0 6px #999;
}
.tlgreen:hover {background-color: #115533;}
.tlgreen:active {
  background-color: #115533;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.tlgreenn {/* uzsi nez tlgreen */
  margin-left: 10px;
  display: inline-block;
  padding: 8px 10px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #22AA77;
  border: none;
  border-radius: 12px;
  box-shadow: 0 6px #999;
}
.tlgreenn:hover {background-color: #115533;}
.tlgreenn:active {
  background-color: #115533;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}


.tlsend {
  /* margin-left: 10px; */
  margin-left: 0px;
  display: inline-block;
  padding: 4px 9px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: black;
  border: none;
  border-radius: 6px;
  box-shadow: 0 3px #999999;
  background-color: #DCDCDC;
}
.tlsend:hover  {/* background-color: #AAFFFF;*/
  background-color: #A6DDFF; border: 1px solid blue; 
  /* font-weight: bold; */
  color: #003366;
}
.tlsend:active  {background-color: #AAFFFF;}

/* .liform { display:inline-block; width: 168px; height: 25px; border-width: 0px; } */
.liform { margin: 0 0 0 0; display:inline-block; width: 176px; height: auto; }
div#menu .liform {
  color: black;
  background-color: #EEEEEE;
  font: bold 11px Sans-serif;
  padding: 5px 0;
  line-height: 17px;
  padding-left: 8px; 
  text-decoration: none;
  border: 1px solid rgb(0%,31%,46%); 
  border-width: 0 0 1px 0; 
}
div#menu .liform:hover {
  color: black;
  background-color: white; 
  font: bold 11px Sans-serif;
  padding: 5px 0;
  line-height: 17px;
  padding-left: 8px; 
  text-decoration: none;
}
div#menu .liform:active {
  color: black;
  background-color: #EEDDBB;
  font: bold 11px Sans-serif;
  padding: 5px 0;
  line-height: 17px;
  padding-left: 8px; 
  text-decoration: none;
}

div#menu #active {
color: maroon;
background: #EEDDBB;
/* background: #FFFFCC; */
/* color: maroon;
background: #66ccff; */
}