/*kalendář*/

hr { display: none; }
.right { text-align: right;}

.collapsible { display: grid; grid-template-columns: 130px auto auto ; cursor: pointer;  background-color: #f2f2f2; margin: 0; border-bottom: 2px solid #fff; padding: 0;  align-items: center; justify-content: left;}
.collapsible:hover {   background-color: var(--odkaz_h);}
.nadpis { margin:0 ; color: #333; font-weight: bold; padding:0; }
.podnadpis { font-weight: bold; font-style: italic; }
.datum { text-align:center; margin: 0; padding: 0;   }
.collapsible > div > img { margin-left:  5px; }


.content {  margin-bottom: 0.25rem;  padding: 0;  display:none;  overflow: hidden;  background-color: #f2f2f2; margin-left: 130px; }
.content p { margin:  0; padding: 0.1rem; }
.content .odrazka { margin-left: 2rem; }

.barva1 { color: #996600; font-weight: bold; }/* -služby, schůze*/
.barva2 { color: #9999ff; font-weight: bold; }/*modrá -význam.akce*/
.barva3 { color: #ff6666; font-weight: bold; }/*červená-vícedenní*/

@media only screen and (max-width: 800px)  {
.nadpis img { display:  none; }
.nadpis { margin-top: 5px; }
.hlav { display: block; }
}	
@media only screen and (max-width: 480px)  {
.content { margin-left: 1px; }
.collapsible  { display: block; }
.datum { text-align:  left; }
br { display: none;}
}

.hlav {display: flex;   justify-content: space-between;  align-items: center; flex-wrap: wrap; }
.hlav > div { margin: 0; padding: 0; }

select { background-color: #ccc; margin: 10px; height: 2rem; font-size: 90%; }
input { font-size: 90%; }