/* r.a.d.menu CERES skin */
.RadMenu_CERES
{
	background: transparent;
}

.RadMenu_CERES .link /* opcio menu principal */
{
	text-decoration:none;
	color: black;
	line-height: 25px; /* alçadada cel.la  */
	border-bottom: 1px solid #d1d1d1;
	border-top: 0px none #ffffff;
	text-align: left; /* aliniacio text*/
	width:175px; /*amplada si el menú és vertical*/
}

.RadMenu_CERES .link .text
{
	padding-right: 0;
	padding-left: 10px;
		
}

.RadMenu_CERES .link:hover,
.RadMenu_CERES .expanded
{
/* item principal marcat o expandit */
	border-bottom: 1px solid #A30621; /*vermell */
	border-top: 0px none #ffffff;
	color: black;
}

.RadMenu_CERES .link:hover .text,
.RadMenu_CERES .focused .text,
.RadMenu_CERES .expanded .text
{
	border-top: 0px none #ffffff;

}



.RadMenu_CERES .rootGroup .disabled:hover
{
	border-bottom: 2px solid #cbcbcb;
	border-top: 2px solid #cbcbcb;
	background: #cbcbcb;
}

.RadMenu_CERES .rootGroup .disabled:hover .text
{
	border-top: 1px solid #ffffff;
}

.RadMenu_CERES .text
{
	font-size: 1em;
}

.RadMenu_CERES .group
{
	background: white;
	border: 0px;

}

.RadMenu_CERES .group .link
{
	background: #f1f1f1;
	border: solid 1px #d1d1d1;
	border-top-color: white;
	text-align: left;
	height:1.88em;
	width:auto; /* amplada del submenu si es vertical... 
	si no es posa hereda amplada arrel... deixar auto per amplada variable	
	o fixe igual a submenu mes ample */

}



.RadMenu_CERES .group .text
{
	padding-left:10px; /* padding del submenu */
	padding-right: 40px;
}


.RadMenu_CERES .group .link:hover .text,
.RadMenu_CERES .group .focused .text,
.RadMenu_CERES .group .expanded .text
{
	border-top: 0px;
}

.RadMenu_CERES .group .link:hover,
.RadMenu_CERES .group .focused,
.RadMenu_CERES .group .expanded
{
	background: #fafafa;
	border-bottom: 1px solid #ef2626;
	border-top: 1px solid white;
	font-weight: normal;
	
}

.RadMenu_CERES .leftArrow,
.RadMenu_CERES .rightArrow,
.RadMenu_CERES .topArrow,
.RadMenu_CERES .bottomArrow,
.RadMenu_CERES .leftArrowDisabled,
.RadMenu_CERES .rightArrowDisabled,
.RadMenu_CERES .topArrowDisabled,
.RadMenu_CERES .bottomArrowDisabled
{
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	background: #f1f1f1 url('img/left.gif') center center no-repeat;
	width:15px;
}

.RadMenu_CERES .topArrow,
.RadMenu_CERES .topArrowDisabled
{
	background-image:url('img/top.gif');
	width:100%;
}

.RadMenu_CERES .bottomArrow,
.RadMenu_CERES .bottomArrowDisabled
{
	background-image:url('img/bottom.gif');
	width:100%;
}

.RadMenu_CERES .rightArrow,
.RadMenu_CERES .leftArrow
{
	height:100%;
}

.RadMenu_CERES .rightArrow,
.RadMenu_CERES .rightArrowDisabled
{
	background-image:url('img/right.gif');
}

.RadMenu_CERES .vertical .separator .text
{
	background: #eaeaea;
	font-size:1px;
	padding-top: 2px;
	border-left: solid 1px #d1d1d1;
	border-right: solid 1px #d1d1d1;
}

.RadMenu_CERES .expandLeft,
.RadMenu_CERES .expandRight
{
	background:transparent url(img/groupImage.gif) right center no-repeat;
	margin: 0px 3px 0px 0px; /* marges en blocs arrel amb fletxa  */
}

.RadMenu_CERES .link:hover .expandLeft,
.RadMenu_CERES .link:hover .expandRight,
.RadMenu_CERES .focused .expandLeft,
.RadMenu_CERES .focused .expandRight,
.RadMenu_CERES .expanded .expandLeft,
.RadMenu_CERES .expanded .expandRight
{
	background:transparent url(img/invertedGroupImage.gif) right center no-repeat;
}

/* right to left */
.RadMenu_CERES_rtl .group .link:hover .expandLeft,
.RadMenu_CERES_rtl .group .link:hover .expandRight
{
	background:transparent url(img/left.gif) left center no-repeat;
	margin: 0px 1px;
	padding-left: 8px;
}

.RadMenu_CERES_rtl .expandLeft,
.RadMenu_CERES_rtl .expandRight
{
	background:transparent url(img/groupImageRTL.gif) left center no-repeat;
}
/* end right to left */
