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

html, body{

width:100%;
text-align:center;
background-image:url(../images/bile_kosticky.png);
 
background-repeat: repeat;
}


#menu{max-width:800px;}
#horizontalni_menu{width:100%;padding-left:0;margin:0}
#horizontalni_menu li {height:50px;}
#hlavicka_pripravujeme {
                        width:100%;
                        margin:0;
                        padding:0;
                        display:none 
                     }

#prihlaska {
                    width:94%;
                     padding-top:15px;
                     margin-top:40px;
                     margin-left:0;
                     margin-right:0;
            }
.hlavicka_logo {
              width:300px;
             
           } 
.hlavicka_logo img{
            width:200px;
            margin:0;
         } 

#poznamka {
              width:10Opx;
            } 
table.registrace {
  width:100%;
}           
#podzavody {
  margin-top:40px;
  width:95%;
  margin-left:2px;
  margin-right:2px;
            } 


#pata img {
              width:300px;
              padding:0;
              margin:0;
     }           

     input {
      width:100%;
} 
select {
  width:40%;
} 

#rocniky_seznam li a {width:100%}

.login-form {

  z-index: 1;
  background: #FFFFFF;
  width:85%;

  text-align: left;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.20);
  margin-left:1px;
  margin-bottom:40px;
}

.form label {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #FFFFFF;
  width: 100px;
  border: 0;
  margin: 0 0 15px;
  padding: 0 0 15px;
  box-sizing: border-box;
  font-size: 14px;
  border: 0px solid
  
}

.login-form input[type='text'] {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  
  border: 0;
  margin: 0 0 15px;
  padding: 10px;
  box-sizing: border-box;
  font-size: 14px;
  border:1px solid #a29595
}

.login-form input:focus {

  outline: 0;
  background: #fffb8e;
}

.login-form input.chyba_antispam {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #ff998e;
  width:100px;
  border: 0;
  margin: 0 0 15px;
  padding: 10px;
  box-sizing: border-box;
  font-size: 14px;
  border:1px solid red
  
}

.login-form input.chyba_antispam_pole {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #ff998e;
  width:200px;
  border: 0;
  margin: 0 0 15px;
  padding: 10px;
  box-sizing: border-box;
  font-size: 14px;
  border:1px solid red
}


.form input.pohlavi {
  font-family: sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 5%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.form input.contact_sec {
    width:100px;

    
}

.login-form input.button  {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #4CAF50;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}

a.button_email{
    margin:5px;
    font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #4CAF50;
  width: 200px;
  height:2em;
  border: 0;
  padding: 10px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  text-decoration:none;
    
}
a.button_email:hover{

  text-decoration:underline;
   background: #056d16; 
}

a.button_oprava{
    margin:5px;
    font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #5d83ff;
  width: 200px;
  height:2em;
  border: 0;
  padding: 10px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  text-decoration:none;
    
}
a.button_oprava:hover{

  text-decoration:underline;
  background: #1c3fb1;
    
}




.login-form input.button:hover,.form input.button:active,.form input.button:focus {
  background: #43A047;
}
.form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.form .message a {
  color: #4CAF50;
  text-decoration: none;
}
.form .register-form {
  display: none;
}
.container {
  position: relative;
  z-index: 1;
  width: 600px;
  margin: 0 auto;
}
.container:before, .container:after {
  content: "";
  display: block;
  clear: both;
}
.container .info {
  margin: 50px auto;
  text-align: center;
}
.container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 32px;
  font-weight: 300;
  color: #1a1a1a;
}
.container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.container .info span a {
  color: #000000;
  text-decoration: none;
}
.container .info span .fa {
  color: #EF3B3A;
}

 select.rocnik_zavodnika {width:100px;
  
}
select {
     
        line-height:35px;
        
    }

span.drobne{font-size:small;color:red; padding-left:5px}
p.zelene{font-size:large;color:green; }






}