body, html {
  background-color:#e1e1e1;
  background-image: url("/konference/img/pal.jpg");
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  /*background-repeat: no-repeat;*/
  background-size: cover;
  /*background-position: 0px 0px;margin: 0px;padding: 0px;*/
  border: 0px none;
  SCROLLBAR-FACE-COLOR: #F4F4F4;
  SCROLLBAR-HIGHLIGHT-COLOR: #4F4F4F;
  SCROLLBAR-SHADOW-COLOR: #4F4F4F;
  SCROLLBAR-3DLIGHT-COLOR: #ffffff;
  SCROLLBAR-ARROW-COLOR: #4F4F4F;
  SCROLLBAR-TRACK-COLOR: #F4F4F4;
  SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
  color: #4F4F4F;
  font-family: Open Sans, Arial, Verdana ;
  font-size: 14px;
  cursor: auto ;
}


.button-ano {
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  font-size: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  background-color: seagreen;
  color: white;
  border: 2px solid seagreen;

}

.button-ano:hover {
  background-color: #666666;
  border: 2px solid #666666;
  text-decoration: none;
  color: white;
}

.button-ne {
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  font-size: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  background-color: tomato;
  color: white;
  border: 2px solid tomato;

}

.button-ne:hover {
  background-color: #666666;
  border: 2px solid #666666;
  text-decoration: none;
  color: white;
}

textarea {
  width: 90%;
  height: 150px;
}

.bg {
  /* The image used */


  /* Full height */

}


a {
  color: #DA2128;
  text-decoration: none;
}
a:hover {
  color: #DA2128;
  text-decoration: underline;
  
}

/*tabulka*/
.tablevyzvy {
  color: #000000;

}

.tablezakazky {
  color: #000000;
  
  background-color:#CCCCCC;
  border-collapse: collapse;
  border: 1px solid #CCCCCC;   
}

/*hlavicka tabulek*/
.texthlavicka {
  background-color:#666666;  
  color: #ffffff;
  text-decoration: none;
  border-collapse: collapse;
  border: 1px solid #CCCCCC;    
  padding : 7px 7px 7px 7px; 
}
.texthlavicka a {
  color: #ffffff;
  text-decoration: none;    
}
.texthlavicka a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.texthlavickadetail {
  background-color:#666666;  
  color: #ffffff;
  text-decoration: none;
  border-collapse: collapse;
  border: 1px solid #CCCCCC;  
  padding : 7px 7px 7px 7px;   
}
.texthlavickadetail a {
  color: #ffffff;
  text-decoration: none;    
}
.texthlavickadetail a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.footer {
  color: #FFFFFF;
  
  background-color:#666666;
  padding : 7px 7px 7px 7px;  
}

.footer a {
  color: #FFFFFF;
  text-decoration: none;    
}
.footer a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

/*obsah tabulek*/
.textseznam {
  background-color: #F4F4F4;
  border-collapse: collapse;
  border: 1px solid #CCCCCC;    
  padding : 7px 7px 7px 7px;    
}
.textseznam a {
  color: #DA2128;
  text-decoration: none;    
}
.textseznam a:hover {
  color: #DA2128;
  text-decoration: underline;
}


.textseznam1 {
  background-color: #FDEBB8;
  border-collapse: collapse;
  border: 1px solid #CCCCCC;    
  padding : 7px 7px 7px 7px;    
}
.textseznam1 a {
  color: #DA2128;
  text-decoration: none;    
}
.textseznam1 a:hover {
  color: #DA2128;
  text-decoration: underline;
}


/*nadpis*/
.nadpis {
  color : #FFFFFF;
  font-weight: bold;  
  font-size: 50px;
  padding-top:25px;
}

.nadpis a{
  text-decoration: none;
  color : #DA2128;
}

.nadpis a:hover{
  text-decoration: none;
  color : #DA2128;
}


div.nadpis1 { 
  color : #DA2128;
  font-size: 30px;
}

div.nadpis2 { 
  color : #DA2128;
  font-size: 12px;
  text-align: center;
  font-weight: bold; 
}

div.chyba { 
  color : #DA2128;
  font-size: 14px;
}

/* menu1 */
div.menu1 a { 
  display : block;
  background : #DA2128;  
  color : #FFFFFF;   
  text-decoration : none;
  text-align: center;
  font-size: 20px;
  padding : 7px 7px 7px 7px;
  border: 2px solid #FFFFFF;
}

div.menu1 a:hover { 
  background : #666666;
  color : #FFFFFF;
  text-decoration : none;
  text-align: center;
  font-size: 20px;
  padding : 7px 7px 7px 7px;  
}

div.menu1active a {
  display : block;
  background : #666666;
  color : #FFFFFF;
  text-decoration : none;
  text-align: center;
  font-size: 20px;
  padding : 7px 7px 7px 7px;
}

div.menu1active a:hover {
  background : #DA2128;
  color : #FFFFFF;
  text-decoration : none;
  text-align: center;
  font-size: 20px;
  padding : 7px 7px 7px 7px;
}

div.back1 { 
  background : #FFFFFF;
  padding : 7px 20px 7px 20px;

  filter: alpha(opacity=85);
  opacity: 0.85;

}

