* {
    margin:0;
    padding:0;
    font-family:calibri, Times New Roman;
    }
body {
      background-color: #3D434D;
      background: url("../pcs/layout/bg.gif");
      
      }
a {
   text-decoration:none;
   color:black;
   }
   
h2 {width:100%;text-align:center;color:white;background-color:grey;margin-bottom:5px;float:left;}
h3 {width:100%;text-align:center;margin-bottom:5px;float:left;}
h4 {width:100%;text-align:center;margin-bottom:5px;float:left;}
h5 {width:100%;text-align:center;margin-bottom:5px;float:left;}
ul li {list-style-position: inside;}
ol li {list-style-position: inside;}
.seznam{margin-left:15px;}
.seznamDva{margin-left:25px;}
.seznamAbcDva{list-style-type: lower-alpha;margin-left:25px;list-style-position: outside;}
.seznamDvaSloupce li{width:50%;float:left;} 
iframe {border:0}  
#wrap {width:1200px;      
       margin:0 auto;
      }
          /*univerzalní třídy*/
/*---------------------------------*/
.cara{width:100%;float:left;height:1px;background-color:grey;} /*čára místo hr*/
.okrajRadius{-moz-border-radius:8px;
            -ms-border-radius:8px;
            -o-border-radius:8px;
            -webkit-border-radius:8px;
            border-radius:8px;} /*Kulatý okraj*/
