/*
#0D5499 - tmavě modrá         rgb(13,84,153)  
- modrá z logo Tatranu
- nejtmavší barva designu
- okraje box, nadpis článku, ukazatel, odkaz    

#9eaecd - tmavší bledě modrá  rgb(158,174,205)
- střední barva designu
- hlavičky tabulek, aktualni den v kalendáři, okraj fotka člena 

#D8EBFC - bledě modrá         rgb(216,235,253)
- světlá barva designu
- pozadí buněk tabulek, pozadí krátce

#777777 - tmavá šedá             rgb(119,119,119)
- okraj článku, zápatí článku
#808080 - střední šedá           rgb(128,128,128)
- okraj tabulky, jinyden v kalendáři, tlačítko hover  
#F0F0F0 - světle šedá            rgb(240,240,240)
- pozadí tabulky

#faebd7 - světle béžová       rgb(250,235,215) 
- zpráva

white
- nadpis stránky, box, menu, ... text footer, okraje tlačítek
lightgray
- pozadí tlačítek
*/

*
{           
   scrollbar-gutter: auto;
}

::-webkit-scrollbar 
{
    width: 8px;
}

::-webkit-scrollbar-track 
{
    border-radius: 4px;
    background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb 
{
    border-radius: 4px;
     background: lightgrey;
}
::-webkit-scrollbar-button 
{
    display: none;
}

body
{
  font-family: "Tahoma", geneva, sans-serif;
  font-size: 9pt;
  background: white;
}

a
{
  text-decoration: none;
  color: #0D5499; 
  cursor: pointer;
}
a:hover
{
  text-decoration: underline;
}
a.plain
{
  text-decoration: none;
  color: black; 
}
a:hover.plain
{
  text-decoration: none;
  color: gray; 
}

.dark a
{
   color: white; 
}

em
{
  font-style: normal;
  font-weight: bold;
}
h4
{
  text-align: center;
  margin-bottom: 0.5em;
  font-size: 1.2em;  
}

textarea
{
  font-family: Tahoma;
  font-size: 1em;
}

h3
{
  /*color: #0D5499; tmave modra
  border-bottom: solid 2px  #0D5499 ;
  margin-bottom: 0.5em;          */
  display: block;
  color: darkred;
  padding-bottom: 1px;
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 5px;
  margin-top: 0px;
  background: white;
  /*text-indent: 15px;*/
  line-height: 25px;
  /*border-bottom: solid 1px white;*/
}

input[type=submit], input[type=button]
{
    border-radius: 0;
}

hr
{
    border: solid 1px black;
    margin-left: 1em;
    margin-right: 1em;
}

.box h3
{
  margin-bottom: 0px;
  margin-left: 0px;
  background: transparent;  
}
/*---------------------------------------------------------------------------*/
/*navigation styles*/
.topmenuitem
{
    background: white !important;
}

.verticalmenu, .horizontalmenu
{
  background: White;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}

.verticalmenu>li
{
  background: white;
    border-top: solid 1px lightgray;
}

.verticalmenu>li.opened
{
  background: rgb(13,84,153);
}

.xxxxxverticalmenu>li:first-of-type
{
  border-top: 0px;
}

.horizontalmenu>li
{
  border-left: solid 1px lightgray;
  background: White ;
}
.topmenuitem
{
  min-width: 200px;
}
.horizontalmenu>li:first-of-type
{
  border-left: 0px;
}

.horizontalmenu li a, .verticalmenu li a , .verticalmenu td span
{
  color: darkred !important;
  font-size: 1.2em;
  font-weight: bold;

}

.horizontalmenu li>a:hover, .verticalmenu li>a:hover, .horizontalmenu li>span:hover, .verticalmenu li>:hover
{
  background: lightgray;
}

.w3-navbar-submenu 
{
/*border-left: 2px solid #F0F0F0; 
   */
}

/* side menu  */
.acordeonsubmenu li>*
{
  /* background: rgb(171,210,237) ; */
   color: white;
}

.acordeonsubmenu li a:hover
{
  background: #0D5499;
}
.w3-navbar li a:hover
{
  color: white;   
}
.backlink
{
  background: rgb(158,174,205);  
}

.indextitlelogo
{
  position: relative;
  max-height: 120px;
  display: inline-block;
  border: 1px solid white;
  padding: 5px;
  margin-top: 70px;
  background-color: rgba(255,255,255,0.7);
  border-radius: 10px;
}
#headerlogo
{
  /*background: green;*/
  width: 260px;
  height: 165px;
  min-height: 165px;
  display: table-cell;
  vertical-align: middle;
}
#headerlogo *
{
  display:block;
  margin: auto;
}

#headerlogo img
{
  max-width: 90%;
  max-height: 160px;
  
}
/* body */
main
{
  background: white;
}
.maincontainer 
{
  background: white;
}

/*---------------------------------------------------------------------------*/
.zprava {
    /* text-align: center; */
    font-weight: bold;
    background-color: #faebd7;
    border: solid 1px lightgray;
}

/* content */
#content
{
  background: white;
}

.footer, .footer a
{
  color: white;
}

/* clanky */
/* clanek styles */ 
.clanek
{
  background-color: transparent;
  border-left: 1px solid #777777; 
  border-top: 1px solid #777777; 
  border-bottom: 0px;
  border-right: 0px;
  padding: 2px 5px 7px 5px;
  margin-bottom: 3px;
}

.clanek-nahled
{
  background-color: transparent;
  border-left: 1px solid #777777; 
  border-top: 1px solid #777777; 
  border-bottom: 0px;
  border-right: 0px;
  padding: 2px 5px 7px 5px;
}

.clanek-nahled .clanek-nadpis, .clanek-nahled .clanek-text, .clanek-nahled .clanek-fotky, .clanek-nahled .clanek-info  
{
  margin-left: 34%; 
}

.clanek-nadpis
{
  color: #0D5499; 
  padding-top: 2px;
  padding-bottom: 4px;
  font-size: 1.1em;
  font-weight: bold;
  background-image: linear-gradient(to right, red 0%,transparent 100%);/*url('/images/design/clanek-cara-hazena.png');*/
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% 2px;
}

.clanek-nadpis A
{
  color: #0D5499; 
}

.clanek-info
{
  color: #777777; 
}

.kratce
{
  background-color: #D8EBFC; 
  text-align:left;
  font-size:0.9em;
}

.zpravavmediich-info
{
  color: #777777; 
}

div.zpravavmediich
{
  background-color: transparent;
  border-left: 1px solid #777777; 
  border-top: 1px solid #777777; 
  border-bottom: 0px;
  border-right: 0px;
  padding: 2px 5px 7px 5px;
  margin-bottom: 3px;
  vertical-align: top;
}

.zpravavmediich-nadpis A
{
  color: #0D5499; 
}
.zpravavmediich-nadpis
{
  color: #0D5499; 
  padding-top: 2px;
  padding-bottom: 4px;
  font-size: 1.1em;
  font-weight: bold;
  background-image: linear-gradient(to right, red 0%,transparent 100%);/*url('/images/design/clanek-cara-hazena.png');*/
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% 2px;
}

.box
{
  /*background-image:url('/images/design/menu-bottom-hazena.png');*/
  border: 1px solid #808080; 
  background-repeat: no-repeat;
  background-position: center bottom ;
  border-radius: 12px;
  background: GhostWhite;
}
.boxtitle
{
  color: White;
  background: rgb(115,171,212);
  border-bottom: solid 1px white;
/*  background-image: url('/images/design/boxheading-hazena.png');*/   
}
.boxbody
{
  background: transparent;
}
.boxmenu
{
  border: solid 1px white;
}

.boxbody table
{
  background-color: transparent;  
}
.boxbody td
{
  background-color: transparent; 
}
.boxbody th
{
  background-color: #9eaecd;   
  color: White;
}

/* kalendáře */

.calendar th a
{
  color: White;
}
.calendar .normalniden a
{
  color: black;
}
.calendar .jinyden a
{
  color: #808080; 
}
.calendar .dnes
{
  border: solid 1px red;
}
#content .aktualniden, .calendar .aktualniden
{
  background-color: #9eaecd; 
}
.calendar .aktualniden a
{
  color: White;
}
.calendar .udalosti a
{
  text-decoration: underline;
  color: Red;
}

.fotkaclena
{
  border: 3px solid #9eaecd; 
}
.domaci
{
  color: red;
} 
.venku
{
  /*color: red;*/
} 

.action, input[type=submit], input[type=button]
{
  background-color:gray;
  border: none;
  color: white;
  box-shadow: 2px 2px 4px #999999;
}

.action:hover, input[type=submit]:hover, input[type=button]:hover
{
  opacity:0.7;
  text-decoration:none;
  color:white;
}

.action:active, input[type=submit]:active, input[type=button]:active
{
  opacity:0.5;
}

.action.disabled
{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
  pointer-events: none;
  cursor: default;     
}

.inputbutton
{
    margin-top:0px !important;
    margin-bottom:0px !important;
    margin-left:0px !important;
    margin-right:1px !important;
    padding: 3px !important;
    box-shadow: none !important;
}

A.toolbarbutton
{
  background-color: lightgray;
  border: 1px outset white;
  color: black;
}

A.toolbarbutton:hover
{
  background-color: #808080; 
  border: 1px outset white;
  color: black;
}

.fullscreen
{
 background: #0D5499;
}

#smallhome 
{       
 display: none;
}

.verticalmenu .ruler
{
  background-color:#0D5499 !important;
} 

.modalwindow
{
  background-color: #faebd7; 

}

table.mark-hover tr:hover
{
  background-color:#D8EBFC;
}

/* table*/
table, .table
{
  background-color: #F0F0F0;
}

td, .td
{
/*  background-color: #D8EBFC;*/ 
}

table tbody tr:nth-child(odd) 
{
  background-color: lightgray;
}


th, .th
{
  background-color: lightgray; 
  color: darkred;
}

th a, .th a
{
  color: White;
}

.tooltip
{
    border: solid 1px lightgray;
    background: #faebd7;
}

.highlighted-text
{
  font-size: x-small;
  color: lightgray;
  text-shadow: 2px 2px 4px #000000;
  text-transform: uppercase;
}

.engraved-text 
{
  font-size: x-small;
  color: lightgray;
  text-shadow: 0px 1px 0px rgba(255,255,255,.7), 0px -1px 0px rgba(0,0,0,.5);
  text-transform: uppercase;
}

.thumbnail
{
  border: 3px solid #9eaecd;
}

.tag
{
    border: solid 1px black;
    border-radius: 1em;
    padding: 0.25em;
    background: rgba(0,0,0,0.1);
}

.text-banner
{
   background: #D8EBFC; 
}

.vyhra, .vyhra a
{
  color: green !important;
}

.prohra, .prohra a
{
 color: red !important;
}

.disabled
{
  background-color:#DDDDDD !important;
}

/* hot */

.topkategorie
{
  background: #d8ebfc;
}
   
.activehandler
{
   background: #0D5499;
}

.hot-itemlabel
{
  background: rgba(0,0,0,0.5);
  color: white;
}

.formactionicon
{
  color: #0D5499 !important;
}