html {

}
body {
  margin: 0px;
  padding: 0px;
  background: #E3E5D5 url(../images/cont_bg.jpg) center top repeat-y;
  font-size: 0.68em;
  color: #2c221e;
}

a {
  color: #2c221e;
  text-decoration: underline;
}
  a:hover {
    color: #2c221e;
  }

img {

}
  img.fleft {
    margin: 0 10px 10px 0;
  }
  img.fright {
    margin: 0 0 10px 10px;
  }

.strong {
  font-weight: bold;
}

/* text align, zarovnání textu */
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.top {
  vertical-align: top;
}
.middle {
  vertical-align: middle;
}
.bottom {
  vertical-align: bottom;
}

/* font size */
.large {
  line-height: normal;
  font-size: 200%;
}
.medium {
  line-height: normal;
  font-size: 130%;
}
.small {
  line-height: normal;
  font-size: 95%;
}
.underline {
  text-decoration: underline;
}

/* barvy a podbarvení*/
.grey {
  color: #e1e3d3;
}
.red {
  color: #ac261f;
}
.grey_bg {
  background: #e1e3d3;
}

.none {
  display: none;
}
.block {
  display: block;
}
.relative {
  position: relative;
}
/* zarovnání objektů */
.fleft {
  float: left;
}
.fright {
  float: right;
}
.clearer {
  clear: both;
}

.content {
  padding: 15px;
}
.no_margin {
  margin: 0px!important;
}

.width_300 {
  width: 300px;
}
.width_70 {
  width: 70px;
}

ul {
  list-style-type: none;
  padding: 0px 0;
  margin: 0;
}
  ul li {
    list-style-type: none;
    padding: 0 0 0 18px;
    margin: 5px 0 10px;
    color: #00522A;
    background: url(../images/ul_li_red.gif) left 6px no-repeat;
  }
    ul li a {
      color: #ac261f;
    }

.button_205 {
  display: block;
  background: url(../images/button_205.jpg) top;
  width: 205px;
  height: 31px;
  line-height: 31px;
  font-size: 140%;
  text-align: center;
  color: #FFF!important;
  text-decoration: none;
  text-transform: uppercase;
}
  .button_205:hover {
    background: url(../images/button_205.jpg) bottom;
    color: #FFF!important;
  }


#page_bg {
  background: url(../images/top_bg.jpg) center top no-repeat;
  padding: 15px 0 0 0;
}

