/* CSS Document */
body
{
margin: 0;
padding: 0;
background: #EDFDF1;	
} 

h1
{
display: none;
}

h2
{
position: absolute;
top: 120px;
left: 240px;
font-family: arial;
font-size: 15pt;
text-decoration: underline; 
color: #1A9938;
}

h3
{
display: none;
}

p
{
font-family: arial;
font-size: 10pt;
margin: 0px;
padding: 0px;
}



#animace
{
position: absolute;
top: 0px;
left: 50px;
z-index: 1;
}

#logo-pozadi
{
position: absolute;
top: 110px;
left: 240px;
}

#smile
{
position: absolute;
top: 468px;
left: 828px;
margin: 0;
padding: 0;
}

#baner
{
position: absolute;
top: 300px;
left: 50px;
}
 

#fotak
{
position: absolute;
top: 0px;
left: -30px;
}

#menu
{
position: absolute;
top: 79px;
left: 0px;
background: url("menu-pozadi.jpg") no-repeat;
height: 421px;
width: 171px;
} 

.menu_item
{
margin: 10px;
width: 120px;
}

#button1 a:hover
{
position: absolute;
left: -10px;
top: 0px;
background: url("button1.jpg") 0px 0px no-repeat;
width: 147px;
height: 24px;
margin: 0px;
padding: 3px 0px 0px 10px;
}

.menu_item1 
{
position: absolute;
top: 76px;
left: 0px;
margin: 10px;
width: 156px;
}


#button2 a:hover
{
position: absolute;
left: -10px;
top: 0px;
background: url("button2.jpg") 0px 0px no-repeat;
width: 156px;
height: 25px;
margin: 0px;
padding: 3px 0px 0px 10px;
}

.menu_item2
{
position: absolute;
top: 101px;
left: 0px;
margin: 10px;
width: 156px;
}

#button3 a:hover
{
position: absolute;
left: -10px;
top: 0px;
background: url("button3.jpg") 0px 0px no-repeat;
width: 162px;
height: 24px;
margin: 0px;
padding: 3px 0px 0px 10px;
}

.menu_item3
{
position: absolute;
top: 127px;
left: 0px;
margin: 10px;
width: 156px;
}

#button4 a:hover
{
position: absolute;
left: -10px;
top: 0px;
background: url("button4.jpg") 0px 0px no-repeat;
width: 164px;
height: 24px;
margin: 0px;
padding: 3px 0px 0px 10px;
}

.menu_item4
{
position: absolute;
top: 153px;
left: 0px;
margin: 10px;
width: 156px;
}

#button5 a:hover
{
position: absolute;
left: -10px;
top: 0px;
background: url("button5.jpg") 0px 0px no-repeat;
width: 164px;
height: 25px;
margin: 0px;
padding: 3px 0px 0px 10px;
}

.menu_item5
{
position: absolute;
top: 178px;
left: 0px;
margin: 10px;
width: 156px;
}

#button6 a:hover
{
position: absolute;
left: -10px;
top: 0px;
background: url("button6.jpg") 0px 0px no-repeat;
width: 164px;
height: 25px;
margin: 0px;
padding: 3px 0px 0px 10px;
}

.menu_item6
{
position: absolute;
top: 204px;
left: 0px;
margin: 10px;
width: 156px;
}

#button7 a:hover
{
position: absolute;
left: -10px;
top: 0px;
background: url("button7.jpg") 0px 0px no-repeat;
width: 164px;
height: 25px;
margin: 0px;
padding: 3px 0px 0px 10px;
}

.menu_item7
{
position: absolute;
top: 230px;
left: 0px;
margin: 10px;
width: 156px;
}

#contents
{

}

#header 
{
position: absolute;
top: 0px;
left: 0px;
height: 188px;
width: 100%;
background: url("horni-lista.jpg") no-repeat; 
}

#contents-text
{
position: absolute;	
top: 180px;
left: 240px;	
}

#contents-text2
{
position: absolute;	
top: 180px;
left: 760px;	
border: 1px solid black;
width: 200px;
height: 460px;
}

h4
{
margin: 5px;
}

#contents-text2 p
{
margin: 5px;
}

a:link
{
font-family: arial;
font-size: 10pt;
color: #009933;
}

a:visited
{
font-family: arial;
font-size: 10pt;
color: #009933;
text-decoration: underline;
}

a:hover
{
font-family: arial;
font-size: 10pt;
text-decoration: none;
color: #009933;
} 

#footer 
{
position: absolute;
top: 790px;
height: 149px;
width: 100%;
background: url("dolni-lista2.jpg") no-repeat; 
margin: 0;
padding: 0;
}

#footer p
{
position: absolute;
top: 130px;
left: 70px;
margin: 0;
padding: 0;
font-family: arial;
font-size: 8pt;
color: white;
text-align: left;
font-size: 10pt;
}

footer-contents 
{
position: absolute;
text-align: center;
font-family: arial;
font-size: 8pt;
color: white;
padding: 0px;
margin: 0px;
}

.work
{
display: none;
}	

div#footer-contents p
{
font-family: arial;
font-size: 10pt;
margin: 0px;
padding: 0px;
}

#contents-text ul
{
font-family: arial;
font-size: 10pt;
list-style-type: circle;
margin: 0px;
padding: 0px;
}

#contents-text ol li
{
font-family: arial;
font-size: 10pt;
list-style-type: decimal;
margin: 0px;
padding: 0px;
}
#pocitadlo
{
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
margin: 0px;
}
#mapa
{
position: absolute;
left: 850px;
top: 0px;
}

#navigace2
{
position: absolute;
left: 60px;
top: 790px;
}

#mutace
{
position: absolute;
left: 810px;
top: 20px;
}

#mutace a
{
font-family: arial;
font-size: 8pt;
text-decoration: none;
color: #B54230;
}

#vlajky .cz 
{
position: absolute;
top: 40px;
left: 815px;
width: 20;
height: 13;
margin: 0;
padding: 0;
}

#vlajky .gb
{
position: absolute;
top: 40px;
left: 855px;
width: 20;
height: 13;
margin: 0;
padding: 0;
}

#vlajky .ge
{
position: absolute;
top: 40px;
left: 900px;
width: 20;
height: 13;
margin: 0;
padding: 0;
}