form, body {
  margin: 0;
  padding: 0;
  color: #999999;
  font-family: MyriadPro, Arial, Helvetica, sans-serif;
  font-size:13px;
}

body {
    background:#c7c7c7 url('../images/body.jpg') repeat-x center 0;
}

a, a:link, a:visited {
    color: #999999;
}

#stranka_obal {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#stranka_obal > .in {
    vertical-align: middle;
    display: table-cell;
}

a:hover {text-decoration:none;}

#login_wrap #login, #login_wrap #password, #login_wrap #password2 {
    width:357px;
    border: none;
    height: 52px;
    /*line-height: 52px;*/
    padding: 0 20px;
    font-family: inherit;
    color: #999999;
    font-size: 100%;
    margin-bottom: 15px;
    /*padding-top: 10px;*/
}

.admlogin #login_wrap #login, .admlogin #login_wrap #password, .admlogin #login_wrap #password2 {
    width: 288px;
    padding-right: 50px;
}

.admlogin input {
    outline: none !important;
}

.admlogin a:focus {
    outline: 1px dotted gray;
}


#login_wrap #login {
    background: url('../images/login.png') no-repeat 0 0;
}

#login_wrap #password, #login_wrap #password2 {
    background: url('../images/pw.png') no-repeat 0 0;
}

.forms_base .item_note,
#login_wrap .min_length {
    position:relative;
    top:-12px;
}

#login_wrap, #registrace_login_wrap {
    width: 400px;
    margin: auto;
    background: #f2f2f2;
    border-radius: 2px 2px 3px 3px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

#registrace_login_wrap input[type=text] {
    border: 1px solid #E3E3E3;
    height: 42px;
    /*line-height: 52px;*/
/*    padding: 0 20px;*/
    font-family: inherit;
    color: #999999;
    font-size: 100%;
    margin-bottom: 15px;
}

#registrace_login_wrap, #login_wrap {
  /*background:transparent url(admin_ico.png) no-repeat scroll right 71px;*/
}



#registrace_login_wrap #login_wrap {
    background:none;
}

label {
    /*width:100px;*/
    padding-right:3px;
}

fieldset {
/*    border:none;*/
}

/* NOVE OK STYLY */
#login_wrap .loginBox, #registrace_login_wrap .regBox {
    padding:15px 8px;
}

#login_wrap .loginBox a, #login_wrap .loginBox a:active,
#login_wrap .loginBox a:visited, #login_wrap .loginBox a:link,
#login_wrap .error a, #login_wrap .error a:active,
#login_wrap .error a:visited, #error .loginBox a:link,
#login_wrap .ok a, #login_wrap .ok a:active,
#login_wrap .ok a:visited, #ok .loginBox a:link,
#registrace_login_wrap .loginBox a, #registrace_login_wrap .loginBox a:active,
#registrace_login_wrap .loginBox a:visited, #registrace_login_wrap .loginBox a:link,
#registrace_login_wrap .error a, #registrace_login_wrap .error a:active,
#registrace_login_wrap .error a:visited,
#registrace_login_wrap .ok a, #registrace_login_wrap .ok a:active,
#registrace_login_wrap .ok a:visited,
#login_wrap .error, #login_wrap .ok,
.error, .ok {
    color: #fff !important;
}

#login_wrap .loginBox a:hover {
    text-decoration:none;
}

#login_wrap .error, #registrace_login_wrap .error {
    background:red;
}

#login_wrap .ok, #registrace_login_wrap .ok {
    background:green;
}

.forms_base .item_note,
#login_wrap span.min_length {
    font-size:80%;
    color:#888;
}

#registrovat h3, #login_wrap h3 {
    /*border-bottom:1px solid;*/
}

#registrovat #login {
/*    width:350px;*/
}

#registrace_login_wrap {
    width:770px;
    margin:auto;
/*    background:transparent url(./../../obrazy/logo2.jpg) no-repeat 0 0;*/
    /*margin-top:115px;*/
}

#registrace_login_wrap .reglogin_wrap, #registrace_login_wrap #registrovat {
    float:left;
    /*width:60%;*/
}

