/*RESET*/
.reset{border: 0px none;margin: 0px;padding: 0px;float: none;clear: both;width: 0px;height: 0px;line-height: 0px;font-size: 0px;}

a,a:link,a:visited{color:black; text-decoration:none;  }
a:active,a:hover{color:red; text-decoration:none;}

body{	
  margin-top: 10px;	
  padding-top: 0px;	
  font-family: sans-serif;
  background-color: #dfdfdf;
  /*background-image: url(sbody.jpg);*/
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 0%;
  font-size:12px; 
}

/******************* ZAKLADNI STYL PROSTREDI ***************************/

.intranet {
  width: 1250px;
  margin-left: calc((100% - 1250px)/2);
  background-color: silver;
}

.hlavicka {
  visibility: visible;
  display: block;
  width: 100%;
  line-height: 50px;
  height: 50px;  
  vertical-align: middle;
  background-color: #792d67;
  font-size: 18pt;
  color: white;
  padding: 0px;
  margin: 10px 0px 0px 0px;
}

.hlavicka-intranet a {
  display: block;   
  float: left;
  font-weight: bold;
  margin: 0px 0px 0px 20px;
  font-size: 20pt;
  color: white;
}

.hlavicka-intranet a:hover {
  text-decoration: none;  
}

.hlavicka-mobilnimenu a {
  visibility: hidden;
  display: block;   
  float: left;
  width: 0px;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  font-size: 20pt;
  color: white;
}

.hlavicka-mobilnimenu a:hover {
  text-decoration: none;  
}

.hlavicka-skola {
  display: block;   
  float: left;
  font-weight: normal;
  font-size: 20pt;
  color: white;
  margin-left: 10px;  
}

.hlavicka-uzivatel a{
  display: block;   
  float: right;  
  font-weight: normal;
  margin-right: 10px;
  padding: 0px 20px 0px 20px;
  font-size: 11pt;
  color: white;
}

.hlavicka-uzivatel a:hover {
  text-decoration: none; 
  color: white;
  background-color: gray;
}

.hlavicka-odhlaseni a{
  display: block;   
  float: right;
  font-weight: bold;
  padding: 0px 20px 0px 20px;
  font-size: 8pt;
  color: white;
  background-color: #613256;
}

.hlavicka-odhlaseni a:hover {
  text-decoration: none; 
  background-color: red;
}

.paticka {
  visibility: visible;
  display: block;
  clear: both;
  width: 100%;
  line-height: 30px;
  height: 30px;  
  vertical-align: middle;
  background-color: #792d67;
  font-size: 11pt;
  color: white;
  padding: 0px;
}

.paticka-rssoft {
  display: block;   
  float: right;
  font-weight: bold;
  font-size: 11pt;
  color: white;
  margin-right: 10px;
}


/******************* MENU PRO DESKTOP ***************************/

.menu-desktop {
  visibility: visible;
  display: block;
  float: left;
  width: 150px;
}

.odkaz-menu {
  display: block;
  line-height: 60px;
  height: 60px;  
  text-align: center;
  font-size: 14pt;
  font-weight: normal;
  text-decoration: none;
  color: white;
  /* background-color: #0abdc8; */
  background-color: silver;
  border-bottom: 1px dotted black;
}  

.odkaz-menu:hover {
  color: white;
  background-color: gray;
  text-decoration: none;
  border-left: 5px solid red;
}  

.odkaz-webskoly {
  display: block;
  line-height: 60px;
  height: 60px;  
  text-align: center;
  font-size: 14pt;
  font-weight: normal;
  text-decoration: none;
  color: white;
  background-color: #cf4dca;
  border: 1px dotted gray;
}  

.odkaz-webskoly:hover {
  color: black;
  background-color: #dfdfdf;
  text-decoration: none;
}  

.odkaz-ucebna {
  display: block;
  line-height: 60px;
  height: 60px;  
  text-align: center;
  font-size: 14pt;
  font-weight: normal;
  text-decoration: none;
  color: white;
  background-color: #fdd802;
  border: 1px dotted gray;
}  

.odkaz-ucebna:hover {
  color: black;
  background-color: #dfdfdf;
  text-decoration: none;
}  


.odkaz-sbirky {
  display: block;
  line-height: 60px;
  height: 60px;  
  text-align: center;
  font-size: 14pt;
  font-weight: normal;
  text-decoration: none;
  color: white;
  background-color: #48e0a4;
  border: 1px dotted gray;
}  

