html.login, body.login {margin:0px; padding:0px; height:100%; border:none; font-family:Arial;}
body.login {background:white; vertical-align:middle; text-align:center; overflow:hidden;}
body.login div#login {margin:10% auto 0px; width:500px;}
div#login .velkynadpis {width:500px; text-align:left; margin-top:20px; font-size:16px; text-shadow:1px 1px rgba(0,0,0,0.2); color:white; border-radius:5px; border:none; padding:7px 11px; margin-bottom:10px; background: #64C3EA url(images/tlacitko.jpg) repeat-x top;}
div#login .paticka {background: #F2F2F2 url(images/tlacitkopod.jpg) repeat-x top; font-weight:normal; font-size:13px; width:500px; padding:7px 10px; color:#555; border:1px solid #D0D0D0; border-radius:5px;}
div#login .paticka a {color:#222; text-decoration:none;}
div#login .paticka a:hover {color:#555; text-decoration:underline;}
.login .paticka {margin:0px auto; text-align:left;}
.login .paticka .verze {color:#555; float:right;}
div#login form {width:500px; padding:5px 11px; margin:0px 0px 10px;} 
div#login form div {margin:5px 0px;}
div#login form input.pw {width: 180px; font-family:Arial; font-size: 16px; border: 1px solid #C0C0C0; padding: 5px 10px; border-radius: 5px; color: #555;}
div#login form input.btn {width: 100px; font-family:Arial; padding: 4px 10px; margin:3px 10px 3px 0px; cursor:pointer; border-radius:5px; text-transform: uppercase; background: #F2F2F2 url(images/tlacitkopod-hover.jpg) repeat-x scroll center top; color: #1B6F90; border: 1px solid rgba(5, 123, 169, 0.3); font-size: 15px; margin-left: 5px;}
.login_alert {background: #F2F2F2; font-size:13px; padding:7px 10px; color:#555; margin-bottom:20px !important; border:1px solid #D0D0D0; border-radius:5px;}
.banan_captcha {font-size:13px;}
.banan_captcha strong {font-weight:400;}  
div#login form h3 {font-size:14px; margin:20px 0 20px 0;}

/* Stranky ve vystavbe */
div.weboff { height: 100vh; display: flex; flex-flow: column; align-items: center; justify-content: center; }
div.weboff .titulek { display: flex; flex-flow: row; align-items: center; gap: 10px; }
div.weboff .registrace { text-decoration: none; color: #1B6F90; margin: 5px 10px 5px 0px; padding: 5px 10px; border: 1px solid rgba(5, 123, 169, 0.3); border-radius: 5px; font-weight: 400; background: url('images/tlacitkopod-hover.jpg') repeat-x scroll center top #F2F2F2; font-size: 15px; font-family: Arial; text-transform: none; cursor: pointer; }
div.weboff .registrace a { text-decoration: none; color: inherit; }
div.weboff #bloger-strip { position: absolute; top: 0; right: 0; cursor: pointer; }

@media (max-width : 720px) {
  div.weboff * { font-size: 1em; }
  div.weboff h1 { font-size: 1.3em; }
}