#page {
  width: 955px;
  margin: 0px auto 0;
}
  #header {
    position: relative;
    height: 230px;
  }
    #header a {
      text-decoration: none;
    }
      #header a:hover {
        text-decoration: underline;
      }
    #header_teasers {
      position: absolute;
      width: 100%;
      left: 0px;      
      height: 100px;
      bottom: 35px;
      padding: 0 0 0 15px;
      overflow: hidden;
    }
      .header_teaser {
        display: block;
        width: 125px;
        padding: 28px 0 0 105px;
        margin: 0 0 0 10px;
        float: left;
        height: 69px;
      }
        .header_teaser:hover {
          text-decoration: underline;
        }
        .header_teaser .medium {
          display: inline-block;
          text-transform: uppercase;
        }
        .header_teaser:hover .medium {
          text-decoration: underline;
        }
        
      #teaser_plastova_okna_1 {
        margin: 0 0 0 0px;
        border-right: 1px solid #d9dbc7;
        background: url(../images/plastova_okna_6_komor.gif) left no-repeat;
      }
      #teaser_plastova_okna_2 {
        border-right: 1px solid #d9dbc7;
        background: url(../images/plastova_okna_7_komor.gif) left no-repeat;
      }
      #teaser_drevena_okna_1 {
              width: 120px;
        border-right: 1px solid #d9dbc7;
        background: url(../images/drevena_okna_iv68.gif) left no-repeat;
      }
      #teaser_drevena_okna_2 {
              width: 115px;
        background: url(../images/drevena_okna_iv78.gif) left no-repeat;
      }

    #logo {
      position: absolute;
      left: 15px;
      top: 0px;
    }

    #search_form {
      position: absolute;
      right: 0px;
      top: 13px;
    }
      #search_form form {
        padding: 0px;
        margin: 0px;
      }
      .search_string {
        width: 125px;
        height: 21px;
        border: none;
        float: left;
        display: inline-block;
        margin: 0 13px 0 0;
        padding: 0 5px;
        background: url(../images/search_text_bg.gif) no-repeat;
      }
      .search_button {
        width: 58px;
        height: 21px;
        font-size: 110%;
        float: left;
        font-family: Arial;
        border: none;
        display: inline-block;
        margin: 0px;
        padding: 0 5px;
        background: url(../images/search_button_bg.gif) no-repeat;
      }

    #header_navigation {
      position: absolute;
      right: 0px;
      top: 37px;
      line-height: 21px;
      color: #87887e;
    }
      #header_navigation a {
        color: #87887e;
      }

    #main_navigation {
      position: absolute;
      bottom: 0px;
      padding: 0 10px;
      width: 935px;
      line-height: 30px;
      background: #00522A;
      color: #FFF;
      text-transform: uppercase;
    }
      #main_navigation a {
        color: #FFF;
        line-height: 30px;
        padding: 0 7px;
        display: inline-block;
      }
      #main_navigation a:hover {
        background: #006836;
        text-decoration: none;
      }
      #main_navigation a.selected {
        background: #34691C;
      }
    
    #font_size_navigation {
      position: absolute;
      top: 15px;
      right: 220px;
      color: #87887e;
    }
      #font_size_navigation a {
        color: #87887e;
      }
      #font_size_navigation .small {
        line-height: 100%;
        font-size: 100%;
      }
      #font_size_navigation .medium {
        line-height: 100%;
        font-size: 150%;
      }
      #font_size_navigation .large {
        line-height: 100%;
        font-size: 200%;
      }
        
  #main {
    margin: 5px 0 0;
    background: #FFF;
    overflow: hidden;
  }

    .layout_2_cols {

    }
      .layout_2_cols .first_column {
        float: left;
        width: 635px;
        margin: 0 5px 5px 0;
        overflow: hidden;
      }
        #main_teaser {
          position: relative;
          width: 635px;
          height: 411px;
          background: url(../images/main_teaser.jpg) top no-repeat;
        }
          #main_teaser h1 {
            position: absolute;
            left: 320px;
            bottom: 270px;
            font-size: 320%;
            text-transform: uppercase;
            color: #00522a;
          }
            #main_teaser h1 a {
              color: #00522a;
            }
              #main_teaser h1 a:hover {
                color: #AC261F;
              }
          #main_teaser .podnadpis {
            position: absolute;
            left: 320px;
            top: 145px;
            font-size: 140%;
            text-transform: uppercase;
            color: #00522a;
          }
          #main_teaser ul#profil_link {
            position: absolute;
            top: 174px;
            left: 320px;
          }
          #main_teaser ul#profil_link li {
            margin: 0px;
 
          }
            #main_teaser ul#profil_link li a {
              text-decoration: underline;
              color: #AC261F;
            }
              #main_teaser ul#profil_link li a:hover {
                text-decoration: underline;
                color: #2C221E;
              }

      .layout_2_cols .second_column {
        position: relative;
        overflow: hidden;
        float: left;
        width: 315px;
        height: 411px;
        color: #FFF;
        background: #8e1124 url(../images/2_cols_second_column_bg.jpg) no-repeat;
      }
        .layout_2_cols .second_column .content {
          padding: 13px 15px 15px;
        }
          #select_obchodni_sit {
            height: 19px;
          }

        .layout_2_cols .second_column a {
          color: #FFF;
          text-decoration: none;
        }
        .layout_2_cols .second_column .large {
          line-height: 150%;
        }
        .layout_2_cols .second_column ul {
          margin: 0px;
          padding: 0px;
        }
          .layout_2_cols .second_column ul li {
            margin: 0px;
            background: url(../images/ul_li_white.gif) left 5px no-repeat;
          }
            .layout_2_cols .second_column ul li a {
              text-decoration: underline;
            }
              .layout_2_cols .second_column ul li a:hover {
                color: #DDD;
              }

    .layout_3_cols {
      
    }
      .layout_3_cols .first_column {
        float: left;
        width: 235px;
        margin: 0 5px 0 0;
      }
      .layout_3_cols .second_column {
        float: left;
        width: 475px;
        margin: 0 5px 0 0;
        overflow: hidden;
      }
        .layout_3_cols .second_column a {
          color: #ac261f;
        }
          .layout_3_cols .second_column a:hover {
            color: #2c221e;
          }
        .layout_3_cols .second_column h2 a {
          color: #2c221e;
        }
        
        .layout_3_cols .second_column table {
          margin: 5px 0;
        }
        .layout_3_cols .second_column table td {
          background: #E1E3D3;
          padding: 2px 5px;
        }

      .layout_3_cols .third_column {
        float: left;
        width: 235px;
      }

    .layout_4_cols {
      
    }
      .layout_4_cols .first_column {
        width: 235px;
        border-right: 5px solid #FFF;
      }
        .layout_4_cols .first_column.grey_bg {
          border-bottom: 5px solid #FFF;
        }
      .layout_4_cols .second_column {
        width: 235px;
        border-right: 5px solid #FFF;
      }
      .layout_4_cols .third_column {
        width: 235px;
        border-right: 5px solid #FFF;
      }
      .layout_4_cols .fourth_column {
        width: 235px;
      } 

  #footer {
    padding: 15px;
    background: #E1E3D3;
    color: #222;
    text-align: right;
  }
    #footer a {
      text-decoration: none;
    }
      #footer a:hover {
        text-decoration: underline;
      }
    #inwebio_in {
      margin: 0 1px 0 0;
    }

  #inFooter {
    margin: 0px auto;
    width: 950px;
    padding: 5px;
    line-height: 25px;
    text-align: right;
  }
    #inFooter a {
      color: #999;
      display: inline-block;
      margin: 0 5px 0 0;
      text-decoration: none;
    }
      #inFooter a:hover {
        color: #777;
        text-decoration: underline;
      }

  #side_navigation {
    background: #00522a;
    color: #FFF;
    padding: 15px 0;
    margin: 0 0 5px;
    line-height: normal;
  }
    #side_navigation a {
      color: #FFF;
    }
      #side_navigation a:hover {
        background-color: #00572d;
      }
    #side_navigation ul {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
    }
      #side_navigation ul.selected {
        background: #34691c;
      }
    
      #side_navigation ul li {
        margin: 0px;
        padding: 0px;
        background: none;
      }
        #side_navigation ul li a {
          padding: 10px 10px 10px 45px;
          display: block;
          text-transform: uppercase;
        }
          #side_navigation ul li a {           
            background: url(../images/main_navigation_plus.gif) 25px 12px no-repeat;
          }
          #side_navigation ul li a.minus {
            font-weight: bold;
            background: url(../images/main_navigation_minus.gif) 25px 12px no-repeat;
          }
            #side_navigation ul li a.minus:hover {
              background-color: #00572d;
            }
          #side_navigation ul li a.selected {
            font-weight: bold;
            background: url(../images/main_navigation_minus.gif) 25px 12px no-repeat;            
          }

        #side_navigation ul li ul li a {
          padding: 6px 10px 6px 60px;
          font-size: 100%;
          text-transform: none;
          background: url(../images/main_navigation_sub.gif) 45px 10px no-repeat;
        }
          #side_navigation ul li ul li a.minus {
            font-weight: bold;
            background: url(../images/main_navigation_sub_minus.gif) 45px 10px no-repeat;
          }
          #side_navigation ul li ul li a.selected {
            font-weight: bold;
            background: url(../images/main_navigation_sub_minus.gif) 45px 10px no-repeat;
          }

          #side_navigation ul li ul li ul li a {
            padding: 6px 10px 6px 75px;
            background: url(../images/main_navigation_sub.gif) 60px 10px no-repeat;
          }
            #side_navigation ul li ul li ul li a.minus {
              background: url(../images/main_navigation_sub_minus.gif) 60px 10px no-repeat;
            }
            #side_navigation ul li ul li ul li a.selected {
              background: url(../images/main_navigation_sub_minus.gif) 60px 10px no-repeat;
            }
            
            #side_navigation ul li ul li ul li ul li a {
              padding: 6px 10px 6px 90px;
              background: url(../images/main_navigation_sub.gif) 75px 10px no-repeat;
            }        
            #side_navigation ul li ul li ul li ul li a.minus {
              background: url(../images/main_navigation_sub_minus.gif) 75px 10px no-repeat;
            }
            #side_navigation ul li ul li ul li ul li a.selected {
              background: url(../images/main_navigation_sub_minus.gif) 75px 10px no-repeat;
            }

      #mapa_zastoupeni {
        margin: 10px 0 0 0;
      }
      
        .mapa_link {
          display: block;
          width: 10px;
          height: 10px;
          background: #7D071D;
          position: absolute;
        }
        
          #ceske-budejovice {
            left: 93px;
            top: 134px;
          }
          #jindrichuv-hradec {
            left: 115px;
            top: 123px;
          }
          #tabor {
            left: 105px;
            top: 105px;
          }
          #strakonice {
            left: 72px;
            top: 113px;
          }
          #pribram {
            left: 77px;
            top: 85px;
          }
          #praha {
            left: 97px;
            top: 67px;
          }
          #plzen {
            left: 45px;
            top: 104px;
          }
          #pisek {
            left: 84px;
            top: 110px;
          }
          #klatovy {
            left: 50px;
            top: 84px;
          }
          #jihlava {
            left: 144px;
            top: 108px;
          }
          #lomnice-nad-luznici {
            left: 105px;
            top: 131px;
          }
        
        
        
        
        

      #poptavka_teaser {
        position: absolute;
        bottom: 0px;
        left: 0px;
        height: 51px;
        width: 230px;
        padding: 13px 0 15px 85px;
        background: url(../images/poptavka_teaser_bg.gif) 13px center no-repeat;
      }
        #poptavka_teaser .large {
          line-height: 150%;
        }
        #poptavka_teaser:hover {
          background-color: #8d0223;
        }
        .bullet_span {
          background: url(../images/ul_li_white.gif) left 4px no-repeat;
          padding: 0 0 0 18px;
        }
      
      .cols_head {
        margin: 0 0 5px;
        color: #FFF;
      }
        #teaser_zelena_usporam  a {
          background: #00522A url(../images/teaser_zelena_usporam_bg.gif);  
        }
          #teaser_zelena_usporam a:hover {
            background: #00522A url(../images/teaser_zelena_usporam_bg.gif);  
          }
        .cols_head a {
          background: #00522a;
          color: #FFF;
          text-decoration: none;
        }
          .cols_head a:hover{
            color: #FFF;
          }
        .cols_head h2 {
          color: #FFF;
          background: none;
          font-weight: normal;
          margin: 0px;
          padding: 0px;
        }          
          .cols_head h2 a {
            color: #FFF;
            padding: 15px 15px;
            display: block;
          }
            .cols_head h2 a:hover {
              background-color: #006836;
            }
          .cols_head h2 a .small {
            font-size: 11px;
            text-transform: none;
          }
          
        .cols_head .h2 {
          color: #FFF;
          font-size: 130%;
          text-transform: uppercase;
          background: none;
          font-weight: normal;
          margin: 0px;
          padding: 0px;
        }          
          .cols_head .h2 a {
            color: #FFF;
            padding: 15px 15px;
            display: block;
          }
            .cols_head .h2 a:hover {
              background-color: #006836;
            }
          .cols_head .h2 a .small {
            font-size: 11px;
            text-transform: none;
          }


      .cols_content {
        padding: 6px 15px 15px;
        margin: 0 0 5px;
      }
        .cols_content h2 {
          margin: -5px 0 0 0;
        }
        .grey_bg .cols_content h2 {
          margin: 0px;
          padding: 3px 0px;
        }
        .grey_bg .cols_head {
          display: block;
          margin: 0px;
          border-bottom: 5px solid #FFF;
        }
          .grey_bg .cols_head a {

          }
        .grey {
          margin: 0px;
          border-bottom: 0px solid #FFF;
        }

          .cols_head a.grey_bg {
            background: #E1E3D3;
            color: #2c221e;
            border-bottom: 0px solid #E1E3D3;
          }
            .cols_head a.grey_bg:hover {
              background: #EAEAEA!important;
              color: #2c221e;
            }

      table td {
        padding: 0px;
        border: none;
        vertical-align: top;
      }
      table td .cols_content {
        /*padding-bottom: 5px;*/
      }

      #home_plastova_okna {
        background: url(../images/plastova_okna.jpg) top center no-repeat;
      }
      #home_drevena_okna {
        background: url(../images/drevena_okna.jpg) top center no-repeat;
      }
      #home_dotace_na_klic {
        background: url(../images/dotace_na_klic.jpg) 95px 3px no-repeat;
      }