.clear{float:left;width:100%;height:15px;}/* mezera */
.floatLeft{float:left;} /*plovoucí zleva*/
.floatRight{float:right;} /*plovoucí zprava*/
.pointer{cursor:pointer;} /*kurzor ruka*/
.underline{text-decoration:underline;} /*nepodrženo*/
.plnaSirka {width:100% !important;}
.odkaz{text-decoration:underline;color:#b20000;}
.odkaz:focus {background-color:#C00418;color:#E3D8BD;}
.odkaz:hover{color:#ff0000}
.ramSedy{border:1px solid #c2c2c2;
         width:99% !important;
         } /*rámeček šedý jen pro 100% širku*/
.ram{border:1px solid #c2c2c2;}
.textSedy{color:grey;}   /*šedy text*/
.textBily{color:white;}  /*bílý text*/
.textCerny{color:black;} /*černý text*/
.textCerveny{color:red;}  /*červený text*/
.pozadiSeda{background-color:#fafafa;}/*sedé pozadí*/
.pozadiSedaTm {background-color:#c2c2c2}/*šede pozadí tmavší*/
.pozadiCervena {background-color:red !important;;}
.pozadiZelena {background-color:green;}
.pozadiCervena {background-color:red;}
.pozadiBila {background-color:white;}
.pozadiOranzova {background-color:orange;}
.b{font-weight:bold;}  /*tučné písmo*/
.i {font-style: italic;}
.mensiPismo {font-size:0.75em;}
.vetsiPismo {font-size:1.5em;}
.u{text-decoration:underline;}
.stred{text-align:center;} /*zarovnání na střed*/
.blok{text-align:justify;}/*zarovnání do bloku*/
.vlevo{text-align:left;}
.vpravo{text-align:right;}
.selected{background-color:#E3D8BD !important;}
.selected a {color:#C00418!important; }
.odstavec{width:98%;
          padding:5px;
          float:left;
          margin-bottom:5px;
          word-wrap: break-word;}
          
.dvaOdstavce{width:50%;margin-bottom:10px;}
.triOdstavce{width:25%;margin-bottom:10px;}
.nadpis{font-size:1.2em;font-weight:bold;margin-bottom:3px;margin-top:3px;}
.hlaseniZavad {background-color:#47CB65 !important;color:#fff !important; font-weight:bold !important;} 
.hlaseniZavad:hover {background-color:#29BB49 !important;}
/*Pouze pro tabulku div-table*/
.sirka5 {width:3.5%;}
.sirka10{width:8.5%;}
.sirka15{width:13.5%;}
.sirka20{width:18.5%;}
.sirka25{width:23.5%;}
.sirka30{width:28.5%;}
.sirka35{width:33.5%;}
.sirka40{width:38.5%;}
.sirka45{width:43.5%;}
.sirka50{width:48.5%;}
.sirka55{width:53.5%;}
.sirka60{width:58.5%;}
.sirka65{width:63.5%;}
.sirka70{width:68.5%;}
.sirka75{width:73.5%;}
.sirka80{width:78.5%;}
.sirka85{width:83.5%;}
.sirka90{width:88.5%;}
.sirka95{width:93.5%;}
.sirka100{width:98.5%;}

.varovani{
          float:left;
          width:91%;
          background-image: url(../pcs/layout/varovani.gif);
          background-position: left center;
          background-repeat: no-repeat;
          background-color: #F5F5F5;
          padding: 15px;
          padding-left: 40px;
          border:1px solid red;
          margin:5px 0px 5px 0px;
         }
.informace{
     float:left;
     width:91%;
     background-image: url(../pcs/layout/informace.gif);
     background-position: left center;
     background-repeat: no-repeat;
     background-color: #F5F5F5;
     padding: 15px;
     padding-left: 40px;
     border:1px solid grey;
     margin:5px 0px 5px 0px;
    }
.listovani{width:99%;
           float:left;
           padding:5px;
           float:left;
           text-align:center}
.listovani a {vertical-align: top;}
.listovani span {vertical-align: top;}   

.tlacitka {list-style: none;
           float:left;
           width:100%;}
.tlacitka li{border:2px solid white;
             width:49%;
             float:left;
             text-align:center}
.tlacitka li a {display:block;
               padding:0.5em 0.5em 0.5em 0.5em;
               width:98%;
               background-color:#c2c2c2;
               min-height:20px;}
.tlacitka li a:hover{color:white;
                     background-color:#7f7f7f;} 
.tlacitka li .actived {color:white;
                      background-color:#7f7f7f;}                                   
.tlacitka100 li{ width:98%!important;}               
              
/*přizpusobení obrázku obrazovce, třídu do tagu img*/ 
.obrazekResponzive{width:100%; }
.obrazekResponziveMax{max-width:100%; }
/*obtékání obrazku zleva, zprava*/
.obrazekVpravo {float:right;
                background-color:white;
                padding:3px 3px 3px 3px;
                margin:8px 8px 8px 16px;
                border:1px solid grey;}/*do <div>,</p>*/
                
.obrazekVlevo {float:left;
               background-color:white;
               padding:3px 3px 3px 3px;
               margin:8px 16px 8px 8px;
               border:1px solid grey;}/*do <div>,</p>*/ 
                   
/*přizpůsobení velikosti obrázku divu, p*/
.obrazekVlevo img{width:100%;}
.obrazekVpravo img{width:100%;}

/*Formulář*/
.formular {float:left;
           width:98%;
           border:1px solid #c2c2c2;
           padding:5px;
           padding-top:15px;
           margin:0px 0px 10px 0px;}
.formular ul {float:left;
              width:100%;
              list-style: none;}
.formular ul li {float:left;
                 width:46%;
                 padding:5px 5px 5px 5px}
.formular ul li textarea{width:80%;
                         height:150px;} 
.formular ul li select {max-width:100%;}
.formular ul li input {max-width:100%;}
.formular ul li textarea {max-width:100%;}
.formular ul .ctyriSloupce {float:left;
                            width:21%;
                            }
.formular ul .mensi {width:18%;}
.formular ul .vetsi {width:78%;}
.submit{float:left; 
        text-align:center;
        width:98% !important;} 
.submit input{padding:5px; 
              color:#E3D8BD; 
              background-color:#C00418; 
              font-size:1em; 
              min-width:20%;
              
              }


/*Responzivní tabulka */
.table{display:table;
       width:99%;
       background-color:#eee;         
       border:1px solid  #666666;         
       border-spacing: 5px;
       }
.table-row{display:table-row;
           background-color:white;
           width:auto;
           clear:both;
           }
.table-col{float:left;
           display:table-column;         
           word-wrap: break-word;
           padding:4px;
          }
.table-colth{float:left;
             font-weight: bold;
             display:table-column;                
             word-wrap: break-word;
             text-align:center;
             padding:4px;
             }
.table-row .vlevo {text-align:left;}
.table-row .vpravo {text-align:right;}
.tabulka1{width:100%}
.tabulka1 td{text-align:center}
.tabulka1 th{text-align:center}
/*tabulka s borderem*/
.tabulka2{border:1px solid grey;
          width:100%; 
          border-collapse: collapse;
          margin:10px 0px 10px 0px;}
.tabulka2 td{border:1px solid grey;
             padding:2px;
             max-width:98%;}
.tabulka2 th{text-align:center;
             max-width:98%;
             border:1px solid grey;
             padding:5px}

/*tabulka s borderem bez šírky*/
.tabulka3{border:1px solid grey;
          border-collapse: collapse;
          margin:10px 0px 10px 0px; }
.tabulka3 td{border:1px solid grey;
             padding:5px;}
.tabulka3 th{text-align:center;
             border:1px solid grey;
             padding:5px;
             background-color:rgb(208,208,208);}

.sudy{background-color:rgb(208,208,208);}
/*Hlavička*/
#header {float:left;
         width:1196px;
         border-left:2px solid #c2c2c2;
         border-right:2px solid #c2c2c2;
         border-top:2px solid #c2c2c2;                                  
         }
#headerBottom {float:left;
             width:100%}         
#headerBottom a{width:100%;
              cursor:pointer;
              float:left;
              display:block;
              color:#c2c2c2;
              border-left:2px solid #c2c2c2;
              border-right:2px solid #c2c2c2;
              }
#headerBottom a img{width:99.65%;
                  cursor:pointer;
                  float:left;
                  display:block;
                  }
            
#headerTop{float:right;
           width:100%;
           background-color:#C00418;
           }
           
#textPrekladac {float:left;padding-top:3px;padding-left:15px; padding-right:10px;text-align:center; color:#E3D8BD;}
#prekladac{float:left;
           background-color:#C00418;
           padding:3px 0px 0px 5px;
           width:234px; 
           } 
           
#google_translate_element a {display: inline;float:none;}
.headerOdkazy{float:left;
              width:234px; 
              padding:2px 0px 2px 5px;
              background-color:#C00418;
              }
.headerOdkazy:hover{background-color:#E3D8BD;color:#C00418;}  
.headerOdkazy a:hover {color:#C00418;}     
.headerOdkazy:focus{background-color:#E3D8BD;color:#C00418;}  
.headerOdkazy a:focus {background-color:#E3D8BD;color:#C00418;}        
.headerOdkazy a{display:block;
                width:186px !important; 
                padding:4px 45px 4px 2px;
                color:#E3D8BD;
                border-right:1px solid #E3D8BD;
                text-align:center;
                }
#odkazKontakty a{background-image: url(../pcs/layout/ikony/kontakt.png); background-position: right center; background-repeat: no-repeat;}
#zvetsitPismo a{background-image: url(../pcs/layout/ikony/pismo.png); background-position: right center; background-repeat: no-repeat;}
#vyhledavani a{background-image: url(../pcs/layout/ikony/lupa.png); background-position: right center; background-repeat: no-repeat;}                                                 
#epodatelna a{background-image: url(../pcs/layout/ikony/obalka.png); background-position: right center; background-repeat: no-repeat;}                 
#odkazKontakty a:hover{background-image: url(../pcs/layout/ikony/kontakt-a.png); background-position: right center; background-repeat: no-repeat;}
#zvetsitPismo a:hover{background-image: url(../pcs/layout/ikony/pismo-a.png); background-position: right center; background-repeat: no-repeat;}
#vyhledavani a:hover{background-image: url(../pcs/layout/ikony/lupa-a.png); background-position: right center; background-repeat: no-repeat;}                                                 
#epodatelna a:focus{background-image: url(../pcs/layout/ikony/obalka-a.png); background-position: right center; background-repeat: no-repeat;} 
#odkazKontakty a:focus{background-image: url(../pcs/layout/ikony/kontakt-a.png); background-position: right center; background-repeat: no-repeat;}
#zvetsitPismo a:focus{background-image: url(../pcs/layout/ikony/pismo-a.png); background-position: right center; background-repeat: no-repeat;}
#vyhledavani a:focus{background-image: url(../pcs/layout/ikony/lupa-a.png); background-position: right center; background-repeat: no-repeat;}                                                 
#epodatelna a:focus{background-image: url(../pcs/layout/ikony/obalka-a.png); background-position: right center; background-repeat: no-repeat;} 
/*navigace*/
#navigace { width:1196px;
            float:left;
            list-style: none;
            background-color:white;
            border-top:1px solid #c2c2c2;
            border-left:2px solid #c2c2c2;
            border-right:2px solid #c2c2c2; 
            padding:0}                
#navigace li {width:238px;
              float:left;
              text-align:center;
              font-size:1.4em;
              line-height:1em;
              color: #E3D8BD;
              background-color:#C00418;
              border-right: 1px solid white;
}
#navigace li:last-of-type{border-right:0;}
#navigace li a{
     display:block;
     color: #E3D8BD;
     padding-top:10px;
     padding-bottom:10px;
    }
    
#navigace li:hover {background-color:#E3D8BD;}
#navigace li a:hover {color:#C00418;}

#navigace li a:focus {color:#C00418;background-color:#E3D8BD;}
    /* levý sloupec */
/*--------------------*/
#levySloupec{float:left;
             width:236px;
             padding-right:10px; 
            }
             
#buttonMenu{display:none; 
            float:left;
            border-top: 2px solid white; 
            border-bottom: 2px solid white;
            text-align:center;
            font-size:1.4em; 
            padding:10px 0;
            color:white;
            background-color:#b20000;} 
#buttonMenu .relative {position:relative;
                       top:0; 
                       left:0}
#buttonMenu .obrazekIMG{position:absolute;
                        right:5px;
                        top:0px}
                                    
/*Levé menu*/
.leveMenu {list-style: none;
           float:left;
           width:100%;}
.sPodmenu { cursor:pointer;
               background-color:#E3D8BD;
               border-bottom:1px solid white;
               position:relative;
               -moz-border-radius:8px;
               -ms-border-radius:8px;
               -o-border-radius:8px;
               -webkit-border-radius:8px;
               border-radius:8px;
               }
               
.sPodmenu:hover{
                    background-color:#C00418;
                    position:relative;
                    color:#E3D8BD !important;} 
                                   
.sPodmenu a{display:block;
               color:#C00418;
               width:207px;
               padding:8px 16px 8px 5px;
               font-size:1.2em;
               min-height:20px;}
.sPodmenu a:hover {color:#E3D8BD;}
.sPodmenu a:focus {color:#E3D8BD;background-color:#C00418 }

.bezPodmenu { cursor:pointer;
               background-color:#E3D8BD;
               border-bottom:1px solid white;
               position:relative;
               -moz-border-radius:8px;
               -ms-border-radius:8px;
               -o-border-radius:8px;
               -webkit-border-radius:8px;
               border-radius:8px;
               }
.bezPodmenu:hover{
                  background-color:#C00418;
                  position:relative;
                  color:#E3D8BD !important;}   
.bezPodmenu:focus{
                  background-color:#C00418;
                  position:relative;
                  color:#E3D8BD !important;}                                 
.bezPodmenu a{display:block;
               color:#C00418;
               width:207px;
               padding:8px 16px 8px 5px;
               font-size:1.2em;
               min-height:20px;}
.bezPodmenu a:hover {color:#E3D8BD;} 
.bezPodmenu a:focus {color:#E3D8BD;background-color:#C00418}  
.selectedMenu {display:block;}
.obrazekIMG{position:absolute;
            right:5px;
            top:10px}            



.podMenu {list-style: none;}
.podMenu li {background-color:#C00418}
.podMenu li:hover{background-color:#E3D8BD;;color:#C00418;}  
.podMenu li a:hover{background-color:#E3D8BD;
                    color:#C00418;
                    -moz-border-radius:8px;
                    -ms-border-radius:8px;
                    -o-border-radius:8px;
                    -webkit-border-radius:8px;
                    border-radius:8px;}  
.podMenu li a:focus{background-color:#E3D8BD;
                    color:#C00418;
                    -moz-border-radius:8px;
                    -ms-border-radius:8px;
                    -o-border-radius:8px;
                    -webkit-border-radius:8px;
                    border-radius:8px;}                                  
.podMenu li a{display:block;
              color:#E3D8BD;
              min-height:20px;}


      /*Pravý sloupec*/
/*------------------------------------*/
#pravySloupec {float:left;
               padding-left:10px;
               width:236px; 
               }
#overena-firma{height:180px;} 
#rychleOdkazy {float: left;
              font-size: 1.6em;
              width: 100%;
              background-color: #E3D8BD;
              color: #C00418;
              padding: 5px;
              line-height: 1.3;
              border-radius: 10px 10px 0 0;
              text-align: center;}             
#staleMenu{width:100%;
           float:left;
           list-style: none;
           
           }

#staleMenu li {
               font-size:1.2em;
               line-height:1em;
               border-bottom:2px solid white;
               background-color:#C00418;
               -moz-border-radius:8px;
               -ms-border-radius:8px;
               -o-border-radius:8px;
               -webkit-border-radius:8px;
               border-radius:8px;
               }

#staleMenu li a{ 
                display:block;
                width:176px;
                padding:10px 45px 10px 5px;
                display:block;
                color:#E3D8BD;
                background-position: right center; 
                background-repeat: no-repeat;
                }
                             
              
#staleMenu li:hover{background-color:#E3D8BD;}
#staleMenu li a:hover {color:#C00418;} 
#staleMenu li a:focus {color:#C00418;background-color:#E3D8BD;} 
/*ikony po najetí*/
.icko {background-image: url(../pcs/layout/ikony/icko.png);}
.icko:hover {background-image: url(../pcs/layout/ikony/icko_h.png);}            
            /*Obsah*/
/*------------------------------*/
#article {float:left;
          width:1176px;
          padding:10px;
          background-color:white;
          border-left:2px solid #c2c2c2;
          border-right:2px solid #c2c2c2;
          }

#obsah {float:left;
        padding:8px 8px 8px 8px;
        width:664px;
        min-height:700px;
        border:1px solid #e2e2e2;
        background-color:rgb(250,250,250);
        -moz-border-radius:8px;
        -ms-border-radius:8px;
        -o-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;} 
                     
                           
.tiskovaZprava{float:left;
               padding:5px;
               width:98%;
               border:1px solid #c2c2c2;
               text-align:justify;
               background-color:#fafafa;}              
        /*Aktuality*/              
/*-----------------------*/
.aktualita{width:98%;
           float:left;
           padding:5px;
           background-color:#fafafa;
           border:1px solid #c2c2c2;
           margin-top:5px;
           }
.aktualita:last-of-type {margin-bottom:5px;} 
.aktuality_vypis_datum {
                        float:left;
                        width:15%;
                        }
.aktuality_vypis {
                  width:98%;
                  float:left;
                  padding:5px;
                  background-color:#fafafa;
                  border:1px solid #c2c2c2;
                  margin-top:5px;
                  }  
.aktuality_vypis:hover {color:#C00418;background-color:#E3D8BD;}
.aktuality_vypis:focus {color:#C00418;background-color:#E3D8BD;} 
                                       
.aktuality_vypis_text {
                       float:left;
                       width:85%;
                       color: black;
                       font-size: 1.125em;
                       padding:0 10px
                       }                        
.aktualita_nadpis{width:80%;
                  width:-webkit-calc(100% - ( 150px + 1.5em + 2px )); 
                  width:-moz-calc(100% - ( 150px + 1.5em + 2px )); 
                  width:-o-calc(100% - ( 150px + 1.5em + 2px ));
                  width:calc(100% - ( 150px + 1.5em + 2px ));
                  color:black;
                  font-weight: bold;
                  font-size: 1.125em;
                  }
              
.aktualita_datum{
                 float:left;
                 width:98%;
                 text-align:left;
                 padding-left:10px;
                 padding-bottom:5px;
                }

.aktualita_text{
                float:left;
                width:100%;
                text-align:justify;
                }
                
                
.aktualita_img {float:right;
                     width:150px; 
                     padding:0; 
                     border:0;
                     margin: 0.5em 0.5em 0.5em 1em;
                     border:1px solid grey}                
.aktualita_link {
                width:48%;
                float:left;
                padding-bottom:5px;
                text-align:left;
                padding-left:10px;
                }
.aktualita_odpovednost{ width:48%;
                       float:right;
                       padding-bottom:5px;
                       text-align:right;
                       padding-right:10px;
                      }                
  /*Kalendarium*/              
/*-----------------------*/
.odkazVice {width:98%;
            display:block; 
            padding:5px; 
            background-color:rgb(235,235,235); 
            text-align:center}
.akce {width:98%;
       padding:5px;
       float:left;
       margin-bottom:5px;
       border-bottom:1px solid grey;}
.akce a {text-decoration:underline;color:#b20000;}              
.akce h3 {text-align:left;
          padding-left:5px;
          background-color:#b20000;
          color:white}
.akceText{text-align:justify;}
.akceText .obrazekVpravo {width:168px;}
.akceLink{width:100%;
          padding-top:10px;
          text-align:left;
          padding-left:10px;
          }              
   /* Uvod */
/*-------------*/
#uvod {float:left;width:929px;}

/*-starosta a slideshow-*/
#slideAslovo{width:929px;
            float:left}

#slideshow {float:left;
            width:929px;
            max-height:250px; 
            border-right:5px solid white; 
            }

#slideshow img {width:99%;
                border:1px solid grey;
                z-index:8;
                position:absolute;
                top:0;
                left:0;
                opacity:0.0;}

#slideshow img.activeSlide {z-index:10; 
                            opacity:1.0;}
#slideshow img.last-activeSlide {z-index:9;}
 
#linka {width:98%;float:right;margin-bottom: 10px;}
#linka img{width:100%} 
/*#slovoStarosty {float:right; 
                width:369px;
                margin-bottom: 10px; 
                border:1px solid #e2e2e2;} */

/*#slovoStarosty img {float:left;
                    width:100%;}*/ 
#slideshow .relative {position:relative; 
                      top:0; 
                      left:0}
                   

/*-superaktuality-*/
#superaktuality{float:left;width:100%;}
#superaktuality a {display:block;
                    float:left;
                    width:304px;
                    border-right:5px solid white;
                    margin-bottom: 10px;
                    background-color:#E3D8BD;
                    color:#C00418;
                  }
#superaktuality a:focus p{background-color:#C00418;
                          color:#E3D8BD;}                 
#superaktuality a:last-of-type{margin-right:0px;}
#superaktuality a img{float:left;
                      width:302px;
                      border:1px solid grey;}
#superaktuality a p {
                     cursor:pointer;
                     padding:10px 5px 10px 5px;
                     font-size:1.2em;
                     width:297px;
                     float:left;
                     border:1px solid grey;
                     text-align:center;
                     font-weight: bold;
                     }                    
                

/*-Záložky-*/
#zalozky{float:left;width:100%;margin-top:10px;}
#zalozky ul{width:100%;
            float:left;
            list-style: none; }
#zalozky ul li{width:184px;
               float:left;
               text-align:center;
               font-size:1.2em;
               color: black;
               padding-top:10px;
               padding-bottom:10px;
               cursor: pointer;
               background-color:#C00418;
               color:#E3D8BD;
               border-right:1px solid white;
              }
