body,html {

	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;

	font-size: 12px;

	margin: 0px;

	padding: 0px;

}

html, body{

  height: 100%;

}

body{

	height: auto;

	min-height: 100%;

}

header img{

	display: none;

}

img {border:none;}



#all {

	width: 100%;

    position: relative;

    text-align: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

    flex-wrap: wrap;

    min-height: 100vh;

}

#divRoot{

	width: 100%;

	max-width: 350px;

	margin: auto;

	text-align: left;

	padding-top: 30px;

}



#divRoot h1

{

  font-size:18px;

  font-weight:normal;

  text-align:center;

  margin-top:100px;

}

#chyba {font-weight: bold; position: absolute; left: 290px; top: 58px; width: 250px; font-size: 16px;}



p {font-size: 18px; text-transform: uppercase; margin: 0px 0px 0px 0px; padding: 0px;text-align: left;}

table {margin-top: 0px;}

table td {text-align: right; font-weight: bold; line-height: 30px;}

table td label {margin-right: 10px;}

form input.text 

{

  padding: 10px;

}

header

{

  text-align:center;

  margin-bottom: 30px;

}



@media (min-width: 321px) and (max-width: 720px) 

{

  header

  {

    text-align:center;

    padding:5px 0;

  }

  #divRoot h1

  {

    margin-top:40px;

    font-size:16px;

  }

}





#logo_nadpis {

  margin-top: 90px;

}



#bottom_text {position: absolute; left: 25px; top: 225px; width: 338px; font-size: 12px; text-align: justify;}



#vlajky {padding: 10px 0 0 10px;}



#vlajky img{

  padding:4px 4px 4px 4px;

}



#demo {

  position: absolute; left: 264px; top: 27px;width: 184px;color: #D30217; font-size: 14px;

}

p.error {

  color: #cc0000;

  text-align: center;

  font-size: 16px;

  font-weight: bold;

}

#login,#password{

	width: 100%;

	max-width: 350px;

	height: 60px;

}

#submit{

	width: 100%;

	max-width: 350px;

	display: block;

	overflow: hidden;

}

#login i,#password i{

	width: 60px;

	height: 60px;

	line-height: 60px;

	float: left;

	text-align: center;

	font-size: 30px;

}

#form input[type=text],#form input[type=password]{

	width: calc(100% - 60px);

	height: 60px;

	border: 0 none;

	box-sizing: border-box;

	padding: 20px 10px;

}

#form input[type=submit]{

	float: left;

	width: 175px;

	height: 40px;

	border: 0 none;

	font-size: 18px;

	cursor: pointer;

}

#login{

	margin-bottom: 25px;

}

#password{

	margin-bottom: 25px;

}

#lostpass{

	float: right;

	width: 39px;

	height: 40px;

	margin: 0px 0;

}

#langbox{

	width: 100%;

	display: flex;

	flex-wrap: wrap;

	flex-direction: row;

	justify-content: center;

	margin: 25px 0;

}

#langbox a{

	width: 26px;

	height: 17px;

	margin: 0 4px;

}

footer{

	align-self: flex-end;

    margin: 0 auto;

	padding-bottom: 25px;

	width: 100%;

	max-width: 350px;

}

#form{

	margin: 0 10px;

}