/* CSS3 Document */

/* Slunko jako aside, dolní lišta jako footer, obojí absolutně.
"Section" relativně, tam se zobrazuje hlavní obsah */

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

body {
	position: relative;
  min-width: 100%;
	min-height: 100%;
	font-family: 'Verdana', sans;
}

aside, footer {
  position: absolute;
}

/* kontejner pro slunko */
aside {
  left:       -166px; 
  width:       355px;
  height:      356px;
  background-image: url(../pic/paprsky.gif);
}

/* kontejner pro obsah */
section {
  position: relative;
  margin-left: 280px;
  min-height: 800px; /* aby měly prostor blackboxy */
  padding-bottom: 105px; /* výška footeru, aby tam akorát zapad */
}

/* dolní menu */
footer {
    z-index: 1;
  bottom: 0;
  width: 100%;
  height: 90px;  
  padding-top: 15px;
  background-color: #000;
}

footer a {
  margin: 0 20px;
  display: inline-block;
}

/* --- slunko - výplně --- */
div#slunko {
  width:       355px;
  height:      356px;
  background: url(../pic/slunko1.png) no-repeat center center;
}

div#slunko:hover {
  background: url(../pic/slunko2.png) no-repeat center center;
}

div#zornicka {
	position: absolute;
	width: 14px;
	height: 14px;
	top: 151px;
	left: 211px;
  background: url(../pic/zornicka.png) no-repeat center center;
}

div#zornicka:hover {
	background: url(../pic/zornicka2.png) no-repeat center center;
}

/* neviditelná "tabulka s logama" na indexu */
#krabicka {
	width: 330px;
}

/* jednotlivé chlívky pro loga */
.teleport {
	width: 100px;
  padding: 30px;
  display: inline-block;
}

/* hover u log nahoře */
.teleport h2 {
  display: none;
}

.teleport:hover h2 {
  display: block;
	position: absolute;
	font-size: 10px;
	letter-spacing: 0.1em;
	color: gray;
	padding: 10px 0;
}

/* hover u menu */
footer a span {
  display: none;
}

footer a:hover span {
  display: block;
	position: absolute;
	bottom: 105px;
  font-family: 'LibertadExtBd';
	font-size: 30px;
	color: black;
}

/* blackboxy */
#bb1, #bb2, #rabbithole {
  position: absolute;
  display: inline-block;
}

#bb1 {   top: 10px;  }

#bb2 {  	top: 223px;
					left: 235px;  }

#rabbithole { left: 560px;
							top: 500px; }

.blackbox {
  width: 230px;
	padding-bottom: 10px;
  background-color: black;
}

#rabbithole {
	width: 122px;
	height: 122px;
	overflow: hidden;
}

#rabbithole a:hover {
	position: relative;
	top:        -122px;
}

/* zavírací buton */
p.close {
	font-size: 150px;
  line-height: 150px;
	padding: 0;
}


h1 {
	font-family: 'LibertadExtBd';
	font-size:   25px;
	color:      white;
  padding:     10px;
	letter-spacing: 0.05em;
}

p {
	font-size: 11px;
	line-height: 160%;
  text-align: left;
  color: white;
  padding: 5px 10px;
}

a:link, a:visited {
	color:        #EDE6A7;
	text-decoration: none;
	font-weight:     bold;
}

a:hover {
	color: #FCE702;
}

/*
a:hover{
-webkit-transition: 1s ease-out;
-moz-transition: 5s ease-out;
-o-transition: 1s ease-out;
-ms-transition: 1s ease-out;
transition: 5s ease-int;
}
*/



/* mapa */

/* nezobrazovat oko slunce */
section#mapa div#zornicka {
	display: none;
}

section#mapa {
	margin-left: 0;
	font-size: 11px;
}
/* šedý obrázek */
img#podklad {
	border: 1px solid #FC6262;
}

/* odkazy */
section#mapa a:link,
section#mapa a:visited {
	color: black;
	text-decoration: none;
}

section#mapa a:hover {
	color: white;
	background-color: #4A38F5;
}

section#mapa ul {
	list-style-image: url(../pic/tecko.png);
	padding-left: 30px;
	line-height:   80%;
}

section#mapa ul a:hover {
	padding: 3px;
}

/* v rámečku */
.nadpis {
	display: block;
	width: 80px;
	padding: 8px;
	text-align: center;
	border: 1px solid black;
	background-color: white;
  -webkit-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.38);
	-moz-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.38);
	box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.38);
}

/* you are here */
span.zde {
  background-color: #FC6262;
}

.uzsi { width: 60px; }

/* polohování */
#mlno, #typonaut, #plkodlak, #gnom, #venkov, #map, #info, #antik, #dwn, #radio
{
position: absolute;
}

#mlno                 { top: 180px;  }
#typonaut, #plkodlak  { top:  20px;  }
#typonaut, #gnom      { left: 200px; }
#plkodlak             { left: 580px; }
#gnom, #venkov        { top:  200px; }
#venkov               { left: 450px; }

#map, #info, #antik, #dwn, #radio { top: 400px; }

#map, #mlno	{ left: 10px; }
#info				{ left: 120px; }
#antik			{ left: 240px; }
#dwn				{ left: 340px; }
#radio			{ left: 430px; }

/* EOF */