/* -------------------------------------------------
CSS pro web Pravoslavné církevní obce z Prostějova

** 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; }
a, a img{ border: none;outline: none; }
a:hover{ text-decoration: none; }

/* HTML tagy -------------------------------- */
html{
  height: 100%;
  margin: 0;
  margin-bottom: 1px;
  padding: 0;
  text-align: center;
  background-color: rgb(230,240,255);
  }

body{
  font: 75% "Arial CE",Arial,Tahoma,Verdana,sans-serif,lucida;
  line-height: 1.15;
  text-align: left;
  color: rgb(49,41,31);
  margin: 0;
  padding: 0;
  }
html>body {
	font-size: 75%;
}

a:link,a:visited{ color: rgb(164,59,31); }
a:hover,a:active{ color: rgb(120,35,10); }

fieldset{ padding: 15px;border: 1px solid rgb(220,212,194); }
  
h1,h2,h4,h5,h6{ color: rgb(102,100,94); }
h1,h2,h3,h4,h5,h6{ margin-bottom: 10px }
h3{ color: rgb(102,90,80); }
h1{ font-size: 120%; }
  h1 span{ font-size: 80%; }
h2{ font-size: 110%; }
h3{ font-size: 105%; }
h4{ font-size: 100%; }
h5{ font-size: 90%; }
h6{ font-size: 80%; }

h4{ margin-top: 15px;margin-bottom: -5px; }

h3 a{ text-decoration: none; }

p{ text-indent: 10px;line-height: 1.4;margin: 10px 0; }
pre{ font-size: 116%; }
strong{ color: rgb(90,63,42); }

ul{ padding: 15px 10px 5px 20px; }
ul li{ padding-bottom: 4px;list-style: square; }
ul ul{ padding: 10px 5px 5px 25px;list-style-type: circle; }

table{ width: 80%;margin: 5px auto 15px auto;text-align: center; }
  table th{ font-weight: bold;background-color: rgb(95,85,80);color: rgb(230,230,230); }
  table th, table td{ padding: 4px; }
  
hr{ border-bottom: none;margin: 0 0 60px 0;border-color: rgb(88,102,6); }

/* Obecné třídy -------------------------------------- */
.print{ display: none; }
.clear{ visibility: hidden;height: 0;border: none;clear: both;margin: 0; }
.fix{ display: block;width: 100%;height: 1px; }
.mtop{ margin-top: 35px !important; }
.mbot{ margin-bottom: 20px !important; }
.tcenter{ text-align: center; }
.obrazek{ background: white;padding: 5px;border: 1px solid rgb(60,80,4);margin: 10px auto; }

/* Základní layout ----------------------------*/
#kontejner{ width: 1099px;padding: 0 5px;margin: 0 auto;background: url('obr/Pozadi.png') repeat-y;min-height: 830px;position: relative; }
  #kontejner span#spodni-stin{  position: absolute;left: 5px;display: block;background-repeat: no-repeat;width: 1099px;bottom: -9px;height: 9px;background-image: url('obr/Spodni-stin.png'); }
  
#hlavicka{ width: 1099px;height: 286px;position: relative;z-index: 2; }
  #hlavicka h1{ position: absolute;left: 100px;top: 30px; }
  #hlavicka a{ position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;background: url('obr/Pozadi-horni.jpg') no-repeat  }
  
#obsah,#paticka{ position: relative;z-index: 15; }
  
#stred{ min-height: 570px;position: relative;z-index: 10;margin-top: -54px;margin-bottom: -58px; }
  #leve{ float: left;width: 200px; }
    /* 202x248 */
    #leve menu{ width: 202px;height: 150px;padding: 44px 0 53px 0;background: url('obr/Menu.gif') no-repeat; }
    #leve menu li{ 
      list-style: none;line-height: 2;
      display: block;width: 202px;height: 25px;
      }
    #leve menu li a{ display: block;width: 132px;height: 100%;padding: 0 10px 0 60px;font-size: 128%;color: rgb(102,100,94);text-decoration: none; }
    #leve menu li a:hover{ text-decoration: underline;background: url('obr/Menu-hover.gif') no-repeat 30px bottom; }
    #leve menu li.aktualni a{ color: rgb(72,70,60); }
    #leve menu li.aktualni a:after{ content: " «"; }
    #ikona{
		width: 106px;height: 43px;background: no-repeat 8px top;margin: 25px 0;background-image: url('obr/ikona.jpg');
		padding: 151px 3px 5px 13px;
		text-align: center;
		font-family: Georgia;
		line-height: 1.4;
		font-style: italic;
		color: rgb(110,80,50);
	}

  #obsah{ float: left;width: 609px;padding: 6px 40px 85px 40px; }
    #obsah h2{ font-size: 125%;padding: 0 0 14px 30px;margin-bottom: 18px;border-bottom: 1px solid rgb(212,208,195); }
  
  #chram{ position: absolute;right: 160px;top: 350px;z-index: 3;width: 300px;height: 383px;background: url('obr/Chram.jpg') no-repeat; }
  #prave{ float: left;width: 210px; }
    #novinky{ background: url('obr/Novinky.png'); }
      #novinky .box-hlava{ background: url('obr/Novinky-hlava.png');height: 76px;top: -18px; }
      #novinky .box-pata{ background: url('obr/Novinky-pata.png');height: 25px;bottom: -21px; }
      #novinky h2{ font-size: 105%;color: rgb(66,62,53);background: url('obr/Novinky-ikona.png') no-repeat 80px top;padding: 8px 0; }
      #novinky h3{ font-size: 95%;margin-bottom: 5px; }
        #novinky h3.licha{ color: rgb(50,87,133); }
        #novinky h3.suda{ color: rgb(222,131,33); }
      #novinky p{ font-size: 95%;color: rgb(96,96,96);background: url('obr/Novinky-separator.gif') repeat-x left bottom;padding-bottom: 10px;text-indent: 0; }
        #novinky p.posledni{ background: none; }

    #adresa{ background: url('obr/Adresa.png');margin-bottom: 90px; }
      #adresa .box-hlava{ background: url('obr/Adresa-hlava.png');height: 44px;top: -18px; }
      #adresa .box-pata{ background: url('obr/Adresa-pata.png');height: 34px;bottom: -21px; }
      #adresa h2{ font-size: 105%;color: rgb(66,62,53);background: url('obr/Adresa-vlajka.gif') no-repeat 60px 4px;padding: 8px 0; }
      #adresa p{ font-size: 95%;color: rgb(96,96,96);text-indent: 0; }
      #adresa address{ color: rgb(50,50,50);margin-top: 5px;line-height: 1.4; }

