.obr
    { background-size: cover; background-repeat: no-repeat; background-image: url(../image/bg.jpg); height:100vh;}
  .HCO_uvod_page_tetx_span_c_img
    { opacity: 0.65; display:block; cursor:pointer; width:100%; }
  .obr1
    { background:rgb(192,12,13); height:100vh;}
  .HCO_uvod_page_tetx_span_c_img:hover
    { opacity: 0.9; display:block; animation: image 2s ; width:100%;}
  .HCO_news_nova_reakce
    { width:100%; height:100px; border:solid #000; background:rgb(255,255,255,0.5); color:#0F0;}
	
  td#HCO_Tab_dochazka_a
    { background:rgba(255,255,255,.3); font-size:20px; border-bottom: 2px solid rgba(255,255,255,.5); border-right: 2px solid rgba(255,255,255,.5); border-left: 2px solid rgba(255,255,255,.5);}
  td#HCO_Tab_dochazka_b
    { background:rgba(255,255,255,.3); font-size:20px; border-bottom: 2px solid rgba(255,255,255,.5); border-right: 2px solid rgba(255,255,255,.5);}
  td#HCO_Tab_dochazka_b:hover
    { border-bottom: 2px solid rgba(255,0,0,1);}
  td#HCO_Tab_dochazka_c
    { background:none;}
  tr#HCO_Tab_dochazka
    { color:#FFF; }
  tr#HCO_Tab_dochazka:hover
    { color:#F00; background:rgba(255,255,255,.4); }
  td#HCO_tym_podtrzeno_C, td#HCO_tym_podtrzeno_D, td#HCO_news_podtrzeno_A, td#HCO_news_podtrzeno_B, td#HCO_news_podtrzeno_C
    { border-bottom:solid 2px rgb(0,0,0,0.5);}	
  td#HCO_news_SEKCE
    { text-align:left; border-top:solid 6px rgb(0,0,0,0.5);}
  td#HCO_news_nova_zp
    { text-align:left; border-top:solid 4px rgb(0,0,0,0.5);}
  td#HCO_news_nova_reakce_txt
    { vertical-align:top; text-align:left; font-size:18px; color:#FFF; border-bottom:solid 2px rgb(0,0,0);}	 
@media (max-width: 1250px)
  {
  .obr
    { background-size:cover; background-repeat: no-repeat; background-image: url(../image/bg1.jpg); height: 100vh; }
  td#HCO_Tab_dochazka_b, td#HCO_Tab_dochazka_a
    { font-size:18px;}
  }
/* ################################################### scrollbar  ################################################### */ 
  .HCO_uvod_page_baner::-webkit-scrollbar-track
    { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.0); border-radius: 0px; background-color: rgba(0,0,0,0.0); }
  .HCO_uvod_page_baner::-webkit-scrollbar
    { width: 0.8vh; background-color: rgba(0,0,0,0.0); }
  .HCO_uvod_page_baner::-webkit-scrollbar-thumb
    { border-radius: 0vh; background-color: rgba(255,255,255,0.65); border-radius: .2vh; }
  .HCO_uvod_page_baner::-webkit-scrollbar-thumb:hover
    { border-radius: 0vh; background-color: rgba(255,255,255,1); border-radius: .2vh; }
	
  .HCO_uvod_page_span::-webkit-scrollbar-track
    { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.0); border-radius: 0px; background-color: rgba(0,0,0,0.0); }
  .HCO_uvod_page_span::-webkit-scrollbar
    { width: 0.8vh; background-color: rgba(0,0,0,0.0); }
  .HCO_uvod_page_span::-webkit-scrollbar-thumb
    { border-radius: 0vh; background-color: rgba(255,255,255,0.65); border-radius: .2vh; }
  .HCO_uvod_page_span::-webkit-scrollbar-thumb:hover
    { border-radius: 0vh; background-color: rgba(255,255,255,1); border-radius: .2vh; }
	
  .HCO_uvod_page_span_right::-webkit-scrollbar-track
    { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.0); border-radius: 0px; background-color: rgba(0,0,0,0.0); }
  .HCO_uvod_page_span_right::-webkit-scrollbar
    { width: 0.8vh; background-color: rgba(0,0,0,0.0); }
  .HCO_uvod_page_span_right::-webkit-scrollbar-thumb
    { border-radius: 0vh; background-color: rgba(255,255,255,0.65); border-radius: .2vh; }
  .HCO_uvod_page_span_right::-webkit-scrollbar-thumb:hover
    { border-radius: 0vh; background-color: rgba(255,255,255,1); border-radius: .2vh; }
	
  .HCO_tym_page_span::-webkit-scrollbar-track
    { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.0); border-radius: 0px; background-color: rgba(0,0,0,0.0); }
  .HCO_tym_page_span::-webkit-scrollbar
    { width: 0.8vh; background-color: rgba(0,0,0,0.0); }
  .HCO_tym_page_span::-webkit-scrollbar-thumb
    { border-radius: 0vh; background-color: rgba(255,255,255,0.65); border-radius: .2vh; }
  .HCO_tym_page_span::-webkit-scrollbar-thumb:hover
    { border-radius: 0vh; background-color: rgba(255,255,255,1); border-radius: .2vh; }
	
  .HCO_admin_span::-webkit-scrollbar-track
    { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.0); border-radius: 0px; background-color: rgba(0,0,0,0.0); }
  .HCO_admin_span::-webkit-scrollbar
    { width: 0.8vh; background-color: rgba(0,0,0,0.0); }
  .HCO_admin_span::-webkit-scrollbar-thumb
    { border-radius: 0vh; background-color: rgba(255,255,255,0.65); border-radius: .2vh; }
  .HCO_admin_span::-webkit-scrollbar-thumb:hover
    { border-radius: 0vh; background-color: rgba(255,255,255,1); border-radius: .2vh; }
	
  .HCO_news_reakce::-webkit-scrollbar-track
    { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.0); border-radius: 0px; background-color: rgba(0,0,0,0.0); }
  .HCO_news_reakce::-webkit-scrollbar
    { width: 0.8vh; background-color: rgba(0,0,0,0.0); }
  .HCO_news_reakce::-webkit-scrollbar-thumb
    { border-radius: 0vh; background-color: rgba(255,255,255,0.65); border-radius: .2vh; }
  .HCO_news_reakce::-webkit-scrollbar-thumb:hover
    { border-radius: 0vh; background-color: rgba(255,255,255,1); border-radius: .2vh; }
  
  .HCO_admin_baner::-webkit-scrollbar-track
    { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.0); border-radius: 0px; background-color: rgba(0,0,0,0.0); }
  .HCO_admin_baner::-webkit-scrollbar
    { width: 0.8vh; background-color: rgba(0,0,0,0.0); }
  .HCO_admin_baner::-webkit-scrollbar-thumb
    { border-radius: 0vh; background-color: rgba(255,255,255,0.65); border-radius: .2vh; }
  .HCO_admin_baner::-webkit-scrollbar-thumb:hover
    { border-radius: 0vh; background-color: rgba(255,255,255,1); border-radius: .2vh; }