/* novinky */

.novinky_short {
  background: #E1E3D3 url(../images/novinky_short_bg.gif) top repeat-x;
}
.novinky_short .content {
  padding: 15px 15px 15px 20px;
}
  .third_column .novinky_short {
    border-bottom: 5px solid #FFF;
  }
  .clanek_short_titul {
    margin: 0 0 8px;
  }
    .clanek_short_titul a {
      text-decoration: underline;
    }
    .novinky_short ul {
 
    }
    .novinky_short ul li {
      margin: 0 0 5px;
    }

.galerie_short {
  background: #E1E3D3 url(../images/novinky_short_bg.gif) top repeat-x;
}
  .galerie_short .cols_head {
    border: none;
    margin: 0px;
  }
  .galerie_short .content {
    margin: 0px;
    padding: 10px 15px 10px 20px;
  }
  .galerie_short ul li {
    margin: 5px 0 5px;
     
  }  

/* breadcrumbs, drobeček */
#breadcrumbs {
  margin: -5px 0 15px;
  color: #a5a69e;
}
  #breadcrumbs a {
    color: #a5a69e;
    margin: 0 3px 0 0;
    text-decoration: underline;
  }

/* v7pis kontaktů, kontakt*/
.kontakt_table {
  width: 100%;
}
  .kontakt_table td {
    background: none!important;
  }
  .kontakt_table h2 {
    margin: 0 0 0 0px;
  }


