html, body, h1, h2, h3, h4, h5, h6, p, a, q, blockquote,
address, em, strong, small, big, div, span, 
ul, ol, li, dl, dt, dd, table, tr, td, img, hr,
form, fieldset, legend, label, input, textarea { margin:0; padding:0; }
html, body { 
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-size:100%;
  color:#000;
  background:#666;
  text-align:left;
}

img       { border:none; }
address   { font-style:normal; }
a         { color:#000; text-decoration:underline; }
a:visited { color:#333; }
a:hover   { color:#f00; text-decoration:none; }

/* obecné deklarace - konec */

/* . . . . . . . . . . . . . . . . . . . . . . . . . . . .
 .
 .                    obecné třídy a identifikátory
 .
 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.hd { display:none; }
.vh { visibility:hidden; }
.cb { clear:both;   }

/* . . . . . . . . . . . . . . . . . . . . . . . . . . . .
 .
 .                    základní identifikátory
 .
 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

#stranka {
  width:1000px;
  margin:0 auto;
  background-color:white;
  background-image:url('images/sys/pozadi-1.jpg');
  background-repeat:no-repeat;
  background-position: 0 110px;
}

/* - - - - - - - - - - - -    [ 1 ]    Hlavička */

   #hlavicka {
     width:1000px;
     height:145px;
     background:silver url('images/sys/hlavicka.jpg') no-repeat; 
   }

      #logo-dmnkart {
        position:absolute;
        z-index:10;
        top:105px;
        margin-left:400px;
      }

         #logo-dmnkart a { 
           display:block;
           width:225px;
           height:38px;
           text-decoration:none;
         }

         #logo-dmnkart a img { visibility:hidden; }
  
/* - - - - - - - - - - - -    [ 2 ]    Základní navigace */

   #basicnav { display:none; }

/* - - - - - - - - - - - -    [ 3 ]    Obsah */

   #obsah {
     float:right;
     width:800px;
     line-height:1.5em;
     padding:2em;
   }

      #obsah h1,
      #obsah h2,
      #obsah h3,
      #obsah h4,
      #obsah h5,
      #obsah h6,
      #obsah p,
      #obsah address,
      #obsah ul li {
        font-size:110%;
        font-weight:normal;
      }

      #obsah p  { margin-bottom:1.5em; }
      #obsah ul { margin-left:1.2em; }

/* - - - - - - - - - - - -    [ 4 ]    Hlavní menu */

   #mainmenu {
     margin-left:10px;
     margin-top:25px;
     _margin-top:0px;
   }

      #mainmenu ul {
        font-size:80%;
        font-weight:bolder;
      }

      #mainmenu li {
        width:60px;
        margin-bottom:0.5em;
        text-align:center;
        list-style-type:none;
      }

      #mainmenu ul li ul { 
        margin:1em 0;
        margin-left:1.2em;
        font-size:90%;
      }

      #mainmenu ul li ul li {
        width:100px;
        text-align:left;
      }

      #mainmenu ul li.ikona-domu a,
      #mainmenu ul li.ikona-autor a,
      #mainmenu ul li.ikona-kniha a,
      #mainmenu ul li.ikona-posta a,
      #mainmenu ul li.ikona-capka a,
      #mainmenu ul li.ikona-akce a,
      #mainmenu ul li.ikona-galerie a { 
        display:block;
        _height:1em;
        padding-top:33px;
        background-repeat:no-repeat;
        background-position:top;
      }

      #mainmenu ul li.ikona-domu  a   { background-image: url('images/sys/menu-domu-1.gif');  }
      #mainmenu ul li.ikona-autor a   { background-image: url('images/sys/menu-autor-1.gif'); }
      #mainmenu ul li.ikona-kniha a   { background-image: url('images/sys/menu-kniha-1.gif'); }
      #mainmenu ul li.ikona-posta a   { background-image: url('images/sys/menu-posta-1.gif'); }
      #mainmenu ul li.ikona-capka a   { background-image: url('images/sys/menu-capka-1.gif'); }
      #mainmenu ul li.ikona-akce  a   { background-image: url('images/sys/menu-akce-1.gif');  }
      #mainmenu ul li.ikona-galerie a { background-image: url('images/sys/menu-galerie-1.gif'); }

      #mainmenu ul li.ikona-domu  a:hover   { background-image: url('images/sys/menu-domu-2.gif');  }
      #mainmenu ul li.ikona-autor a:hover   { background-image: url('images/sys/menu-autor-2.gif'); }
      #mainmenu ul li.ikona-kniha a:hover   { background-image: url('images/sys/menu-kniha-2.gif'); }
      #mainmenu ul li.ikona-posta a:hover   { background-image: url('images/sys/menu-posta-2.gif'); }
      #mainmenu ul li.ikona-capka a:hover   { background-image: url('images/sys/menu-capka-2.gif'); }
      #mainmenu ul li.ikona-akce  a:hover   { background-image: url('images/sys/menu-akce-2.gif');  }
      #mainmenu ul li.ikona-galerie a:hover { background-image: url('images/sys/menu-galerie-2.gif'); }

      #mainmenu ul li.ikona-domu  a.menu-prave-ctete   { background-image: url('images/sys/menu-domu-3.gif');  }
      #mainmenu ul li.ikona-autor a.menu-prave-ctete   { background-image: url('images/sys/menu-autor-3.gif'); }
      #mainmenu ul li.ikona-kniha a.menu-prave-ctete   { background-image: url('images/sys/menu-kniha-3.gif'); }
      #mainmenu ul li.ikona-posta a.menu-prave-ctete   { background-image: url('images/sys/menu-posta-3.gif'); }
      #mainmenu ul li.ikona-capka a.menu-prave-ctete   { background-image: url('images/sys/menu-capka-3.gif'); }
      #mainmenu ul li.ikona-akce  a.menu-prave-ctete   { background-image: url('images/sys/menu-akce-3.gif');  }
      #mainmenu ul li.ikona-galerie a.menu-prave-ctete { background-image: url('images/sys/menu-galerie-3.gif'); }

      #mainmenu ul li.ikona-galerie ul li { margin:0; }

      #mainmenu ul li.ikona-galerie ul li a { display:inline; padding:0; }

      #mainmenu ul li.ikona-galerie ul li,
      #mainmenu ul li.ikona-galerie ul li a,
      #mainmenu ul li.ikona-galerie ul li a:hover,
      #mainmenu ul li.ikona-galerie ul li a.menu-prave-ctete { background:none; }

      #mainmenu ul li a.menu-prave-ctete { color:#060;}
      
      #mainmenu a         { color:#000; text-decoration:none; }
      #mainmenu a:hover   { color:#f00; text-decoration:none; }