.odkaz-sbirky:hover {
  color: black;
  background-color: #dfdfdf;
  text-decoration: none;
}  

.odkaz-predpisy {
  display: block;
  line-height: 60px;
  height: 60px;  
  text-align: center;
  font-size: 14pt;
  font-weight: normal;
  text-decoration: none;
  color: white;
  background-color: #dfaa45;
  border: 1px dotted gray;
}  

.odkaz-predpisy:hover {
  color: black;
  background-color: #dfdfdf;
  text-decoration: none;
}  

.odkaz-fotoalbum {
  display: block;
  line-height: 60px;
  height: 60px;  
  text-align: center;
  font-size: 14pt;
  font-weight: normal;
  text-decoration: none;
  color: white;
  background-color: #ec4411;
  border: 1px dotted gray;
}  

.odkaz-fotoalbum:hover {
  color: black;
  background-color: #dfdfdf;
  text-decoration: none;
}  

.odkaz-informace {
  display: block;
  line-height: 60px;
  height: 60px;  
  text-align: center;
  font-size: 14pt;
  font-weight: normal;
  text-decoration: none;
  color: white;
  background-color: #5847f0;
  border: 1px dotted gray;
}  

.odkaz-informace:hover {
  color: black;
  background-color: #dfdfdf;
  text-decoration: none;
}  

.odkaz-odkazy {
  display: block;
  line-height: 60px;
  height: 60px;  
  text-align: center;
  font-size: 14pt;
  font-weight: normal;
  text-decoration: none;
  color: white;
  background-color: #80cc28;
  border: 1px dotted gray;
}  

.odkaz-odkazy:hover {
  color: black;
  background-color: #dfdfdf;
  text-decoration: none;
}  







/******************* PLOCHA ***************************/

.plocha{
  display: block;
  float: left;
  width: calc(100% - 190px);
  color: black;    
  text-decoration: none;
  text-align: justify;
  background-color: white;  
  line-height: 20px;
  font-size: 11pt;
  padding: 20px;  
  min-height: 750px;
}


.nadpis {
  display: block;
  float: left;
  width: calc(100% - 20px);
  font-size: 16pt;
  line-height: 20pt;
  text-align: left;
  padding: 10px 10px 10px 10px;
  margin: 0px 0px 20px 0px;
  color: black;
  background-color: #e0e0e0;    
  border-bottom: black 1px dotted;
}

.nadpis2 {
  display: block;
  color: black;
  background-color: #e0e0e0;    
  font-size: 14pt;
  text-align: left;
  padding: 10px 10px 10px 10px;
  margin: 0px 0px 20px 0px;
  border-bottom: black 1px dotted;
}

.nadpis3 {
   font-size: 12pt;
   text-align: left;
   color: black;
   padding: 8px 8px 8px 0px;
   margin: 0px 0px -10px 0px;
   font-weight: bold;
}


/*
.nadpis {
  display: block;
  line-height: 40px;
  height: 40px;  
  font-size: 14pt;
  text-align: left;
  padding-left: 10px;
  background-color: #dfdfdf;  
  border-top: gray 1px solid;
  border-bottom: gray 1px solid;
}
*/

/******************* SBOROVNA ***************************/

.blok-sborovna {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 30px;
  font-size: 11pt;  
}

.blok-aktualni-sdeleni {
  display: block;
  float: left;
  width: calc(100% - 410px);
  font-size: 11pt;    
}

.aktuality-udalost {
  display: block;
  float: left;
  width: calc(100% - 10px);
  line-height: 40px;
  height: 40px;  
  padding-left: 10px;  
  border-bottom: 1px dotted gray;  
}

.blok-jidelnicek {
  display: block;
  float: left;
  width: 400px;
  margin-left: 10px;
  font-size: 11pt;    
}

