body {
   min-height:650px;
   text-align:center;
   background:#90b11a;
   overflow-x:hidden;
   font-family:Helvetica,arial,sans-serif;
}

#login {
  padding:110px 0 20px;
  background-color:#ffffff;
  text-align:center;  
}

#login::after {
    content: ' ';
    display: block;
    height: 20px;
    background-image: url(../grafika/bg_bottom_pruhy.png);
    background-size: cover;
    width: 100%;
    position: absolute;
}

#login h1 span, #login h1 {
  position:absolute;
  width:576px;
  height:104px;
} 

#login h1 {
  text-align:center;
  position:relative;
  line-height:80px;  
  margin:0 auto;
  
}

#login h1 span {
  left:0; top:0;
  display:block;
  background:url('../grafika/login_top.png') center bottom no-repeat;
}


#login .form {
  text-align:center;
  padding:80px 0 80px;
  color:#8e8f8f;
}

#login .form .label {
   color:#303030;
   text-align:center;
   top:15px;
   position:relative;
   font-size:16px;
}

#login form { 
  background:#fff;
  text-align:left;
  margin:0 auto;
  width:454px;
    
  /* OBSOLETE? -webkit-box-shadow: 0 4px 8px #bbb;-moz-box-shadow: 0 4px 8px #bbb;-ms-box-shadow: 0 4px 8px #bbb;*/
  box-shadow: 0 0 5px -1px rgba(136, 147, 166, 0.75);

}

#login input[type=password] {
   -webkit-text-security: square;
}

#login .remember {
  padding:20px 0 0 35px ;
}

.remember .checkbox {
  margin:17px 10px 0 15px;
}

.remember span {
  width:195px;
  margin-right:5px;
}

.remember .button {  
  box-shadow: 1px 1px 2px #303030;
  float: right;
  font-size: 18px;
  font-weight: bold;
  margin-right: 50px;
  letter-spacing:0.5px;
}

.remember label {
  color:#303030;
}

#login .main {
  position:relative;
  z-index:2;
  height:278px;
}

#login .inform {
  padding:40px 0;
  text-align:center;
}

#login form {
}

#login form, #login form p {
  text-align:center;
}

#login .form_footer {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:50px;
  line-height:50px;
  background:#ececec;
}

#login .form_footer a {
    color:#37b5e8; 
    text-decoration:none; 

}

#login .form_footer a:hover {
    color:#303030;
}

#login .form_footer span {
    padding:0 0 0 50px;
}

#login .form .social_login {
  padding-top:40px;
  text-align: center; 
}

#login .form .social_login .text {
  display: none;
}

#login .form .social_login .social {
  margin:0 30px;
}

#login .form .social_login .social, #login .form .social_login .cover {
  position: relative;  
  width: 64px;
  height: 52px;
  display: inline-block;
}

#login .form .social_login .twitter .cover {
  background:url('../grafika/twitter_logo_login.png') top left no-repeat;
  position: absolute;
  top:0;
  left:0;
}

#login .form .social_login .facebook .cover {
  background:url('../grafika/facebook_logo_login.png') top left no-repeat;
  position: absolute;  
  top:0;
  left:0;
}

#login .form .social_login .facebook, #login .form .social_login .facebook .cover {
  width: 52px;
}

#login .form .social_login .google .cover {
  background:url('../grafika/google_logo_login.png') top left no-repeat;
  position: absolute;
  top:0;
  left:0;
}


/*#login .error {
  position:absolute;
  left:0;
  top:0;
  padding:5px 0;
  width:365px;

}

#login .error li {
  text-align:center;
  color:#f00;
  font-size:130%;  
  text-shadow: 0px 0px 3px #999;

}*/



p.top {
  margin:30px 0 0;
}

p.warning {
  color:#000099;
  font-weight:normal;
  font-size:13px;
  text-align:center;
  font-family:Helvetica,arial,sans-serif;
}

