/*reset okrajů + změna box-modelu na okrajový*/
      * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
      }
      /*Výchozí pravidla - pro zobrazení na  mobilním zařízení*/
      body {
        background-color: #000000;
		font-family: "Play";
      }
	  .input1 {
		background: £ffffff; padding: 10px; border: 2px solid #00ADD0;  border-radius: 15px; width: 90%; font-size: 2em; margin-bottom: 0.5em;	  
	  }
	  .input2 {
		background: #00ADD0; padding: 10px; border: 2px solid #00ADD0;  border-radius: 15px; width: 90%; font-size: 2em	; color: #ffffff;  
	  }
	  .input3 {
		background: #00ADD0; margin-bottom: 1em; height: 3em; padding: 10px; border: 2px solid #00ADD0;  border-radius: 15px; width: 90%; font-size: 2em	; color: #ffffff;  
	  }
	  .input5 {
		background: £ffffff; width: 90%; font-size: 2em; 	  
	  }
	  .input6 {
		background: £ffffff; width: 2em; font-size: 1em; background: #00ADD0;	 border: 2px solid #00ADD0; border-radius: 5px;
	  }
	  .od1{
		font-family: "Play";
		}
	.p1 {
	padding: 0.5em;
	}		
	.pleft1 {
	padding-left: 0.5em;
	}		
	.mleft1 {
	padding-left: 0.5em;
	}		

	.mleft10 {
	padding-left: 1em;
	}		
	.mar1 {
	padding-left: 1em;
	padding-right: 1em;
	}		
	.tmmodra{
	color: #003C69;
}
	.yellow{
	color: yellow;
}
.svmodra{
	color: #00ADD0;
}
.white{
	color: white;
}
.orange{
	color: #FF8000;
}
.b{
	font-weight: bold;
}
.blue{
	color: #04C2EC;
}
.lime{
	color: lime;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.red {
		color: red;
}
.f2 {
	font-size: 2em;	
}
.f3 {
	font-size: 1.5em;	
}
.f21 {
	font-size: 1em;	
}
.f11 {
	font-size: 0.7em;	
}
.f4 {
	font-size: 4em;	
}
.f07 {
	font-size: 0.7em;	
}
.proM {
	display: block;
}
.proPC {
	display: none;
}
.pismo1 {
	font-size: 1.5em;
}


input[type=number].jako-password {
     -webkit-text-security: disc;
}

      main {
        margin: 0em auto;
        width: 95%;
        background-color: #003C69;
      }
      header {
        width: 100%;
        height: 4em;
        text-align: center;
        color: white;
        background-color: #003C69;
      }
      nav {
        text-align: center;
        background-color: #003C69;
        padding: 0.4em;
        position: relative;
		color: #00ADD0;
      }
      nav ul {
        list-style-type: none;
      }
      nav p {
        position: absolute;
        top: 0;
        left: 0;
      }
      nav a {
        padding: 0.3em;
        margin: 0.2em;
      }
      section {
        min-height: 20em;
        background-color: #003C69;
      }
      article {
        min-height: 20em;
        background-color: #003C69;
      }
      aside {
        text-align: center;
      }
      .oddil {
        text-align: center;
      }
	  .blok50 {
          width: 100%;
        }

	.panel{
		width: 99%; margin: 1%;
	}

      /* Break point - aplikace pravidel při šířce 50em (cca 720px) a větší */
	  
 	  
      @media (min-width: 50em) {
        main {
          margin: 0em auto;
        }
        nav li {
          display: inline;
          padding-right: 5em;
        }
        nav a {
          display: inline-block;
        }
        article {
          width: 50%;
          float: left;
        }
        aside {
          width: 50%;
          float: right;
          display: block;
		  text-align: center;
        }
		.oddil {
          width: 33%;
          float: left;
          display: block;
		  text-align: center;
        }
	  .od2{
		float: left; 
		width: 33%
		}
	  .od16{
		float: left; 
		width: 16.3%
		}
	  .od3{
		float: left; 
		width: 33%; 
		font-size: 3em
		}
	  .od33{
		float: left; 
		width: 33%; 
		}
		.input5 {
		background: £ffffff; width: 350px; font-size: 2em; 	  
	  }
	  .prehled {
         width: 20%;
          float: left;
          display: block;
		  text-align: center;
 		  
	  }
.f21 {
	font-size: 2em;	
}
.f11 {
	font-size: 1.4em;	
}
.f4 {
	font-size: 8em;	
}
.f3 {
	font-size: 2.5em;	
}

.proM {
	display: none;
}
.proPC {
	display: block;
}
.blok50 {
          width: 50%;
          float: left;
        }

	.panel{
		float: left; width: 33%; margin: 0px;
	}



        footer {
          clear: both;
        }
      }
	  .pismo1 {
	font-size: 1.5em;
}
.pad-odp{padding-left: 25%;}