.blok-aktualni-sdeleni-jidelnicek {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.blok-plan-prace {
  display: block;
  float: left;
  width: 100%;
  font-size: 11pt;    
  margin-bottom: 20px;  
}

.plan-prace-zahlavi {
  display: block;
  font-weight: bold;
  font-size: 11pt;  
  border-bottom: 1px dotted gray;
}

.plan-prace-datum {
  display: block;
  float: left;
  line-height: 40px;
  height: 40px;  
  width: 100px;
  padding-left: 10px;
  border-bottom: 1px dotted gray;  
}

.plan-prace-udalost {
  display: block;
  float: left;
  line-height: 40px;
  height: 40px;  
  width: 730px;
  padding-left: 10px;
  border-bottom: 1px dotted gray;
}

.plan-prace-zodpovida {
  display: block;
  float: left;
  line-height: 40px;
  height: 40px;  
  width: 200px;
  padding-left: 10px;
  border-bottom: 1px dotted gray;  
}

.blok-rezervace-uceben {
  display: block;
  float: left;
  width: 100%;
  font-size: 11pt;    
}

.odkaz-akce {
  float: left;
  color: gray;
  font-weight: bold;
  font-size: 11pt;
  margin-top: 10px;  
  margin-bottom: 10px;
  line-height: 11pt;
}

.odkaz-akce a {
  color: gray;
  width: 100%;
  font-weight: bold;
  font-size: 11pt;  
  margin-bottom: 10px;
  padding-left: 7px;
  border-left: 12px red solid;
}

.odkaz-akce a:hover {
  color: red;  
  text-decoration: none;
}

/*
.odkaz-akce-admin a {
  float: left;
  color: gray;
  font-weight: bold;
  line-height: 11pt;
  font-size: 11pt;  
  margin: 0px 0px 20px 0px;
  padding-left: 7px;
  border-left: 12px red solid;
}

.odkaz-akce-admin a:hover {
  color: red;  
  text-decoration: none;
}
*/
.sborovna-sloupec-datumx {
  width: 120px;
  float: left;
  font-weight: bold;
  font-size: 11pt; 
  padding-left: 10px;
}

.sborovna-sloupec-predmetx {
  width: 500px;
  float: left;
  font-weight: bold;
  font-size: 11pt; 
  padding-left: 10px;
}

.sborovna-sloupec-znackax {
  width: 85px;
  float: left;
  font-weight: bold;
  font-size: 11pt; 
}

.sborovna-sloupec-kdox {
  width: 195px;
  float: left;
  font-weight: bold;
  font-size: 11pt; 
  padding-left: 10px;
}

.sborovna-sloupec-datum {
  width: 120px;
  float: left;
  font-size: 11pt; 
  padding-left: 10px;
}

.sborovna-sloupec-predmet {
  width: 500px;
  float: left;
  font-size: 11pt; 
  padding-left: 10px;
}

.sborovna-sloupec-znacka {
  width: 85px;
  float: left;
  display: block;
  height: 30px;
  padding-top: 10px;
}

.sborovna-sloupec-kdo {
  width: 195px;
  float: left;
  font-size: 11pt; 
  padding-left: 10px;
}

.sborovna-sloupec-datumod {
  width: 120px;
  float: left;
  font-size: 11pt; 
  padding-left: 10px;
}


.sborovna-zprava-radek {
  display: block;
  float: left;
  width: 100%;    
  line-height: 40px;
  font-size: 11pt;  
  border-bottom: 1px dotted gray; 
}

.sborovna-zprava-radekx {
  display: block;
  float: left;
  width: 100%;    
  line-height: 40px;
  font-weight: bold;
  font-size: 11pt;  
  border-bottom: 1px dotted gray; 
}


.sborovna-prazdnyradek {
  display: block;
  float: left;
  width: 100%; 
  height: 20px;
}

.sborovna-zprava-popisek {
  width: 170px;
  float: left;
  font-weight: bold;
  font-size: 11pt;  
}

.sborovna-zprava-predmet {
  display: block;
  font-weight: bold;
  font-size: 11pt;  
  line-height: 40px;
}

.sborovna-zprava-popis {
  float: left;
  font-size: 11pt;  
  line-height: 30px;
  width: calc(100% - 175px);
  padding: 5px 0px 5px 0px;
  text-align: left;
}

.sborovna-zprava-odkazy {
  float: left;
  width: calc(100% - 175px);
  font-size: 11pt;  
}

.sborovna-zprava-polozka {
  float: left;
  height: 30px;  
  font-size: 11pt;  
}







.plan-tabulka {
   font-size: 11pt;
   text-align: left;
   padding: 4px 10px 4px 10px;    
   line-height: 30px;
   border-bottom: 1px dotted silver;
}  

.plan-tabulka-b {
   font-size: 11pt;
   text-align: left;
   padding: 4px 10px 4px 10px;    
   line-height: 30px;
   border-bottom: 1px dotted silver;
   font-weight: bold;
}  











.tabulka {
  border: 0px;   
}  

.tabulka tr {
}

.tabulka th {
  font-weight: bold;
  font-size: 11pt;
  text-align: left;
  padding: 5px 0px 5px 10px;  
  border-bottom: 1px dotted gray;  
}

.tabulka td {
  font-weight: normal;
  font-size: 11pt;
  text-align: left;
  padding: 5px 0px 5px 10px;  
  border-bottom: 1px dotted gray;  
}

.tabulka a:hover {
  color: red;  
  text-decoration: none;
}



.ucebna-sloupec-denx, .ucebna-sloupec-den {
  width: 70px;
  float: left;
  font-weight: bold;
  font-size: 11pt; 
  padding-left: 10px;
}

.ucebna-sloupec-datumx, .ucebna-sloupec-datum {
  width: 120px;
  float: left;
  font-weight: bold;
  font-size: 11pt; 
  padding-left: 10px;
}

.ucebna-sloupec-hodinax, .ucebna-sloupec-hodina {
  width: 70px;
  float: left;
  font-weight: bold;
  font-size: 11pt; 
  padding-left: 10px;
}

.ucebna-sloupec-ucebnax, .ucebna-sloupec-ucebna {
  width: 460px;
  float: left;
  font-weight: bold;
  font-size: 11pt; 
  padding-left: 10px;
}

.ucebna-sloupec-tridax, .ucebna-sloupec-trida {
  width: 70px;
  float: left;
  font-weight: bold;
  font-size: 11pt; 
  padding-left: 10px;
}

.ucebna-sloupec-poznamkax, .ucebna-sloupec-poznamka {
  width: 200px;
  float: left;
  font-weight: bold;
  font-size: 11pt; 
  padding-left: 10px;
}

.ucebna-sloupec-den, .ucebna-sloupec-datum, .ucebna-sloupec-hodina, .ucebna-sloupec-trida, .ucebna-sloupec-ucebna, .ucebna-sloupec-poznamka {
  font-weight: normal;
}

.ucebna-text {
  display: block;
  float: left;
  width: 100%;
  font-size: 11pt;
  line-height: 16pt;
}

.ucebna-seznamuceben {
  display: block;
  float: left;
  width: 100%;
  font-size: 11pt;
  line-height: 16pt;
  padding-left: 20px;
}

.ucebna-seznamuceben a{
  font-weight: normal;
}

.ucebna-seznamuceben a:hover {
  color: red;  
  text-decoration: none;
}

.ucebna-spravce {
  display: block;
  float: left;
  padding: 5px 0px 20px 0px;
  margin-top: -10px;
  font-size: 11pt;
  color: black;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
}

.ucebna-navigace {
  display: block;
  float: right;
  padding: 5px 0px 20px 0px;
  margin-top: -10px;
  font-size: 10pt;
  color: black;
  text-align: left;
  text-decoration: none;
  font-weight: none;
}

.ucebna-navigace a{
  font-weight: bold;
}

.ucebna-navigace a:hover{
  color: red;
  text-decoration: none;
}

.ucebna-legenda-zelena {
  display: block;
  width: 250px;
  font-weight: bold;
  text-align: center;  
  font-size: 9pt;
  background-color: #bbffbb;
  text-decoration: none;
  padding: 2px;
}

.ucebna-legenda-cervena {
  display: block;
  width: 250px;
  font-weight: bold;
  text-align: center;  
  font-size: 9pt;
  background-color: #ffbbbb;
  text-decoration: none;
  padding: 2px;
}

.ucebna-legenda-modra {
  display: block;
  width: 250px;
  font-weight: bold;
  text-align: center;  
  font-size: 9pt;
  background-color: #85b2f6;
  text-decoration: none;
  padding: 2px;
}

.ucebna-pokyn {
  display: block;
  clear: left;
  font-weight: normal;
  text-align: left;  
  font-size: 10pt;
  background-color: #e9e9e9;
  border-left: 5px solid red;
  text-decoration: none;
  padding: 10px;    
  margin: 10px 0px 10px 140px;
}

.formular {
  margin-top: 50px;
  border: 1px solid gray;
  padding: 0px;
  font-size: 11pt;
  background-color: #f0f0f0;
}

.formular td {  
  text-align: left;
  font-size: 11pt;
  font-weight: bold;
}

.formular th {
  background-color: silver;
  font-size: 11pt;
  text-align: center;
  padding: 10px 10px 10px 10px;
}

.formular-informace {
  color: gray;  
  padding: 10px;
  margin: 20px 20px 0px 20px;
  font-weight: normal;
  font-size: 11pt;
  border-top: 1px dotted gray;
}

.sedytext {
  font-size: 10pt;
  color: gray;
}

.cara {
  margin-top: 10px;
  padding: 10px 0px 0px 0px;
  border-top: 1px dotted gray;
}

.predpisy-seznamsouboru {
  font-size: 11pt;
  line-height: 16pt;
  padding-left: 20px;
  margin-top: 0px;
}

.predpisy-seznamsouboru a{
  font-weight: normal;
}

.predpisy-seznamsouboru a:hover {
  color: red;  
  text-decoration: none;
}

.sborovna-seznamsouboru {
  font-size: 11pt;
  line-height: 16pt;
  padding-left: 20px;
  margin-top: 0px;
}

.sborovna-seznamsouboru a{
  font-weight: normal;
}

.sborovna-seznamsouboru a:hover {
  color: red;  
  text-decoration: none;
}

.sborovna-zprava-nadpis {
   font-size: 11pt; 
   font-weight: bold;
}

.sborovna-zprava-obsah {
   font-size: 11pt; 
}

.sborovna-soubor {
  font-weight: bold;
  padding: 3px;
  margin: 16px 17px 0px 10px;
  font-size: 8pt;
  color: white;
  background-color: #d0d0d0;
}

.sborovna-soubor:hover {
  text-decoration: none; 
  background-color: red;
  color: white;
}

.planprace-navigace a{
  font-weight: bold;
}

.planprace-navigace a:hover{
  color: red;
  text-decoration: none;
}

.sborovna-znacka-ok a {
  font-weight: bold;
  padding: 3px 7px 3px 7px;
  margin: 0px 10px 0px 10px;
  font-size: 8pt;
  color: white;
  background-color: #e0e0e0;
}

.sborovna-znacka-ok a:hover {
  text-decoration: none; 
  background-color: #afffaf;
  color: white;
}

.sborovna-znacka, .sborovna-znacka a {
  display: inline-block;
  width: 80px;
  line-height: 20px;
  height: 20px;  
  font-size: 7pt;
  font-weight: normal;
  color: white;
  text-align: center;
  text-decoration: none;
}
  
.neprecteno {
  background-color: #75c5ee;  
  color: black;
}  

.zadna {
  background-color: gray;  
  color: white;  
}  

.zadna a {
  background-color: #dfdfdf;  
  color: black;  
}  

.zadna a:hover {
  background-color: gray;  
  color: white;  
}  

.dulezite {
  background-color: #ee757c;  
  color: black;  
}  

.dulezite a {
  background-color: #dfdfdf;  
  color: black;  
}  

.dulezite a:hover {
  background-color: #ee757c;  
  color: black;  
}  


.vyrizeno {
  background-color: #76dd76;  
  color: black;
} 

.vyrizeno a {
  background-color: #dfdfdf;  
  color: black;
}  

.vyrizeno a:hover {
  background-color: #76dd76;  
  color: black;
}  


.nastaveni-uzivatele {
  margin:  10px 0px 15px 10px;
  text-align: left;  
}

.nastaveni-uzivatele-info {
  margin:  0px 0px 10px 0px;
  text-align: left;  
  color: gray;
}

.ucebna-rozvrh {
  float: left;
  width: 100%;
}

.ucebna-rozvrh-zahlavi-radek {cebna-rozvrh-hodina-marezervac
  float: left;
  width: 100%;
}

.ucebna-rozvrh-zahlavi {
  display: block;
  float: left;
  width: calc(100% / 9 - 2px) ;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;  
  background-color: #afafaf;
  border: 1px gray solid;
}

.ucebna-rozvrh-radek {
  float: left;
  width: 100%;
}

.ucebna-rozvrh-hodina {
  display: block;
  float: left;
  width: calc(100% / 9 - 2px) ;
  height: 70px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;  
  background-color: #dfdfdf;
  border: 1px gray solid;
}

.ucebna-rozvrh-hodina-volno {
  display: block;
  float: left;
  width: calc(100% / 9 - 2px) ;
  height: 70px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;  
  background-color: #bbffbb;
  border: 1px gray solid;
}

.ucebna-rozvrh-hodina-obsazeno {
  display: block;
  float: left;
  width: calc(100% / 9 - 2px) ;
  height: 70px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;  
  background-color: #ffbbbb;
  border: 1px gray solid;
}

.ucebna-rozvrh-hodina-marezervace {
  display: block;
  float: left;
  width: calc(100% / 9 - 2px) ;
  height: 70px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;  
  background-color: #85b2f6;
  border: 1px gray solid;
}





.odkaz-zpet {
  border-left: 7px dotted gray;
  padding-left: 10px;  
  font-size: 9pt;
  font-weight: bold;
  color: gray;
}  
  
.odkaz-zpet:hover {
  font-size: 9pt;
  font-weight: bold;
  color: red;
}  














  
.rozvrh {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}  
  
.rozvrh td {
  padding: 0px;
  font-size: 10pt;
  background-color: #dfdfdf;
}

.rozvrh th {
  padding: 1px;
  font-size: 10pt;
  text-align: center;
}

.rozvrh-datum {
  padding: 4px;
  font-size: 9pt;
  color: black;
  text-align: center;
  text-decoration: none;
  font-weight: normal;  
}

.obsazeno {
  display: block;
  width: 70px;
  height: 50px;
  background-color: #ffbbbb;
  text-decoration: none;
}

.obsazenocastecne {
  display: block;
  width: 70px;
  height: 50px;
  background-color: #ffff00;
  text-decoration: none;
}

.volno {
  display: block;
  width: 70px;
  height: 50px;
  background-color: #bbffbb;
  text-decoration: none;
}


.trida {
  padding: 6px 0px 0px 0px;
  font-size: 12pt;
  font-weight: bold;
  color: black;
  text-align: center;
  text-decoration: none;
}

.ucitel {
  padding: 0px;
  font-size: 8pt;
  color: black;
  text-align: center;
  text-decoration: none;
}

 
#menu {
  display:block;  
  float:left;
  padding-left:0px;
  margin: 0px;  
  width:225px;      
  }