/* - - - - - - - - - - - -    [ 5 ]    Patička */

   #paticka { clear:both; border-bottom:1px solid #666; }

      #paticka p { font-size:70%; padding:1em; color:#999; }

      #paticka p.navrcholu { float:left; width:14px; }

      #paticka p.dmnkart span.webmaster { cursor: help; }

      #paticka p.j-a-m, 
      #paticka ul { display:none; }

/* . . . . . . . . . . . . . . . . . . . . . . . . . . . .
 .
 .                    specialní třídy
 .
 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

/* - - - - - - - - - - - -    Obrazy */

      #obsah .obrazek-maly { float:left; margin:10px; }

         #obsah .obrazek-maly p {line-height:1.34em; margin:0; font-size:80%; text-align:center; }
         #obsah .obrazek-maly p a { text-decoration:none; }
         #obsah .obrazek-maly p a img { margin-bottom:0.5em; }

      #obsah .obrazek-stredni { margin-right:120px; text-align:center; }

         #obsah .obrazek-stredni p a img { margin-bottom:0.3em; }
         #obsah .obrazek-stredni p a span { font-size:80%; font-weight:normal; }

/* - - - - - - - - - - - -    Formulář */

      form#guestbook {
        float:left;
        width:430px;
        margin:2em 0;
        padding:0;
      }

         form#guestbook p { margin:0; }
         form#guestbook p.buttons { margin-top:0.5em; text-align:center; }
         form#guestbook p.buttons input.button { margin:10px; background:silver; }
         form#guestbook p.buttons input.button.c { color:#666; background:#eee; }

         form#guestbook label { 
           clear:left;
           float:left;
           width:80px; 
           font-size:80%;
         }

         form#guestbook input.textfield,
         form#guestbook textarea        { background:#ddd; }
         form#guestbook input           { margin-top:0ex; padding:2px; background:#ddd; }
         form#guestbook input.textfield { width:180px; }
         form#guestbook textarea        { padding:2px; }

      form#contactform {
        width:300px;
        margin-top:1em;
        margin-left:50px;
        padding:0;
      }
      
      form#contactform.sended {
        width:500px;
        margin-left:0;
      }
      
         form#contactform p { margin:1em 0; }
         form#contactform p.buttons { margin-top:0.5em; text-align:center; }
         form#contactform p.buttons input.button { margin:10px; background:silver; }
         form#contactform p.buttons input.button.c { color:#666; background:#eee; }

         form#contactform fieldset {
           margin-bottom:1em;
           padding:0 1em;
           padding-bottom:1em;
           border:2px solid #ddd;
         }

         form#contactform.sended fieldset { width:265px; }

         form#contactform fieldset p { margin:0; }
         form#contactform legend {
           margin-bottom:0.5em;
           margin-left:-0.8em;
           padding:0 0.5em;
           color:#111;
           font-size:80%;
         }

         form#contactform label { 
           clear:left;
           float:left;
           width:80px; 
           font-size:80%;
         }

         form#contactform label.label-vzkaz { padding-left:1.34em; }

         form#contactform input.textfield,
         form#contactform textarea { background:url('images/sys/shadow-inverse_tl.gif') no-repeat; }
         form#contactform input    { margin-top:0ex; padding:2px; }
         form#contactform input.textfield { width:170px; }
         form#contactform textarea { width:290px; padding:2px; }