#nadpis {
  margin: 0 0 20px 0;
}
  h1.nadpis {
    color: #ac261f;
    text-transform: uppercase; 
    padding: 0px;
    margin: 0px;
  }
  h2.nadpis {
    color: #00522A;
    background: none;
    padding: 0px;
    margin: 5px 0 0;
    font-weight: bold;
  }

/* galerie */
.print_short_galerie {
  margin: 10px 0 5px;
}
  .galerie_image {
    width: 100px;
    height: 100px;
    overflow: hidden;
    float: left;
    margin: 0 15px 0 0;
  }
    .galerie_image img {
      height: 100px;
    }

  .galerie_item_content {
    float: left;
    width: 325px;
  }

.print_full_galerie {
  
}
  .print_full_galerie a {
    margin: 0 2px 2px 0;
    display: inline-block;
  }
  .print_full_galerie img {
    display: block;
    border: 15px solid #e1e3d3;
  }
  
/* katalog */
.katalog_table {

}
  .katalog_table td {
    background: none!important;
  }
  .katalog_table td.foot_td {
    padding: 0 0 20px;
  }

.image_block_w205 {
  display: block;
  width: 205px;
  text-align: center;
}

.katalog_short_item {
  width: 205px;
  padding: 0 15px 5px 0;
  float: left;
}
  .katalog_short_item h2 {
    margin: 5px 0;
  }
  .item_content {

  }

