/* CSS Document */

body
  {
  background-image: url("layout/background.jpg");
  background-repeat: repeat-x;
  background-position: top;
  padding: 15px 0 0 0;
  margin: 0;
  font-family: Calibri;
  text-align: center; 
  }

a
  {
  color: darkred;  
  }


strong
  {
  color: orangered;
  }
  
.extra
  {
  font-size: 17px;
  }

p
  {
  text-align: left;
  color: #333333;
  font-size: 13px; 
  margin: 0;
  padding: 0;
  }
 
h1
  {
  text-align: center;
  color: gray;
  font-size: 15px; 
  letter-spacing: 0.5px;
  }

.bold
  {
  text-align: center;
  color: #333333;
  font-size: 15px;
  font-weight: bold; 
  letter-spacing: 0.5px;
  margin: 10px 0 10px 0;
  }

h2
  {
  text-align: left;
  color: darkred;
  font-size: 23px; 
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0 auto;
  margin: 0 auto;
  }
 
.head
  {
  position: relative;
  width: 1049px;
  margin: 0 auto;
  padding: 29px 0 0 0;
  background-image: url("layout/background-head.png");
  background-repeat: no-repeat;
  background-position: top;
  }

.menu
  {
  position: relative;
  width: 1049px;
  margin: 0 auto;
  padding: 5px 0 10px 0;
  background-image: url("layout/background-middle.png");
  background-repeat: repeat-y;
  }

.menu-href
  {
  text-decoration: none;
  color: white;  
  font-weight: bold;
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0;
  } 

.menu-href-select
  {
  text-decoration: none;
  color: darkred;  
  font-weight: bold;
  font-size: 1.2em;
  text-transform: uppercase;
  } 

.menu-list
  {
  position: relative;
  height: 33px;
  margin: 0 auto;
  padding: 0 0 0 25px;
  background-image: url("layout/background-menu.png");
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center;
  }

     
.menu-item
  {
  position: relative;
  float: left;
  margin: 0 auto;
  padding: 5px 20px 0px 20px;
  }

.menu-item :hover
  {
  color: darkred;
  }

.select
  {
  background-image: url("layout/background-menu-item.png");
  background-position: right top;
  background-repeat: no-repeat;
  height: 28px;
  _height: 33px;                                   /* pro IE */
  }   

.submenu
  {
  clear: left;
  position: relative;
  margin: 0 auto;
  padding: 0 0 0 35px;
  text-align: center;
  }

.submenu :hover
  {
  color: darkred;
  }
  
          .off
            {
            height: 5px;
            background-image: url("layout/background-submenu-off.png");
            background-repeat: no-repeat;
            background-position: center top;
            }
  
          .on
            {
            height: 23px;
            background-image: url("layout/background-submenu-on.png");
            background-repeat: no-repeat;
            background-position: center top;
            }  

            .submenu-href
            {
            text-decoration: none;
            color: gray;  
            } 
          
            .submenu-href-select
            {
            text-decoration: none;
            color: darkred;
            } 



.submenu-item
  {
  position: relative;
  height: 23px;
  float: left;
  margin: 0 auto;
  padding: 1px 10px 0px 10px;
  }

.middle
  {
  position: relative;
  width: 1049px;
  margin: 0 auto;
  padding: 0;
  background-image: url("layout/background-middle.png");
  background-repeat: repeat-y;
  overflow:  auto;
  _overflow: ; /* pro IE */
  }
  
