body, html {
  background-color:#ffffff;
  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: #000000;
  font-family: "Open Sans", sans-serif;
  font-size: .9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  -webkit-font-smoothing: antialiased;
  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;

}