#zalozky ul li:hover {background-color:#b20000;}            
#zalozky ul li a {display:block;
                  color:#E3D8BD;}
#zalozky ul li a:focus {background-color:#E3D8BD;
                        color:#C00418;}
#zalozkyObsah { width:907px;
                float:left; 
                padding:10px;
                border-left: 1px solid grey;
                border-right: 1px solid grey; 
                border-bottom: 1px solid grey;
                }
#uredniDeska {display:none;}
#tiskoveZpravy {display:none;}
#mestskyRozhlas {display:none;}
#kalendarAkci {display:none;}

.zalozkaAktiv {background-color:white !important; 
               color:grey !important;
               width:187px !important;
               border-top:1px solid grey; 
               border-left:1px solid grey; 
               border-right:1px solid grey !important;
               margin:0px !important; }
.zalozkaAktiv a {color:grey !important; }
.zalozkaAktiv a:focus {color:grey !important; background-color:white !important; }
/*--Patička--*/
#footer{float:left;
        padding:8px 8px 8px 8px;
        width:1180px;
        background-color:white;
        border-left:2px solid #c2c2c2;
        border-right:2px solid #c2c2c2;
        border-bottom:2px solid #c2c2c2;
        }
#footerObsah{
              float:left;
              width:100%;
              color:#7f7f7f;
              background-color:#c2c2c2;
              
              }