/* dotace */
#dotace {

}
  #dotace table {
    background: #E1E3D3;
    padding: 5px 10px;
  }
table {
  width: 100%;
}

/* poptávka */
.typy_oken_img {
  padding: 25px 10px 0 0;
  width: 115px;
  height: 115px;
  float: left;
  text-align: center;
}
  .typy_oken_img img {

  }
.typy_oken_text {
  width: 80px;
  padding: 2px 1px;
}

.poptavka {
  
}
.poptavka td {
  padding: 0px!important;
}
  .poptavka .radio {
    margin: 0 5px 0 5px;
    vertical-align: middle;
  }
  .poptavka .checkbox {
    margin: 0 5px 0 0;
    vertical-align: middle;
  }
  
  
/* vyhodnocení formuláře, chybová hláška, alert*/
#over {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 100;
  background:  url(../images/blackdot.gif);
}
  #ok {
    line-height: 16px;
    position: absolute;
    left: 50%;
    top: 100px;
    margin-left: -80px;
    width: 160px;
    color: #FFF;
    padding: 160px 20px 20px;
    z-index: 200;
    background: #38943b url(../images/info.gif) 50% 15% no-repeat;
  }
    #ok p {
      line-height: 16px;
      text-align: center;      
    }
  #false {
    position: absolute;
    left: 50%;
    top: 100px;
    margin-left: -80px;
    width: 200px;
    color: #FFF;
    padding: 160px 20px 20px;
    z-index: 200;
    background: #FF0000 url(../images/alert.gif) 50% 15% no-repeat;
  }
    #false p {
      line-height: 16px;
      text-align: center;
    }

