html{
        font: 1em "Helvetica neue", Verdana, sans-serif ;
}
footer{
width: 100%;
padding: 20px 0px;
text-align: center;
color:white;
background-color: rgba(0,0,0,.5);
}
input{
    display: block;
    height: 1.4em;
    width: 100%;
    padding: 0; 
    border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 1.3em;
    border: 1px  solid rgba(0,0,0,0.5);
    margin-bottom: 10px;
    color:rgba(0,0,0,0.6);  
}

input[type=text],
input[type=password]{
    width: 95.5%;
    padding: 5px 2%;
}
input[type=submit]{
    margin-bottom:0px;
    height: 40px;
    font-weight: 900;
    font-size: 1em;
    color: rgba(255,255,255,1);
}
.bad_diffpwd::after {
  content: " --- Hesla se neshodují!";
  color: red;
  font-size: 0.9em;
}
.bad_lgnemp::after {
  content: " --- Login je prázdný!";
  color: red;
  font-size: 0.9em;
}
.bad_lgnneml::after {
  content: " --- Login není e-mail!";
  text-align:right;
  color: red;
  font-size: 0.9em;
}
.bad_lgnexists::after {
  content: " --- Login již registrován!";
  text-align:right;
  color: red;
  font-size: 0.9em;
}
.bad_pwdemp::after {
  content: " --- Heslo je prázdné!";
  color: red;
  font-size: 0.9em;
}
input.bad {
  background-color: rgba(251,132,132,0.7);
}
:focus,
.bad:focus{
        background-color: rgba(251,250,132,0.7);
}
/* default divs*/
#channel_order {
    width: 100%;
    padding-top: 40px;
    min-height: 680px;
    background-size: cover;
    background-position: center;
    background-color: steelblue;
}
#order_box{
        margin: auto;
        
        width: 300px;
        height: 100%;
        padding: 20px;
        overflow: hidden;
        background-color: rgba(255,255,255,0.9);
        border-radius: 5px;
        -moz-border-radius: 5px;
}
#channel_description{
  width: 300px;
  margin: auto;
  margin-top: 40px;
  font-size: 2em;
  font-weight: 900;
  color: white;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  text-align: center;
}
#channel_description img{
  display: block;
  width: 50%;
  height:50%;
  margin: auto;
}




/*channels options*/

/*HUMANIKA*/
.bg_humanika{
        background-image: url('../img/hpwebbod15.jpg');
}
.b_humanika{
        border-bottom: 3px solid rgba(49, 132, 158, 1);
}
.tc_humanika{
        color: rgba(170,30,89,1);
}
.bgc_humanika{
        background-color: rgba(170,30,89,1);
}
input.submit_humanika:hover[type=submit]{
  background-color: rgba(170,30,89,0.8);
}

/*RESPONSIVE*/

/*mobil */
@media screen and (max-width: 480px) {
        #order_box {
              width: 85%;
        }
        .tc_humanika{
        font-size: 0.9em;
      }
      #order_box_comp {
            margin: auto;
        margin-top: 40px;
        width: 85%;
        height: 100%;
        padding: 20px;
        overflow: hidden;
        line-height: 1.4em;
        background-color: rgba(255,255,255,0.9);
        border-radius: 5px;
        -moz-border-radius: 5px;  
        }
}
/*computer */
@media screen and (max-width: 1319px) and (min-width: 481px) { 
    #order_box {  
       
        }
    #order_box_comp {
        margin: auto;
        margin-top: 40px;
        width: 600px;
        height: 100%;
        padding: 20px;
        overflow: hidden;
        line-height: 1.4em;
        background-color: rgba(255,255,255,0.9);
        border-radius: 5px;
        -moz-border-radius: 5px;   
        }
    #order_box_comp img {
      float: right;
    }
    #order_box_comp p {
      float: left;
      width: 270px;
    }


}
/*large screen 1320 > */
@media screen and (min-width: 1320px) {
        #channel_order {
              min-height: 1000px;  
        }
        #order_box {  
        display: none;
        }
         #order_box_comp {
        margin: auto;
        margin-top: 40px;
        width: 300px;
        height: 100%;
        padding: 20px;
        overflow: hidden;
        line-height: 1.4em;
        background-color: rgba(255,255,255,0.9);
        border-radius: 5px;
        -moz-border-radius: 5px;   
        }
}