.pocitadlo{color: #7f7f7f}  

#projektLeftCol {
                 float:left;
                 width:65%;
                 padding-right:25px
                }            
#projektIMGuvod {
                 width:100%;
                 padding:10px;
                 border-bottom:2px solid black;
                 }
.projektText {padding:5px;} 
#projektRightCol {
                  float:left;
                  width:35%
                  } 
#wrapSemafor {
              float:left;
              width:100%;
              margin-bottom:15px;
              }    
.semaforFlex {
              display:flex;
              align-items: center;
              } 
.semaforItem {
              flex:1 1 20%;
              text-align:center;
              }
.semaforItemImg {
                  width:100%;
                  float:left
                  }                
.semaforText {
              flex:1 1 80%;
              text-align:center;
              } 
#wrapProjektUvod {
                  float:left;
                  width:100%;
                 }   
#ulProjektUvod {
                display: flex; 
                flex-wrap: wrap; 
                padding: 20px;
                padding-top:0px;
                }  
                
#ulProjektUvod li  {
                    list-style-type:none;
                    flex-basis: 50%;
                    margin-bottom:5px;
                    border-right: 1px solid rgb(250,250,250);
                    background-color:#E3D8BD;
                    } 

#ulProjektUvod li a {
                    display: block; 
                    float: left; 
                    width: 100%; 
                    padding: 5px;
                    }                                                
#ulProjektUvod li a img {
                        float: left; 
                        width: 100%;
                        }

#ulProjektUvod li a div {
                        text-align:center;
                        float:left;
                        width:100%;
                        padding:5px 0;
                        color:#C00418;
                        font-weight:bold;
                        }  
