/*****************************************************************************************************************************
*
* Meniu CSS orizontal
* Se poate simplifica pentru un singur nivel daca meniul pt care se foloseste are un singur nivel
* Pe Opera nu se pot vedea mai mult de doua nivele din cauza bug-urilor
*
*****************************************************************************************************************************/
/***************************************************************************************************************************** 
* Div-ul care contine meniul 
*****************************************************************************************************************************/
#meniu {
	position:absolute;
	cursor:pointer;
	margin:0px;
	padding:0px;
	z-index:30;
	width:750px;
	height:60px;
	margin-left:1px;
	padding-top:0px;
}
* html #meniu {
	background-image:url(javascript:window.onload=window.startList);
}
/***************************************************************************************************************************** 
* Primul nivel de meniu (Reguli generale - Pt IE,Mozilla,Opera)
*****************************************************************************************************************************/
#meniu ul {
	margin:0px;
	padding:0px;
	list-style:none;
	width:auto;
	white-space:nowrap;
}
#meniu ul li {
	display:block;
	float:left;
	position:relative;
	left:0px;
	top:32px;
	font-weight:bold;
	cursor:hand;
	padding-top:7px;
	width:95px;
	height:29px;
	he\ight:22px;
	text-align:center;
	background:transparent url(../images/buton2.jpg) no-repeat scroll bottom;
	color:#E4E4A3;
	margin-left:1px;
}

#meniu ul li:hover {
	color:#FFFFFF;
}
/***************************************************************************************************************************** 
* Reguli pentru Mozilla si Opera (Pe Opera ca sa se vada submeniurile, li trebuie afisate ca inline-block)
*****************************************************************************************************************************/
#meniu>ul>li{
	display:inline-block;
	float:none;
}
/***************************************************************************************************************************** 
* Reguli pentru Mozilla (Pe Opera ca sa se vada submeniurile, li trebuie afisate ca inline-block)
*****************************************************************************************************************************/
head+body #meniu>ul>li {
	display:block;
	float:left;
}
/***************************************************************************************************************************** 
* Reguli pentru Mozilla si Opera pentru primul li, ca sa existe toate border-urile
*****************************************************************************************************************************/
#meniu>ul>li:first-child{
	margin-left:0px;
}
/***************************************************************************************************************************** 
* Al doilea nivel e meniu (Reguli generale - Pt IE,Mozilla,Opera)
*****************************************************************************************************************************/
#meniu ul li ul {
	display:none;
	list-style:none;
	position:absolute;
	top:4px;
	left:0px;
	z-index:2;
	width:156px;
	margin-top:25px;
	margin-left:30px;
	white-space:auto;
	background:transparent url(../images/fundalSubMeniu.jpg) repeat-y scroll;
	border:1px solid #B7CDC1;
}
* html #meniu ul li ul {
	top:4px;
	z-index:100;
	margin-left:0px;
}
#meniu ul li ul li {
	display:block;
	position:relative;
	color:#000000;
	background-color:#DCEDE5;
	background-image:none;
	border-top:0px none #000000;
	border-bottom:0px none #000000;
	border-left:0px solid #000000;;
	border-right:0px solid #000000;
	width:140px;
	height:25px;
	text-align:left;
	top:0px;
	left:0px;
	cursor:hand;
	margin-left:0px;
	padding-left:13px;
	padding-right:3px;
}

* html #meniu ul li ul li {
	padding-left:15px;
}

#meniu ul li ul li:hover{
	background-color:#FFF429;
	color:#000000;
}
/***************************************************************************************************************************** 
* Reguli pentru Mozilla si Opera (Ca sa se vada pe Opera submeniurile aliniate)
*****************************************************************************************************************************/
#meniu>ul>li ul{
	left:-44px;
}
#meniu>ul>li:first-child>ul{
	left:-41px;
}
#meniu>ul>li ul li:first-child{	/* ca sa existe toate border-urile intr-un submeniu */
	border-top:0px solid #B7CDC1;
}  
/***************************************************************************************************************************** 
* Reguli pentru Mozilla(Ca sa se vada pe Opera submeniurile aliniate)
*****************************************************************************************************************************/
head+body #meniu>ul>li ul{
	left:-30px;
}
head+body #meniu>ul>li:first-child>ul{
	left:-30px;
}
/******************************************************************************************************************************
* Al treilea nivel de meniuri. El trebuie sa existe pentru ca top si left-ul submeniurilor este altfel de la nivelul 3 in colo
* !ATENTIE! CSS-urile se mostenesc de la declaratiile anterioare
******************************************************************************************************************************/
#meniu ul li ul li ul{
	display:none;
	list-style:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	width:0px;
	margin:0px;
	white-space:auto;
}
/******************************************************************************************************************************
* Clasele de over care vor fi atasate din JS pentru IE care nu stie de hover pe orce element
******************************************************************************************************************************/
#meniu li.over{
	display:block;
	background-color:#FFF429;
}

* html #meniu ul li.over{
	color:#FFFFFF;
}

* html #meniu ul li ul li.over{
	color:#000000;
}

#meniu ul.over{
	display:block;
}
/*******************************************************************************************************************************
* Clasele care sa afiseze submeniul cand vine deasupra unui element din meniu
********************************************************************************************************************************/ 
#meniu li:hover>ul{
	display:block;
}
/******************************************************************************************************************************
* Comanda ca incepand cu niveleul 3 Opera sa nu mai afiseze meniul
*******************************************************************************************************************************/
#meniu>ul>li>ul>li:hover ul{
	display:none;
}
head+body #meniu>ul>li>ul>li:hover>ul{
	display:block;
}
/********************************************************************************************************************************
* Linkurile
********************************************************************************************************************************/
div#meniu a.menu {
	text-decoration:none;
	color:#FFD440;
}
div#meniu a.menu:hover {
	color:#FFFFFF;
}
/********************************************************************************************************************************
* Sfarsit
********************************************************************************************************************************/
/********************************************************************************************************************************
* P.S. (numai pentru eliteTV)
********************************************************************************************************************************/
#meniu ul li.btnOver{
	background-image:url(../images/buton2Apasat.jpg);
}