/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */



/* dropdown menu */
div.menu						{ width: 1000px; height: 28px; margin: 0px auto; background: url('../images/fejlec/menu_hatter.jpg'); repeat-x; z-index: 10; position:relative;}
div.menu h1{
    margin: 0;
}
li.menu_i							{ width: 145px; height: 28px; float: left; text-align: center; }
a.menu_i						{ font: normal normal 12px arial; color: #ffffff; line-height: 150%; text-decoration: none; float:none; display:block; padding-top: 5px;}
a.menu_i:hover					{ color: #0E4C10; }
li.menu_a, li.menu_i:hover		{ width: 145px; height: 28px; float: left; text-align: center; background: url('../images/fejlec/menu_hatter_a.jpg'); repeat-x;}
li.menu_i:hover .img_dropdown_i	{ background-image: url('../images/fejlec/menu_gomb_a.jpg'); }
a.menu_a						{ font: normal normal 12px arial; color: #0e4c10; text-decoration: none; display:block; padding-top: 6px;}
a.menu_a:hover					{ color: #ffffff; }
.menu li li						{ width: 100%; height: 28px; float: left; text-align: left; background-color: #99be03; opacity:0.95; filter: alpha(opacity=95); -moz-opacity: 0.95;}
.menu li li:hover				{ width: 100%; height: 28px; float: left; text-align: left; background-color: #bad457;}
.menu li li a			{ font: normal normal 11px arial; color: #072607; text-decoration: none; min-width:125px; width: auto; display: block; padding:7px 10px 7px 10px; white-space:nowrap;}
li.menu_tovabbi					{ width: 130px; height: 28px; float: left; text-align: left; background: url('../images/fejlec/menu_hatter_tovabb.jpg'); repeat-x; text-align:center; cursor: pointer;}
span.menu_tovabbi				{ font: normal normal 12px arial; color: #ffffff; line-height: 150%; text-decoration: none; display: block; padding-top: 6px; }
.menu li.menu_tovabbi div		{ border: solid 1px #533d01; left: -243px;top: 6px; height: auto; width: 180px; position: relative; display:inline-table;}
.menu li.menu_tovabbi div div.tovabbi_lista		{ height: 28px; text-align: left; background-color: #FFE598; color: #533d01; left: 0px; top: 0px; border: none; opacity:0.95; filter: alpha(opacity=95); -moz-opacity: 0.95}
.menu li.menu_tovabbi div div.tovabbi_lista:hover	{ background-color: #FFB833;}
.menu li.menu_tovabbi div div a { font: normal normal 12px arial; color: #000000; text-decoration: none; display: block; padding:7px 5px 7px 10px;}
.img_dropdown_i					{ background-image: url('../images/fejlec/menu_gomb_i.jpg'); display:inline-table; height:28px; width:22px; float: right; vertical-align: middle;}
.img_dropdown_a					{ background-image: url('../images/fejlec/menu_gomb_a.jpg'); display:inline-table; height:28px; width:22px; float: right; vertical-align: middle;}
#closeX							{ text-align: right; background-color: #FFE598; color: #533d01; left: 0px; top: 0px; border: none; opacity:0.90; filter: alpha(opacity=95); -moz-opacity: 0.95; cursor: auto; padding-top: 3px; padding-right:3px; width:177px}
#closeX a 						{ padding-right: 0px; }



/* 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 {1px solid #072809}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */


/* style the second level background */
/* style the second level hover */

/* style the third level background */

/* style the third level hover */


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {display: none;position:absolute;;top:28px;left:-1px; border: 1px solid #072809; min-width:145; z-index: 100;}
/* another hack for IE5.5 */
* html .menu ul ul {top:28px;t\op:28px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px;}

/* 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 */

/* yet another hack for IE5.5 */


/* style the top level hover */

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul li a:hover ul {display: block;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul:hover ul ul{display:none;}
/* make the third level visible when you hover over second level list OR link */
.menu ul:hover ul :hover ul{ display: block;}