.projektLogo {
               float:left;
               width:100%;
                }  
.projektLogo img {
                  float:left;
                  width:100%;
                  }                                                                                                                                          
/* intranet 
----------------------------------------
----------------------------------------*/
.wrapV{    
      width:1200px;
      margin:0 auto;
      }
      
#headerV {float:left;width:100%;}
#headerV img{
     width:100%;
     float:left;
     }
#levySloupecV{
            float:left;
            width:20%;
            background-color:white;
            }
#obsahV{
      float:left;
      width:698px;
      border:1px solid #e2e2e2;
      padding:10px;
      background-color:white;
      min-height:250px;
      
      }
#odhlaseniV {width:1180px;
             padding:10px;
            background-color:white;
            float:left;
            font-size:1.5em}      
#pravySloupecV {float:left;width:20%;}
#uzivatelV {width:238px;
            border:1px solid grey;
           background-color:white;
           }       
/*Levé menu*/
.MenuV {list-style: none;
           float:left;
           width:100%;
           margin-bottom:25px;}
.MenuV li { cursor:pointer;
               background-color:#7f7f7f;
               border-bottom:1px solid white;
               position:relative;}
               
.MenuV li:hover{background-color:#c2c2c2;}                 
.MenuV li a{display:block;
               color:white;
               width:216px;
               padding:8px 16px 8px 8px;
               text-decoration:none;
               font-size:1.2em;
               min-height:20px;}
.MenuV li a:hover {color:#333333;}

/*--------------------------------------------------
---------------Gis bod-----------------------------*/
.gisBod a{text-decoration:underline;color:#b20000;}
.gisBod a:hover{color:#ff0000;}
.gisImgSirka {width:150px;
              height:150px;
              border:1px solid #7f7f7f;
              padding:2px;
              float:left;
              margin:2px;
              background-color:#dadada;}
.gisImgSirka img {width:150px; padding-top:19px; height:112px; border:0 !important;float:left;}              
.gisImgVyska {width:150px;
              height:150px;
              border:1px solid #7f7f7f;
              padding:2px;
              float:left;
              margin:2px;
              background-color:#dadada;}
.gisImgVyska img{width:112px;
                 height:150px;
                 padding-left:19px;
                 padding-right:19px;
                 border:0 !important;
                 float:left; 
              } 
.bannery a{float:left;}  
#navigaceWeb {width:100%;}      
/*------------------------------------------------
--------------------------------------------------
--------------------------------------------------
------------------------------------------------*/

/*-------------------- 
  zobrazení pro display do 479px 
--------------------------------*/ 
@media only screen and (max-width:479px){
*{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
  }
#wrap {float:left; 
       width:100%;
       }
.dvaOdstavce{width:100%}
.odstavec{width:100%;padding:5px;}
/*Responzivní tabulka 4x sloupce */
.table-col{width:100%;
           text-align:center;}
.table-colth{width:100%;
             text-align:center;}
.table-row .vlevo {text-align:center;}
.table-row .vpravo {text-align:center;}             
.informace {width:100%}
.varovani {width:100%}
.odkazVice {width:100%;} /*Kalendárium*/
.akce {width:100%;}  /*Kalendárium*/
.akceText .obrazekVpravo{width:50px;}
          /*univerzalní třídy*/
/*---------------------------------*/
.ramSedy{width:100% !important;} /*rámeček šedý jen pro 100% širku*/
.listovani{width:100%;}

.tlacitka li{width:100%;}

.formular ul li {text-align:center; 
                 width:100%;}
.formular ul .ctyriSloupce {text-align:center; 
                            width:100%;}
.formular ul li select,input,textarea {width:98%;}
.submit {float:left; 
         text-align:center; 
         width:100%!important; } 
.formular form .submit input{padding:5px; 
                             text-align:center;
                             font-size:1em; 
                             min-width:20%;}
.formular ul .mensi {width:100%; }
.formular ul .vetsi { width:100%;}

/*Hlavička*/
#header{border:0;
        width:100%;}
#headerBottom{width:100%;}
#headerBottom a img {width:100%;}
#headerTop{width:100%;
             float:left;
             position:static;
             background-color:white;
             margin-top:0;
             padding:0;
             padding-bottom:0px;
             border-top:2px solid #c2c2c2;
             border-bottom:2px solid #c2c2c2;
             padding-top:0px;
             }

.headerOdkazy{width:25%;
              margin:0;
              padding:0;
              text-align:center;
              }
.headerOdkazy a{
                width:100% !important;
                background-position: center !important;    
                margin:0 auto;
                padding:0;
                height:28px;
                border:1px solid #aaaaaa;
                } 
.headerOdkazy a span {display:none}                
#textPrekladac {display:none}
            
#prekladac{float:left;
           width:100%;
           margin:0px;
           margin-top:0px;
           border:0;
           padding-bottom:3px;
           padding-left:0px;
           text-align:center !important;
           border-left:1px solid #aaaaaa;
           border-right:1px solid #aaaaaa;} 
           

/*navigace*/
#navigace {width:100%;
           border:0;}
#navigace li {width:100%;
              border-right:0;
              border-bottom:2px solid #c2c2c2;
              margin-right:0;}               

    /* levý sloupec */
/*--------------------*/
#levySloupec{width:100%;padding-right:0px}
#buttonMenu{width:100%;display:block;}

.buttonMenuVisible{display:block !important;} 
.buttonMenuInvisible{display:none !important;} 

/*levé menu*/
.leveMenu {display:none;}
.leveMenu li a{padding-left:8px;width:100%;}
       
      /*Pravý sloupec*/
/*------------------------------------*/
#pravySloupec {padding-left:0px;
               width:100%;}
#overena-firma{text-align:center}              
#staleMenu{width:100%;}
#staleMenu li a{width:100%;padding-left:5px}
            
            /*Obsah*/
/*------------------------------*/
#article {padding:0;width:100%;border:0;}

#obsah {width:100%;border:0;}              
           
/*Aktuality*/              
/*-----------------------*/
.aktualita{width:100%;
           float:left;
           padding:2px;
           } 
.aktualita_datum{width:100%;text-align:center;}
.aktualita_nadpis{width:100%;}
.aktualita_link {width:100%;padding-left:0} 
.aktualita_odpovednost{width:100%; text-align:left;padding-right:0px;}              
.aktualita_img {float:left;
                     width:50px;
                     clear:both; 
                     padding:0; 
                     border:0;
                     margin: 8px 16px 4px 8px;
                     }                
.aktuality_vypis {
                  width:100%;
                  }  
                                      
.aktuality_vypis_datum {width:100%;text-align:center}  
.aktuality_vypis_text {width:100%;}                        
   /* Uvod */
/*-------------*/
#uvod {width:100%}

/*-starosta a slideshow-*/
#slideshow {display:none}
/*#slovoStarosty {display:none}*/
#linka {display:none;}

/*-superaktuality-*/
#superaktuality{width:100%;}
#superaktuality a {  width:100%;
                     margin:0px;
                     margin-bottom: 2px;
                     border-right:0px;
                  }
