* {
    margin: 0; padding: 0;
	
}

html 
{
	height: 100%;
}

body 
{
	height: 100%;
	font-family: Helvetica, Arial, Verdana;
	font-size: 0.9em;
	margin: 0; padding: 0;
	background: #E5E5E5 url("../img/bg-body.jpg") top left repeat-x;
}

strong { font-weight: bold; }

a:link { color: #E40204; font-weight: normal;}
a:visited { color: #E40204; font-weight: normal; }

a img { cursor: pointer; }

table tr td { vertical-align: 20%; }


/*Accordion menu css*/
.accordion_child ul li a:link, .accordion_child ul li a:visited {color: #fff; font-size: 0.8em; text-decoration: none; }
.accordion_child ul li a:hover {text-decoration: underline; color: #fff;}

#basic-accordian{
	
	padding:0px;
	width:240px;
	
}

.accordion_headings{
	padding: 20px 10px 20px 20px;
	background: #2B2B2B;
	color: #fff;
	border-bottom: 1px solid #404040;
	cursor: pointer;
	font-weight:bold;
	text-align: left;
}

.accordion_headings a:link, .accordion_headings a:visited { color: #fff; text-decoration: none; font-weight:bold; }
.accordion_headings a:hover { text-decoration: underline; }

.accordion_headings:hover{
	background:#404040;
	color: #ffffff;
}

.accordion_child{
	padding: 20px;
	background:#404040;
}

.accordion_child ul li { line-height: 1.3em; }

.smallmodule .accordion_headings { padding: 4px 10px 4px 10px; }

.header_highlight{
	background: #2B2B2B;
	color: #ffffff;
}

/*End of css for accordion menu*/


.wrapper { position: relative; min-height: 100%; width: 960px;  margin: 0 auto 0 auto; background: #ffffff; border: solid 3px #fff; }

#topbanner {
/*   width: 728px; */
   width: 960px; 
   margin: 0 auto 0 auto; /* background: #ffffff; border: solid 3px #fff; */
   text-align: justify;
   padding: 4px 0px;
}

#topbanner1 {
   width: 320px;
   float: left; 
   text-align: left;
}

#topbanner2 {
   width: 320px;
   float: left; 
   text-align: center;
}

#topbanner3 {
   float: left; 
   width: 320px;
   text-align: right;
}
#topbanner4 {
   width: 250px;
   float: left; 
   text-align: left;
}

.header
{
	width: 100%; height: 115px; 
	margin: 0; padding: 0;
	background: #FFFFFF;  
	clear: both;
 }

