div.pocitadlo_kalendar_kategorie {
 padding-left: 35px; padding-top: 20px
}

div.pocitadlo_kalendar_uzivatele {
 float: left; line-height: 1.5em; margin-left: 60px
}

div.pocitadlo_kalendar_organizace {
 float: left; line-height: 1.5em; margin-left: 60px
}

div.kalendar_hlavicka {
width: calc(14% - 15px)
}

div.cal1frame {
 padding-left: 35px; 
 background-color: #f9f7ea; 
 background-image: url(../grafika/layout-stranky/border-fix-kalendar.jpg); 
 background-repeat: repeat-x; 
 background-position: bottom; 
 border-bottom: 0px dotted #818181;
}

div.cal2frame {
 border-left: 1px dotted #818181; 
 border-right: 0px dotted #818181; 
 background-color: #f5f5f5; 
 background-image: url(../grafika/layout-stranky/border-fix-kalendar.jpg); 
 background-repeat: repeat-x; 
 background-position: bottom;
}


div.bottom_kalendar_bunka_aktivni {
 height: 5px; background-color: #f6f3d6;
 width: 100%; position: absolute; bottom: 0px;
}

div.bottom_kalendar_bunka_neaktivni {
 height: 5px; background-color: #f3f3f3;
 width: 100%; position: absolute; bottom: 0px;
}

div.bottom_kalendar_bunka_dnes {
 height: 5px; background-color: #ffe1a8;
 width: 100%; position: absolute; bottom: 0px;
}

div.bottom_kalendar_bunka_vikend {
 height: 5px; background-color: #efece0;
 width: 100%; position: absolute; bottom: 0px;
}

div.kalendar_bunka_aktivni {
 float: left; width: calc(14% - 10px); 
 border-right: 1px dotted #818181;
 border-bottom: 1px dotted #818181;
 padding-left: 5px; padding-top: 5px;
 color: #3b3b3b; background-color: #f6f3d6;
 font-size: 7pt; overflow: hidden
}

div.kalendar_bunka_neaktivni {
 float: left; width: calc(14% - 10px); 
 border-right: 1px dotted #818181;
 border-bottom: 1px dotted #818181;
 padding-left: 5px; padding-top: 5px;
 color: #a7a7a7; background-color: #f3f3f3;
 font-size: 7pt; overflow: hidden
}

div.kalendar_bunka_vikend {
 float: left; width: calc(14% - 10px); 
 border-right: 1px dotted #818181;
 border-bottom: 1px dotted #818181;
 padding-left: 5px; padding-top: 5px;
 color: #3b3b3b; background-color: #efece0;
 font-size: 7pt; overflow: hidden
}


div.kalendar_bunka_dnes {
 float: left; width: calc(14% - 10px); 
 border-right: 1px dotted #818181;
 border-bottom: 1px dotted #818181;
 padding-left: 5px; padding-top: 5px;
 color: #3b3b3b; background-color: #ffe1a8;
 font-size: 7pt; overflow: hidden
}

div.mesic {
 height: 55vh; cursor: pointer; overflow: hidden;
}

div.tyden {
 min-height: 80vh; cursor: pointer; overflow: hidden
}


div.casove_udaje {
 font-weight: bold; font-size: 95%; height: 15px; line-height: 13px; color: #494949;
 float: left; 
}


div.predmet_tyden {
 
}

div.predmet_mesic {
 height: 12px; overflow: hidden;
}


div.sloupec_mesic {
 height: 100% /* 82 */; width: 100%; overflow: hidden
}

div.sloupec_tyden {
 height: 100%; width: 100%; overflow: hidden;
}

div.tyden:hover, div.mesic:hover {
 background-color: #ffecc8
}


.ui-helper{
    width: calc(14% - 85px) !important;
	border: 1px solid #a6a6a6
}



div.aktivni_udalost {
 background-color: #ffcfc4;
}

div.uzavrena_udalost {
 background-color: #e3e3e3;
 opacity:0.60; /* firefox, opera, safari, chrome */
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* IE 8 */
 filter:alpha(opacity=60); /* IE 4, 5, 6 and 7 */
 zoom:1; /* so the element "hasLayout"
 /* or, to trigger "hasLayout" set a width or height */
 cursor: pointer; 
}

.hlavicka_kalendare {
 position: absolute; top: 44px; left: 1px; right: 1px; font-weight: bold; line-height: 30px; height: 50px; color: black; z-index: 500; font-size: 8pt;
 background-color: white; border-bottom: 1px dotted black; display: none;
}

/**************************************************************************************************************************/
/*********************************************** <1280 ********************************************************************/
/**************************************************************************************************************************/

@media screen and (max-width: 1280px){
 /*
 div.kalendar_bunka_aktivni {
  width: calc(14% - 5px); 
  border-left: 1px dotted #818181;
  border-bottom: 1px dotted #818181;
  border-right: 0px;
 }

 div.kalendar_bunka_neaktivni {
  width: calc(14% - 5px);
  border-left: 1px dotted #818181;
  border-bottom: 1px dotted #818181;
  border-right: 0px;
 }

 div.kalendar_bunka_vikend {
  width: calc(14% - 5px); 
  border-left: 1px dotted #818181;
  border-bottom: 1px dotted #818181;
  border-right: 0px;
 }


 div.kalendar_bunka_dnes {
  width: calc(14% - 5px); 
  border-left: 1px dotted #818181;
  border-bottom: 1px dotted #818181;
  border-right: 0px;
 }
 
*/
 /*
.obsah_kalendare {
 position: absolute; top: 70px; bottom: 44px; left: 1px; right: 1px; height: 40px; color: black; z-index: 500; font-size: 8pt; background-color: red;
} 
 */
div.mesic {
 height: 150px; overflow: hidden;
}

div.tyden {
 height: 500px; overflow: hidden
} 
 div.title_udalost_img {
  display: none
 }
}


/**************************************************************************************************************************/
/*********************************************** <800 ********************************************************************/
/**************************************************************************************************************************/
@media screen and (max-width: 800px){
 img.butt_hide {
  display: none;	
 }
 
 
 div.butt_hide {
  display: none;	
 }
 
 div.casove_udaje {
  clear: both;
  float: none;
  height: auto;
  /*overflow: hidden;*/
  /*font-size: 90%; */
 }  
 
 div.title_udalost_img {
  display: none
 }
 
}