/**
* Human2Code 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
**/

/*
Colours:
----------
Text v navigaci při najeti mysi a po prokliknuti: #af056f
Zakladni zelena v horni navigaci a ve stavovem radku: #67c419
Zakladni zelena v navigaci vlevo (i jako podklad leveho sloupce az k fotce): #ccfa9b
Zelena po prokliknuti nahore i vlevo: #a7ed41
Zakladni vinova v navigaci vlevo: #fdb0e0
Vinova po prokliknuti vlevo a barva nadpisů: #af056f
*/

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

/* Main parts
---------------*/
body {
	background: #e5edf3 url("../images/background_big_web.jpg") top center no-repeat;
}
#wrap { 
	width: 1187px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#sides_container {}
#left_side { float: left; background: transparent; }
#right_side {
	float: right;
	clear: right;
	position: relative;
	width: 197px;
	height: auto; min-height: 601px;
	margin: 0px;
	margin-top: 60px;
	padding: 0px;
	border: 0;
	background: #fdb0e0;
}
#footer {
	position: relative;
	clear: both;
	width: 1187px;
	height: 15px;
	background: #67c419;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	font-size: 12px;
	border-top: 1px solid #ffffff;
}
#header {
	position: relative;
	clear: both;
	width: 990px;
	height: 55px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	text-align: center;
	background: transparent;
}
#content {
	position: relative;
	clear: both;
	width: 990px;
	height: auto;
	text-align: left;
	background: #ccfa9b;
}
#navigation {
	position: relative;
	clear: both;
	width: 990px;
	height: 179px;
}
#side {
	position: relative;
	float: left;
	width: 197px;
	height: auto;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background: #ccfa9b;
	border-top: 2px solid #ffffff;
}
#data {
	position: relative;
	width: auto;
	height: auto;
	margin: 0px 0px 0px 197px;
	padding: 0px; 
	font-size: 12px;
	background: #d9efff;
	border-top: 3px solid #ffffff;
	border-left: 1px solid #ffffff;
}
#data_content {
	margin: 0px;
	padding: 0px 50px 0px 50px;
	height: 420px;
	overflow: auto;
}
/* Right Side
--------------*/
#right_side h3 {
	background-color: #b84a81;
	color: #ffffff;
	margin: 0 auto;
	padding: 10px;
	font-size: 12px;
	text-transform: uppercase; 
}
#right_side div.news {
	font-size: 12px;
	padding: 5px;
	margin-bottom: 10px;
}
#right_side div.news h1,
#right_side div.news h2,
#right_side div.news h3,
#right_side div.news h4,
#right_side div.news h5,
#right_side div.news h6{
	background-color: #fdb0e0;
	color: #b84a81;
	padding: 10px 0 3px 0;
	font-size: 12px;
	text-transform: none; 
}
/*#right_side div.news h3.Nadpis-3-modry {	color: #0000ff; }
#right_side div.news h3.Nadpis-3-oranzovy {	color: #ff9900; }
#right_side div.news h3.Nadpis-3-zeleny {	color: #009900; }*/
#right_side div.news p {
	margin: 0; padding: 0;
}
#right_side div.news span.detail {
	float: right;
}
/* Header
----------*/
#header img.logo { 
	position: relative;
	float: left;
	margin-left: 15px;
	width: 168px; height: 55px;
}
#header h1 {
	font-family: sans-serif; 
	letter-spacing: 1px;
	float: left;
	margin-top: 19px;
	margin-left: 25px;
	color: #b84a81;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
