/*---------------------------

   IN GENERAL

-----------------------------*/

body { 
position: relative; margin: 0; padding: 0;
font-family: Verdana, sans-serif; 
font-size:           11px; 
line-height:         20px;
text-align:        center;
}

h1, h2, h3, h4 {  font-family: monospace, Courier;  letter-spacing:  0.2em;  }

h1 { 
font-size:     150%;
padding:    0 10px;
text-align:   left;
}

.right { right: 0; text-align: right; }

h2 {  font-size: 180%;  line-height: 130%;  }  /* žlutý nadpis */

h3 {                                           /* nadpis v čerchovaných linkách */
font-size:        160%; 
line-height:      110%;
padding:   5px 0 5px 0;
border-top:    2px dotted #353229; 
border-bottom: 2px dotted #353229; 
}

h4 {                                          /* světlý doplňkový nadpis */
padding: 0; margin: 16px 0;
font-weight:       normal;
font-size:        11px; 
line-height:     110%;
}

a:link, a:visited, a:hover {
display: block; text-decoration: none;
}




/*---------------------------

   POSITIONING

-----------------------------*/

h1 { position: fixed;  z-index: 101; }

#pruh {
position: fixed; left: 0; right: 0; z-index: 100; height: 180px;
background: url(../pic/doly-nebe.gif) repeat-x;
}

#trpaslik {
position: relative; width: 300px; height: 160px;
margin: auto;
}

#navigace {                           /*  (pod pruhem)  */
position: relative; width: 100%; 
text-align: left;
}

#spodni-navigace {                        /* dole vlevo v rohu */
position: fixed; left: 0; bottom: 0;
background-color: #504D38;
}

#obalka {
position: relative;  top: 210px;  bottom: 10%;
width:   920px;       /* viz sloupce */
margin: 0 auto;
overflow: hidden;    /*  todle nevím proč, ale jinak by to nefungovalo - výška by nebyla 100 %  */
padding-bottom: 300px;
}

.chlivek {  position: relative;  float: left;  }   /* rozdělení obálky na čtyři pruhy */

.sloupec
{
position: relative; width: 186px;       /*  186 + 2 + 2 = 190 + 40 = 230 * 4 = 920  */
margin: 0 2px 4px 2px; padding: 20px;
box-shadow: 5px 5px 10px 3px #353229 inset;
}

.posun {                                 /* aby se kotva zobrazila pod pruhem */
position: relative;  display: block;  top: -260px;
}

#donations { 
position: absolute; left: 0; right: 0; bottom: 0; 
padding: 0 30% 30px 30%;
}

/*---------------------------

   BARVY

-----------------------------*/

body {
color:            #353229;  /* practically unused but for safety */
background-color: #353229;  /* hnědá-šedá */
}

a:link, a:visited  { color: #353229; }
a:hover            { color: white;   }  /* případně #E7E1CF */
a:visited:before { content: "[ "; color: #666666;}
a:visited:after  { content: " ]"; color: #666666;} 

h1 { color: #666666; }
h2 { color: #FFC424; }  /*  žlutá  */
h2.bila { color: #FFF; }
h3 { color: #353229; }  /* jako odkazy */
h4 { color: #CCCCCC; }  /*  1)FDE197  2)FAD97E  3)F9D060  4)CCCCCC 5)353229  */

.sedatmava { background-color: #908A70; }   /*  šedá tmavá    */
.sedaneutral { background-color: #99907C; }   /*  šedá neutrál  */
.sedasvetla { background-color: #A59C7F; }   /*  šedá světlá   */
.hnedatmava { background-color: #837657; }   /*  hnědá tmavá   */  /* dříve #8E805F */
.hnedastredni { background-color: #937F54; }   /*  hnědá střední */
.hnedasvetla { background-color: #B29F77; }   /*  hnědá světlá  */

#navigace {  
background-color: #504D38;
border-bottom: 3px solid;  /* #29271A */
}


/*---------------------------

   FONTS (DETAILS))

-----------------------------*/

#navigace h2 {
display: inline;  margin: 0 0 0 5px; padding: 3px 4px 3px 6px; 
font-size: 10pt;  text-align: center;
color:             #29271A;
background-color:  #767255;  /*  767255 #847F5F */
border-radius: 8px;
}

#navigace a {
display: inline;  margin: 0; padding: 3px 6px 3px 3px; 
font-size: 7.5pt;   text-align: center; color: #A8A174; 
border-right: 1px solid;   /* #2A2825 */
}

#spodni-navigace a {
font-size:           15pt; 
color:            #A8A174;
background-color: #2A2825;
}

#navigace a:hover, #spodni-navigace a:hover {
text-decoration: none;  color: #FFC424;    /* žlutá*/
}

#donations p {
font-size: 7pt; line-height: 10pt;
margin-bottom: 10px; color: white;
}