body
{
    font-family: Verdana, San-serif;
    font-size: 10pt;
    color: #009933;
    background-color: #FAF5CD; /*   250  245  205 */
    scrollbar-face-color: #D2EAF4; 
    
/*  ze svetlusek
#FAF5CD sv zluta
#058FBE modra svetlejsi
#125c9d modra tmava
#003319 zelena  tmava
#339933 zelena svetlejsi - text
#009933 zelena svetla
#D2EAF4 svetlounce  modra

http://tools.dynamicdrive.com/gradient/   on line gradient image maker
http://www.online-image-editor.com
#0A3300     hneda na obrazcich  102 51 0 

favicon.ico  http://favicon.htmlkit.com/favicon/


http://colorschemedesigner.com/
 */
}
    
h1 
{   font-family: Goudy Stout, San-Serif; 
    font-size:18pt;
}
 
.sns
{   font-size: 14px;
    font-weight: bold;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 10px;
    z-index: 0;
 
}
.sns a, a:hover
{ color:#009933; }

.citat
{   width: 75%;
    font-size:9pt;
    margin-left:40%;
}
.puk 
{    width:90px; 
     position:absolute; 
     top:-25px; left:370px; 
     z-index:0;
 }    
    
.jazyk 
{
    position:absolute; right:5px; top:5px; z-index:1;
 }
.menu
{
    width: 100%;
    height: 20px;
    background-color: #003319; /*#1164AA; */
    padding-top: 5px;
    margin-left:auto;
    margin-right:auto;
    position: absolute;
    top: 120px;
    left: 0px;
    z-index: 1;


}
.menu ul
{  margin :0px;
   margin-left:10%;
   margin-right:auto;
   vertical-align:middle;
   padding:0px;  }
.menu ul li
{ display:inline;  float:left; list-style:none; margin-left:50px; }
.menu li a
{
    color:  #FAF5CD; /* #FFF; */
    font-weight:bold;
    text-decoration: none;
}
.menu li a:hover
{
    color: #FFFF66;
}



.main
{
    width:80%;
    margin-left:auto;
    margin-right:auto;
    margin-top: 150px;
    padding: 25px;
    background-color:#FAF5CD; 
    text-align:center;
    font-size:12pt;
    font-weight:bold;
    position:relative;
    z-index:0;

   }
.main a, a:hover
{ color:#009933; }

.mainkde
{
    width:600px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 150px;
    background-color:#FAF5CD; 
    text-align:center;
    position:relative;
    z-index:0;

}
.mainleft
{
    width:50%;
    margin-left:100px;
    margin-right:auto;
    padding: 25px;
    background-color:#FAF5CD; 
    text-align:left;
    font-size:12pt;
    font-weight:bold;
    position:relative;
    z-index:0;
   }
.mainleft a, a:hover
{ color:#009933; }
.mainleften
{
    width:40%;
    margin-left:100px;
    margin-right:auto;
    margin-top:200px;
    padding: 25px;
    background-color:#FAF5CD; 
    text-align:left;
    font-size:12pt;
    font-weight:normal;
    position:relative;
    z-index:0;
   }


.mainfoto
{   width:96%;
    margin-left:auto;
    margin-right:auto;
    margin-top: 120px;
    padding: 25px;
    position:absolute;
    left:0px;
    top:30px;
    z-index:10;
 
 }

.mainprog
{
    
    width:40%;
    margin-left:100px;
    margin-right:auto;
    padding: 25px;
    background-color:#FAF5CD; 
    text-align:left;
    font-size:11pt;
    position:relative;
    z-index:0;

    
    }
 .mainprog a, a:hover
{ color:#009933; }

.but
{
    background-color: #D2EAF4;
    color: #333333;
    border-style: outset;
    font-size: 8pt;
    text-decoration: none;
}


.fotkysvatba
{
    font-size: 14pt;
    font-weight: bold;
    text-align: right;
    position: absolute;
}