#paticka{ width: 1099px;height: 106px;font-size: 96%;background: rgb(255,251,235) url('obr/Pozadi-dolni.jpg') no-repeat left bottom; }
  #paticka ul{ position: absolute;right: 20px;bottom: 64px;padding: 0; }
  #paticka li{ display: inline;list-style: none;padding-right: 30px; }
    #paticka li a{ color: rgb(49,41,31);padding: 0 7px; }
      
  #paticka menu{ width: 119px;height: 93px;background: url('obr/Jazyky.gif') no-repeat;position: absolute;left: 7px;bottom: 50px; }
  #paticka menu li{ padding: 3px 0 10px 25px;margin-left: 17px;background: no-repeat left 2px;display: block;height: 12px; }
    #paticka menu li.cz{ background-image: url('obr/Vlajka-cz.gif');margin-top: 11px; }
    #paticka menu li.en{ background-image: url('obr/Vlajka-en.gif'); }
    #paticka menu li.ru{ background-image: url('obr/Vlajka-ru.gif'); }
  #paticka menu li a{ font-size: 95%;text-decoration: none; }
    #paticka menu li a:hover { text-decoration: underline; }
      
.box{ width: 150px;padding: 0 25px 0 22px;margin: 20px 0 60px 0;background-repeat: repeat-y;position: relative;z-index: 4; }
  .box-telo{ position: relative;z-index: 5; }
  .box-hlava, .box-pata{ width: 197px;position: absolute;left: 0px;z-index: 4; }
  
/* Podstránky -------------------------------------------------------------------------------------*/

/* Administrace ---------------- */
#administrace legend{ font-weight: bold; }
#administrace label{ display: block;margin: 7px 0; }
#administrace fieldset{ margin-top: 10px; }

/* Návštěvní kniha ------------- */
input{ padding: 5px;display: block;margin: 5px 0; }
input.submit{ padding: 6px 30px;cursor: pointer; }
input.button{ padding: 3px 20px;margin: 2px 0;border: none;cursor: pointer;height: 40px; }
#kniha div input{ display: inline;padding: 3px 6px; }
#kniha label{ margin: 2px 0; }
#kniha label.mtop{ display: block; }
#kniha fieldset{ border: none;margin: 10px 0; }
#kniha textarea{ margin: 10px 0; }

.polozka{ width: 560px; }
.polozka span.center{ display: block;text-align: center; }
.polozka .hlavicka{ padding: 10px;margin-bottom: 10px;background-color: rgb(255,251,239);border-bottom: 1px solid rgb(220,212,194); }
  .polozka.sys .hlavicka{ background-color: rgb(240,255,225); }
.polozka .hlavicka h3{ margin: 0;padding: 0;margin-bottom: 5px; }
.polozka .hlavicka span{ margin-right: 20px; }
  span.jmeno{ font-weight: bold; }
  span.url,span.email,span.cas{ font-size: 90%; }
  .mhv{ color: rgb(164,59,31); }

.polozka p.text{ width: 80%;margin: 0 auto;padding: 10px; }

/* Fotogalerie ------------- */
#fotogalerie p, p.decor { color: rgb(102,100,94);font-style: italic;margin-top: 4px; }

/* Fotografie ------------- */
#fotografie{
  width: 588px;
  margin: 40px auto 0 auto;
  }
#fotografie a { 
  display: block;
  float: left;
  margin: 0 15px 15px 0;
  padding: 5px;
  border: 1px solid rgb(212,208,195);
  }
#fotografie a:hover{
  border: 1px solid rgb(102,100,94);
  }  

/* Listování ----------------- */
#list{ list-style: none; }
  #list li{ display: block;width: 24px;height: 21px;float: left;margin-left: 7px; }
    #list li a{
      display: block;
        width: 24px;
        height: 16px;
      padding-top: 5px;
        background-color: rgb(255,251,239);
      cursor: pointer;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
      border: 1px solid rgb(220,212,194);
      }
    #list li a:hover{ border: 1px solid rgb(170,150,120); }