body
{
    margin: 0;    
    padding: 25px 0 30px 0;    
    text-align: center;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-size: small;    
    color: #000;
}   

* html body
{
    font-size: x-small; /* IE5 Win */
    f\ont-size: small; /* other IE */
}

#page
{
	position: relative;
        width: 842px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-size: 90%;
}

#left
{
    float: left;
    width: 680px;
}

    #header
    {
	float: left;
	width: 680px;
	height: 313px;
	background: url(img/header.png) left top no-repeat;
    }
    
    #menu
    {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 680px;
	height: 91px;
	background: #355C84;
	color: #fff;
    }
    
	#menu li
	{
	    list-style: none;
	    float: left;
	    margin: 0;
	    padding: 0;
	}
	
	#menu li a
	{
	    display: block;
	    float: left;
	    height: 91px;
	}
	
	#menu li a span
	{
	    display: none;
	}
	
	#menu li a#stahnout
	{
	    width: 168px;
	    background: url(img/menu-stahnout.png) top left no-repeat;
	}
	
	    #menu li a#stahnout:hover
	    {
		background: url(img/menu-stahnout-over.png) top left no-repeat;
	    }
	
	#menu li a#forum
	{
	    width: 129px;
	    background: url(img/menu-forum.png) top left no-repeat;
	}
	
	    #menu li a#forum:hover
	    {
		background: url(img/menu-forum-over.png) top left no-repeat;
	    }
	
	#menu li a#encyklopedie
	{
	    width: 150px;
	    background: url(img/menu-encyklopedie.png) top left no-repeat;
	}
	
	    #menu li a#encyklopedie:hover
	    {
		background: url(img/menu-encyklopedie-over.png) top left no-repeat;
	    }
	
	#menu li a#navod
	{
	    width: 122px;
	    background: url(img/menu-navod.png) top left no-repeat;
	}
	
	    #menu li a#navod:hover
	    {
		background: url(img/menu-navod-over.png) top left no-repeat;
	    }
	
	#menu li a#kontakt
	{
	    width: 111px;
	    background: url(img/menu-kontakt.png) top left no-repeat;
	}
	
	    #menu li a#kontakt:hover
	    {
		background: url(img/menu-kontakt-over.png) top left no-repeat;
	    }
	    
    #right
    {
	float: right;
	width: 150px;
	color: #729CC0;
    }
    
	#uvod
	{
	    width: 62px;
	}
	
	#o-programu
	{
	    width: 150px;
	}

 
	#uvod-box, #o-programu-box
	{
	    display: none;
	}
	
	#o-programu-box ul
	{
		padding:0;
		margin: 0 0 0 5px;
	}
	
	#o-programu-box li
	{
		padding:0;
		margin:0;	
	}
 
    #footer
    {
	float: left;
	width: 680px;
	margin-top: 15px;
	color: #B8CFE6;
	font-size: 80%;
	text-align: center;
	clear: both;
    }


/* titles */

h1
{
    margin-top: -10000px;
}

h2
{
    font-weight: normal;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

/* common */

.cleaner
{
    clear: both;
}