html,body{margin:0 ;padding:0}
body{/* font-family: helvetica, arial, sans-serif; */
     font-family: arial, sans-serif;
     /* font-family: Helvetica CE, Verdana, Arial; */
     /* font-family: "Times New Roman", Times, Serif; */
     font-size: 100%; 
     /* font-size: 15px; */
     font-weight: normal;
     color: black;
     width:1200px; margin:0 auto;
     /* background: #DDEEFF url(../images/bg1.jpg) ; */
     background: #DDEEFF url(../images/back01.jpg) ; 
     /* background-color: #eadbcc; */
     behavior: url(csshover.htc);
}

/* h1,h2,h3,h4{margin: 0; padding: 0; color: #04F;}*/
h1,h2,h3,h4{margin: 0; padding: 0; color: black;}
h1{font: bold 1.5em/1.6em arial, sans-serif; text-align: center; color: black;}
h2{font-size: 1.3em; text-align: center; }
h3{font-size: 1.1em; }
h4{font-size: 1.0em; }
h5{font-size: 1.0em; color: #099; margin: 5; padding: 2;}

div#hlav1{height: 150px; margin: 0; padding: 0; 
  margin:  0 ; padding: 0;      
	/* background: #EDB;	*/
	/* background: #D8EEFF;	
	background: #E7E3BB;
	background: #E0E0BC;
	background: #d2e2ee;
	background: #eec;
	background: #cde;*/	
	/* background: #ddd; */
  background: #DEF url(../images/bg2.jpg) ;
	border: 1px solid rgb(0%,31%,46%);
  border-width: 2px 0;
  text-align: center;
  /* width: 100%; */
  width: 1200px;
}
div.warn{padding: 0.5em 0.5em; font-size: 1.3em; text-align: center; color: brown;
  font-weight: bold; background: #FFFFEE;}

.title1 {
  /* margin: 25px 0 5px 0; */
  margin: 10px 0 5px 0;
	/* font-family: arial, sans-serif; font-size: 1.9em; font-weight: bold;*/
	font-family: Helvetica; font-size: 1.9em; font-weight: bold;
  color: brown; 
}
.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;}

/* --------- MENU horizontalni ---------------- */
div#menu_hor{/* position: absolute; top: 110px; */
	font-family: arial, sans-serif; 
  position: absolute; /* top: 63px; left: 200px; */
  /* width: 800px;*/
  width: 1200px;
  /* text-align: center; */
  /* margin: 63px 0 0 240px; */
  /* margin: 43px 0 0 240px; */
  margin: 43px 0 0 280px; 
  padding: 0; 
  color: #003366; /* barva textu v menu level1 */
  /* border: 1px solid #AAA; */
}


div#menu_hor ul {margin: 0; padding: 0; 
  background: #EEEEEE; /* pozadi v ul submenu */
  border: 1px solid #CCC;
  border-width: 0 1px;
  text-align: center;
}

div#menu_hor ul.level1 li {position: relative;
  padding: 0.25em 0.5em;
  list-style: none; margin: 0 0;
  float: left; /* width: 9.5em;*/
  line-height: 1em;
  /* font-weight: bold; */
  text-align: center;
  border: 1px solid #AAA; 
  border-width: 1px 1px;
  background: #DDEEFF; /* barva pozadi 1. urovne menu */
  /* background: #BBCCDD; /* barva pozadi 1. urovne menu */
     /*background: #BBB url(../images/tabs2-big.gif); */
}
div#menu_hor ul.level1 li:hover {background: #8BE;
  /*background: #8BE; */
color: yellow; /* barva textu v 1. urovni, najedu-li mysi */
}

div#menu_hor li:hover {background: #EBB;}
div#menu_hor li.submenu:hover {background-color: #EDD;
}
div#menu_hor li a {display: block; /* padding: 0.25em 0 0.25em 0.5em;*/ 
        text-decoration: none; width: 9.5em;
        /* color: maroon; */
        color: blue;
        /* background: #BBCCDD; /* barva pozadi v 1. urovni zivych odkazu */
}
div#menu_hor>ul a {width: auto;}
div#menu_hor ul ul {position: absolute;  /* width: 52em;*/
        display: none;
}
div#menu_hor ul ul li {border-bottom 1px solid #CCC;}
div#menu_hor ul.level1 ul.level2 li {
	border: 1px solid #CCC;
  border-width: 1px 0;
}
div#menu_hor ul.level1 ul.level2 li {
  background: #EEEEEE; /* pozadi li v 2. urovni*/
  white-space: nowrap;
}
div#menu_hor ul.level1 ul.level2 li a:hover {color: red;
background: white;}
div#menu_hor ul.level1 ul.level2 li a:hover {color: red;
background: white;}