#superaktuality a p {width:100%;}                  
#superaktuality a:first-of-type{margin-top:2px;}
#superaktuality a img{display:none;}

/*obtékání obrazku zleva, zprava*/
.obrazekVpravo {width:calc(50% - 32px);}/*do <div>,</p>*/
                
.obrazekVlevo {width:calc(50% - 32px);}/*do <div>,</p>*/ 


.tiskovaZprava .obrazekVpravo {width:25%;}
/*-Záložky-*/
#zalozky {border-top:2px solid #b20000;
          border-bottom:2px solid #b20000;
          margin-top:0;}
#zalozky ul li{width:100%;
              margin:0px;
              border:0px;}
.zalozkaAktiv {width:100% !important;
               border:0px!important;
               color:grey !important;
               }
#zalozkyObsah {
                width:100%;
                float:left; 
                padding:2px;
              } 
#footer{width:100%;border:0;padding:0;}  

#projektLeftCol {
                 width:100%;
                 padding-right:0px;
                }            
#projektRightCol {
                  float:left;
                  width:100%
                  } 
#ulProjektUvod li  {
                    flex-basis: 100%;
                    }                          
}

/*------------------------------------------------
--------------------------------------------------
--------------------------------------------------
------------------------------------------------*/

/* zobrazení pro display 480px až 599px */ 
@media only screen and (min-width:480px) and (max-width:599px){
*{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
  }
#wrap {float:left; width:100%}
/*Hlavička*/
#header{border:0;
        width:100%;}
#headerBottom{width:100%;}
#headerBottom a img {width:100%;}
#headerTop{width:100%;
             float:left;
             background-color:white;
             margin-top:0;
             padding:0;
             padding-bottom:0px;
             border-top:2px solid #c2c2c2;
             border-bottom:2px solid #c2c2c2;
             padding-top:0px;
             }

.headerOdkazy{width:25%;
              margin:0;
              padding:0;
              text-align:center;
              }
.headerOdkazy a{
                width:100% !important;
                background-position: center !important;    
                margin:0 auto;
                padding:0;
                height:28px;
                border:1px solid #aaaaaa;
                } 
.headerOdkazy a span {display:none}                

#textPrekladac {width:50%;text-align:right !important;}
            
#prekladac{float:left;
           width:100%;
           margin-top:0px;
           border:0;
           padding-bottom:2px;
           text-align:left !important;}
/*navigace*/
#navigace {width:100%;
           border:0;}
#navigace li {width:100%;
              border-bottom:2px solid #c2c2c2;
              border-right:0;
              margin-right:0;}                

    /* levý sloupec */
/*--------------------*/
#levySloupec{width:100%;padding-right:0;}
#buttonMenu{display:block;width:100%;} 
.buttonMenuVisible{display:block !important;} 
.buttonMenuInvisible{display:none !important;}
/*levé menu*/
.leveMenu {display:none;}
      
/*Responzivní tabulka 4x sloupce */
.table-col{width:50%;
           text-align:center;}
.table-colth{width:50%;
             text-align:center;}
.table-row .vlevo {text-align:center;}
.table-row .vpravo {text-align:center;} 
             
.ramSedy{width:100% !important;}
/*Formulář*/
.formular {width:100%;}
.formular ul li {width:50%;}
.formular ul .ctyriSloupce {width:50%;}
.formular ul .mensi {width:30%;}
.formular ul .vetsi {width:70%;}
.informace {width:100%}
.varovani {width:100%}
.submit{width:100% !important;}
 
.table{width:100%;}
.tabulka2{width:100%;}
.tabulka2 td{max-width:100%;}
.tabulka2 th{max-width:100%;}


      /*Pravý sloupec*/
/*------------------------------------*/
#pravySloupec {float:left;
               padding-left:0px;
               width:100%;
               margin-top:10px;}
.kontakty{width:100%!important;}
.kontaktyUvod {width:50%!important;float:right}

              
#staleMenu{width:100%;
           padding-right:10px}
#staleMenu li a {width:100%;}           
            
            /*Obsah*/
/*------------------------------*/

#article{border:0;width:100%;}
#obsah {width:100%;overflow:auto;}              
.odstavec{width:100%;}
              
   /* Uvod */
/*-------------*/
#uvod {width:100%}
.leveMenu li a {width:100%;}
/*-starosta a slideshow-*/
#slideshow {display:none}
#linka {display:none;}
/*#slovoStarosty {display:none}*/
.aktualita {width:100%;}
.aktualita_link {width:100%;}
.aktualita_odpovednost{width:100%; text-align:left;padding-left:10px;padding-right:0px;}
.aktuality_vypis {
                  width:100%;
                  }  
                                      
.aktuality_vypis_datum {width:100%;text-align:center}  
.aktuality_vypis_text {width:100%;} 
/*-superaktuality-*/
#superaktuality{width:100%;}
#superaktuality a { width:100%;
                    margin-bottom: 2px;
                    border-right:5px;                    
                  }
#superaktuality a:first-of-type{margin-top:2px;}
#superaktuality a img{display:none;}
#superaktuality a p {width:100%;}  

.obrazekresponzive{width:100%}            
/*obtékání obrazku zleva, zprava*/
.obrazekvpravo {width:50%;}/*do <div>,</p>*/
                
.obrazekvlevo {width:50%}/*do <div>,</p>*/ 
/*superaktuality*/
#superaktualityObrazek{display:none}
#superaktuality div {width:100%;}

/*-Záložky-*/
#zalozky {border-top:2px solid #b20000;border-bottom:2px solid #b20000;}
#zalozky ul li{width:100%;
              margin:0px;
              border:0;
              border-bottom:1px solid white;}
.zalozkaAktiv {width:100% !important;
               border:0!important;;
               color:grey !important;
               }
#zalozkyObsah {
                width:100%;
                float:left; 
                padding:2px;
              } 
#footer{width:100%;}

}




/*------------------------------------------------
--------------------------------------------------
--------------------------------------------------
------------------------------------------------*/