#menu h1{
  display:block;  
  color:white;
  font-size:12px;
  margin:0;
  padding:0;  
  background-image: url(smenu.png);
  padding-left:20px;
  padding-top:10px;  
  padding-bottom:10px;  
  }

#menu a{
  display:block;  
  font-weight: bold;
  text-decoration:none;
  color:black;
  font-size:12px;
  margin:0;
  padding:0;  
  padding-left:20px;
  padding-top:10px;  
  padding-bottom:10px;  
  }

#menu a:hover{
  display:block;  
  font-weight: bold;
  text-decoration:none;
  font-size:12px;
  margin:0;
  padding:0;
  background-color: #ea230f;
  color:white;
  padding-left:20px;
  padding-top:10px;  
  padding-bottom:10px;  
  }
  


#plocha h2{
  color: #7e2f6b;
  font-size:22px;
  font-weight: normal;
  margin:0px;
  padding: 20px 20px 0px 20px;
  background-color: white;
  }

#text{
  color:black;  
  text-decoration:none;
  text-align: justify;
  font-family: Verdana, Tahoma, fantasy;
  padding-left:20px;  
  padding-right:20px;  
  padding-top:10px;  
  padding-bottom:20px;
  line-height:23px;
  }

#text h3{
  display:block;  
  color:black;
  font-size:12px;
  margin:0px;
  padding:0px;  
  background-color: #E0E0E0;
  padding-left:20px;
  padding-top:5px;  
  padding-bottom:5px;  
  }


