body {
 overflow-y: hidden;
 margin: 0 auto;
 font-family: Source Sans Pro, sans-serif; 
}
      
.pozadi {
  background: url(icon/zahlavi_doc_login.jpg);
  background-size: cover; 
  width: 100%;
  height: 83%;
  position: absolute;
  top: 0%;              
}



@keyframes animace_obsahu { 
  0%   {  opacity: 0.0;} 
  20% {   opacity: 0.2;} 
  40% {   opacity: 0.4;} 
  60% {  opacity: 0.6;} 
  80% {  opacity: 0.8;} 
  100% {  opacity: 1;} 
} 
     
.obsah {
  position: absolute;
  top: 50%;
  margin-top: -200px;
  left: 50%; 
  max-width: 200px;
  width: 80%;
  animation: animace_obsahu 1s;animation-name: animace_obsahu;
}           


.zapati {
  position: absolute;
  bottom: 0%;
  height: 17%;
  width: 100%;           
  left: 0%;
  background: #E14E1B;
}

.logo {
  width: 200px; 
  height: 120px; 
  left: 50%; 
  top: 0px; 
  margin-left: -230px;
  position: absolute;   
  background: url(icon/logo1.png); 
  background-size: cover;   
}
   
.next_button {
color: #e14e1b;float: right;text-decoration: none;width: 100px;background: whitesmoke;padding: 9px;font-weight: bold;border-radius: 3px;transition: all .5s ease-out;
}

.next_button:hover {
color: #e14e1b;float: right;text-decoration: none;width: 100px;background: #e3e3e3;padding: 9px;font-weight: bold;border-radius: 3px;
}
   
.recenze {
	transition: all .5s ease-out;
	padding-left: 48px;
	padding-right: 48px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #CFCFCF;
	font-weight: bold;
	text-decoration: none;
	border-radius: 0px;
	font-size: 15px;
	position: absolute;
	top: 0px;
	right: 0%;
	margin-left: -100px;
	z-index: 999999;
	font-family: Source Sans Pro, sans-serif;
border-bottom: 1px solid white;
}
    


.recenze:hover {
	padding-left: 48px;
	padding-right: 48px;
border-bottom: 1px solid whitesmoke;

	padding-top: 10px;
	padding-bottom: 10px;
	color: #ADADAD;
	font-weight: bold;
	text-decoration: none;
	border-radius: 0px;
	font-size: 15px;
	position: absolute;
	top: 0px;
	right: 0%;
	margin-left: -100px;
	z-index: 999999;
	font-family: Source Sans Pro, sans-serif;
}


  
.prihlasit_se {
  padding-left: 48px;
  padding-right: 48px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: none;
  color: white;
  background: #E94E1B;
  text-decoration: none; 
  border-radius: 999px;
  font-size: 15px;  
  position: absolute;top: 220px;left: 50%;  margin-left: -300px;    z-index: 999999;
  font-weight: bold;
}


.registrovat_se {
  padding-left: 48px;
  padding-right: 48px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #E94E1B;
  color: #E94E1B;
  font-weight: bold;
  text-decoration: none;
  border-radius: 399px;
  font-size: 15px;  
  position: absolute;top: 220px;left: 50%;  margin-left: -110px;    z-index: 999999;
}

.pole {
  border-radius: 0px;
  width: 250px;
  padding: 12px 9px 12px 9px;
  border-bottom: 1px solid rgb(240,240,240);
  border-top: none; 
  border-right: none;  
  border-left: none;   
  font-size: 13px; 
  color: rgb(118,118,118);
}

.vase_cesta_text {
  font-size: 28px;margin-left: -180px;color: #707070;position: absolute;top: 120px;
}
     



@media (min-width: 800px) and (max-width: 1150px) {

.obsah {
  position: absolute;
  top: 50%;
  margin-top: -200px;
  left: 60%; 
  max-width: 200px;
  width: 80%;
  animation: animace_obsahu 1s;animation-name: animace_obsahu;
}           

}





@media (min-width: 0px) and (max-width: 800px) { 
    .pozadi {
      background: url(icon/zahlavi_profil.png);
      background-size: cover;
      height: 100%;
      } 




      .logo {
  width: 200px; 
  height: 120px; 
  left: 50%; 
  top: 0px; 
  margin-left: -205px;
  position: absolute;   
  background: url(icon/logo1.png); 
  background-size: cover;   
}
    
      
    .vase_cesta_text {
      font-size: 25px;margin-left: -170px;color: #707070;position: absolute;top: 120px;
      }
         
    .zapati {
      display: none;
      } 
      
               
    .obsah {
      position: absolute;top: 50%;margin-top: -200px;left: 55%; 
      max-width: 200px; 
      width: 45%;
      animation: animace_obsahu 1s;animation-name: animace_obsahu;
      } 

.recenze {
background: white;
transition: all .5s ease-out;
	padding-left: 48px;
	padding-right: 48px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #CFCFCF;
	font-weight: bold;
	text-decoration: none;
	border-radius: 0px;
	font-size: 15px;
	position: absolute;
	top: 0px;
	right: 0%;left: 0%;
	margin-left: 0px;
	z-index: 999999;
	font-family: Source Sans Pro, sans-serif;
border-bottom: 0px solid white;
}

.recenze:hover {
background: white;
transition: all .5s ease-out;
	padding-left: 48px;
	padding-right: 48px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: gray;
	font-weight: bold;
	text-decoration: none;
	border-radius: 0px;
	font-size: 15px;
	position: absolute;
	top: 0px;
	right: 0%;left: 0%;
	margin-left: 0px;
	z-index: 999999;
	font-family: Source Sans Pro, sans-serif;
border-bottom: 0px solid white;
}

    .prihlasit_se {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 7px;
        padding-bottom: 7px;
        border: none;
        color: white;
        background: #E94E1B;
        text-decoration: none; 
        border-radius: 999px;
        font-size: 15px;  
        position: absolute;top: 220px;left: 50%;  margin-left: -240px;    z-index: 999999;
  
        font-weight: bold;
        }




    .registrovat_se {
      padding-left: 25px;
      padding-right: 25px;
      padding-top: 7px;
      padding-bottom: 7px;
      border: 1px solid white;
      color: #E94E1B;
      font-weight: bold;
      background: white;
      text-decoration: none;
      border-radius: 399px;
      font-size: 15px;  
      position: absolute;
      top: 220px;
      left: 50%;  
      margin-left: -100px;   
      z-index: 999999;
      }
}