/* pozadi */

body {background-color: #ff7f50; }




/* Nastavení fotogalerie */

.menu1_obal {position: relative; max-width: 1000px; max-height: auto; margin: auto; }    
span.home {position: absolute; top: 50px; left: 10px; border-style: none; padding-top: 7px; padding-bottom: 7px; padding-left: 50px; padding-right: 50px; text-align: center; font-size: 20px; cursor: pointer;}
a.out {position: absolute; top: 50px; left: 340px; color: #000000; border-style: none; padding-top: 7px; padding-bottom: 7px; padding-left: 50px; padding-right: 50px; text-decoration:none; text-align: center; font-size: 20px; cursor: pointer;}
div#nabidka1 {position: absolute; top: 85px; left: 10px; width: 161px; height: 200px; border-left-style: solid; border-left-color: #000000; border-left-width: 1px; text-align: center; }
div#nabidka2 {position: absolute; top: 85px; left: 380px; width: 162px; height: 200px; background-color: #ff7f50; border-right-style: solid; border-right-color: #000000; border-right-width: 1px; text-align: center; }
a.trida1 {color: White; text-decoration: none; display: block; font-size: 20px; }
a.trida1:hover {color: white; background-color: #4169e1; text-decoration: none; display: block; font-size: 20px; width: 161px height: 20px; }

#ff_max {width: 502px; height: auto; border-style: solid; border-width: 1px; border-color: #000000; }

.upld_pics {position: relative; width: 556px; margin: auto; display: inline; }
img.pics_min {border-style: solid; border-width: 1px; border-color: #ff7f50; padding: 3px; padding-bottom: 10px; }
img.pics_min:hover {border-style: solid; border-width: 1px; border-color: green; padding: 3px; padding-bottom: 10px; }


/* barvy, text, odkazy */

td {text-align: center; }
a.tlacitko {position: absolute; top: 900px; left: 250px; z-index: 3; padding-bottom: 40px; }
#hlavicka {font-family: jokerman; }
#tabulka {position: absolute; top: 100px; left: 80px; width: 458px; height: 30px; text-align: left; }
#tabulka td {text-align: left; cellpadding: 0px; cellspacing: 0px; width: 536px; height: 30px; border-style: none; font-weight: bold; }
#tabulka1 {position: absolute; top: 850px; left: 50px; width: 458px; height: 30px; text-align: left; }
#tabulka1 td {text-align: left; cellpadding: 0px; cellspacing: 0px; width: 536px; height: 30px; border-style: none; font-weight: bold; }
#patka1 h4 {color: black; font-family: Arial; font-size: 20px; text-decoration: underline; font-weight: bold; text-align: center; }
#patka1 p {color: black; font-family: Arial; text-decoration: none; font-weight: bold; }
#patka1 p.chyba {font-size: 13px; font-weight: bold;} 
#patka2 a {color: white; font-family: Arial; font-size: 18px; text-decoration: none; }
#patka2 a:hover {color: #ff7f50; font-family: Arial; font-size: 18px; text-decoration: underline; }
#patka5 h4 {color: black; font-family: Arial; font-size: 20px; text-decoration: underline; font-weight: bold; text-align: center; background-color: white;}
#patka5 p {color: black; font-family: Arial; text-decoration: none; font-weight: bold; background-color: white; }
#leve-menu a {background-color: none; font-family: Arial; color: white; border-style: none; border-width: 1px; border-color: #00bfff; width: 100%; height: 100%; text-decoration: none; display: block; width: 182px; height: 24px; margin-bottom: 15px; _margin_bottom: 35px; text-align: left; margin-right: 3px;  }
#leve-menu a:hover {background-color: #ff7f50; font-family: Arial; color: white; border-style: none; border-width: 1px; border-color: #00bfff; width: 100%; height: 100%; text-align: left; text-decoration: none; display: block; width: 182px; height: 24px; margin-bottom: 15px; _margin_bottom: 25px; margin-right: 3px; }
#leve-menu a.copy {color: white; text-decoration: none; font-size: 15px; font-family: Arial; text-align: center; }
#leve-menu a.copy:hover {color: black; text-decoration: underline; font-size: 15px; font-family: Arial; text-align: center;}
P {color: black; font-family: Arial; text-decoration: none; text-align: center; font-weight: bold; padding: 30px; }
#js {text-align: center; font-family: Arial; text-decoration: none; }
#text1 p {color: Orchid; }


/*pozicovani, pismo, margin, padding */

#obal {position: relative; max-width: 1000px; height: 1300px; margin: auto; } 
#leve-menu {position: absolute; top: 420px; left: 0px; text-align: center; background-color: #4169e1; border-style: groove; border-width: 1px; border-color: #000000; z-index: 0; margin-bottom: 40px; padding: 10px; }
#hlavicka {position: absolute; top: 25px; left: 0px; width: 275px; height: 270px; text-align: center; border-style: groove; border-width: 1px; border-color: #000000; }
#hlavicka1 {position: absolute; top: 25px; left: 275px; _left: 276px; width: 433px; height: 270px; _width: 430px; _height: 270px; text-align: left; border-style: groove; border-width: 1px; border-color: #000000; padding: 0px; margin 0px; }
#hlavicka2 {position: absolute; top: 25px; left: 709px; _left: 710px; width: 278px; height: 270px; _width: 277px; text-align: center; border-style: groove; border-width: 1px; border-color: #000000; }
#hlavicka3  {position: absolute; top: 297px; left: 0px; width: 987px; height: 20px; text-align: center; text-decoration: blink;  border-style: none; border-width: none; border-color: none; } 
#ukaz1 {position: absolute; top: 319px; left: 0px; width: 214px; height: 100px; text-align: center; border-style: groove; border-width: 1px; border-color: #000000; z-index: 0; }
#ukaz2 {position: absolute; top: 319px; left: 771px; width: 216px; height: 100px; text-align: center; border-style: groove; border-width: 1px; border-color: #000000; z-index: 0; }
#patka1 {position: absolute; top: 421px; left: 215px; text-align: center; border-style: solid; border-width: 1px; border-color: #000000; z-index: 0; overflow: auto; }
#patka2 {position: absolute; top: 420px; left: 772px; text-align: center; border-style: groove; border-width: 1px; border-color: #000000; background-color: #4169e1; z-index: 0; padding: 5px; overflow: auto; }
#patka5 {position: absolute; top: 421px; left: 215px; width: 555px; height: 689px; text-align: center; border-style: groove; border-width: 1px; border-color: #000000; z-index: 0; overflow: auto; background-color: white; }
#text2 p {position: absolute; top: 800px; left: 80px; }
#text2 p {position: absolute; top: 800px; left: 80px; }



/*nastaveni horniho menu */


#menu {position: absolute; top: 309px; left: 215px; z-index: 1;}
#menu ul, li {margin: 0; padding: 0; }


ul.makeMenu {width: 138px; height: 100px; font-weight: bold; font-size: 0.9em;}

ul.makeMenu ul {width: 138px; height: 550px; color: none; border-style: solid; border-width: 1px; border-color: black;}
ul.makeMenu li { 
	list-style-type: none; 
	margin-top: 10px; 
        margin-bottom: 40px;
	margin-right: 5px; 
        margin-left: 7px;
      	position: relative; 
       	border: 1px solid white;
	width: 140px; height: 100px;
	text-align: center;
        background-color: white;
        z-index: 1;
       
}

div#menu > ul.makeMenu li {width: 138px; height: 100px; }

ul.makeMenu li>ul {  /** 2.uroven **/
	display: none; 
	position: absolute; 
	top: 101px; 
	left: -18px; 
	background-color: white;
	border-style: solid; 
	border-width: 1px; 
	border-color: black;
	width: 170px; height: 585px;
        z-index: 1;
}
	

ul.makeMenu li:hover { background-color: none; color: black;}
ul.makeMenu li:hover>ul { display: block; }
ul.makeMenu li a { color: black; display: block; width: 100%; text-decoration: none; text-align: center; border: 1px solid white; width: 140px; height: 120px; 
margin-top: 10px; margin-bottom: 50px; margin-right: 5px;  margin-left: 7px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px padding-right: 5px;}

ul.makeMenu li a:hover {border: 1px solid black; width: 140px; height: 120px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px padding-right: 5px; margin-top: 10px; margin-bottom: 50px; margin-right: 5px;  margin-left: 7px; text-align: ceter; }
ul.makeMenu li.first {
   
	display:block;
	width: 138px;
	position: absolute;
	background-color: white;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
        z-index: 1;
      
}
ul.makeMenu li.first a.first {color:white; z-index: 1; }
ul.makeMenu li.first a.first:hover {color: white; z-index: 1; }
ul.makeMenu li.first:hover {background-color: none;   z-index: 1;}

li.first#slunicko {margin-left: 0px; }
li.first#stromecek {margin-left: 139px; }
li.first#medvidek {margin-left: 278px; }
li.first#motylek {margin-left: 417px; }


/* Pro Internet Explorer */

<!--[if gt IE 5.0]><![if lt IE 7]>
/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.makeMenu li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
  behavior: url("/IEmen");
}
ul.makeMenu ul {  /* copy of above declaration without the > selector, except left position is wrong */
  display: none; position: absolute; top: 2px; left: 78px;
}
<![endif]><![endif]-->