.pata {  
  display:block;  
  float:left;  
  background-image:url(spata.png);
  color:white;
  text-decoration:none;
  text-align: right;
  font-weight: bold;
  width: 1100px;
  height:23px;
  padding: 10px 10px 0px 0px;  
  margin: 0px;
  }

#pata a{  
  color:white;
  }
  
.titul {
  display:block; 
  float:left;   
  margin: 1px 0px 1px 1px;  
  width: 990px;  
  height: 240px;
  background-image: url(hlavicka-foto01.jpg);  
  }  
  
.logo {
  margin: 30px 0px 0px 35px;
}  
  


#text a{
  font-weight: bold;
  }  


#nadpis_okno h2{
  padding-left:10px;
  }

.varovani{
  color:red;  
  font-weight: bold;
  }
  
.pdf{
  font-size:10px;
  color:red;
  font-weight: bold;
  }  
  
.doc{
  font-size:10px;
  color:blue;
  font-weight: bold;
  }  

  
/*  
table {
  border: none;
  border-collapse: separate;
  margin-top: 0px; 
  }  
  
tr {
  text-align: left;
  font-weight: normal;    
  }  

th {
  text-align: left;
  font-weight: bold;  
  background: silver;
  padding-left: 10px;  
  }  

td {
  text-align: left;  
  padding-left: 10px;  
  }  

*/