div#menu_hor ul.level1 li.submenu:hover ul.level2 {display: block;
}
/*
div#menu_hor ul.level1 li.submenu:hover ul.level2 li {background: yellow;
}
*/
div#menu_hor ul.level2 {top: 1.5em; left: -1px; }
/* KONEC MENU horizontalni * ------------------------------------- */

/* prave menu puvodni verze s rozvinutym menu -------------------*/
div#menu_right{
  /* position: absolute; top: 92px; left: 0; right: auto; */
	float: right; width: 170px; /*width of menu_right*/
  margin: 20px 0 0 0;
	border: 1px solid rgb(0%,31%,46%); 
  /* border-width: 0 0 2px 2px; */
}

div#menu_right .headerbar{
  font: bold 12px Verdana;
  /* color: black;
   background: #777777; */
  color: #15317e;
  background: #DEF url(../images/wall02.jpg) ;
  margin-bottom: 0; 
	border: 1px solid rgb(0%,31%,46%); 
  border-width: 0 0 1px 0; 
  text-transform: uppercase;
  padding: 5px 4px 5px 10px; 
}

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

div#menu_right ul li{
/* padding-bottom: 2px; */
	border: 1px solid rgb(0%,31%,46%); 
  border-width: 0 0 1px 0; 
}

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

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

div#menu_right ul li a:hover {
color: blue;
background: white;
/* color: white;
background: #006666; */
}

div#menu_right ul li a#active {
color: maroon;
background: #EDB;
/* background: #FFFFCC; */
/* color: maroon;
background: #66ccff; */
}
/* konec prave menu puvodni verze s rozvinutym menu -------------------*/

/* prave menu se skrytymi polozkami -----------------------------------*/
div#menu_navr {
	float: right; width: 170px; /*width of menu_right*/
  margin: 20px 0 0 0;
	/* border: 1px solid rgb(0%,31%,46%); */
}
div#menu_navr .headerbar{
  font: bold 12px Verdana;
  /* color: black;
   background: #777777; */
  color: #15317e;
  /* background: #DDEEFF url(../images/wall02.jpg) ; */
  background: #EFDEAB;
  margin-bottom: 0; 
  border: 1px solid rgb(0%,31%,46%); 
  border-width: 0 0 1px 0; 
  text-transform: uppercase;
  padding: 5px 4px 5px 10px; 
}
div#menu_navr .headerbar:hover {background: #EEEEEE; color:blue;}
div#menu_navr ul {margin: 0; padding: 0; 
	background: #DEDEDE; /* border: 1px solid #666666; */
  /*
  border-top:    1px solid  #ff0;
  border-right:  2px dashed #f0F;
  border-bottom: 3px dotted #f00;
  border-left:   5px solid  #09f;
  */
  border-top:    1px solid  #666666;
  border-right:  1px solid #666666;
  /* border-bottom: 3px dotted #f00; */
  border-left:   1px solid  #666666;
}
div#menu_navr li {position: relative; list-style: none; margin: 0;
	border-bottom: 1px solid #CCCCCC;}
div#menu_navr li:hover {
  /* background: #EEBBBB; */
  background: white; 
}

div#menu_navr li.submenu {background: url(submenu.gif) 95% 50% no-repeat;
	font-size: 1em; /*font-weight: bold;*/
  /* padding: 0.125em 0 0.125em 0.5em; */
  color: #006666;  
}
div#menu_navr li.submenu li {font-weight: normal;/* pridano */
   margin: 0; padding: 0.; display: block; 
   /* background: yellow; */
	border-bottom: 1px solid #666666;
}
div#menu_navr li.submenu:hover {
  background-color: #EEDDDD; 
}
div#menu_navr li a {display: block; padding: 0.125em 0 0.125em 0.5em;
	text-decoration: none; }
div#menu_navr ul li a {display: block; padding: 0.125em 0 0.125em 0.5em;
	text-decoration: none; 
}
div#menu_navr ul a {width: auto;}
div#menu_navr ul ul {position: absolute; top: -1px; left: -172px; display: none;
width:170px;}
div#menu_navr ul ul li a {display: block; padding: 0.125em 0 0.125em 0.5em;
	text-decoration: none; }
div#menu_navr ul ul a {width: auto;}
div#menu_navr ul.level1 li.submenu:hover ul.level2 {display: block;}
/* kone praveho menu se skrytymi polozkami -----------------------------------*/

div#menu_left{
  /* position: absolute; top: 92px; left: 0; right: auto; */
	float: left; width: 170px; /*width of menu_right*/
  margin: 20px 0 0 0;
	border: 1px solid rgb(0%,31%,46%); 
  /* border-width: 0 2px 2px 0; */
}

div#menu_left .headerbar{
font: bold 12px Verdana;
/* color: black;
   background: #777777; */
color: #15317e;
background: #DEF url(../images/wall02.jpg) ;
margin-bottom: 0; 
	border: 1px solid rgb(0%,31%,46%); 
  border-width: 0 0 1px 0; 
text-transform: uppercase;
padding: 5px 4px 5px 10px; 
}

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