.main-menu { margin: 10px 0 0 0; /*_margin-top: -50px;*/ padding: 0; width: 100%; height: 45px; background: #232323;}


.main 
{
	width: 100%; 
	margin: 0 0 30px 0; padding: 0;
	background: #FFFFFF;
	
}

.footer
{
/*	position: absolute;
	_position: relative;
	bottom: 0;*/
/*	width: 100%;*/
    width: 960px;
	height: 90px;
/*	padding: 0;	margin: 0;*/
	text-align: center;
	background: #FFFFFF;
	color: #000;
	font-size: 1em;
	
    padding-top: 5px;
    clear: both;
}

.footer div { width: 700px; text-align: center; margin: 30px auto 0px auto; font-size: 0.8em; color: #999;}

.leftBody
{
	display: block;
	float: left;
	width: 250px;
	margin: 0px 40px 0px 0px;
	padding-top: 0px;

}

.rightBody
{
	margin: 0px 0 40px 290px;
	padding-top: 0px;

}

.logo { 	margin: 0;  padding: 10px 0 0 15px; }

.language { position: absolute; top: 30px; right: 30px; width: 320px; text-align: right; color: #CCCCCC;}
.language a:link, .language a:visited { color: #999999; text-decoration: underline; }
.language span { color: #E40204; font-weight: bold; font-size: 1.5em; }

.search { width: 320px; height: 35px; float: right; clear: right; margin: 70px 0;}

.globalSearch { position: relative; top: -7px; background: #A4A4A4; font-size: 21px; border: 0; color: #FFFFFF; padding: 1px 1px 2px; }


.home-content { width: 100%; height: 358px; text-align: left; background: #717171 url("../img/home-foto.jpg") top left no-repeat; }

.home-text { width: 100%; text-align: center; margin: 30px 0;}
.home-text div, .home-text p { width: 660px; text-align: justify; padding: 0; margin: auto; color: #666666; font-size: 1em;}

.home-bottom-boxes  { width: 960px; text-align: left; margin: 30px 0; }
.home-left-box  {float: left; clear: left; width: 434px; height: 300px; background: #333333 /*url("../img/home-pic1.jpg") top left no-repeat*/; margin: 0 0 0 70px; _margin: 0 0 0 44px;  padding: 0 0 auto 0;  }
.home-right-box   { width: 434px; height: 300px; background: #6f6f70 /*url("../img/home-pic2.jpg") top left no-repeat*/; margin: 0 0 0 526px; _margin: 0 0 0 0;  padding: 0 0 auto 0;}
.home-left-box  h3, .home-right-box  h3 { margin: 0 0 0 0px; padding: 20px 10px 20px 20px; color: #fff; font-size: 1.3em;}
.home-left-box  img, .home-right-box  img { margin: 0 20px 20px 20px; float: left; }
.home-left-box  p, .home-right-box  p { margin: 0 0 0 0px; padding: 0px 20px 20px 20px; color: #fff; font-size: 0.9em; text-align: left; }
.home-left-box  h3 a:link, .home-left-box  h3 a:visited, .home-right-box  h3 a:link, .home-right-box  h3 a:visited { color: #fff; }

.home-bottom-banners  { width: 960px; text-align: center; margin: 5px 0; }
.home-bottom-banners img { vertical-align: middle; margin: 0px 20px;}

.neprehlednete { width: 315px; height: 358px; margin-left: 645px; background: #6f6f70 url("../img/bg-stripes.png") 0px 65px repeat-x; }
.neprehlednete div { width: 315px; height: 65px; background-color: #d60103; }
.neprehlednete div h2 { color: white; font-size: 1.8em; margin: 0; padding: 20px 0 0 18px;}
.neprehlednete ul { margin: 0 18px 0 18px; padding: 0; }
.neprehlednete ul li { list-style-type: none; color: #fff; margin: 13px 0 0 0;}
.neprehlednete ul li a:link, .neprehlednete ul li a:visited { color: #fff; text-decoration: underline; }

.continue { text-align: right;}

.subpage-content { width: 100%; min-height: 358px; text-align: left; background: url("../img/bg-subpages.jpg") top left repeat-x; }

.left-menu { width: 240px; float: left; clear: left; margin: 100px 40px 0 0; padding: 0; }
.right-content { width: 667px; margin: 0; padding: 20px 0; text-align: left; }

.kurzy-info-header { 
                    width: 620px; min-height: 265px; 
                    _width: 617px;
                    margin: 0 0 0 280px; 
                    *margin-left: 0px;
                    padding: 30px 30px 30px;
                    background: #fff url("../img/bg-kurzy-header.jpg") top left repeat-x;
                    }
.content, .content-cont { 
                    width: 680px; min-height: 265px; 
                    _width: 677px;
                    margin: 0 0 0 280px; 
                    *margin-left: 0px;
                    padding: 0; 
                    }
.content  { 
                    background: #fff url("../img/bg-kurzy-header.jpg") top left repeat-x;
                    }
.content { min-height: 265px; height: auto; padding: 20px 0px 20px 0px; }
.text { margin: 10px 30px 20px 30px; }
.text p { font-size: 1em; margin-bottom: 20px; }


.float-right  { float: right; margin: 0 0 20px 20px;}
.float-left  { float: left; margin: 0 20px 20px 0px;}
.ilu-image { border: solid 5px #7F7F7F; }

.contact-form input , .contact-form textarea { font-family: Helvetica, Arial, Verdana;  font-size: 15px; background: red #fff; border: solid 1px #E40204; margin: 2px 0px 10px; padding: 2px;  }
.contact-form label { display: block; padding: 2px; font-size: 0.85em; }

.lektori-search, .booking-form { width: 610px; padding: 15px 5px 10px 5px; background-color: #CCCACB; margin: 0 0 30px 0px; *margin-left: 0px; }
.lektori-search input, .lektori-search select { background-color: #2B2B2B; color: #fff; margin: 0 0px 10px 0px; padding: 3px; border: solid 1px #959490;}
.lektori-search label { margin: 0 0 0 1px; color: #000; font-weight: bold; }
.lektori-search option { padding: 0 5px 0 5px; border: none; }

input.submit, input.button { color: #fff; background: #E40204; font-weight: bold; border: none; padding: 3px 33px; cursor: pointer;}

.left-links { margin: 10px 20px; }
.left-links a { color: white; }

.booking-form { padding: 10px; }
.booking-form tr { height: 30px; }
.booking-form tr th { width: 150px; }
.booking-form tr th, .booking-form tr td { vertical-align: middle;  }
.booking-form tr td textarea { height: 100px; width: 400px; }
/*.booking-form tr td { width: 500px; }*/
/*.booking-form tr th, .booking-form tr td { height: 10px; }*/
.booking-form tr.required th { font-weight: bold; }
.booking-form legend, .booking-form h2 { font-weight: bold; font-size: 1.5em; margin-bottom: 5px; margin-top: 0px; }
.booking-form fieldset { margin: 20px 0px 10px; }
.booking-form input { margin: 3px 0; padding: 2px; }
.booking-form input[type=radio] { margin: 3px 10px 3px 0; padding: 2px; }
.booking-form input[type=submit] { float: left; margin: 3px 20px 0 0; width: 130px;  }
.booking-form .agreetext { margin: 10px 0 10px 20px; display: block; }
.booking-form .agreecb { margin: 10px 0 10px 0; display: block; float: left; }
.booking-form fieldset { margin: 0 0 10px; }

.edit-helper { color: gray; }
.edit-helper-edit { color: black; }

.kurzy-info-header h2 { font-size: 2.5em; margin: 0px 0px 0px 40px; padding: 10px 0 0 0; color: #2F2F2F;}
.kurzy-info-header p { font-size: 0.9em; margin: 20px 40px 20px 40px; text-align: justify; }
.kurzy-info-header p.big { font-weight: bold; font-size: 1.2em; padding: 0px; margin: 0px 40px 0px 40px; text-align: justify; }
.kurzy-foto { clear: both; }
.kurzy-foto img { float: left; /*width: 250px; height: 250px;*/ border: solid 5px #7F7F7F; margin-right: 40px; margin-bottom: 5px;}
.kurzy-odkaz { margin-bottom: 5px; }

.red-menu { width: 680px; _width: 677px; background-color: #E40204; margin: -5px 0 20px 280px; *margin-left: 0px; padding: 20px 0 20px 0; }
.red-menu ul li { border: none; color: #fff; font-weight: bold; margin-left: 20px; display: inline; }
.red-menu ul li a { color: #fff; font-weight: bold; }
.red-menu ul li a.red-menu-a { color: #fff; font-weight: bold; }

.text-content { width: 680px; _width: 677px; margin: 0 0 0 280px; *margin-left: 0px; }
.text-content h3 { color: #646464; font-size: 2em; font-weight: normal; margin: 40px 0 20px 0; letter-spacing: -0.03em;}
.text-content p { font-size: 1em; padding: 0 30px 20px 0;}

.text-content2 { width: 650px; _width: 647px; margin: 0 0 0 280px; *margin-left: 0px;padding-left: 30px; }
.text-content2 p { font-size: 1em; padding: 0 30px 0px 0;}

.rozvrh-vysledky { width: 620px; border: none; margin: 0; padding: 0; }
.rozvrh-vysledky tbody tr { background: #2C2A2B; border: none; margin: 0; padding: 0;}
.rozvrh-vysledky tbody tr td {padding: 8px; color: #fff; border: none; margin: 0px;}
.rozvrh-vysledky thead tr th {padding: 8px 8px 4px; color: #2B2B2B; border: none; margin: 0px; font-weight: bold;}
.rozvrh-vysledky tbody tr td a { color: #fff; }
.rozvrh-vysledky tbody tr td span.aexp { color: #fff; text-decoration: underline; cursor: pointer; }
.rozvrh-vysledky tbody tr.aexp { background : #fff; color: #2B2B2B; display: none; }
.rozvrh-vysledky tbody tr.aexp th { padding: 2px; color: #2B2B2B; background: #fff; width: 130px; }
.rozvrh-vysledky tbody tr.aexp td { padding: 2px; color: #2B2B2B; background: #fff; width: 250px; font-weight: bold; }
.rozvrh-vysledky tbody tr.aexp td a { color: #2B2B2B; }
.rozvrh-vysledky tbody tr.aexp table { background : #fff; color: #2B2B2B; font-size: 1em; padding: 0px; margin: 5px 5px 12px 20px; }

.rozvrh-vysledky tbody tr.aexp table table { background : #fff; color: #2B2B2B; font-size: 1em; padding: 0px; margin: 15px 3px 0px 3px; }
.rozvrh-vysledky tbody tr.aexp table table th { width: auto; padding: 2px 10px 2px 0px;  }
.rozvrh-vysledky tbody tr.aexp table table td { background : #fff; color: #2B2B2B; font-weight: normal; width: auto; padding: 2px 10px 2px 0px; }

.rozvrh-vysledky tbody tr.aexp .passed { text-decoration: line-through; }

.rozvrh-vysledky tbody tr.aexp table.pricelist th { width: auto; padding-right: 7px; }
.rozvrh-vysledky tbody tr.aexp table.pricelist td { width: auto; padding-right: 7px; }

.rozvrh-vysledky tbody tr.aexp table.pricelist td.pl-right { text-align: right; font-weight: normal; }
.rozvrh-vysledky tbody tr.aexp table.pricelist td.pl-center { text-align: center; font-weight: normal; }
.rozvrh-vysledky tbody tr.aexp table.pricelist td.pl-left { text-align: left; font-weight: normal; }
.rozvrh-vysledky tbody tr.aexp table.pricelist td.plb-right { text-align: right; }
.rozvrh-vysledky tbody tr.aexp table.pricelist td.plb-center { text-align: center; }
.rozvrh-vysledky tbody tr.aexp table.pricelist td.plb-left { text-align: left; }


.odd td { background: #464646; border: none; margin: 0; padding: 0; }

h2.lektor-name { font-size: 2em; padding: 0.5em 0 0 0; letter-spacing: -0.05em;}
.lektor-header { height: 160px; }
.big { font-weight: bold; font-size: 1.2em;}
.prostory-h3 { margin: 30px 0 5px 0; }

.foto-box { width: 185px; height: 130px; float: left; background: #404040; margin: 0 10px 10px 0;}
.foto-box div {padding: 11px; }
.foto-box img { margin-bottom: 10px; display: block; }
.foto-box span { color: #fff; line-height: 1.5em; font-size: 0.8em; }
.title { font-weight: bold; }

.novinka { margin-bottom: 30px; clear: left; }
.novinka h2 { margin-bottom: 10px;}
.novinka h2 a { color: #242424; font-weight: bold; text-decoration: none; }

.downloads { clear: left; margin-bottom: 30px; }
.downloads h2 { font-size: 1.3em; margin-bottom: 4px; padding-top: 2px; }
.downloads div { margin-left: 90px; } 

a.downloadbutton:link, a.downloadbutton {
  background:none repeat scroll 0 0 #E40204;
  border:medium none;
  color:#FFFFFF;
  cursor:pointer;
  font-weight:bold;
  padding:3px 33px;  
  text-decoration: none;
}

.copyright 
{ 
	width: 990px; /*sirka layoutu*/ 
	height: 300px;
	margin: 0px auto 0px auto; 
	padding: 0px;
	background: url(../img/logo-footer.png) 0px 110px no-repeat;
}

p  {
		 margin: 0; padding: 0; 
		 text-align: left; 
		 font-size: 1.3em; 
		 color: #000;
		 line-height: 130%;
		 
}


h1 { 
		
		margin: 0 0 20px 250px;
		*margin: 0 0 20px 0px;
		width: 650px;
		text-align:left;
		font-family: Helvetica, Arial, Verdana;
		font-size: 4em;
		line-height: 1;
		letter-spacing: -0.02em;
		font-weight: normal;
		color: #fff;
	}


h2 {  
		
		text-align:left;
		font-family: Helvetica, Arial, Verdana;
		line-height: 1;
		letter-spacing: -0.02em;
		font-weight: bold;
		color: #242424; 
		margin: 0 0 1.5em 0; padding: 0; font-size: 1.5em;
		
}

h3 {
		
		margin: 2em 0 1.5em 0;
		font-family: Helvetica, Arial, Verdana;
		font-size: 1.3em; 
		font-weight: bold;
		color: #E40204;
		
}

h4 {
		margin: .5em 0 .5em 0;
		font-family: Helvetica, Arial, Verdana;
		font-size: 1.2em; 
		font-weight: bold;
		color: #000000;
}

h5, h6 {
		font-weight: normal;
		font-size: font-size: 1.3em;
}

sup {font-size:50%; vertical-align: text-top;}

.admin-content { padding: 40px;}
.admin-content h1 { margin-left: 0; text-align: left; color: #E40204; font-size: 1.8em; font-weight: bold; padding-bottom: 20px;}
.admin-content p { width: 650px; margin: 0 0px 20px 0px; font-size: 1em;}


.center-it { text-align: center; }
.red { color: #E40204; }

.text table td {   
    padding: 2px 10px;
}

.content ul {
  list-style: disc;
  margin: 2px 0px 2px 20px;
  padding: 0px;
}

.content ul li {
  padding: 3px;  
  margin: 0px;
}

.content ol {
  list-style: decimal;
  margin: 0px 0px 20px 30px;
}

.content ol li {
  line-height: 130%;
  margin: 0px 0px 8px 0px;
}

.content ol li img {
  padding: 7px 10px 0 0;
}

.content ol li ul li {
  line-height: 100%;
  margin: 0px;
}

.paginator {
  display: block; 
  float: right;
  width: 100%;
  margin: 0px;
  padding: 0px;  
  text-align: center;
}

.paginator span, .paginator a {
  height: 30px;
  padding: 7px;
  margin: 0px;
}

.paginator span {
  color: #fff;
  background: #242424;  
  font-weight: bold;
}

.download-pad {
  display: block; 
  float: right;
  width: 100%;
  margin: 25px 0px 0px;
  text-align: center;  
}

hr.cistic {
			clear: both;
            height: 1px;
			border: none;
			margin: -1px 0 0 0;
			visibility: hidden;
		}

.photogallery {
    margin-top: 20px;
    float: left;
    display: block;
}

table.contact-table {
   margin-bottom: 40px; 
}

table.contact-table tr td {
   width: auto; 
   padding: 3px 5px;
   /*background: red;*/
}

table.contact-table tr th {
   width: auto; 
   padding: 3px 5px 3px 0px;
   font-weight: bold;
   /*background: red;*/
}




#ajax-spinner {
    position:fixed;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    background: white url('/img/ajax-spinner.gif') no-repeat 50% 50%;
    padding: 13px;
    border: 2px solid #CCC;
    font-size: 0;
}

.splashscr {
  position: absolute;  
  top: 30px;
  left: 50%;
  margin: 0 0 0 -450px;
  width: 900px;
  height: 570px; 
}

 .splashscr .cnt {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }

.splashscr .scnt .backgr {  
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  border: 1px solid #E40204;
  opacity: 0.85;  
  filter: alpha(opacity=85);  
  -moz-opacity: 0.85;  
  -khtml-opacity: 0.85;   
  background: white;
  width: 900px;
  height: 570px; 
  z-index: 5;
  text-align: right;
  padding: 5px;
}

.splashscr .scnt .sint {
  position: absolute;
  top: 0;
  left: 0;
  margin: 50px 0;
  width: 100%;
  z-index: 10;
  text-align: center;
}

#lektori-matrix { text-align: center; }

div.rozvrh-graficky-header {
  margin-left: 30px;
}

div.rozvrh-graficky-header h1 {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

div.rozvrh-graficky {
  padding: 20px;
  background: white;
}

div.rozvrh-graficky h2 {
  font-size: 1.3em;
  margin: 0 0 8px;
}

table.rozvrh-graficky {
  font-size: 0.75em;
  display: table;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
  border-collapse: collapse;
  width: 920px;
}

table.rozvrh-graficky thead th {
  padding: 3px;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
}

table.rozvrh-graficky tbody tr.e {
  background: white;
}

table.rozvrh-graficky tbody tr.o {
  background: #EEEEEE;
}

table.rozvrh-graficky tbody th {
  padding: 3px;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  vertical-align: top;
}

table.rozvrh-graficky tbody th.d {
  font-size: 1.5em;
  font-weight: bold; 
  vertical-align: middle;   
}

table.rozvrh-graficky tbody td {
  vertical-align: top;
  width: 55px;    
  height: 50px;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
}

table.rozvrh-graficky tbody td div.f {
  position: relative;
  margin: 0 0 0 -1px;
  padding: 0;
}

table.rozvrh-graficky tbody td div.b {
  position: absolute;
  display: block;
  padding: 3px;
  vertical-align: top;
  background: #E40204;
  color: white;
  height: 43px;  
  border-left: 1px solid gray; 
  border-right: 1px solid gray; 
/*  cursor: pointer;*/
  cursor: default;
}

table.rozvrh-graficky tbody td div.b:hover {
  background: #F23E3E;
}

table.rozvrh-graficky tbody td div.b:hover div.d {
  display: block;
}

table.rozvrh-graficky tbody td div.lS { width: 49px; }
table.rozvrh-graficky tbody td div.lD { width: 77px; }
table.rozvrh-graficky tbody td div.lK { width: 36px; }

table.rozvrh-graficky tbody td div.ck { background: #3C3939; } /* kurz */
table.rozvrh-graficky tbody td div.co { background: #534E4E; } /* open class*/

table.rozvrh-graficky tbody td div.d {
  position: absolute;
  display: none;
  bottom: 50px;
/*  background: #2B2B2B;
  background: #E40204;*/
  font-size: 1.4em;
  width: 200px;
/*  height: 200px;*/
  margin: -4px -4px -4px -90px;
  padding: 5px;
  z-index: 10;
  opacity: 0.95; filter: alpha(opacity=95);  
  border: 1px dotted #2B2B2B; 
}

table.rozvrh-graficky tbody td div.d h3 {
  margin: 0 0 10px;
  padding: 0 0 2px;
  font-weight: bold;
  font-size: 1em;
  color: white;
  border-bottom: 1px dotted white;
}

table.rozvrh-graficky tbody td div.d .submit {
  margin-top: 20px;   
  background: #2B2B2B;
}

table.rozvrh-graficky tbody td div.d p {
  margin: 0;
  padding: 0 0 0px;
/*  color: white;*/
  font-size: 0.8em;
}

table.rozvrh-graficky tbody td div.d span {
  display: block;
  float: right; 
}

table.rozvrh-graficky tbody td div.d a {
/*  color: white;*/
  color: black;
}

table.rozvrh-graficky tbody td div.ckde { background: rgb(200,255,200); color: black; } /* kurz deti */
table.rozvrh-graficky tbody td div.ckde:hover { background: #EDFFC8; color: black; } /* kurz deti */
table.rozvrh-graficky tbody td div.ckde div.d { background: #99FF99;  color: black; } /* open ceti*/

table.rozvrh-graficky tbody td div.ckde { background: rgb(210,255,255); color: black; } /* kurz deti */
table.rozvrh-graficky tbody td div.ckde:hover { background: #E6FFFF; color: black; } /* kurz deti */
table.rozvrh-graficky tbody td div.ckde div.d { background: #D7E3FF;  color: black; } /* open ceti*/

table.rozvrh-graficky tbody td div.ckdo { background: rgb(255,160,160); color: black; } /* kurz dospeli */
table.rozvrh-graficky tbody td div.ckdo:hover { background: #FBCCA0; color: black; } /* kurz dospeli */
table.rozvrh-graficky tbody td div.ckdo div.d { background: #FF8080;  color: black; } /* open dospeli*/

table.rozvrh-graficky tbody td div.co { background: rgb(255,255,170);  color: black; } /* open class*/
table.rozvrh-graficky tbody td div.co:hover { background: #FFF0AA;  color: black; } /* open class*/
table.rozvrh-graficky tbody td div.co div.d { background: #FFFF00;  color: black; } /* open class*/



table.rozvrh-graficky tbody td div.ckde, .ckde { background: #F26E6E; color: black; } /* kurz deti */
table.rozvrh-graficky tbody td div.ckde:hover { background: #F99393; color: black; } /* kurz deti */
table.rozvrh-graficky tbody td div.ckde div.d { background: #F99393;  color: black; } /* open ceti*/

table.rozvrh-graficky tbody td div.ckdo, .ckdo { background: #E40204; color: white; } /* kurz dospeli */
table.rozvrh-graficky tbody td div.ckdo:hover { background: #F23E3E; color: white; } /* kurz dospeli */
table.rozvrh-graficky tbody td div.ckdo div.d { background: #F23E3E;  color: white; } /* open dospeli*/

table.rozvrh-graficky tbody td div.co, .co { background: #534E4E;  color: white; } /* open class*/
table.rozvrh-graficky tbody td div.co:hover { background: #A9A1A1;  color: white; } /* open class*/
table.rozvrh-graficky tbody td div.co div.d { background: #A9A1A1;  color: white; } /* open class*/

.rozvrh-graficky-legenda { margin: 10px 0px 20px; font-size: 0.75em; }
.rozvrh-graficky-legenda span { padding: 2px 5px; margin: 1px 5px; }




div.rozvrh-graficky-filtr {
  background: white;   
  margin: 0;
  padding: 20px;
}

.toggle-box {
  display: none;
}


.video-box {
  margin: 0 0 30px;  
}

.video-box p {
  margin: 10px 0 20px 0;  
}

.visible { display: block; }
.hidden { display: none; }

table.compress { margin: 0; padding: 0; }
table.compress tr { margin: 0; padding: 0; height: auto; }
table.compress td { margin: 0; padding: 1px 10px 1px 0; }
table.compress th { margin: 0; padding: 1px 10px 1px 0; }

.conditions {
   overflow: scroll;
   height: 220px;
   border: 1px gray solid;
   padding: 10px 10px 10px 5px;
   line-height: 1.4em;
   font-size: 0.8em;
}