/************* Style for screen *************/

  * {  /* Defaultni nulovani */
    margin: 0;
    padding: 0;
  }
  
  body {  /* Telo stranky */
    text-align: center;
    font-family: serif;
    margin: 4px 1px;
  }

  #page {  /* Cela stranka */
    width: 770px;
    margin: 0 auto;
    position: relative;
    background: #ffffce url("pictures/bcg.png") top left repeat-y;
  }
  
  #top {  /* Horni cast (grafika) */
    height: 200px;
    background: url("pictures/top.jpg") top left no-repeat;
  }
  
  #top a, #top span {  /* Horni cast (logo - print) */
    display: block;
    width: 168px;
    height: 105px;
    position: absolute;
    left: 35px;
    top: 8px;
  }
  
  #top img {border: 0;}  /* Horni cast (obrazek) */
  #top span {  /* Horni cast (logo - screen) */
    left: 0px;
    top: 0;
    background: url("pictures/logo2.png") top left no-repeat;
    _cursor: hand;  /* Kurzor (Pro IE) */
  }
  
  #menu {  /* Menu */
    width: 100%;
    height: 32px;
    position: absolute;
    left: 0;
    top: 150px;
  }
  
  #menu div {float: left;}  /* Menu - plovouci bloky (obal kvuli Opere) */

  #menu a, #menu span {  /* Menu - odkaz a prazdny span */
    display: block;
    height: 32px;
    position: relative;
    overflow: hidden;
    color: black;
    font-weight: bold;
  }  
  
  #menu span {  /* Menu - Prazdny span (prekryti) */
    position: absolute;
    left: 0;
    top: 0;
    _cursor: hand;
  }  
  
  #m1, #m1 span {width: 120px;}  /* O nas */
  #m2, #m2 span {width: 230px;}  /* Svatebni salon */
  #m3, #m3 span {width: 232px;}  /* Textil, konfekce */
  #m4, #m4 span {width: 188px;}  /* Pro tehotne */

  #m1, #m1 span {background: url('pictures/menu1.png') top left no-repeat;}  /* Neaktivni polozka menu - O nas */
  #m2, #m2 span {background: url('pictures/menu2.png') top left no-repeat;}  /* Neaktivni polozka menu - Svatebni salon */
  #m3, #m3 span {background: url('pictures/menu3.png') top left no-repeat;}  /* Neaktivni polozka menu - Textil, konfekce */
  #m4, #m4 span {background: url('pictures/menu4.png') top left no-repeat;}  /* Neaktivni polozka menu - Pro tehotne */

  #menu a:hover span, #menu .active span {background-position: bottom left;}  /* Aktivni polozka menu */

  #middle {background: url('pictures/bottomr.png') bottom right no-repeat;}  /* Stredni cast (pravy dolni roh) */

  #middlein {  /* Stredni cast (pro fotografii) */
    min-height: 560px;
    _height: 560px;  /* Pro IE (min-height) */
    padding: 10px 5px 65px 300px;
    text-align: left;
  }
  
  #middle .photo1 {background: url('pictures/photo1.jpg') top left no-repeat;}  /* Fotografie - O nas */
  #middle .photo2 {background: url('pictures/photo2.jpg') top left no-repeat;}  /* Fotografie - Svatebni salon */
  #middle .photo3 {background: url('pictures/photo3.jpg') top left no-repeat;}  /* Fotografie - Textil, konfekce */
  #middle .photo4 {background: url('pictures/photo4.jpg') top left no-repeat;}  /* Fotografie - Pro tehotne */
  #middle .photo5 {background: url('pictures/photo5.jpg') top left no-repeat;}  /* Fotografie - Karnevalove masky */

  #middle p {margin-bottom: .5em;}  /* Odstavcovy text (v obsahu) */  
  #middle p:first-letter {font: bold 1.2em serif;}  /* Odstavcovy text (v obsahu) - prvni znak */  

  h1, h1 span {  /* Hlavni nadpis a jeho prekryti */
    width: 433px;
    height: 46px; 
  }
  
  h1 {  /* Hlavni nadpis */
    position: relative;
    overflow: hidden;
    font: italic 2em times;
    margin-bottom: .3em;
  }
  
  h1 span {  /* Hlavni nadpis (jeho prekryti) */
    position: absolute;
    left: 0;
    top: 0;
  }
  
  h1 .title1 {background: url('pictures/title1.png') top left no-repeat;}  /* Hlavni nadpis - O nas */
  h1 .title2 {background: url('pictures/title2.png') top left no-repeat;}  /* Hlavni nadpis - Svatebni salon */
  h1 .title3 {background: url('pictures/title3.png') top left no-repeat;}  /* Hlavni nadpis - Textil, konfekce */
  h1 .title4 {background: url('pictures/title4.png') top left no-repeat;}  /* Hlavni nadpis - Pro tehotne */
  h1 .title5 {background: url('pictures/title5.png') top left no-repeat;}  /* Hlavni nadpis - Karnavalove kostymy */

  h2 {  /* Podnadpis */
    font: bold italic 1.5em serif;
    margin: .5em 0 .2em 0;
  }
  
  ul {  /* Necislovany seznam */
    list-style-type: none;
    margin-left: .5em; 
  }

  li {  /* Polozka seznamu */
    margin-bottom: .3em;
    padding-left: 15px;
    background: url('pictures/li.png') 0 .3em no-repeat;
  }

  #contact {  /* Kontaktni info (Ot. doba, tel., E-mail) */
    width: 290px;
    position: absolute;
    left: 0;
    top: 695px;
    text-align: left;
    padding: 0 0 0 10px;
    font-size: .85em;
  }
  
  table {border-collapse: collapse;}  /* Tabulka */
  td {padding: .1em .5em .1em 0;}  /* Bunka tabulky */
  
  h3 {  /* Nadpis pro kontakt */
    text-align: left;
    font: bold 1em serif;
    margin-top: .5em; 
  }

  address {  /* Adresa provozovny */
    font-style: normal;
    width: 10em;
    text-align: center;
    float: right;
    position: relative;
    right: 60px;
  }
  
  #photogalery span {  /* Fotogalerie (obal fotografie) */
    display: block;
    width: 105px;
    float: left;
    text-align: center;
  }
  
  #photogalery img {  /* Fotogalerie - vlastni obrazek */
    border: 1px solid #9c0000;
    margin: 2px;  
  }

  #bottom {  /* Spodni cast */
    height: 43px;
    background: url('pictures/bottom.png') top left no-repeat;
  }
  
  #footer {  /* Paticka stranky */
    font: .6em verdana;
    padding: .6em 0 .2em 0;
    color: #555555;
  }

  a {text-decoration: underline; color: #9c0000;}  /* Odkazy */
  a:hover {text-decoration: none; }  /* Odkazy (aktivni) */

  .cleaner {  /* Trida pro ukonceni plovoucich prvku */
    clear: both;
  }
  
  .nobr {white-space: nowrap;}  /* Nedelitelne */
  .hidden {display: none;}  /* Trida pro uplne skryti */