body
{
    background-color: #B86D3D;
    color: #000000;
    font-family: Verdana, Arial, Arial CE;
    font-size: 12px;
    scrollbar-base-color: #B86D3D;
    margin:0;
    padding:0;
    text-align:center;
}

#header
{
	width: 950px;
	background-image: url(images/header.jpg);
	height: 130px;
	border-bottom: 3px solid #E7AA83;
	position: relative;
	border-top: 3px solid #E7AA83;
}

#header h1
{
	position: absolute;
	left: 8px;
	bottom: 8px;	
	font-size: 40px;
	margin-bottom: 0px;
        color: #B86D3D;
}

#header h1.shadow
{
	bottom: 6px;
	left: 11px;
	color: #C38964;
}

#obsah
{
width: 950px;
margin:1em auto;
text-align:justify;
font-size: 12px;
max-width: 1024px;
background-color:  #E7A276;
border-left: 3px solid #E7AA83;
border-right: 3px solid #E7AA83;

}
#levypanel
{
float: left;
width: 20%;
margin:0;
padding:0;
margin-left: -5px;
font-size: 15px;
font-weight: bold;
}

#levypanel-obsah
{
padding-left: -20px;
margin:0;
padding: 0.5em 0.2em;

}

/* the menu */

	ul,li,a {
		display:line;
		margin:0;
		padding:0;
		border:0;
                text-align: center;
	}

	ul {
		width:150px;
		border:0px solid #9d9da1;
		background:#E7A276;
		list-style:none;
	}

	li {
		position:relative;
		padding:1px;
		padding-left:10px;
		
		z-index:9;
	}
		li.folder	{
			background-color:transparent;
		}  /*kdyz se to odstrani, vysouva se dolu, ale pouze prvni uroven*/		
		li.folder ul {
			position:absolute;
			left:150px; /* IE */
			top:1px;
                        border:1px solid #E7AA83;
		}		
			li.folder>ul { left:135px; } /* others */ /*vzdalenost vysunutych sloupcu od sebe, pozor na prekryvani*/


	a {
		padding:2px;
		border:0px solid white;
		text-decoration:none;
		color:#622803;
		font-weight:bold;
		width:100%; /* IE */
	}
		li>a { width:auto; } /* others */

	li a.submenu {
		
	}

	/* regular hovers */

	a:hover {
		border-color:#E7AA83;
		background-color:transparent;
		color:#F5F5F5;
	}
		li.folder a:hover {
			background-color:transparent;
		}
	
	/* hovers with specificity */
	
	li.folder:hover { z-index:10; }		
		
	ul ul, li:hover ul ul {
		display:none;
	}

	li:hover ul, li:hover li:hover ul {
		display:block;
	}		

#hlavnipanel
{
margin:0 0 0 20%;
padding:0;
}

#hlavnipanel-obsah
{
margin:0;
padding: 1em 2em;
}

#hlavnipanel-obsah  h2
{
        font-family : Verdana,Arial;
   	font-size : 13pt;
   	font-weight : bold;
   	color : #622803;
   	text-decoration : none;
        line-height :5pt;
        text-align:center;
}

#hlavnipanel-obsah  h3
{
        font-family : Verdana,Arial;
   	font-size : 10pt;
   	font-weight : bold;
   	color : #AA55D0;
   	text-decoration : none;
        line-height :5pt;
        text-align:left;
}

#hlavnipanel-obsah p
{
	margin-top: 4px;
	margin-bottom: 4px;
	text-indent: 0em;
}

.italic { font-style: italic;}

.right { text-align:right;}

.center { text-align:center;}
/*<p class="center">stred</p>*/
 
#hlavnipanel-obsah a
{
	color: #622803;
	text-decoration : none;
	font-weight: 500;
        font-weight: bold;
} 

#hlavnipanel-obsah a:hover
{
	color: #F5F5F5;
	text-decoration: none;
	font-weight: bold;
} 

#hlavnipanel-obsah-paticka

{
    background-color:transparent;
    color:#622803;
    font-size:.95em;
    text-align:center;
    border-top:0px solid #;
    }
    
#hlavnipanel-obsah-paticka p

{
    padding:20px 0 0 0;
    margin-bottom:-20px;
     text-align:center;
    }
    
    #hlavnipanel-obsah-paticka a
{
	color: #622803;
	text-decoration : none;
	font-weight: 500;
        font-weight: bold;
} 

#hlavnipanel-obsah-paticka a:hover
{
	color: #F5F5F5;
	text-decoration: none;
	font-weight: bold;
} 

#paticka
{
    border-top: 2px solid #E7AA83;
    border-bottom: 3px solid #E7AA83;
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
    clear: both;
    background-color: #DF9362;
    color: #F5F5F5;
    font-size: 10px;
    text-align:center;
}

#paticka a
{
	color: #622803;
	text-decoration: none;
	font-weight: 500;
        font-weight: bold;
} 

#paticka a:hover
{
	color: #F5F5F5;
	text-decoration: none;
	font-weight: bold;
} 

hr.cleaner
{
clear:both;
display: none
}

.spacer{height: 100px;clear:both;}
/*<div class="spacer"></div>*/