/* -------------------------------------------------
CSS pro foto-barnodaj.cz
** Hlavní stylový soubor **
Autor: Jiří 'Nox' Petruželka  | www.nox-art.cz  |  petruzelka@nox-art.cz
Media: screen,projection
------------------------------------------------- */
/* Resetování */
* { margin: 0;padding: 0;font-weight: normal; }
a, a img{ border: none;outline: none; }
a:hover{ text-decoration: none; }
/* HTML tagy -------------------------------- */
html, body{
  font: 87% Verdana,"Arial CE",Arial,Tahoma,sans-serif,lucida;
  line-height: 1.4;
  color: rgb(170,170,170);
  }
html{
  background: url('obr/pozadi.gif');
  }
h1,h2,h3,h4,h5,h6{ color: rgb(170,170,170);margin-bottom: 15px; }
h1{ font-size: 150%; }
h2{ font-size: 115%; }
h3,h4,h5,h6{ font-size: 100%; }
h2{ 
  border-bottom: 1px solid rgb(170,170,170);
  padding-bottom: 3px;
  margin-bottom: 10px;
  text-align: right;
  }
h3{ margin: 20px 0; }  
a{ text-decoration: none; }
a:link,a:visited{ color: rgb(170,170,170); }
a:hover,a:active{ color: rgb(255,51,51); }
fieldset{ border: none; }
input{ display: block;margin: 1px 1px 4px 1px;padding: 1px;background: black;color: rgb(170,170,170);border: 1px solid rgb(100,100,100); }
input.submit{ margin-top: 20px;padding: 200px 20px;cursor: pointer; }
input.inline{ display: inline;position: relative;top: 2px; }
label{ display: block;margin-bottom: 3px; }
  label em{ font-weight: normal; }
li{ line-height: 1.5; }
p{ text-indent: 8px;line-height: 1.3;margin: 8px 0; }
strong{ font-size: 95%; }
textarea{ background: black;color: rgb(170,170,170);border: 1px solid rgb(100,100,100); }
ul{ padding: 20px 10px 1px 30px; }
/* Obecné třídy -------------------------------------- */
.print{ display: none; }
.clear{ visibility: hidden;height: 0;border: none;clear: both; }
.mtop{ margin-top: 35px !important; }
.mbot{ margin-bottom: 35px !important; }
.tcenter{ text-align: center; }
.tcentera *{ text-align: center; }
.fleft{ float: left; }
/* Základní layout ----------------------------*/
#kontejner{
  max-width: 70%;
  min-width: 1100px;
  margin-left: 60px;
  }
#hlavicka{ 
  position: relative;
  z-index: 5;
  height: 54px;
  margin-top: 16px;
  }
  #hlavicka img{
    float: left;
    margin-left: 75px;
    }
  #hlavicka em{
    float: left;
    margin-left: 70px;
    display: block;
    width: 194px;
    height: 25px;
    margin-top: 10px;
    background-image: url('/obr/uvitani.png');
    }
#obsah{
  background: url('obr/hlavni.png') no-repeat;
  position: relative;
  width: 811px;
  height: 610px;
  float: left;
  margin-top: -35px;
  }
  #limit{ 
    position: relative;
    width: 720px;
    height: 565px;
    margin: 22px 25px 10px 25px;
    padding: 0 20px;
    overflow: auto;
    }
#podekovani em{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: black;
  }
#podekovani span{
  position: absolute;
  left: 45%;
  top: 150px;
  display: block;
  width: 10%;
  height: 20px;
  border: 1px solid rgb(170,170,170);
  background: black;
  padding: 30px;
  text-align: center;
  }
#prava-strana{
  float: left;
  width: 210px;
  }
/* menu */
#menu{
  width: 200px;
  margin: 0px 0 0 8px;
  font-size: 115%;
  line-height: 2;
  list-style-type: none;
  }
  #menu li{
    cursor: pointer;
    padding-left: 22px;
    background: url('obr/menu.png') no-repeat left 9px;
    line-height: 2;
    }
  #menu li:hover{ background-image: url('obr/menu-hover.png') !important; }
  #menu div{ min-height: 16px;margin-bottom: 4px;line-height: 1.2; }
#menu a{ text-decoration: none;color: rgb(170,170,170); }
#menu li:hover, #menu li a:hover, #menu li:hover a{ color: rgb(255,51,51); }
#menu li.aktualni{ background-image: url('obr/menu-aktualni.png'); color: rgb(255,51,51);}
#fotak{
  width: 210px;
  height: 191px;
  background-image: url('/obr/fotoaparat.png');
  margin-top: -75px; 
  margin-left: 18px;
  }
#ovladani{
  width: 200px;
  height: 50px;
  margin: 40px 0 0 36px;
  }
#klobouk{
  width: 210px;
  height: 169px;
  margin: 0px 0 0 30px;
  background: url('obr/klobouk.png') no-repeat;
  position: relative;  
  }
#grayscale{
  background: url('obr/skala.png') no-repeat;
  margin-top: 60px;
  width: 800px;
  height: 30px;
  }
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* Index */
.obrazky{ 
  position: absolute;
  left: 0;
  top: 12px;
  text-align: center;
  width: 760px;
  height: 550px;
  }
.obrazky a{ display: block; }
.obrazky img{
  border: 1px solid rgb(210,210,210);
  max-width: 720px;
  max-height: 490px;
  }