/* menu2 */
div.menu2 a { 
  display : block;
  background : #DA2128;  
  color : #FFFFFF;
  font-weight: bold;  
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu2 a:hover { 
  background : #666666;
  color : #FFFFFF;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu2active a {
  display : block; 
  background : #FFFFFF;
  color : #DA2128;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu2active a:hover { 
  background : #FFFFFF;
  color : #DA2128;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.back2 { 
  background : #FFFFFF;
  padding : 7px 7px 7px 7px;
}

/* menu3 */
div.menu3 a { 
  display : block;
  background : #DA2128;  
  color : #FFFFFF;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu3 a:hover { 
  background : #666666;
  color : #FFFFFF;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu3active a {
  display : block; 
  background : #FFFFFF;
  color : #DA2128;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu3active a:hover { 
  background : #FFFFFF;
  color : #DA2128;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.back3 { 
  background : #FFFFFF;
  padding : 7px 7px 7px 7px;
}

/* menu4 */
div.menu4 a { 
  display : block;
  background : #DA2128;  
  color : #FFFFFF;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu4 a:hover { 
  background : #666666;
  color : #FFFFFF;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu4active a {
  display : block; 
  background : #FFFFFF;
  color : #DA2128;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu4active a:hover { 
  background : #FFFFFF;
  color : #DA2128;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.back4 { 
  background : #FFFFFF;
  padding : 7px 7px 7px 7px;
}

/* menu5 */
div.menu5 a { 
  display : block;
  background : #DA2128;  
  color : #FFFFFF;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu5 a:hover { 
  background : #666666;
  color : #FFFFFF;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu5active a {
  display : block; 
  background : #FFFFFF;
  color : #DA2128;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu5active a:hover { 
  background : #FFFFFF;
  color : #DA2128;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.back5 { 
  background : #FFFFFF;
  padding : 7px 7px 7px 7px;
}

/* menu6 */
div.menu6 a { 
  display : block;
  background : #DA2128;  
  color : #FFFFFF;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu6 a:hover { 
  background : #666666;
  color : #FFFFFF;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu6active a {
  display : block; 
  background : #FFFFFF;
  color : #DA2128;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu6active a:hover { 
  background : #FFFFFF;
  color : #DA2128;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.back6 { 
  background : #FFFFFF;
  padding : 7px 7px 7px 7px;
}

/* menu7 */
div.menu7 a { 
  display : block;
  background : #DA2128;  
  color : #FFFFFF;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu7 a:hover { 
  background : #666666;
  color : #FFFFFF;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu7active a {
  display : block; 
  background : #FFFFFF;
  color : #DA2128;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.menu7active a:hover { 
  background : #FFFFFF;
  color : #DA2128;
  font-weight: bold;
  text-decoration : none;
  text-align: center;
  font-size: 16px;
  padding : 7px 7px 7px 7px;  
}

div.back7 { 
  background : #FFFFFF;
  padding : 7px 7px 7px 7px;
}

div.logo{
  float: right;
}


div.pagination ul {  
    display: inline-block;
    padding: 0;
    margin: 0;
}

div.pagination li {
    display: inline;
    font-size: 14px;
    padding: 2px;
    margin: 2px;
    

}

div.pagination li .active {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}


#frm-editForm-certifikat_platnost {
  width: 150px;
  height: 28px;
  cursor: pointer;
}

#frm-searchForm-druh {
  width: 1px;
  height: 1px;
  border: 1px solid #FFFFFF;
  background : #FFFFFF;
}

.platny {
  color: green;
  font-weight: bold;

}

.pozor {
  color: orange;
  font-weight: bold;

}

.neplatny {
  color: #DA2128;
  font-weight: bold;

}



    legend {
    /*  font-weight: bold; */
      font-size: 23px;
      color: #000000;
    }

    label {
      font-weight: normal;
      font-size: 16px; 
      /* vertical-align: top; */
      color: #000000; 
    }
    
    .help-block {
      /*font-style: oblique; */
      /* font-size: 16px; */ 
      /* vertical-align: top; */
      font-size: 14px;
      color: #2c2c2c; 
    }
    
    
     input, textarea, select
    {
      border: 1px solid #DA2128;
    }   
    
    input.datepicker
    {
      border: 1px solid #DA2128;
      padding: 2pt;
      background: transparent url('/konference/img/calendar.png') no-repeat right;
    }




    form {
    	/*max-width: 50em;*/
    }





    #frm-overeniForm-kod{
        font-size: 22px;
    }
    
    #timerbox{    
        position: fixed;
        top:0px;
        left:0px;
        background-color: #ffffff;
        font-size: 30px;
        width: 100px;
        text-align: center;
        z-index: 2;
    }
    
    img {
      max-width: 100%;
      height: auto;
    }

#tlacitko{
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  text-align: center;
  width: 300px;
  background : #DA2128;
  color : white;
  border: 7px solid #DA2128;


}

#tlacitko:hover {
  background-color: #666666;
  border: 7px solid #666666;
  text-decoration: none;
  color: white;
}


.button {
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  background-color: #DA2128;
  color: white;
  border: 2px solid #DA2128;

}

.button:hover {
  background-color: #666666;
  border: 2px solid #666666;
  text-decoration: none;
  color: white;
}


#badreg {
  font-size: 20px;
  color: #DA2128;
}


.col-sm-3 {
  width: 100%;
}

.form-horizontal .control-label{
text-align:left;
} 



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

    legend {
        font-size: 28px;
    }
    
    label {
      font-size: 22px; 
    }
    
    .help-block {
      font-size: 18px;

    }        
    
    .button {
        white-space: normal;
        width: 300px;      
    }


    
}


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

    legend {
        font-size: 28px;
    }
    
    label {
      font-size: 22px; 
    }
    
    .help-block {
      font-size: 18px;

    }        
    
    .button {
        white-space: normal;
        width: 300px;      
    }



    
}