/* Navigation 
--------------*/
#menu { width: 990px; height: auto; }
#menu ul {
	width: 990px;
	height: 179px;
	margin: 0; padding: 0;
	background-color: #ffffff;
	display: block;
}
#menu li { display: inline; float: left; width: 197px; height: 179px; border-right: 1px solid #ffffff; }
#menu li.menu_on a { background-color: #a7ed41; color: #af056f; width: 197px; height: 179px; margin: 0px; padding: 0px; border-right: 1px solid #ffffff; }
#menu li.menu_off a { background-color: #67c419; color: #ffffff; width: 197px; height: 179px; margin: 0px; padding: 0px; border-right: 1px solid #ffffff; }
#menu li.menu_on { background-color: #a7ed41; color: #af056f; width: 197px; height: 179px; margin: 0px; padding: 0px; border-right: 1px solid #ffffff; }
#menu li.menu_off { background-color: #67c419; color: #ffffff; width: 197px; height: 179px; margin: 0px; padding: 0px; border-right: 1px solid #ffffff; }
#menu li a img { margin: 0; padding: 0; width: 197px; height: 148px; border-bottom: 1px solid #ffffff; }
#menu li div {
	width: 197px; height: 22px; clear: both;
	margin: 0px; margin-top: 8px; margin-right: 1px; padding: 0; 
	background-color: transparent;
}
#menu li div.menutextarea_on {}
#menu li div.menutextarea_off {}
#menu li.menu_on a,
#menu li.menu_on a span { color: #af056f; }
#menu a,
#menu a:visited { color: #ffffff; }
#menu a:hover,
#menu a:focus { color: #af056f; }
#menu li a span {
	letter-spacing: 1px;
	font-weight: bold; 
	text-transform: uppercase; 
	font-size: 12px;
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
  padding-bottom: 0px;
}
/* OnMouseOver CSS Menu */
#menu ul {
	max-width: 197px;
	height: auto;
	display: block; display: inline; 
	list-style: none; 
	z-index: 96; 
	text-align: left;
}
#menu ul { padding: 0; margin: 0; }
#menu ul ul { display: none; position: absolute; top: 179px; left: -1px; }
#menu ul ul ul { top: 0px; left: 197px;}
#menu ul li {
	position: relative; float: left;
	width: 197px; height: auto;
	list-style: none; 
	z-index: 96; 
	text-align: left;
}
#menu ul a {
	display: block; 
	text-decoration: none; 
	text-transform: none;
	height: auto !important; height: 1%; 
	width: auto; 
	float: none !important; float: left;
	font-size: 12px;
	font-weight: bold;
}
#menu ul li a span {
	width: auto;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold; 
	text-transform: uppercase; 
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
  padding-bottom: 0px;
}
#menu ul ul li a { z-index: 97; width: 197px; margin: 0; padding: 0; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; background: #a7ed41; color: #ffffff; }
#menu ul ul ul li a {	z-index: 97; width: 130px; margin: 0; padding: 0; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; background: #a7ed41; color: #ffffff; }
#menu ul ul li { background: #a7ed41; color: #ffffff; }
#menu ul ul li a { background: #a7ed41; color: #ffffff; }
#menu ul ul a:hover { background: #67c419; color: #af056f; }
#menu ul ul li:hover a, #menu ul ul li.iehover a { background: #67c419; color: #af056f; }
#menu ul ul li:hover a:hover, #menu ul ul li.iehover a:hover { background: #67c419; color: #af056f; }
#menu ul ul ul li { background: #a7ed41; color: #ffffff; }
#menu ul ul ul li a { background: #a7ed41; color: #ffffff; }
#menu ul ul ul a:hover { background: #67c419; color: #af056f; }
#menu ul ul ul li:hover a, #menu ul ul ul li.iehover a { background: #67c419; color: #af056f; }
#menu ul ul ul li:hover a:hover, #menu ul ul ul li.iehover a:hover { background: #67c419; color: #af056f; }
#menu ul li a.current {	background: #67c419; color: #af056f; font-weight: bold; }
#menu ul ul li a.current, #menu ul li:hover ul li a.current {	background: #67c419; color: #af056f; font-weight: bold; }
#menu ul ul ul li a.current, #menu ul li:hover ul li:hover ul li a.current { background: #67c419; color: #af056f; font-weight: bold; }
#menu ul li:hover ul li a, #menu ul li.iehover ul li a, #menu ul li.iehover:hover ul li a { background: #a7ed41; color: #ffffff; }
#menu ul li:hover ul li ul li a, #menu ul li.iehover ul li ul li a, #menu ul li.iehover:hover ul li ul li a { background: #a7ed41; color: #ffffff; }
#menu ul ul { 
	width: 197px; max-width: 197px;
	margin: 0px; padding: 0px; padding-top: 1px;
	border-bottom: 0px solid white;
}
#menu ul ul li { 
	float: left !important; /* float: none; */
	display: block !important; /* display: inline; */ 
	width: 197px; margin: 0; padding: 0; margin-top: -1px;
	border: 1px solid white; /* border-bottom: 0px solid white; */
}
#menu ul ul ul {
	width: 130px; max-width: 130px;
	margin: 0px; padding: 0px; padding-top: 0px;
	border-bottom: 0px solid white;
}
#menu ul ul ul li { 
	float: left !important; float: none;
	display: block !important; /* display: inline; */ 
	width: 128px; margin: 0; padding: 0; margin-top: -1px;
	border: 1px solid white; /* border-bottom: 0px solid white; */
}
#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: 6px 15px 5px 7px; 
	height: auto !important; height: 1%; 
	font-weight: bold; 
	border: none; 
	width: 100%; max-width: 175px;
	/* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=97); opacity: 0.97; */
	float: left !important; float: none; 
	text-align: left; 
}
#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; }
#menu span.menuLv { 
	display: block; 
	position: absolute; 
	width: 7px; height: 7px; 
	background: transparent url("../images/imiconmenu.gif") no-repeat; 
	top: 16px; right: 20px; 
}
#menu ul ul li span.menuLv { 
	width: 10px; height: 33px;
	top: 0px; right: 3px;                   
	border-left: 1px solid white; 
	background: transparent url("../images/imiconmenu.gif") 4px 14px no-repeat; 
}
/* Side
---------*/
#side_content {
	margin: 0px; padding: 0px;
	height: 100%;
}
#sidemenu { width: 197px; height: 100%; margin: 0; padding: 0; clear: left; border: 0px; border-bottom: 1px solid #ffffff; }
#sidemenu ul {
	width: 197px;
	height: 100%;
	margin: 0; padding: 0;
	display: block;
	list-style-type: none;
  background: #ccfa9b;
}
#sidemenu li { width: 197px; height: 26px; margin: 0px; padding: 0px; border-top: 1px solid #ffffff; margin-top: 0px; margin-bottom: 0px; overflow: none; }
#sidemenu li.sidemenu_on a { background: #a7ed41; width: 197px; height: 26px; margin: 0px; padding: 0px; }
#sidemenu li.sidemenu_off a { background: #ccfa9b; width: 197px; height: 26px; margin: 0px; padding: 0px; color: #000000; }
#sidemenu li.sidemenu_on { background: #a7ed41; width: 197px; height: 26px; margin: 0px; padding: 0px; }
#sidemenu li.sidemenu_off { background: #ccfa9b; width: 197px; height: 26px; margin: 0px; padding: 0px; color: #000000; }
#sidemenu a:hover, #sidemenu a:focus { color: #af056f; cursor: pointer; }
#sidemenu li.sidemenu_on a { color: #af056f; }
#sidemenu li a span {
	height: 21px;
	letter-spacing: 1px;
	font-weight: bold; 
	text-transform: uppercase; 
	font-size: 12px;
	display: block;
	margin: 0px;
	padding-top: 8px;
	padding-left: 10px;
  padding-bottom: 0px;
}
#submenu { width: 197px; height: 100%; margin: 0; padding: 0; clear: left; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
#submenu ul {
	width: 197px;
	height: 100%;
	margin: 0; padding: 0;
	display: block; 
	list-style-type: none;
  background: #fdb0e0;
}
#submenu li { width: 197px; height: 26px; margin: 0px; padding: 0px; border-top: 1px solid #ffffff; margin-top: 0px; margin-bottom: 0px; overflow: none; }
#submenu li.submenu_on a { background: #af056f; width: 197px; height: 26px; margin: 0px; padding: 0px; color: #ffffff; }
#submenu li.submenu_off a { background: #fdb0e0; width: 197px; height: 26px; margin: 0px; padding: 0px; color: #ffffff; }
#submenu li.submenu_on { background: #af056f; width: 197px; height: 26px; margin: 0px; padding: 0px; color: #ffffff; }
#submenu li.submenu_off { background: #fdb0e0; width: 197px; height: 26px; margin: 0px; padding: 0px; color: #ffffff; }
#submenu li a,
#submenu li a:visited { color: #ffffff; }
#submenu li a:hover,
#submenu li a:focus { color: #ffffff; cursor: pointer; }
#submenu li a span {
	height: 21px;
	letter-spacing: 1px;
	font-weight: bold; 
	text-transform: uppercase; 
	font-size: 12px;
	display: block;
	margin: 0px;
	padding-top: 8px;
	padding-left: 10px;
  padding-bottom: 0px;
}
/* Footer
-----------*/
#links {
	position: absolute; top: -220px; left: 0;
	width: 197px;
	height: 220px;
	margin: 0px; padding: 0;
	display: block; 
  background: #ffffff; border: 0;
}
#footer div#footer_logo { float: left; }
#footer img#footer_menu_logo { position: absolute; top: -151px; left: 0; bottom: 0; right: 0; border-top: 1px solid #ffffff; }