/* CSS Document */

/* toto nastavení html+body zaručuje, že se footer bude chovat rozumně */
html {
	height: 100%;
}

body {
	position:relative;
  width: 100%;
	height:100%;
}

header {
height: 30%;
background-color: #CFCD47;
}

footer {
height: 70%;
bottom: 0;
background-color: #EEC830;
}

footer section {
height: 70%;
background-color: #009640;
}


body { background-color: #98822A;  }  /* hnědá */
.hnedoch { background: radial-gradient(#CFCD47, #615113, #000); }
.zlatoch { background-color: #85843A;}
.rudoch { background-color: #CD441F; }







.stredni-foch {
position: relative;
width:         33%;
height:        100%;
margin:        0 auto; 
}

.levy-foch {
position: absolute;
left: 0;
width: 30%;
padding: 5px;
}

.stredni-dolni-foch {
position: relative;
width:         33%;
height:        30%;
margin:        0 auto;
}

header p {
font-family: 'LibertadThin';
font-size: 25px;
color: #FFF;
}

header p strong {
font-family: 'LibertadExtBd';
}



#trpaslik, #knihy, #gnom {
position: absolute;
bottom: 10px;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

#trpaslik:hover , #knihy:hover , #gnom:hover   { opacity: 0.5; }

#trpaslik {
left: 20px;
}

#knihy {
left: 120px;
}

#gnom {
left: 300px;
}


img.frrr:hover {
-webkit-animation: otocse 8s;   /* Chrome, Safari, Opera */
animation: otocse 8s;
animation-iteration-count: 1;
}
@keyframes otocse {
    0%   { transform: rotate(1440deg);  }
    20%  { transform: rotate(180deg);  }
    63%  { transform: rotate(180deg);  }
}
@-webkit-keyframes otocse {
    0%   { transform: rotate(1440deg);  }
    20%  { transform: rotate(180deg);  }
    63%  { transform: rotate(180deg);  }
}


p.zvetsenina:hover {
 font-size: 100px;
 color: #000;
 line-height: 80px;
 transform: rotate(-20deg);
}

span.zmensenina {font-size: 5px;}
span.zmensenina:hover {font-size: 50px;}


div#mementor {
position: absolute;
width: 80px;
top: 30%;
padding-left: 50px;
padding-top: 100px;
}

img#vrtule {
position: absolute;
top: 30px;
}

img#slunko {
position: relative;
width: 350px;
margin: 30px 10%;
}

div#centr {
width: 355px;
margin: 0 auto;
padding: 20px;
}

div#oko {
position: absolute;
top: 30%;
right: 0;
padding-top: 20px;
padding-right: 20px;
}



/* odkazy */
a:link, a:visited {color: #3B4071; text-decoration: none}
a:hover {font-weight: bold;}
a:active {}



#poetry
{
font-family: monotype, 'Courier10 AT', ;
text-align: left;
color: grey;
font-size: 130%; 
line-height: 160%;
letter-spacing: 0.1em
}


/*
5D592C
848162
hnědá 78722B
background-color: #98822A;   hnědá
zlatožlutá  CFCD47
hnědozlatá 85843A
modrá 416098
žlutá EEC830
světle zelená #91C554
*/
/* E63701  F2E403 žlutá

červená #CD441F  position: relative;
*/