html { height: 100%;}
body { height: 100%; min-height: 100%; height: auto;
       position: relative; margin:0px; padding: 0px;
       font-family: Tahoma, Arial, sans-serif;
     	 font-size: 11px; text-align:center; color: black;
       background: white url('./_gfx/header.gif') top left repeat-x;
}

h1 { margin: 0px 0px 25px 15px; padding: 0px; font-size: 160%; font-weight: normal;}

h2 { margin: 5px 0px 10px 10px; padding: 0px; font-size: 155%; font-weight: normal;}

p { margin: 0px; padding: 0px 0px 10px 0px; font-size: 100%; }

a { color: #429cb6; text-decoration: none;}

a:hover {color: #104d5f; text-decoration: underline;}

a img { border: 0px;}

.header { height: 220px; width: 1000px; position: relative; margin: auto;
          background: url('./_gfx/boeing.jpg') top right no-repeat;}
  
  .kostel { width: 165px; height: 145px; position: absolute; top: 0px; left: 20px;
            background: url('./_gfx/kostel.jpg') top left no-repeat;}
  
  .mosnov { width: 285px; height: 95px;
            position: absolute; top: 0px; left: 220px;
            background: url('./_gfx/mosnov.gif') top left no-repeat;}
  
  .odkaz-kontakt { width: 115px; height: 28px; padding-top: 2px;
                   font-weight: bold; font-size: 12px; text-decoration: none;
                   color: black; position: absolute; top: 0px; right: 30px;
                   background: url('./_gfx/odkaz-kontakt.gif') top left no-repeat;}
    .odkaz-kontakt:hover { color: #419bb5;}
  
  .menu { width: 100%; height: 40px; position: relative; top: 147px;
          font-size: 20px; text-align: left;}
    .menu a
      { height: 28px; color: black; text-decoration: none;
        margin: 0px 30px 0px 30px; padding-top: 12px;
        display: block; position: relative; float: left; text-align: center;}
    .menu a:hover { color: white; text-decoration: none;}
    
    .menu .menu-selected 
      { color: white; background: url('./_gfx/menu-selected.gif') top center no-repeat;}

.body { height: 100%; min-height: 100%; height: auto; position: relative;}
.wrap { width: 1000px; margin: auto; padding-bottom: 95px; position: relative;}
  .left-block {width: 235px; float: left;}
    .left-menu { width: 200px; margin: auto; margin-bottom: 20px; padding-bottom: 15px;
                 background: #b6e8ff; clear: both;}
    .left-menu-header { height: 40px; font-size: 18px; text-align: left;
                        padding: 10px 0px 0px 25px;
                        background: url('./_gfx/left-menu-header.gif') top left repeat-x; }
    .left-menu-header img { margin: 0px 10px 0px 0px;}
  
  .google-left-block { width: 200px; height: 200px; margin: auto; margin-bottom: 20px;}  
  .google-top { width: 728px; height: 90px; float: right; margin: 0px 20px 10px 0px; _margin-right: 12px;}
  
  .content { width: 710px; float: right; margin: 0px 10px 0px 0px; padding: 15px 20px;
             background: url('./_gfx/content.gif') top center no-repeat;
             *height: 300px; min-height: 300px; text-align: left;}
    .fakta-obec { width: 200px; border: 1px solid #429cb6; float: right;
                  margin: 0px 0px 10px 10px; padding: 5px;}
      .fakta-obec table { width: 100%; border-collapse: collapse;}
      .fakta-obec table td { padding: 3px; border-top: 1px solid #b6e8ff; border-bottom: 1px solid #b6e8ff;}
    
    .about-kostel { margin: 5px; float: left;}
    .about-letiste { margin: 5px; float: left;}
    
    .galerie img { margin: 0px 8px 10px 8px; float: left; margin-bottom: 5px;}
    
    #Smapa { width: 700px; height: 400px; margin: auto; text-align: left;
             border: 1px solid #429cb6; position: relative;}
      #switchBox { width: 80px; height: 40px; position: absolute; top: 10px; left: 10px;
                   z-index: 2; background: white; border: 1px solid #429cb6; padding: 3px;
                   font-weight: bold; text-align: left;}
             
/* ------------------------Kontakt------------------------------------------- */
    .kontakt-adresa { width: 150px; float: left;}
    .kontakt-mail {width: 450px; float: right;}
      .kontakt-mail p { margin-left: 10px;}
      .kontakt-mail form { margin: 0px; padding: 0px;}
      .kontakt-mail .button { float: right; margin: 0px; margin-right: 45px; font-weight: bold;}
      .kontakt-mail textarea { border: 1px solid #429cb6; padding: 3px;
                               font-family: Tahoma, Arial, sans-serif;
                               font-size: 100%; width: 400px;}
      .kontakt-mail #email { border: 1px solid #429cb6; height: 18px;
                             font-size: 100%; padding: 2px; height: 15px;}
      .kontakt-mail #confirm { font-weight: bold;}
      .kontakt-mail #error { font-weight: bold; color: red;}
    
    .webovky { clear: both;}
      
.cleaner { clear: both;}

.bottom { width: 100%; height: 65px; text-align: center; 
          position: absolute; bottom: 0px; left: 0px;
          background: url('./_gfx/bottom.gif') bottom left repeat-x;
          padding-top: 20px;
          font-weight: bold;}

.bottom p { font-size: 10px; width: 1000px; margin: 0px auto; font-weight: normal;}