.content
  {
  display: block;
  position: relative;
  clear: left;
  float: left;
  width: 785px;
  _width: 795px;      /* pro IE */
  min-height: 635px;
  _height: 630px;
  padding: 0 0 0 10px;
  margin-left: 24px;
  background-image: url("layout/background-content.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  text-align: left;
  }
  
.menu-right
  {
  position: relative;
  float: left;
  width: 200px;
  padding: 0;
  }

.mezera
  {
  height: 30px;
  }

.menu-right-item
  {
  position: relative;
  width: 200px;
  padding: 0;
  text-align: left;
  overflow:  auto;
  _overflow: ; /* pro IE */
  }

            .text
            {
            padding-left: 10px;
            min-height: 130px;
            _height: 130px; /* pro IE */
            text-align: left;
            font-size: 13px;
            color: #333333;
            }


            .contact
            {
            background-image: url("layout/martina.png");
            background-position: bottom right;
            background-repeat: no-repeat;
            }

            .akce
            {
            background-image: url("layout/lak.png");
            background-position: bottom right;
            background-repeat: no-repeat;
            }

            .novinky
            {
            background-image: url("layout/stetec.png");
            background-position: bottom right;
            background-repeat: no-repeat;
            }
            
           
            .name
            {
            padding-left: 10px;
            padding-top: 5px;
            margin-bottom: 6px;
            _margin-bottom: 10px; /* pro IE */
            background-image: url("layout/background-menu-right.png");
            background-position: top left;
            background-repeat: no-repeat;
            height: 30px;
            text-align: left;
            color: #333333;  
            text-transform: capitalize;
            }


.frame
  {
  border-style: solid;
  border-color: #d3d3d3;
  border-width: 1px;
  }


.offer
  {
  margin: 8px;
  float: left;
  width: 370px;
  text-align: left;
  height: 150px;
  background-color: white;
  border-style: solid;
  border-color: #d3d3d3;
  border-width: 1px;
  cursor: hand
  }

              .seminar
                {
                background-image: url("layout/seminar.png");
                background-position: right top;
                background-repeat: no-repeat;
                }

              .manikura
                {
                background-image: url("layout/manikura.png");
                background-position: right top;
                background-repeat: no-repeat;
                }

              .vizaz
                {
                background-image: url("layout/vizaz.png");
                background-position: right top;
                background-repeat: no-repeat;
                }

              .pece
                {
                background-image: url("layout/pece.png");
                background-position: right top;
                background-repeat: no-repeat;
                }

.offer1
  {
  padding-left: 20px;
  padding-top: 20px;
  }

.google_map
  {
  width: 550px; 
  height: 300px; 
  margin: 0px 0px 0 120px; 
  border-style: solid; 
  border-color: #d3d3d3; 
  border-width: 1px;
  float: none;
  }

.kontakt
  {
  width: 550px; 
  margin: 8px 0px 0px 120px;
  padding: 10px 0 10px 0;
  border-style: solid; 
  border-color: #d3d3d3; 
  border-width: 1px 1px 0 1px; 
  float: none;
  }

     .green
     {
     background-image: url("layout/kontakt1.png");
     background-position: bottom;
     }
     
     .blue
     {
     background-image: url("layout/kontakt2.png");
     background-position: bottom;
     }

     .orange
     {
     background-image: url("layout/seminar1.png");
     background-position: bottom;
     }

     .yellow
     {
     background-image: url("layout/vizaz1.png");
     background-position: bottom;
     }     
     

.odkaz_mapa
  {
  position: relative;
  width: 550px;
  height: 25px; 
  margin: 0px 0px 0px 120px;
  bottom: 25px;
  border-style: solid; 
  border-color: #d3d3d3; 
  border-width: 1px; 
  padding-top: 3px;
  margin-bottom: 10px;
  float: none;
  } 

.osvedceni
  {
  height: 100px; 
  margin: 4px;
  border-style: solid; 
  border-color: #d3d3d3; 
  border-width: 1px; 
  float: left;
  }

.subcontent
  {
  margin-right: 10px;
  padding: 10px;
  background-color: white;
  }
  
.galerie
  {
  min-height: 125px;
  _height: 140px;
  }

.bottom
  {
  position: relative;
  width: 1049px;
  height: 25px;
  margin: 0 auto;
  padding: 0;
  background-image: url("layout/background-bottom.png");
  background-repeat: no-repeat;
  }

.footer
  {
  position: relative;
  width: 1049px; 
  margin: 0 auto;
  margin-bottom: 25px;
  font-size: 11px;
  text-align: right;
  }

.right
  {
  margin-right: 30px;
  }

.img
  {
  border: none;
  }
  
.clearright
  {
  clear: right;
  float: right;
  }
  
.clearleft
  {
  clear: left;
  float: left;
  }