div#menu_left ul li{
/* padding-bottom: 2px; */
	border: 1px solid rgb(0%,31%,46%); 
  border-width: 0 0 1px 0; 
}

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

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

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

div#menu_left ul li a:hover {
color: blue;
background: white;
/* color: white;
background: #006666; */
}

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

div#content{
  margin: 60px 1em 2em 192px; ; margin-right: 185px;
  font-family: arial, helvetica, sans-serif;
  /* font-size: 1em; */
  font-size: 1.1em;
  padding: 10px 10px;
  text-align: justify;
  line-height: 130%;
  width: 800px; /* nove pridelano */
  height: auto;
}
div#fieldset {background: #FFFFFF;}
div#zprava{text-align: center; 
  margin: 1em 1em;
  padding: 4px 4px;
  background: #CCDDEE;
}
div.note {margin: 2em 0 2em 0; 
background: #FFFFEE; padding: 0.5em 1em 0.5em 1em;}
div.orgcom {margin: 2em 0 2em 0; 
background: #EEFFEE; padding: 0.5em 1em 0.5em 1em;}

.label {font-weight: bold; text-align: right;}
.tlsend  {font-weight: bold; color: blue;}
.tlsend:hover  {background-color: #AAFFFF;}
.tlbank  {font-size: 1.2em; font-weight: bold; color: blue;
  background-color: #FFFFCC;}
.tlbank:hover  {background-color: #AAFFFF;}
.tlbankreal  {font-size: 1.2em; font-weight: bold; color: red;}
.tlbankreal:hover  {background-color: #AAFFFF;}

/* formatovani programu */
table td.lecture {font-weight: bold; color: brown; 
  /*background: #DDD; border-bottom: 1px solid black; */
}
table td.lecture-nochair {font-weight: bold; color: brown;}
table td.nochair {font-weight: normal; color: black; }
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;}
table td.proginfo {font-size: 122%; text-align: right;
        font-weight: bold; color: brown; }

p.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.hlpref {margin: 0 auto 0 10em; font-weight: bold; font-size: 100%;
  /* background: white;*/
}

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.mybluea {color: #003366;}
/*span.myblue {font-weight: bold; font-size: 1.08em; color: 000000;}*/
div.myblue {font-weight: bold; font-size: 1.2em; color: #009999;}

.greekto {color: blue; background-color: #EEEEEE;}
.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;}

div.ditem {margin: 0 0 1em 0; font-weight: bold; /*font-size: 1.2em;*/ }
div.ditemn {margin: 0 0 1em 0; font-weight: normal; /*font-size: 1.2em;*/ }
div.ditemin {margin: 0 0 0 0; font-weight: normal;  /*font-size: 1.2em;*/ }

ul.topics {/*background: white;*/
  margin: 1em auto 1em auto; width: 70%;
}

div#previous {/* background: white; */
  margin:  0 0; 
  font-style: italic;
  font-size: 1.1em;
  text-align: center;
}

div.intro { /* background: white; */
  margin: 1em auto 1em auto; width: 40%;
  padding: 0 0 0 2em;
  font-size: 1.1em;
}

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;
}

div.intro15 {/* background: white;*/ 
  margin: 1em auto 2em auto; width: 85%;
}

img#introimg {/* background: white;*/ 
  margin: 0 auto 1em auto; width: 75%;
  /* border: 2px solid; border-color: #AAA #333 #333 #AAA; */
  /* border: 2px solid; border-color: #AAAAAA #AAAAAA #AAAAAA #AAAAAA; */
    border: 1px solid; border-color: #CC8E76 #CC8E76 #CC8E76 #CC8E76;
}

.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);
}

.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);
}

.tlbluev:hover {background-color: #164569; color: white;}
.tlbluev:active {
  background-color: #164569;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.tlpres {
  margin-left: 20px;
  display: inline-block;
  padding: 4px 5px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #000000;
  background-color: #aabbcc;
  border: none;
  border-radius: 10px;
  box-shadow: 0 3px #999;
}
.tlpres:hover {background-color: #ccddee; color: black;}
.tlpres:active {
  background-color: #eeeeee;
  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);
}

.tlpdf {
  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: #448899;
  border: none;
  border-radius: 12px;
  box-shadow: 0 6px #999;
}
.tlpdf:hover {background-color: #395165;}
.tlorange:active {
  background-color: #395165;
  box-shadow: 0 5px #666666;
  transform: translateY(4px);
}

div.poster-head{padding: 0.5em 0.5em; font-size: 1.3em; text-align: center; color: brown;
  font-weight: bold; }

div.conhead {text-align:center; color: black; font-size: x-large; font-weight: bold;
  border-bottom: 1px solid black; margin: 1em 0 0 0; padding: 0 0 0.5em 0;
}
div.con_nadpis {color:brown; font-size:x-large;font-weight:bold; margin:2em 0 0 0;}