.obrazek {
  display:block;
  float:right;
  padding-left:25px;
  padding-bottom:20px;
  margin: 0px;  
  /*min-height: 85px;*/
  }

.obrazek_galerie {
  display: block;
  width: 140px;
  float: left;
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin: 0px 20px 20px 0px;  
  background-color: silver;
  /*min-height: 85px;*/
  }
  

.citat {
  padding-left: 50px;
  }

.soubory {
  margin: 25px 200px 10px 0px;
  padding: 15px 10px 15px 40px;
  background-color: #E0E0E0;
  }

.upozorneni {
  margin: 0px 0px 0px 0px;
  padding: 10px 20px 10px 100px;
  background: url(upozorneni.png);
  min-height: 220px;
  }

.tucne{  
  font-weight: bold;
  }  

.kurziva{  
  font-style: italic;
  }  


.aktualita {
  display:block;  
  float:left;  
  text-align:left;
  margin: 10px 10px 10px 0px;  
  width:458px;  
  padding: 10px 10px 10px 10px;
  background-color: white;  
  border: 1px solid silver;    
  min-height:170px;
  }

.aktualita_obrazek {
  display:block;  
  padding-left:20px;
  padding-bottom:5px;
  margin: 0px;    
  }


.kalendar {
  display:block;  
  float:right;  
  text-align:left;
  margin: 10px 10px 10px 0px;  
  width:200px;  
  padding: 0px 0px 0px 0px;
  background-color: #f0f0f0;  
  border: 1px solid silver;    
  min-height:826px;
  }

