body {
      background-color: #fff;
    }


    a {
      font-weight: ;bold;      
      color: #03C;
      padding: 1px;
    }

    a:hover  {
      color:white;
      background-color: #03c;
    }

    h1 {
      font-weight: bold;
      font-size: 2em;
      margin: 0.1em 0 0.1em 0;
      color: #09f;
      
    }
    
    h2 {
      font-weight: normal;
      font-size: 1.5em;
      margin: 0.33em 0 0.33em 0;
    }

    h3 {
      font-weight: normal;
      font-size: 1.2em;
      margin: 0.33em 0 0.33em 0;
    }

    .hidden {
      display: none;
    }

    
		#wrapper {
			width: 100%;      
      font: 90%/1.4em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
      margin: 90%/1.4em;
      padding: 90%/1.4em;
      color: #333;
		}


		#content {
			float: none;
			width: 99%;
		}

    #header {
      margin-bottom: 0.5em;
    }

    .nav_zapasy {
      font-size:0.75em
    }

    .divtoggler {
      margin: 1em auto;
    }


    img {
      max-width: 100%;
    }

    table {
      font: 100%/1.4em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;    
      width: 90%;
      margin: 0;
      padding: 0;
      color: #333;
      background-color: #fff;
    }

    table#dataTable  {
      margin: 0 0;
    }

    table.dataTable tbody td {
      padding: 5px 5px;
      text-align: right;
    }

    div#tabulka-skore {
      max-width: 700px;
    }

    img.icon {
      max-width: 15px;
      border-radius: 50%;
    }

     img.profil {
      max-width: 100px;
      border-radius: 50%;
    }



.toggler {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;	
	color:#666666;
	font-family:Arial;
	font-size:12px;
	padding:1px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}

.toggler:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
  cursor:pointer;
}

.toggler:active {
	position:relative;
	top:1px;
}

.toggler.off {
  color: red;
}
   

.toggler.not {
  color:black;
  
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
  cursor: text;
}

.toggler.not:hover {

}

.toggler.not:active {
}




td.bod1 {
  color:  gray;
  background: pink;
}

td.bod2 {
  background: orange;
}



td.bod3 {
  background: green;
  color:  white;
}


    .zvyrazneni {
      display: inline-block;
      background: #03C;
      color: #fff;
      border-radius: 4px;
      padding: 0.1em 0.6em;
      text-decoration: none;
      font-weight: 700;
      margin: 0 0 0.5em 0;
      border: 0;    
    }


    .zvyrazneni1 {
      font-size: 2em;
      font-weight: bold;
      color: yellow;
      background-color: #666;
      padding: 2px;
      border-radius: 5px;
    }


    .horni_index {
      font-size: x-small;
      vertical-align: super;
    }


    .prumer_0 {
      color: #CCC;      
    }


    .prumer_1 {
      color: #777;
    }

    .prumer_2 {
      color: #FC0;
      font-weight: bold;      
    }

    .prumer_3 {
      color: #FC0;     
      font-weight: bold;
    }


    .prumer_4 {
      color: #F60;
      font-weight: bold;     
    }




/* RWD responsive - mobile devices */

@media only screen and (max-device-width: 800px) {
		#wrapper {
			width: 100%;
      font: 90%/1.4em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
      margin: 90%/1.4em;
      padding: 90%/1.4em;

		}


		#content {
			float: none;
			width: 100%;
      padding: 0.1em;
		}

    img {
      max-width: 100%;
    }
}