/* ################################################### page uvod  ################################################### */
  .HCO_uvod_page_baner
    { background:rgba(0,0,0,.2); scrollbar-color: rgba(255,255,255,0.65) rgba(255,255,255,0); scrollbar-width: thin; }
  .HCO_uvod_page_span, .HCO_tym_page_span, .HCO_admin_span, .HCO_admin_kar_hra_span, .HCO_uvod_page_span_right, .HCO_news_reakce, .HCO_admin_baner
    { scrollbar-color: rgba(255,255,255,0.65) rgba(255,255,255,0); scrollbar-width: thin; }
	
@keyframes image 
  { 
  0% { opacity: 0.65; }

  100% { opacity: 0.9; }
  }
/* ################################################### page index  ################################################### */  
  header
    { background:rgba(0,0,0,.2); }
/* ################################################### page copyrait  ################################################### */   
  .COPY_HCO_copyrait
    { background:rgba(0,0,0,.2); }
/* ################################################### page uvod  ################################################### */
  .HCO_uvod_page_span_right, .HCO_chyba_span, .HCO_admin_span, .HCO_admin_baner, .COPY_HCO_copyrait_baner_m
    { background:rgba(0,0,0,.2); }
  .HCO_tym_page_tetx_sila
    { background:rgba(0,0,0,.2); }
  .HCO_tym_page_tetx_foto
    { background:rgba(0,0,0,.2); }
  .HCO_tym_page_hrac_left
    { background:rgba(0,0,0,.2); }
  .HCO_tym_page_galery
    { background:rgba(0,0,0,.2); }
  .HCO_tym_page_hrac_right
    { background:rgba(0,0,0,.2); }
/* ################################################### page cyba  ################################################### */
  .HCO_chyba_page_span
    { background:rgba(0,0,0,.2); }