p.kredit { margin: 20px 0; padding: 20px 0; font-size: 16px; }   
p.kredit strong { padding: 10px; background-color: #00c62f; color: white;  -webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px; }

.soutezBox {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
} 

.soutezBox img { display: block; margin: 0 auto; }

.soutezBox .messageErr {  font-size: 15px; font-weight: bold; }
.soutezBox .zadostOkBox  {  font-size: 15px; font-weight: bold; }

#messageBox { background-position: 0 0; background-repeat: no-repeat; padding: 20px 0 20px 80px;  
 min-height: 50px;   
 margin: 0 auto 1em auto;
 display: none; 
}

div.messageOk { background-image: url(/images/icons/okicon.gif);  }
div.messageErr { background-image: url(/images/icons/warningn.gif); color: red; font-weight: bold; font-size: 14px;  }
div.messageLoading { background-image: url(/images/icons/nahravam.gif); color: gray; font-size: 18px;  }

.smallerror { font-size: 12px; color: red; }

.authAlert { 
margin: 1em 0; 
padding: 0.5em 0 0.5em 30px; 
background: url(/images/icons/lock-icon.png) 0 50% no-repeat;
background-size: 25px;
color: red;
font-size: 14px;
font-weight: bold;
}

.authLoggedInfo { 
margin: 1em auto; 
padding: 8px 0 8px 20px; 
background: url(/images/icons/lock-icon.png) 0 50% no-repeat;
background-size: 15px;
color: gray;
font-size: 14px;
font-weight: bold;
}

.soutezPopis { font-weight: bold; margin: 0 0 30px 0;  font-size: 15px;
  line-height: 29px;  }
  
.soutezVitez { margin: 30px 0;  font-size: 15px;
  line-height: 29px;  }
  
.soutezBox  .formBox  { margin-top: 30px; }

.soutezBox .centerFormBox  { width: 100%; }

#buttonHolder { display: block; margin: 30px 0 0 0; }
#buttonHolder img { margin: 0 0 0 30px; }

.soutezBox .button { display: block;  }

.centered { margin: 0 auto; }

p.soutezInst { font-size: 14px; margin: 1em 0 0.5em 0; padding: 0.5 0; }

#timeleftBox { padding: 2px 3px; background-color: green; color: white; -webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;}

table.loginAuthTab { margin: 1em 0 0 2em; }
table.loginAuthTab td { padding: 8px 0; }
table.loginAuthTab td.loginLab { text-align: right; padding-right: 10px; white-space: nowrap; color: gray; }

#loginBoxWrapBox { 

  margin: 2em auto;
  max-width: 350px;
  padding: 2em 0;
 
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
}

@import url(https://fonts.googleapis.com/css?family=Roboto:300);
 
#loginBoxWrapBox h3 { 
  color: black;
  font-size: 18px;
  font-weight: 400;
  line-height: 41px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: rgba(225,87,50,0.65);
  padding: 0.5em 0;
  margin: 0 0 2em 0;  
}

#messageBoxLogin { font-size: 12px; color: red; width: calc(100% - 60px);  display: block;  margin: 0 auto 0.5em auto; }

#loginBoxWrapBox input { 
 width: calc(100% - 60px);
 display: block;
 font-family: "Roboto", sans-serif;
  outline: 0;
 margin: 0 auto 1em auto;
 padding: 10px;
 background: #f2f2f2;
 border: 0;
 
 font-size: 15px;
}
 
#loginBoxWrapBox .formInfo { color: gray; font-size: 11px; padding: 0 30px; }

#loginBoxWrapBox input[type="submit"] {

   background: #4CAF50;
   color: #fff;

}

#loginBoxWrapBox input[type="submit"]:hover, #loginBoxWrapBox input[type="submit"]:active,#loginBoxWrapBox input[type="submit"]:focus {
  background: #43A047;
}

p.clickInst { margin: 0.8em 0; padding: 0 2em; text-align:center; color: #e15732; font-weight: bold; font-family: "Roboto", sans-serif;  font-size: 14px;  }