*{
   font-family:calibri, Times New Roman;
   margin: 0;
   padding: 0;
   font-size:16px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
  }

a {
   text-decoration:none;
   color:black;
   }
a:focus{
        background-color:white !important;
        color:#C00418 !important;
        }
body {
      background-image: url(../pcs/layout/background.jpg);
      background-repeat: repeat-y;
      background-position:  top;
      background-attachment: scroll;
      background-size: 100%;
      } 
#menuMobile {
            display:none;
            float:left;
            width:100%;
            color:#E3D8BD;
            background-color: #C00418 !important;
            font-size:1.7em;
            margin-bottom:10px;
            text-align:center;
            }  
#menuMobile:focus{
                  background-color:white !important;
                  color:#C00418 !important;
                  }                    
.i {
    font-size: 1.1em;
    font-style: italic;    
    }  
.b {
    font-size: 1.1em;
    font-weight: bold;
    }
.u {
    font-size: 1.1em;
    text-decoration: underline;
    } 
.link {
       font-size: 1.2em;
       color:#E3D8BD;
       background-color: #C00418 !important;
       padding:5px;
      } 
.link:focus{
            background-color:white !important;
            color:#C00418 !important;
            }       
.link:hover{
            background-color:#E3D8BD !important;
            color:#C00418 !important;
            border:1px solid #C00418;
            }          
.line {
        float:left;
        width:100%;
        background-color:#C00418;
        height:2px;
        }
.built {
        color:#C00418;
        font-size:0.8em !important;
        }         
.active {
         color:#E3D8BD !important;
         background-color: #C00418 !important;
        } 
.active:hover{
              color:#E3D8BD !important;
              background-color: white !important;
              }                   
#wrapHeader{
            width:100%;
            position:relative;
            }
  
#header {
         margin:0 auto;
         width:100%;
         max-width:1500px;
         } 
       
#header a {
            display:block;
            width:100%;
            padding: 30px 10px;
            background-color: #E3D8BD;
            opacity:0.8;
            margin-bottom:10px;
          }
#header a h1 {
             font-size:3.5em;
             display:block;
             width:100%;
             background-image: url(../pcs/layout/logo.png);
             background-repeat: no-repeat;
             background-position: left center;
             padding-left:100px;
             } 
                   
#wrapArticle {
              width:100%;
              position:relative;
              } 

#article {
          width:100%;
          max-width:1500px;
          margin:0 auto; 
          } 
#wrapHomeOffer{
               display: flex;
               width:100%;
              }
#pageText {
           position:relative;
           width:100%;
           padding:10px;
           background-color:#E3D8BD;
          } 
#pageText h2{
             width:100%;
            padding:10px;
            text-align:center;
            font-size:3em;
            }
#pageText div{
              width:100%;
              padding:10px;
              text-align:justify;
              font-size: 1.1em;
              }                
.homeOffer {
            width:50%;
            flex: 1 1 50%;
             padding:20px 0;
            background-color:#E3D8BD;
            }                        
#homeOffer1 {
            width: 100%;
            display: flex;
            }           
#homeOffer1 li {
              float:left;
              flex: 1 1 50%;
              padding:0px 5px 0px 10px;
              display: flex;
              list-style-type: none;
              }
              
#homeOffer1 li a {
                padding: 10px;
                border:2px solid #C00418;
                font-weight: bold;
                text-align:center;
                } 
#homeOffer1 li a:hover {
                        color:#E3D8BD;
                        background-color:#C00418;
                        }                              
#homeOffer1 li a span {
                      font-size: 2.8rem;
                       }
#homeOffer1 li a img{
                    
                    width:100%;
                    }   
#homeOffer2 {
             width: 100%;
             display: flex;
            } 
#homeOffer2 li{
              float:left;
              flex: 1 1 33.33%;
              padding:0px 5px 0px 10px;
              display: flex;
              list-style-type: none;
             } 
#homeOffer2 li:last-of-type {padding-right:10px;} 
#homeOffer2 li a {
                  padding:10px;
                  border:2px solid #C00418;
                  font-weight: bold;
                  text-align:center;
                  }
#homeOffer2 li a:hover {
                        color:#E3D8BD;
                        background-color:#C00418;
                        }                    
#homeOffer2 li a img{
                    width:100%;
                    } 
#homeOffer2 li a span {
                      font-size: 1.5rem;
                       }                                
#wrapContent {
              width:100%;
              display: flex;
              }  
#mainContent{
             float:left;
             margin-right:5px;
             flex: 1 1 65%;
             width:65%;
             background-color: #E3D8BD;
            }
#mainContent h2 {
                 width:100%;
                 float:left;
                 padding:10px;
                 text-align:center;
                 font-size:3em;
                } 
#homeImg {
          width:100%;
          padding:0 30px;
          margin-bottom:10px;
          float:left;
          }
#homeImg img {
              float:left;
              width:100%;
              }                           
.text {
       width:100%;
       float:left;
       text-align:justify;
       padding:5px 20px;
       font-size:1.1em;
}
.file {
       width:100%;
       float:left;
       padding:5px 20px;
       } 
.file li {
          list-style-position: inside;
          }       
.file li a {
            color:#C00418;
            text-decoration: underline;
            font-size:1.1em;
            }                               