/* zobrazení pro display 600px až 767px */ 
@media only screen and (min-width:600px) and (max-width:799px){
*{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
  }
#wrap {float:left; width:100%}
/*Pouze pro tabulku div-table*/
.sirka5 {width:5%;}
.sirka10{width:10%;}
.sirka15{width:15%;}
.sirka20{width:20%;}
.sirka25{width:25%;}
.sirka30{width:30%;}
.sirka35{width:35%;}
.sirka40{width:40%;}
.sirka45{width:45%;}
.sirka50{width:50%;}
.sirka55{width:55%;}
.sirka60{width:60%;}
.sirka65{width:65%;}
.sirka70{width:70%;}
.sirka75{width:75%;}
.sirka80{width:80%;}
.sirka85{width:85%;}
.sirka90{width:90%;}
.sirka95{width:95%;}
.sirka100{width:100%;}

/*Hlavička*/
#header{border:0;
        width:100%;}
#headerBottom{width:100%;}
#headerBottom a img {width:100%;}
#headerTop{width:100%;
             float:left;
             position:static;
             background-color:white;
             margin-top:0;
             padding:0;
             padding-bottom:0px;
             border-top:2px solid #c2c2c2;
             border-bottom:2px solid #c2c2c2;
             padding-top:0px;
             }

.headerOdkazy{width:25%;
              margin:0;
              padding:0;
              text-align:center;
              }
.headerOdkazy a{
                width:100% !important;
                background-position: center !important;    
                margin:0 auto;
                padding:0;
                height:32px;
                border:1px solid #aaaaaa;
                } 
.headerOdkazy a span {display:none}                
#textPrekladac {width:50%;text-align:right !important;}
            
#prekladac{float:left;
           width:100%;
           margin-top:0px;
           border:0;
           padding-bottom:2px;
           text-align:left !important;}

/*navigace*/
#navigace {border-left:0;
           border-right:0;
           border-bottom:2px solid #c2c2c2;
           width:100%;}
#navigace li {width:100%;border-right:0;border-bottom:2px solid #c2c2c2;}               

    /* levý sloupec */
/*--------------------*/
#levySloupec{width:30%;
             padding-right:5px;
             }
 
/*levé menu*/
.leveMenu {display:block;}
.leveMenu li a {width:100%}
#article {padding:5px;
          width:100%;
          border:0;}


      /*Pravý sloupec*/
/*------------------------------------*/
#pravySloupec {float:left;
               width:30%;
               padding-right:5px;
               padding-left:0px;
               }
.buttonMenuVisible{display:block !important;} 
.buttonMenuInvisible{display:block !important;}
              
#staleMenu{width:100%;}
#staleMenu li a {width:100%;} 
.staleMenuUvod{width:100%!important;}              
            /*Obsah*/
/*------------------------------*/
#obsah {width:70%;float:right;overflow:auto;}              
.odstavec{width:100%;}              
        /*Aktuality*/              
/*-----------------------*/
.aktualita{width:100%;}
.aktualita_link {width:50%;}
.aktualita_odpovednost{width:50%;}
.aktuality_vypis {
                  width:100%;
                  } 
.aktuality_vypis_datum {width:100%;text-align:center}  
.aktuality_vypis_text {width:100%;}                                 
   /* Uvod */
/*-------------*/
#uvod {width:100%}

/*-starosta a slideshow-*/
#slideAslovo{width:100%; margin-bottom:5px;float:none;}
#slideshow {width:100%;}
#slideshow img {width:100%;}
#linka {width:100%;}
#linka img{width:100%;}
/*#slovoStarosty {display:none}
#slovoStarosty {float:left;} */
#superaktuality {margin-bottom:5px;}
#superaktuality a{width:33.3%;}
#superaktuality a p {width:100%}
#superaktuality a img {width:100%}             

/*-Záložky-*/
#zalozky {border-top:2px solid #b20000;border-bottom:2px solid #b20000;margin-top:0}
#zalozky ul li{width:100%;}
#zalozkyObsah {width:100%;}
.zalozkaAktiv {width:100% !important;
               border:0 !important;
               color:grey !important;
               }
.odkazVice {width:100%;} /*Kalendárium*/
.akce {width:100%;}  /*Kalendárium*/
           
#footer{width:100%;}
/*univerzalní třídy*/
/*---------------------------------*/
.ramSedy{width:100% !important;} /*rámeček šedý jen pro 100% širku*/
.kontaktyUvod{width:50% !important; float:left}
.varovani{width:100%;}
.informace{width:100%;}
.listovani{width:100%;}
.tlacitka {width:100%;}
.tlacitka li{width:50%;}
.tlacitka li a {width:100%;}
               
.tlacitka100 li{width:100%!important;}               
              
.pravySloupecUvod {width:100%!important;}                   
/*přizpůsobení velikosti obrázku divu, p*/
.obrazekVlevo img{width:100%;}
.obrazekVpravo img{width:100%;}

/*Formulář*/
.formular {width:100%;}
.formular ul li {width:50%;}
.formular ul .ctyriSloupce {width:25%;}
.formular ul .mensi {width:30%;}
.formular ul .vetsi {width:70%;}

.submit{width:100% !important;}
 
.table{width:100%;}
.tabulka2{width:100%;}
.tabulka2 td{max-width:100%;}
.tabulka2 th{max-width:100%;}
}


/*------------------------------------------------
--------------------------------------------------
--------------------------------------------------
------------------------------------------------*/

/* zobrazení pro display 768 px až 1023px */ 
@media only screen and (min-width:800px) and (max-width:1023px){
*{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
  }
#wrap {width: 100%}

/*Hlavička*/
#header{border:0;
        width:100%;}
#headerBottom{width:100%;}
#headerBottom a img{width:100% !important;}
#headerTop{width:100%;
             float:left;
             margin-top:0;
             padding-bottom:2px;
             }
.headerOdkazy{width:20%;}
.headerOdkazy a{width:100% !important;} 
.leveMenu li a {width:100%}
#navigace{width:50%;margin: 0 auto;float:none;} 
#navigace li{width:100%;border:2px solid #c2c2c2;}
#navigace li:last-of-type{border:2px solid #c2c2c2;}
#staleMenu {}
.staleMenuUvod{width:50%!important;}
#staleMenu li {width:100%;float:left; }           
#staleMenu li a {width:100%;}                
#prekladac{text-align:center;width:20%;}             
#textPrekladac{display:none;}
#levySloupec{width:30%;}
#article{width:100%;}
#superaktuality a{width:33.3%;}
#superaktuality a p {width:100%}
#superaktuality a img {width:100%}
#obsah{width:70% !important;float:right}


.odstavec{width:100%;}
.tiskovaZprava{width:100%;}              
.aktualita{width:100%;}
.aktualita_datum{width:100%;}
.aktualita_link {width:50%;}
.aktualita_odpovednost{width:50%;} 
.aktuality_vypis {
                  width:100%;
                  } 