/* PAGER */
.PagerClass {
  height: 20px;
}
.PagerClass a, .PagerClass span {
  padding: 0 5px;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  line-height: 20px;
  font-size: 120%;
  font-weight: bold;
  color: #777777;
  text-decoration: none;
}
  .PagerClass a:hover {
    color: #cccccc;
  }
.PagerClass span.actual {
  width: 8px;
  color: #cccccc;
}

/* předchozí a další*/
.PagerClass a.next {
  padding: 0 15px 0 0;
  background: url(../images/next.gif) right no-repeat;
}
  .PagerClass a.next:hover {
    background: url(../images/next_disabled.gif) right no-repeat;
  }
.PagerClass a.previous {
  padding: 0 0 0 15px;
  background: url(../images/previous.gif) left no-repeat;
}
  .PagerClass a.previous:hover {
    background: url(../images/previous_disabled.gif) left no-repeat;
  }
.PagerClass span.next {
  padding: 0 15px 0 0;
  background: url(../images/next_disabled.gif) right no-repeat;
}
.PagerClass span.previous {
  padding: 0 0 0 15px;
  text-align: right;
  background: url(../images/previous_disabled.gif) left no-repeat;
}

/* první a poslední */
.PagerClass a.first {
  width: 14px;
  background: url(../images/first.gif) center no-repeat;
}
  .PagerClass a.first:hover {
    background: url(../images/first_disabled.gif) center no-repeat;
  }
.PagerClass a.last {
  width: 14px;
  background: url(../images/last.gif) center no-repeat;
}
  .PagerClass a.last:hover {
    background: url(../images/last_disabled.gif) center no-repeat;
  }

.PagerClass span.first {
  width: 14px;
  background: url(../images/first_disabled.gif) center no-repeat;
}
.PagerClass span.last {
  width: 14px;
  background: url(../images/last_disabled.gif) center no-repeat;
}