/* . . . . . . . . . . . . . . . . . . . . . . . . . . . .
 .
 .                    společné identifikátory a třídy
 .
 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

      #stranka.postapage #obsah h2,
      #stranka.fotocapkapage #obsah h1,
      #stranka.akcepage #obsah h1,
      #stranka.galerielistpage #obsah h1,
      #stranka.galerieitempage #obsah h1,
      #stranka.kopiepage #obsah h1,
      #stranka.autorskesachypage #obsah h1,
      #stranka.hrypage #obsah h1 { display:none; }

      #stranka.autorskesachypage #obsah p,
      #stranka.hrypage #obsah p { 
        margin-top:10em;
        margin-right:120px;
        font-size:140%;
        text-align:center;
      }

      #stranka.freskapage #obsah h1,
      #stranka.nazakazkupage #obsah h1 { margin-top:6em; }

/* . . . . . . . . . . . . . . . . . . . . . . . . . . . .
 .
 .                    specifické identifikátory a třídy
 .
 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

/* - - - - - - - - - - - -    Domovská stránka */

   #stranka.indexpage #obsah { 
     float:none;
     width:auto;
     padding:0;
   }

      #stranka.indexpage #obsah h1 { 
        height:300px;
        line-height:300px;
        padding:0;
        font-size:110%;
        text-align:center;
      }

      #stranka.indexpage #obsah h1 a {
        position:relative;
        z-index:100;
        margin:0px auto;
        padding:1em;
        text-decoration:none;
      }

      #stranka.indexpage #obsah h1 a:hover { text-decoration:underline; }

      #stranka.indexpage #obsah #uvodpaticka {
        clear:both;
        width:1000px;
        height:320px;
        background:url('images/sys/paticka.jpg') no-repeat;
      }

      #stranka.indexpage #mainmenu ul {
         position:absolute;
         top:155px;
         height:285px;
         width:975px;
         margin:0;
      }

      #stranka.indexpage #mainmenu ul li.ikona-domu,
      #stranka.indexpage #mainmenu ul li.ikona-autor,
      #stranka.indexpage #mainmenu ul li.ikona-kniha,
      #stranka.indexpage #mainmenu ul li.ikona-posta,
      #stranka.indexpage #mainmenu ul li.ikona-capka,
      #stranka.indexpage #mainmenu ul li.ikona-akce,
      #stranka.indexpage #mainmenu ul li.ikona-galerie  { position:absolute; }

      #stranka.indexpage #mainmenu ul li.ikona-domu     { top:20px;  left:10px;  }
      #stranka.indexpage #mainmenu ul li.ikona-autor    { top:50px;  left:330px; }
      #stranka.indexpage #mainmenu ul li.ikona-kniha    { top:150px; left:230px; }
      #stranka.indexpage #mainmenu ul li.ikona-posta    { top:200px; left:50px;  }
      #stranka.indexpage #mainmenu ul li.ikona-capka    { top:130px; left:880px; }
      #stranka.indexpage #mainmenu ul li.ikona-akce     { top:50px;  left:600px; }
      #stranka.indexpage #mainmenu ul li.ikona-galerie  { top:200px; left:700px; }

      #stranka.indexpage #mainmenu ul li.ikona-domu a.menu-prave-ctete       { background-image: url('images/sys/menu-domu-1.gif'); }
      #stranka.indexpage #mainmenu ul li.ikona-domu a:hover.menu-prave-ctete { background-image: url('images/sys/menu-domu-2.gif'); }
      #stranka.indexpage #mainmenu ul li a.menu-prave-ctete       { color:#000; }      
      #stranka.indexpage #mainmenu ul li a.menu-prave-ctete:hover { color:#f00; }      