.kalendar-nadpis {
  text-align: center;
  font-weight: bold;
  margin: 0px;
  padding: 5px 10px 5px 10px;
  background-color: silver;
} 

.kalendar-nadpis a {
  font-weight: bold;
  margin: 0px;
  padding: 5px 10px 5px 10px;
  background-color: silver;
} 

.kalendar-datum {
  font-weight: bold;
}

.kalendar-udalost {
  border-bottom: 1px silver dotted;
  padding: 5px 10px 5px 10px;
}


.kalendar-mesic a {
  padding: 20px 10px 5px 2px;
  font-size: 8pt;
  color: gray;
}

.kalendar-mesic {
  padding: 20px 10px 5px 2px;
  font-size: 8pt;
  color: gray;
}


.table-uvod {
  border: 0px white solid;
}
 
/* ==== photogallery lightbox ===*/
#lightbox{background-color:#eee;padding: 10px;border-bottom: 1px solid #000;border-right: 1px solid #000;}
#lightboxDetails{font-size: 0.8em;padding-top: 0.4em;}
#lightboxCaption{float:left;font-size:11px;font-weight:bold;}
#keyboardMsg{float:right;}
#closeButton{top: 5px;right:5px;}
#lightbox img{border:none; clear: both;}
#overlay img{border: none;}
#overlay{ background-image: url(overlay.png);}





/* zatim nepouzito */







.souhrn {
  min-height: 70px;
  padding-bottom: 15px;  
  }  

.info{
  color: gray;
  font-size: 11px;
  /*background: white;*/
  padding-top: 0px;  
  padding-bottom: 15px;  
  }  

.info a{
  color: gray;
  }  

.splneno{
  color: green;
  font-weight: bold;
  }  

.nesplneno{
  color: red;
  font-weight: bold;
  }  

.zatimnesplneno{
  color: blue;
  font-weight: bold;
  }  



.ano{
  color: green;
  font-weight: bold;
  }  

.ne{
  color: red;
  font-weight: bold;
  }  

.zatimne{
  color: blue;
  font-weight: bold;
  }  

  
.tucne{  
  font-weight: bold;
  }  
  
  
.misto {
  padding: 10px 10px 0px 10px;
  margin: 15px 0px 15px 0px;    
  background: url(misto.png);
  min-height: 105px;  
  }

.klic   {color: #000000;
  display:block;  
  width: 480px;    
  padding: 50px 10px 20px 110px;
  margin: 30px 0px 30px 130px;    
  background: url(klic.png);
  text-align:justify;
  line-height: 170%;
  }              
  
.ukol   {color: #000000;
  display:block;  
  width: 485px;    
  padding: 50px 10px 20px 105px;
  margin: 30px 0px 30px 130px;    
  background: url(ukol.png);
  text-align:justify;
  line-height: 170%;
  }              


/* STYLY K CASTI REZERVACE UCEBEN  */

.ucebna-nazev {
  margin-top: 20px;
  padding: 8px;
  font-size: 14pt;
  color: black;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  background-color: #dfdfdf;
}

