/* CSS Document */
body, html  {
  margin: 0;
  padding: 0;
  font-family: Calibri;
  font-size: 18px;
  background: #fff;
  color: #000;
}

.setup  {
  background: #444; 
  color: #fff;
  padding: 8px 0;
  text-align: center;
  font-size: .8em;
}

.title  {
  width: 100%;
  height: 50px;
  background: #fff;
  /border-top: solid 1px #aaa;
  /border-bottom: solid 1px #f00;
  text-align: center;
  box-shadow: 0 5px 15px #fff;
}

.titletext  {
  display: inline-block;
  line-height: 15px;
  padding-top: 10px;
  font-size: 1.1em;
  font-weight: bold;
}

.minitext {
  font-size: .65em;
}

.tabule {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 1em;
  color: #666;
  background: #444;
  margin-bottom: 10px;
  box-shadow: 0 5px 7px #aaa;
  padding: 10px 0;
}

.itemtab {
  font-size: .7em;
  color: #ddd;
  text-align: center;
  padding-top: 0px;
  margin: 0px 0;
}

.cil  {
  font-weight: bold;
  font-size: 1.8em;
  color: #0f0;
}

.jmena  {
  font-size: 1.1em;
  color: #fff;
  font-weight: bold;
}

.border {
  border: solid 1px #000;
}

.margin {
  margin: 2px 0;
}

.kategorie  {
  position: relative;
  width: 100%;
  text-align: center;
}

.katpul {
  display: inline-block;
  width: 45%;
  //background: #fff;
}

.kostky {
  display: inline-block;
  width: 100%;
  height: 40px;
  font-size: .7em;
  text-align: center;
  padding-top: 5px;
  margin: 2px 0;
  cursor: pointer;
}

.divky, .chlapci, .zeny, .muzi, .pes, .elita, .vse  {background: #fff; border: solid 1px #000; box-shadow: 2px 2px 5px #aaa; border-radius: 0px;}

.divky      {border-left: solid 10px #FFC0C0;}
.chlapci    {border-left: solid 10px #c0c0FF;}
.zeny       {border-left: solid 10px #FF6060;}
.muzi       {border-left: solid 10px #6060FF;}
.pes        {border-left: solid 10px #D0B080;}
.elita      {border-left: solid 10px #D0D030;}
.vse  {
  //border: solid 1px #000;
  border-width: 10px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #FFC0C0 0%, #FFC0C0 20%, #FF6060 21%, #FF6060 40%, #c0c0FF 41%, #c0c0FF 60%,  #6060FF 61%, #6060FF 80%, #D0B080 81%, #D0B080 100%) 1;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
}
.bdivky     {background: #FFC0C0;}
.bchlapci   {background: #c0c0FF;}
.bzeny      {background: #FF6060;}
.bmuzi      {background: #6060FF;}
.bpes       {background: #D0B080;}
.belita     {background: #D0D030;}

.btnzpet  {
  position: fixed;
  z-index: 1000;
  top: 95px;
  right: 0px;
  height: 40px;
  padding: 0 15px 0 15px;
  border-radius: 20px 0 0 20px;
  border: 0;
  background: #f00;
  color: #fff;
  cursor: pointer;
}

.titlekat {
  padding: 15px 0 10px 0;
  font-size: .9em;
  color: #666;
  border-bottom: solid 1px #aaa;
}

.table  {display: table; margin: 10px auto; border-spacing: 2px;}
.tr     {display: table-row;}
.td     {display: table-cell; border: solid 1px #aaa; padding: 3px 5px; margin: 2px 0; font-size: .8em;}
.right  {text-align: right;}
.left   {text-align: left;}
.center {text-align: center;}
.black  {color: #000;}
.small  {font-size: .7em;}

/* ------------------------------------------------------------------------------------------ */
.boxvyhlaseni         {position: relative; text-align: center; background: #ddd;}
.textvyhlaseni         {font-size: 1.1em;}
.casvyhlaseni         {animation: blink 1.5s infinite; font-size: 1.5em; font-weight: bold; letter-spacing: 5px; color: #d00;}
@keyframes blink      {0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} }


@media only screen and (max-width: 500px)  {
  //.title  {width: 320px; margin: 0 auto;}

}