/* - - - - - - - - - - - -    Autor */

      #stranka.autorpage #obsah h1,
      #stranka.autorpage #obsah p  { padding-left:200px; }
      #stranka.autorpage #obsah h1 { margin-top:10em; }
      #stranka.autorpage #obsah img.foto-dominka-kurkova { float:left; margin-top:2em; }
      
      #stranka.autorpage #obsah #obrazek-autor-1 { height:235px; background:url('images/sys/obrazek-autor-1.jpg') no-repeat left; margin-top:50px; }
      #stranka.autorpage #obsah #obrazek-autor-2 { height:200px; background:url('images/sys/obrazek-autor-2.jpg') no-repeat right; }

/* - - - - - - - - - - - -    Kniha návštěv */

#stranka.knihanavstevpage { background-position:0px 0px; } 

      #stranka.knihanavstevpage #obsah #obrazek-kniha-navstev { 
        margin-top:20px;
        float:right;
        width:300px;
        height:230px;
        background:url('images/sys/obrazek-navstevni-kniha.jpg') no-repeat right;
      }

      #stranka.knihanavstevpage #obsah #guestbookmsg { clear: both; }

         #stranka.knihanavstevpage #obsah #guestbookmsg h3 {
           float:left;
           width:420px;
           border-top:1px solid silver;
         }

         #stranka.knihanavstevpage #obsah #guestbookmsg p.gb-date { clear:none; float:left; width:10em; padding-right:1em; font-size:70%; text-align:right; }

         #stranka.knihanavstevpage #obsah #guestbookmsg p { clear: both; font-size:90%; }

         #stranka.knihanavstevpage #obsah #guestbookmsg a.ico-gb-email      img,
         #stranka.knihanavstevpage #obsah #guestbookmsg a.ico-gb-odstranmsg img { width:15px; height:15px; margin-top:5px;}



         #stranka.knihanavstevpage #obsah ul#gb-navigace {
           margin:0;
           margin-top:3em;
           border-top:1px solid #333;
           text-align:center;
         }


            #stranka.knihanavstevpage #obsah ul#gb-navigace li {
              display:inline;
              line-height:2.5em;
              padding:0 1.4ex;
              border-right:1px solid silver;
              list-style-type:none;
              font-size:80%;
            }

            #stranka.knihanavstevpage #obsah ul#gb-navigace li.nav-last { margin-right:0; border:none; }

            #stranka.knihanavstevpage #obsah ul#gb-navigace a         { color:#888; text-decoration:none; }
            #stranka.knihanavstevpage #obsah ul#gb-navigace a:visited { color:#666; }
            #stranka.knihanavstevpage #obsah ul#gb-navigace a:hover   { color:#f00; text-decoration:none; }

/* - - - - - - - - - - - -    Pošta */

      #stranka.postapage #obsah h1 { margin-top:1em; }
      #stranka.postapage #obsah address,
      #stranka.postapage #obsah ul { margin-bottom:1em; }

      #stranka.postapage #obsah #postainfo { width:400px; margin-left:50px; }

      #stranka.postapage #obsah #obrazek-posta { float:right; width:286px; height:320px; background:url('images/sys/obrazek-posta.jpg') no-repeat right; }
      #stranka.postapage #obsah #obrazek-posta.sended { margin-top:180px; }
/* - - - - - - - - - - - -    Kopie */

      #stranka.kopiepage #obsah .kopiepagecenter   { margin-right:120px; text-align:center; }
      #stranka.kopiepage #obsah .kopiepagecenter p { width:300px; margin:1em 0; }
      #stranka.kopiepage #obsah .kopiepagecenter img { margin-top:1em; }

/* - - - - - - - - - - - -    Mapa stránek */

      #stranka.mapastranekpage #obsah h1 { margin:2em 0; }

      #stranka.mapastranekpage #obsah ul,
      #stranka.mapastranekpage #obsah ul li   { font-size:100%; }
/* - - - - - - - - - - - -    Galerie */

      #stranka.galerieitempage #obsah p.navback { text-align:center; font-size:80%; margin-right:120px; margin-top:4em;}

/* - - - - - - - - - - - -    Akce */

      #stranka.akcepage #obsah p { margin:2em 0 0.5em 0; }

/* - - - - - - - - - - - -    Odkazy */

      #stranka.odkazypage #obsah h2,
      #stranka.odkazypage #obsah h3  { margin:1em 0 0.5em 0; }
      #stranka.odkazypage #obsah p { margin:1em 0 0.5em 0; font-size:90%; }

/* - - - - - - - - - - - -    Foto Capka */

      #stranka.fotocapkapage #obsah p { margin:2em 0 0.5em 0; }