.aktuality_vypis_datum {width:20%;}  
.aktuality_vypis_text {width:80%;}                  
#slideAslovo{width:100%;}               
#slideshow {width:100%}
#slideshow img {width:100%;}
#linka {width:100%}
#linka img{width:100%}
/*#slovoStarosty {width:40%} */
#pravySloupec {width:30%;padding-left:0;padding-right:10px;}
.pravySloupecUvod {width:100%!important;}
.dvaOdstavce{padding:5px}
#footer{width:100%;}
.odkazVice {width:100%;} /*Kalendárium*/
.akce {width:100%;}  /*Kalendárium*/
#zalozky{margin-top:0}
#zalozky ul li{min-height:64px;width:20%}
.zalozkaAktiv{width:20%!important;}
#zalozkyObsah{width:100%}
#footer{width:100%;}
#uvod{width:100%;}
#ziveobce{float:left;margin-top: 5px; }
/*univerzalní třídy*/
/*---------------------------------*/
.ramSedy{width:100% !important;} /*rámeček šedý jen pro 100% širku*/
.kontaktyUvod{width:50% !important; float:left;}
.varovani{width:100%;}
.informace{width:100%;}
.listovani{width:100%;}
.tlacitka {width:100%;}
.tlacitka li{width:50%;}
.tlacitka li a {width:100%;}
               
.tlacitka100 li{width:100%!important;}               
              
                   
/*přizpůsobení velikosti obrázku divu, p*/
.obrazekVlevo img{width:100%;}
.obrazekVpravo img{width:100%;}

/*Formulář*/
.formular {width:100%;}
.formular ul li {width:50%;}
.formular ul .ctyriSloupce {width:25%;}
.formular ul .mensi {width:30%;}
.formular ul .vetsi {width:70%;}

.submit{width:100% !important;}
 
.table{width:100%;}
.tabulka2{width:100%;}
.tabulka2 td{max-width:100%;}
.tabulka2 th{max-width:100%;}

/*Pouze pro tabulku div-table*/
.sirka5 {width:5%;}
.sirka10{width:10%;}
.sirka15{width:15%;}
.sirka20{width:20%;}
.sirka25{width:25%;}
.sirka30{width:30%;}
.sirka35{width:35%;}
.sirka40{width:40%;}
.sirka45{width:45%;}
.sirka50{width:50%;}
.sirka55{width:55%;}
.sirka60{width:60%;}
.sirka65{width:65%;}
.sirka70{width:70%;}
.sirka75{width:75%;}
.sirka80{width:80%;}
.sirka85{width:85%;}
.sirka90{width:90%;}
.sirka95{width:95%;}
.sirka100{width:100%;}
}

/*------------------------------------------------
--------------------------------------------------
--------------------------------------------------
------------------------------------------------*/

/* zobrazení pro display větší jak 1024px   */ 
@media only screen and (min-width:1024px) {
*{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
  }
#wrap { width:100%;
        max-width: 1200px}


#header {width:100%;}

#headerBottom a img{width:100%;}

#prekladac{width:20%;}
 
          
#google_translate_element a {display: inline;float:none;}
.headerOdkazy{width:20%;}
                            
.headerOdkazy a{width:100% !important;}

#navigace {width:100%;} 
#navigace li{width:20%;}

#article {width:100%;}
#levySloupec{width:21%;}
.leveMenu li a{width:100%;padding-left:8px;}
#pravySloupec{width:21%;}
#overena-firma{text-align:center}
#staleMenu li a {
                  width:100%;
                  padding-left:5px;
                }             
#obsah{width:58%;}

#uvod {width:79%;} 
.tiskovaZprava{width:100%;}              
.aktualita{width:100%;}
.aktualita_datum{width:100%;}
.aktualita_link {width:50%;}
.aktualita_odpovednost{width:50%;} 
.aktuality_vypis {width:100%;} 
#slideAslovo{width:100%;}               
#slideshow {width:100%;}
#slideshow img {width:100%;}
#linka {width:100%}
#linka img{width:100%} 
/*#slovoStarosty {width:40%} */
#superaktuality a {width:33.3%;}
#superaktuality a p{width:100%;}
#superaktuality a img{width:100%;} 
#zalozkyObsah {width:100%;}
#zalozky {margin-top:0px;}
#zalozky ul li {width:20%;}
.zalozkaAktiv{width:20% !important;}
.kontakty{margin-bottom:10px}
.odstavec{width:100%;}
.dvaOdstavce{padding:5px}
#footer{width:100%;}

.odkazVice {width:100%;} /*Kalendárium*/
.akce {width:100%;}  /*Kalendárium*/

          /*univerzalní třídy*/
/*---------------------------------*/
.ramSedy{width:100% !important;} /*rámeček šedý jen pro 100% širku*/
.varovani{width:100%;}
.informace{width:100%;}
.listovani{width:100%;}
.tlacitka {width:100%;}
.tlacitka li{width:50%;}
.tlacitka li a {width:100%;}
               
.tlacitka100 li{width:100%!important;}               
              
                   
/*přizpůsobení velikosti obrázku divu, p*/
.obrazekVlevo img{width:100%;}
.obrazekVpravo img{width:100%;}

/*Formulář*/
.formular {width:100%;}
.formular ul li {width:50%;}
.formular ul .ctyriSloupce {width:25%;}
.formular ul .mensi {width:25%;}
.formular ul .vetsi {width:75%;}

.submit{width:100% !important;}
 
.table{width:100%;}
.tabulka2{width:100%;}
.tabulka2 td{max-width:100%;}
.tabulka2 th{max-width:100%;}
/*Pouze pro tabulku div-table*/
.sirka5 {width:5%;}
.sirka10{width:10%;}
.sirka15{width:15%;}
.sirka20{width:20%;}
.sirka25{width:25%;}
.sirka30{width:30%;}
.sirka35{width:35%;}
.sirka40{width:40%;}
.sirka45{width:45%;}
.sirka50{width:50%;}
.sirka55{width:55%;}
.sirka60{width:60%;}
.sirka65{width:65%;}
.sirka70{width:70%;}
.sirka75{width:75%;}
.sirka80{width:80%;}
.sirka85{width:85%;}
.sirka90{width:90%;}
.sirka95{width:95%;}
.sirka100{width:100%;}

/* intranet 
----------------------------------------
----------------------------------------*/
#levySloupecV{width:20% !important;}
#obsahV{width:60% !important;}
#odhlaseniV {width:100% !important;}      
#pravySloupecV {width:20% !important;}
#uzivatelV {width:100% !important;}       
/*Levé menu*/
.MenuV li a{width:100% !important;}


}