.ucebna-seznam {
  padding: 5px;
  margin-left: 10px;
  font-size: 11pt;
  color: black;
  text-align: left;
  text-decoration: none;
  font-weight: none;
}


.rozvrh-navigace a {
  font-weight: bold;
}

.rozvrh td {
  padding: 0px;
  font-size: 12pt;
  background-color: #dfdfdf;
}

.rozvrh th {
  padding: 5px;
  font-size: 12pt;
  text-align: center;
}

.rozvrh-datum {
  padding: 12px;
  font-size: 10pt;
  color: black;
  text-align: center;
  text-decoration: none;
  font-weight: bold;  
}

.obsazeno {
  display: block;
  width: 100px;
  height: 70px;
  background-color: #ffbbbb;
  text-decoration: none;
}

.obsazeno:hover {
  text-decoration: none;
  background-color: #ff6666;
}

.obsazenomnou {
  display: block;
  width: 100px;
  height: 70px;
  background-color: #85b2f6;
  text-decoration: none;
}

.obsazenomnou:hover {
  text-decoration: none;
  background-color: #3686ff;
}

.volno {
  display: block;
  width: 100px;
  height: 70px;
  background-color: #bbffbb;
  text-decoration: none;
}

.volno:hover {
  text-decoration: none;
  background-color: #66ff66;
}

.legenda-volno {
  
  width: 196px;
  background-color: #bbffbb;
  text-decoration: none;
  font-size: 10pt;
  text-align: center;
  padding: 3px;
  font-weight: bold;
}

.legenda-obsazeno {
  
  width: 196px;
  background-color: #ffbbbb;
  text-decoration: none;
  font-size: 10pt;
  text-align: center;
  padding: 3px;
  font-weight: bold;
}

.legenda-obsazenomnou {
  
  width: 196px;
  background-color: #85b2f6;
  text-decoration: none;
  font-size: 10pt;
  text-align: center;
  padding: 3px;
  font-weight: bold;
}

.legenda {
 font-size: 11pt;
 padding-left: 3px;
}

.trida {
  padding: 14px 0px 0px 0px;
  font-size: 16pt;
  font-weight: bold;
  color: black;
  text-align: center;
  text-decoration: none;
}

.ucitel {
  padding: 0px;
  font-size: 9pt;
  color: black;
  text-align: center;
  text-decoration: none;
  font-weight: normal;    
}

.pocetzarizeni {
  padding: 0px;
  margin-top: -4px;
  font-size: 7pt;
  color: black;
  text-align: center;
  text-decoration: none;  
  font-weight: normal;    
}

.odkaz {
  padding: 0px 0px 0px 4px;
  font-size: 10pt;
  font-weight: bold;
}


.thform {
  border: 0px solid grey; 
  padding: 15px;
  margin: 0px;
  font-weight: bold;
  text-align: center;
  font-size: 12pt;
  background-color: #afafaf;
}

.tdform {
  border-bottom: 0px solid grey; 
  padding: 10px;
  margin: 10px;
  font-weight: bold;
}


/* sbirky */

.sbirky-seznamsbirek {
  display: block;
  width: 100%;
  font-size: 11pt;
  line-height: 16pt;
  padding-left: 20px;
}

.sbirky-prazdnyradek {
  display: block;  
  width: 100%; 
  height: 20px;
}


.sbirky-akce a{
  display: inline-block;
  float: left;
  font-weight: bold;
  padding: 1px 6px 1px 7px;
  margin: 0px 10px 20px 0px;
  font-size: 8pt;
  color: white;
  background-color: silver;
}

.sbirky-akce a:hover {
  text-decoration: none; 
  background-color: red;
  color: white;
}

.sbirky-pohyb a{
  display: inline-block;
  float: left;
  font-weight: bold;
  padding: 1px 4px 1px 4px;
  margin: 0px 0px 0px 0px;
  font-size: 8pt;
  color: white;
  background-color: silver;
}

.sbirky-pohyb a:hover {
  text-decoration: none; 
  background-color: red;
  color: white;
}

.sbirky-lzezapujcit{
  display: inline-block;
  float: left;
  font-weight: bold;
  padding: 1px 4px 1px 4px;
  margin: 0px 0px 0px 0px;
  font-size: 8pt;
  color: white;
  background-color: #60aa60;
}

.sbirky-spravcesbirky{
  display: inline-block;
  float: left;
  font-weight: bold;
  padding: 1px 4px 1px 4px;
  margin: 0px 0px 0px 0px;
  font-size: 10pt;
  color: white;
  background-color: #7777cc;
}