.lightgallery {
               display:flex;
               flex-wrap: wrap;
               width:100%;
               padding:5px 20px;
              }
.lightgallery a {
            display:block;
            flex-basis: 16.666%;
            padding:0 5px;
            margin:5px 0px;
            max-height:127px;
            overflow: hidden;
           }  
.lightgallery a img {
                    float:left;
                    width:100%;
                     }                   
#content {
          float:left;
          width:35%;
          flex: 1 1 35%;
          }  
          
#content ul{
            width:100%;
            float:left;
            }
            
#content ul li{
               width:100%;
               float:left;
               list-style-type: none;
               border-bottom:1px solid #C00418;
               }
#content ul li a{
                width:100%;
                display:block;
                font-size:1.7em;
                padding:10px;
                background-color: #E3D8BD;
                }  
#content ul li a:hover {
                        color:#E3D8BD;
                        background-color: #C00418 !important;
                        }   
#wrapFooter{
            width:100%;
            position:relative;
            }
  
#footer {
         margin:0 auto;
         width:100%;
         max-width:1500px;
         } 
         
#footerContent {
                display:flex;
                min-height:50px;
                background-color:#E3D8BD;
                margin-top:10px;
                opacity:0.8;
                } 
#footerContent div{
                   flex:1 1 20%;
                   } 
#logoNymburk {
              width:100%;
              float:left;
              padding:25px;              
              }                                                          
#logoNymburk img {
                  width:100%;
                  float:left;
                  }     
#logoMuzeum {
              width:100%;
              float:left;
              padding:25px;              
              }                                                          
#logoMuzeum img {
                  width:100%;
                  float:left;
                  } 
#logoMuzeumNBK {
              width:100%;
              float:left;
              padding:25px;              
              }                                                          
#logoMuzeumNBK img {
                  width:100%;
                  float:left;
                  } 
#textFooter{
            width:100%;
            float:left;
            padding:10px;
              }
#textFooter a {
               text-decoration:underline;
               color:#C00418;
                }               
#textFooter a:focus{
                   background-color:white !important;
                   color:#C00418 !important;
                  }       
#textFooter a:hover{
            background-color:#E3D8BD !important;
            color:#C00418 !important;
            border:1px solid #C00418;
            }                                
@media only screen and (max-width: 540px){
#menuMobile {
              display:block;
              
              }  
#wrapHeader{
            width:100%;
            float:left;
            }
#header {
         float:left;
         } 
#header a {
           padding: 10px 10px;
          }
#header a h1 {
             font-size:2.5em;
             padding-left:100px;
             } 
             
#wrapArticle {
              float:left;
              } 

#article {
          float:left;
          } 
#pageText {
           float:left;
          } 
#pageText h2{
             float:left;
            }
#pageText div{
              float:left;
              }                               
#wrapHomeOffer{
               float:left;
               width:100%;
               display:block;
              }
.homeOffer {
            width:100%;
            display:block;
            flex:none;
            float:left;
            }
            
.homeOffer:last-child {
                        padding-top:0px;
                        }             
#homeOffer1 {
             display:block;
             float:left;
             margin-bottom:10px;
             } 
#homeOffer1 li {
              float:left;
              display:block; 
              padding: 0px 10px 0px 10px;             
              }
#homeOffer1 li:first-child {
                             margin-bottom:10px
                            }              
#homeOffer1 li a {
                padding: 10px;
                float:left;
                } 
  
#homeOffer2 {
             display: block;
             float:left;
            } 
#homeOffer2 li{
              float:left;
              display: block;
              margin-bottom:10px;
              padding-right:10px;
             } 
#homeOffer2 li a {float:left;} 
#homeOffer2 li a img{
                    width:100%;
                    } 
#homeOffer2 li a span {font-size: 1.3rem;} 
#wrapFooter{float:left;}
#footer {float:left;} 
         
#footerContent {
                display:block;
                float:left
                } 
#footerContent div{
                   flex:none;
                   } 
#wrapContent {
              display: block;
              float:left;
              }  
#mainContent{
             float:left;
             margin-right:0px;
             flex: none;
             width:100%;
            }
#mainContent h2 {
                 font-size:2em;
                } 
                             
.lightgallery {
               padding:5px 10px;
              }
.lightgallery a {
            flex-basis: 25%;
           }      
#content {
          float:left;
          width:100%;
          }  
          
#content ul{
            width:100%;
            float:left;
            } 
#content ul li a{
                text-align:center;
                }
} 

@media only screen and (min-width: 541px) and (max-width: 920px){
#wrapHeader{
            width:100%;
            float:left;
            }
#header {
         float:left;
         } 
#header a {
           padding: 10px 10px;
          }
#header a h1 {
             padding-left:100px;
             } 
             
#wrapArticle {
              float:left;
              } 

#article {
          float:left;
          } 
#pageText {
           float:left;
          } 
#pageText h2{
             float:left;
            }
#pageText div{
              float:left;
              }                               
#wrapHomeOffer{
               float:left;
               width:100%;
               display:block;
              }
.homeOffer {
            width:100%;
            float:left;
            }
.homeOffer:first-child {
                       padding-bottom:0px;
                      }
.lightgallery {
               padding:5px 10px;
              }
.lightgallery a {
            flex-basis: 20%;
           }                       
#wrapFooter{float:left;}
}