#registrace_login_wrap .reglogin_wrap {
    width:35%;
    padding-right:1%;
}

#registrace_login_wrap #login_wrap {
    width:auto;
    padding:0;
}

#registrace_login_wrap .reglogin_wrap #login_wrap {
    position:static;
}

#registrace_login_wrap .title, #login_wrap .title {
    display:block;
    font-size:1.17em;
    font-weight:bold;
    margin:1em 0;
    /*border-bottom:1px solid;*/
}


#login_wrap h3, #login_wrap .title, #registrace_login_wrap .title {
    background:#6db63c url('../images/green_grad.png') repeat-x 0 0;
    padding:0px 0 0 24px;
    height: 63px;
    line-height: 63px;
    font-size: 125%;
    color: #fff;
    margin: 0;
    font-weight: normal;
    text-shadow: 2px 1px 1px #478427;
}

#login_wrap .login_in, #registrace_login_wrap > .in, #registrovat > .in {
    padding:21px;
    border: 1px solid #b2b2b2;
    border-radius: 0 0 3px 3px;
}

#login_wrap  #partner_login_button_img {
    display:none;
}


#registrace_login_wrap h3, #registrace_login_wrap .title {
    /*background:none;*/
    height:auto;
    width:auto;
    /*border:1px solid red;*/
}

.cleaner {
	clear:both;
	margin:0; padding:0;
	height:1px;
	font-size:1px;
	border:none;
	background:transparent;
}

#registrovat .zipy img {
    border:none;
    padding-right:5px;
    vertical-align:middle;
}

.login_page #login_wrap .loggedAs {
    padding-top:150px;
}

.forms_base .button,
#login_wrap .button,
#login_wrap #partner_login_button {
    background: url('../images/green_grad.png') repeat-x scroll 0 0 #6DB63C;
    height: 40px;
    line-height: 40px;
    padding: 0 21px;
    cursor: pointer;
    border: none;
    color: #fff;
    text-shadow: 2px 1px 1px #478427;
    border-radius: 4px;
    margin: 2px 30px 10px 2px;
    font-family: inherit;
    font-size: 110%;
}

#login_wrap #partner_login_button {
    float:left;
}

#login_wrap p {
    margin: 0;
}

#login_wrap .button:hover,
#login_wrap #partner_login_button:hover, .admlogin #login_wrap #partner_login_button:focus {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#login_wrap .links, #login_wrap .links_last {
    font-size: 12px;
    margin: 3px 0;
    text-shadow: 2px 1px 1px #fff;
}

#login_wrap .loginBox {
    margin-bottom: 18px;
}

.copyright {
    text-align: center;
/*    padding-top: 100px;*/
    padding-bottom: 20px;
    color: #8f8f8f;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.copyright img {
    vertical-align: middle;
    margin: -6px 0 0 10px;
}

.logo {
    position: absolute;
    left: 0;
    top: 5px;
    text-align: center;
    width: 100%;
}

#login_wrap .help_after {
/*    float:left;
    width:55%;*/
}

#login_wrap .other_links {
    clear:both;
    margin-top:15px;
}

.btn.btn-primary {
    background: url('../images/green_grad.png') repeat-x scroll 0 0 #6DB63C;
}

.adm-login-author-img {
    text-decoration: none;
}

.adm-login-author-img svg{
    height: 35px;
    position: relative;
    top: -2px;
}

.adm-login-autor-text {
    display: inline-block;
    margin-right: 10px;
}

.copyright {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ------------------------------------------------------------------------- */
/* responsive styles >>> */
/* ------------------------------------------------------------------------- */
@media screen and (max-width: 640px){
    .logo img {
        max-width: 90%;
    }
}

@media screen and (max-width: 450px){

    #login_wrap {
        width: 90%;
    }

    .admlogin #login_wrap #login,
    .admlogin #login_wrap #password,
    .admlogin #login_wrap #password2 {
        width: 100%;
        background-position: right;
        box-sizing: border-box;
    }
}


/* <<< responsive styles */