/* typografie */



h1, h2, h3, h4, h5, h6 { color: #333333; padding: 15px 5px 0px 5px; margin:0 0 10px 0;  text-indent:10px; font-family:helvetica;}
h1 { font-size:17px; border-bottom: 2px solid #999999;}
h2 { font-size:15px; text-transform:uppercase; border-bottom:2px dotted #999999;}
h3 { font-size: 14px; border-bottom:1px dotted #999999;}
h4 { font-size:12px; font-family:helvetica; line-height:18px; text-indent: 0px; text-align:left; margin:0 0 0 0;}
h5, h6 { font-size:12px;}


.obsah li{ font-size:12px; color:#333333; padding: 0 0 0 5px; line-height: 18px; font-family:helvetica;}
p { font-size:13px; font-family:helvetica; line-height:18px; text-indent: 30px; text-align:justify; margin:0 10px 0 0;}






		body
		{
			margin: 0;
			
			font-family: georgia, times, "times new roman", serif;
			color: #000;
			background-color: #ddd;
		}
		
		#container
		{
			width:775px;
			
			margin: auto;
			background-color: #FFF;
			
			background-repeat: repeat-y;
			border: 1px solid #333;
		}
		
			#enter
		{   height:550px;
		    background-color: #000000;
			border-bottom: 1px solid #333;
		}
		
		#banner
		{   height:150px;
		    background-image:  url(images/background2.jpg);
			background-color: #666;
			
		}
		
		#menu_top
		{   height:22px;
		    background-color: #666;
			
		}
		
		#banner h1
		{
			margin: 0;
			padding: 0;
		}
		
		#nav
		{
			float: left;
			width: 122px;
			height:200px;
			margin-left: 5px;
			border: 1px solid #333;
			
		}
		
		#box_opis
		{
			float: right;
			width: 555px;
			margin-left: 5px;
			
		}
		
		#box_obrazek
		{
			float: left;
			width: 200px;
			height:200px;
			margin-left: 5px;}
			
		#box_news
		{
			float: left;
			width: 200px;
			height:120px;
			margin-left: 5px;	
			
		}
		#box_testy
		{
			float: left;
			width: 120px;
			height:100px;
			margin-left: 5px;	
			
		}
		
		#box_ikony
		{
			float: left;
			width: 200px;
			margin-top:10px;
			margin-left: 5px;
			
			
			
		}
		
		#nav p { margin-top: 0; }
		
		
		
		#content
		{
			font-family:helvetica;
            margin:0; 
            padding: 5px 0px 5px 0px;
            width:770px;}
		
		
		
		#content h2 { margin-top: 0; }
		
		#footer
		{
			clear: both;
			background-color: #666;
			text-align: right;
			color:#fff;
			border-top: 1px solid #333;
			font-size:10px;
			font-family:helvetica;
		}
#paticka { width:770px; height:20px; margin:0; padding:0; background-color:#CCCCCC; text-align:center;} 	
			#paticka-vnitrni { font-size:10px; color:#333333; margin-top:5px; }

#navcontainer { width: 120px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 120px;
background-color: #FFF;
border-bottom: 1px solid #666;
}

#navcontainer a:link, #navlist a:visited
{
color: #666;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #666;
color: #fff;
}


.menu {width:745px; height:20px; position:relative; z-index:100;border-right:1px solid #666; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:20px; border:1px solid #666; border-width:1px 0 1px 1px; background:#666; padding-left:10px; line-height:20px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:20px;t\op:20px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

        #menu a:link {text-decoration:none; color:#666;}
		#menu a:hover {text-decoration:underline; color: #666666; font-weight:bold; }
		#menu a:visited {text-decoration:none; color:#666;}
		#menu a:visited:hover {text-decoration:underline; color: #666666; font-weight: bold;}



#menu { float:left; min-height:180px; _height:180px; width:205px; background-color:#fff; margin-top:15px; margin-bottom:15px; color:#000000; border: 1px #666;}
		#menu-uvnitr { width:170px; margin-left:5px; margin-right:5px; margin-top:10px;}
		#menu-uvnitr li { list-style-image:url(images/arrow_small.gif);  margin: 5px; font-size:14px;  text-transform:uppercase; font-weight:bold; font-family:helvetica;}
		#menu-uvnitr img { border:none;}
		
		#menu_kon { float:left; min-height:350px; _height:350px; width:205px; background-color:#fff; margin-top:15px; margin-bottom:15px; color:#000000; border: 1px #666;}
		
#menu2 { float:right; min-height:180px; _height:180px; width:560px; background-color:#fff; margin-top:15px; margin-bottom:15px; color:#000000; border: 1px #666;}
		#menu2 a:link {text-decoration:none; }
		#menu2 a:hover {text-decoration:underline; }
		#menu2 a:visited {text-decoration:none; }
		#menu2 a:visited:hover {text-decoration:underline; }