.obrazky h3{ 
  text-align: center;
  margin: 0;
  padding-top: 5px;
  margin-top: 15px;
  border-top: 1px solid rgb(210,210,210);
  }
#index_text{
  width: 740px;
  height: 13px;
  position: absolute;
  bottom: 1px;
  left: 10px;
  overflow: hidden;
  }
#index_text p{ position: relative;line-height: 1;margin: 0;text-indent: 0; }
#index_text span{ position: absolute;top: 0;font-size: 95%;left: 720px;display: block;width: 1500px; }
#index_text em{ font-style: normal; }
/* Galerie */
#galerie{
  padding: 0;
  }
#galerie li{
  display: block;
  margin-top: 3px;
  margin-bottom: 35px;
  list-style-type: none;
  width: 100%;
  height: 110px;
  position: relative;
  }
#galerie a:active img{ border-color: rgb(255,51,51); }
#galerie a.levy{
  display: block;
  text-decoration: none;
  height: 110px;
  position: relative;
  }
#galerie em{
  text-align: center;
  display: block;
  width: 122px;
  height: 122px;
  background: url('obr/galerie.gif') no-repeat;
  float: left;
  }
#galerie img{
  display: block;
  margin: 7px auto;
  border: 1px solid rgb(170,170,170);
  max-width: 107px;
  }
#galerie h3{
  width: 520px;
  padding: 0 10px 5px 30px;
  border-bottom: 1px dotted rgb(170,170,170);
  position: absolute;
  bottom: 0;
  right: 0;
  }
/* Galerie - foto */
#fotografie{ padding: 0; }
#fotografie li{
  display: block;
  width: 122px;
  height: 122px;
  background: url('obr/galerie.gif') no-repeat;
  float: left;
  margin-top: 3px;  
  margin-right: 23px;
  margin-bottom: 20px;
  }
#fotografie li.radek{ margin-right: 0px; }
#fotografie li.konec{ margin-bottom: 0px; }
#fotografie a{ 
  display: block;
  }
#fotografie img{
  display: block;
  margin: 7px auto;
  border: 1px solid rgb(170,170,170);
  max-width: 107px;
  max-height: 107px;
  }
/* O autorovi */
#o-autorovi-obrazky-box{
  width: 100%;
  height: 200px;
  position: relative;
  margin: 30px 0;
  }
.obrazky-o-autorovi{
  height: 200px;
  width: 720px;
  }
.obrazky-o-autorovi img{
  max-height: 200px;
  }
/* Kniha návštěv */
#kniha-form{ display: none; }
#kniha div{  
  padding: 2px;
  border-bottom: 1px solid rgb(40,40,40);
  width: 697px;
  overflow: hidden;
  }
#kniha div strong{
  display: block;
  float: left;
  margin-left: 5px;
  font-weight: normal;
  }
#kniha div em{
  display: block;
  float: right;
  margin-right: 5px;
  }
#kniha p{
  margin-bottom: 17px;
  }
#kniha-form textarea { border: none;width: 582px;height: 182px;background: url('obr/textarea-kniha.gif') no-repeat;padding: 10px; }
#kniha-form input { border: none;background: url('obr/input-kniha.gif') no-repeat;padding: 2px 6px;width: 287px; }
#kniha-form input.submit { background: url('obr/submit.gif') no-repeat;padding: 3px;width: auto;margin-bottom: 0;width: 59px; }
#kniha-form input.inline { background: none;padding: 0px;width: auto;margin-bottom: 0;margin-left: 10px; }
/* Zajímavosti */
#zajimavosti li a{ font-size: 115%; }
/* Kontakt ------------------- */
#mail textarea { border: none;width: 702px;height: 342px;background: url('obr/textarea.gif') no-repeat;padding: 10px; }
#mail input { border: none;background: url('obr/input.gif') no-repeat;padding: 2px 6px;width: 435px; }
#mail input.submit { background: url('obr/submit.gif') no-repeat;padding: 3px;width: auto;margin-bottom: 0;width: 59px; }
/* Listování ----------------- */
.list{ list-style: none;margin: 0px 0 5px 0;padding: 0;height: 20px; }
  .list li{ display: block;width: 18px;height: 18px;float: left;margin-left: 7px; }
    .list li a{
      display: block;
        width: 18px;
        height: 15px;
      padding-top: 3px;
        background-color: rgb(20,20,20);
        color: rgb(170,170,170);
      cursor: pointer;
        font-weight: bold;
        font-size: 85%;
        text-decoration: none;
        text-align: center;
      border: 1px solid transparent;
      }
    ul.list li.sipka,ul.list li.sipka a{ width: 40px; height: 20px;background: no-repeat;display: block;padding: 0;border: none;position: relative;top: 1px; }
    ul.list li.sipka a:hover{ border: none; }
    ul.list li.sipka-leva a{ background-image: url('includy/lightbox/images/prevlabel.gif');right: 4px; }
    ul.list li.sipka-prava a{ background-image: url('includy/lightbox/images/nextlabel.gif');left: 4px; }
    .list li a.noclick{ cursor: default;background: rgb(0,0,0);font-weight: normal;font-size: 100%;position: relative;bottom: 2px; }
    .list li a:hover{ border: 1px solid rgb(130,130,130); }
    .list li a.noclick:hover{ border: 1px solid transparent; }