/**
* H2C Project: styles/screen.php, v 1.0 Wed Aug 27 16:31:50 CEST 2008 @647 /Internet Time/
* @copyright JRX | jrx.palitchi.org | 2008 
*
* CSS 1,2 skript: urcuje design webu
*
* pouziti: header.tpl
**/

/* Reset content CSS
---------------------*/
body { border: 0; width: auto; }

/* Main parts
---------------*/
#wrap { 
	width: 990px; height: auto; overflow: none;
	/*min-height: 711px; 681*/
	margin: 0px; padding: 0px;
	margin-left: auto; margin-right: auto;
	text-align: center;
	font-family: Verdana, sans-serif;
	background: #cc9900 url('../images/background.gif') top center no-repeat;
}
#sides_container { margin: 0px; padding: 0px; }
#footer {
	position: relative;
	clear: both;
	width: 990px;	height: auto;
	margin: 0px;
}
#header {
	position: relative;
	clear: both;
	width: 990px; height: 102px;
	margin: 0 auto;
	text-align: center;
	background: transparent;
}
#left_side { 
	float: left; 
	width: 100%; height: auto;
	background: transparent;
}
#content {
	width: 100%; height: auto;
	min-height: 490px;
	text-align: left;
	background: transparent;
}
#navigation {
	width: 990px; height: auto;
	height: 25px;
	z-index: 11;
}
#side {
	float: left;
	width: auto; height: auto;
	margin: 0px; padding: 0px;
	font-size: 12px;
	background: transparent;
}
#data {
	width: auto; height: auto;
	margin: 0px; padding: 0px; 
	margin-top: 0px; margin-left: 327px;
	font-size: 12px;
	background: transparent;
}
#data_content {
	margin: 0px; 
	padding:  0px 10px 0px 10px;
	width: 640px; height: auto;
}
/* Right Side
--------------*/
/* Header
----------*/
#header h1 {
	position: absolute;
	margin: 0; padding: 0;
	font-size: 1px;
	width: 310px; height: 90px;
	top: 12px; right: 140px;
	color: #cc9900;
	z-index: 1;
}
#header a img.logo {
	position: relative;
	float: right;
	width: 310px; height: 90px;
	margin-top: 12px;
	margin-right: 140px;
	background: transparent;
	z-index: 2;
}
/* Navigation 
--------------*/
#menu { width: 735px; float: left; margin-top: 0px; margin-left: 255px; background-color: transparent; _margin-left: 130px; }
/* CSS Menu 1 Level */
#menu ul {
	max-width: 735px;
	height: auto;
	margin: 0; padding: 0; 
	display: block;
	font-size: 12px;
	list-style: none; 
	z-index: 96; 
	text-align: center;
}
#menu ul ul { display: none; position: absolute; top: 20px; left: 0; }
#menu ul ul ul { top: 0; left: 116px;}
#menu ul li {
	position: relative; float: left;
	width: auto; height: auto;
	margin: 0; padding: 0; 
	margin-bottom: -1px; margin-right: -0px; padding-right: 0px;
	list-style: none; 
	z-index: 96; 
	text-align: center;
}
#menu ul a {
	display: block; 
	text-decoration: none; 
	text-transform: lowercase;
	padding: 5px 0px 5px 0px; margin: 0px;
	height: auto !important; height: 1%; 
	width: auto; 
	margin-left: 0px; margin-right: 10px; _margin-right: 5px; 
	font: bold 12px Verdana; 
	float: none !important; float: left;
}
#menu ul li a {	background-color: #cc9900; color: #330000; }
#menu ul ul li a { z-index: 97; width: 120px; margin: 0; padding: 0; font: normal 12px Verdana; text-transform: none; }
#menu ul ul ul li a {	z-index: 97; width: 120px; margin: 0; padding: 0; font: normal 12px Verdana; text-transform: none; }
#menu ul a {  }
#menu ul a:hover {  }
#menu ul li:hover a, #menu ul li.iehover a { background-color: #cc9900; color: #ffff99; }
#menu ul li:hover a:hover, #menu ul li.iehover:hover a { background-color: #cc9900; color: #ffff99; }
#menu ul ul a {  }
#menu ul ul a:hover { background-color: #ffff99; color: #330000; }
#menu ul ul li:hover a, #menu ul ul li.iehover a { background-color: #ffff99; color: #330000; }
#menu ul ul li:hover a:hover, #menu ul ul li.iehover a:hover { background-color: #ffff99; color: #330000; }
#menu ul ul ul a {  }
#menu ul ul ul a:hover { background-color: #ffff99; color: #330000; }
#menu ul ul ul li:hover a, #menu ul ul ul li.iehover a { background-color: #ffff99; color: #330000; }
#menu ul ul ul li:hover a:hover, #menu ul ul ul li.iehover a:hover { background-color: #ffff99; color: #330000; }
#menu ul li a.current {	background-color: #cc9900; color: #ffff99; }
#menu ul ul li a.current, #menu ul li:hover ul li a.current {	background-color: #ffff99; color: #330000; }
#menu ul ul ul li a.current, #menu ul li:hover ul li:hover ul li a.current {	background-color: #ffff99; color: #330000; }
#menu ul ul { 
	width: 120px; 
	margin: 0px; padding: 0px; padding-top: 6px;
	border-bottom: 1px solid #ffff99;
}
#menu ul ul li { 
	float: left !important; /* float: none; */
	display: block !important; /* display: inline; */ 
	width: 118px; margin: 0; padding: 0;
	border: 1px solid #ffff99; border-bottom: 0px solid #ffff99;
}
#menu ul ul ul {
	width: 120px; 
	margin: 0px; padding: 0px; padding-top: 0px;
	border-bottom: 1px solid #ffff99;
}
#menu ul ul ul li { 
	float: left !important; float: none;
	display: block !important; /* display: inline; */ 
	width: 118px; margin: 0; padding: 0;
	border: 1px solid #ffff99; border-bottom: 0px solid #ffff99;
}
#menu ul li:hover li a, #menu ul li.iehover li a, #menu ul li:hover li:hover li a, #menu ul li.iehover li.iehover li a, 
#menu ul li:hover li:hover li:hover li a, #menu ul li.iehover li.iehover li.iehover li a {
	padding: 7px 3px 7px 6px; 
	height: auto !important; height: 1%; 
	font: normal 11px Verdana; 
	border: none; 
	width: 100%; max-width: 109px;
	/* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=97); opacity: 0.97; */
	float: left !important; float: none; 
	text-align: center; 
}
#menu ul li li { padding-bottom: 0; }
#menu ul li:hover li a:hover, #menu ul li:hover li:hover a, #menu ul li.iehover li a:hover, #menu ul li.iehover li.iehover a, 
#menu ul li:hover li:hover li a:hover, #menu ul li:hover li:hover li:hover a, #menu ul li.iehover li.iehover li a:hover, 
#menu ul li.iehover li.iehover li.iehover a, #menu ul li:hover li:hover li:hover li a:hover, 
#menu ul li.iehover li.iehover li.iehover li a:hover { }
#menu ul li:hover ul ul, #menu ul li:hover ul ul ul, #menu ul li.iehover ul ul, #menu ul li.iehover ul ul ul { display: none; }
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul, #menu ul li.iehover ul, #menu ul ul li.iehover ul, 
#menu ul ul ul li.iehover ul { display: block; }
/* Side
---------*/
#side_content {
	margin: 0px; padding: 0px;
	width: 197px; height: auto;
}
#submenu { 
	width: 197px; height: 190px; 
	margin: 0; padding: 0; 
	margin-top: 175px;
	clear: none;
	overflow: auto;
}
/* Footer
-----------*/
#footer div#footer_content {
	position: relative;
	clear: both;
	width: 990px;
	height: 85px;
	margin: 0px;
	text-align: left;
	background: #cc9900 url('../images/footer.gif') bottom center no-repeat;
}
#footer p { font-size: 11px; text-align: center; margin-top: 0px; }
/* Details
-----------*/
ul.gallery {
	clear: right; display: block;
	width: auto; height: auto;
	list-style-type: none; 
	margin: 0; padding: 0;
}
ul.gallery li {
	width: 160px; height: 180px; display: inline;
	margin: 5px 10px; padding: 0;
}
ul.gallery li span {
	width: 155px; height: 1em; position: absolute;
	margin: 0; padding: 0; font-weight: bold;
	margin-left: 5px; margin-top: 1em;
}
ul.gallery li a img {
	margin-left: 2px; margin-right: 2px; margin-top: 3em;
}