.textinput {

  border:1px solid #f3f3f3;
  font-weight:bold;
  display:block;
  text-align:left;
  margin:0 auto;
  width:324px;
  padding:3px 15px;
  height:39px;
  line-height: 39px;
  color:#8EAE3D;
  font-size:16px;
  letter-spacing:0.5px;
  
  /* -webkit-box-shadow: inset 1px 1px 2px #ccc;-moz-box-shadow: inset 1px 1px 2px #ccc;
  box-shadow: inset 1px 1px 2px #ccc;*/ 
  
  /* OBSOLETE? */ -webkit-box-shadow: inset 0px 1px 1px 0px #A3A3A3;-moz-box-shadow: inset 0px 1px 1px 0px #A3A3A3;
  box-shadow: inset 0px 1px 1px 0px #A3A3A3;


}

.heslo {
  padding-top:10px;
}

.button {

  cursor:pointer;

  border:0;

  /* OBSOLETE? */-moz-border-radius: 6px;
  border-radius: 6px;
  
  font-weight:bold;
  padding:12px 18px;
  color:#fff;
  
  
  background-color: #22a0d4;
  background-image: -o-linear-gradient(top, #38b5e8, #0d8ac0); /* OBSOLETE? */
  background-image: -moz-linear-gradient(top, #38b5e8, #0d8ac0); /* OBSOLETE? */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #38b5e8),color-stop(1, #0d8ac0)); /* OBSOLETE? */
  background-image: linear-gradient(top, #38b5e8, #0d8ac0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#38b5e8', EndColorStr='#0d8ac0'); /* IE6 - IE9 */  

  /* OBSOLETE? */-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;
  transition: all 200ms linear; 

  
}

.button:hover {
  /* OBSOLETE? -webkit-box-shadow: 2px 2px 4px #303030 inset;-moz-box-shadow: 2px 2px 4px #303030 inset;*/
  background-image: -moz-linear-gradient(top, #85b707, #5f8401);
  background-image: -webkit-linear-gradient(top, #85b707, #5f8401);
  background-image: linear-gradient(top, #85b707, #5f8401);
  
}

.button:active {
  /* OBSOLETE? -webkit-box-shadow: 2px 2px 4px #303030 inset;-moz-box-shadow: 2px 2px 4px #303030 inset;*/
  box-shadow: 2px 2px 4px #303030 inset;
  background-image: -moz-linear-gradient(top, #85b707, #5f8401);
  background-image: -webkit-linear-gradient(top, #85b707, #5f8401);
  background-image: linear-gradient(top, #85b707, #5f8401);
  color:#F5F3BC;
  
}

.error, .flash, #login .error li{
  text-align:center;  
}

.flash, #login .error  {
  padding:25px 0 30px;
  background:#c93063 url('../grafika/flash_bottom.png') bottom left repeat-x;
  color:#fff;
  width:100%;
  font-size:25px;
  position:absolute;
  top:0;left:0;    
  max-width:100%;
  border-radius:0;
  margin:0;
}

.info {
  font-weight:normal;
}

.foto_galerie {
  position:absolute;
  z-index:1;  
  top:310px;
  color:#303030;
}

.foto_galerie_inner {
  text-align:center;
  position:relative;
  width:250px;
}

.foto_galerie img {
  display:block;
 
  /* OBSOLETE? */-webkit-box-shadow: 0 4px 8px #bbb;-moz-box-shadow: 0 4px 8px #bbb;-ms-box-shadow: 0 4px 8px #bbb; 
  box-shadow: 0 4px 8px #bbb; 
  
  margin-bottom:20px;
  
  max-width:250px;  

  /* OBSOLETE? */-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;
  transition: all 200ms linear; 

  width: 250px;
  height: 200px;
  object-fit: cover;

}

.foto_galerie img:hover {
  /* OBSOLETE? */ -webkit-transform: scale(1.2) translateZ(0);-moz-transform: scale(1.2) translateZ(0);-o-transform: scale(1.2) translateZ(0);  
  transform: scale(1.2 translateZ(0));
  
  /* OBSOLETE? */-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;
  transition: all 200ms linear;  
  
}

.foto_galerie span {
  box-shadow: 0 1px 2px #D3D3D3;
  padding:7px 8px 5px 8px;
  color:#303030;
  font-size:13px;
  background: #F5F3BC;
}

/* IE fixes */
#frm-loginForm {
  *border:1px solid #ececec !important;
  _border:1px solid #ececec !important;
  border:1px solid #ececec\0/ !important;
}