/* MENU DESPLEGABLE PRINCIPAL ===================================================================================================== */

.navbarrie, .navbarrie * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:1002;
}
.navbarrie {
	line-height:	1.0;
}
.navbarrie ul {
	position:		absolute;
	top:			-999em;	
	width:			20em; /*10em*//* left offset of submenus need to match (see below) */
	z-index:1002;
	max-width: 168px !important;
}
.navbarrie ul li {
	width:			100%;
}
.navbarrie li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.navbarrie li {
	float:			left;
	position:		relative;
}
.navbarrie a {
	display:		block;
	position:		relative;
}
.navbarrie li:hover ul,
.navbarrie li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;/*99;*/
}
ul.navbarrie li:hover li ul,
ul.navbarrie li.sfHover li ul {
	top:			-999em;
}
ul.navbarrie li li:hover ul,
ul.navbarrie li li.sfHover ul {
	left:			20em; /*10*//* match ul width */
	top:			0;
}
ul.navbarrie li li:hover li ul,
ul.navbarrie li li.sfHover li ul {
	top:			-999em;
}
ul.navbarrie li li li:hover ul,
ul.navbarrie li li li.sfHover ul {
	left:			20em; /*10*//* match ul width */
	top:			0;
}

/*** SKIN ***/
.navbarrie {
	float:			left;
	margin-bottom:	1em;
}
.navbarrie a {
	padding: 		.75em 1em;
	text-decoration: none;
}
.navbarrie a, .navbarrie a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	/*color:			#DE999C;*/
	color:				#FEB4B4;
	text-decoration: none;
}
.navbarrie li {

	background:		#BE3138;
}
.navbarrie li li {
	/*width: 20em;*/
	background:		#BE3138;
}
.navbarrie li li li {
	
	background:		#BE3138;
}
.navbarrie li:hover, .navbarrie li.sfHover,
.navbarrie a:focus, .navbarrie a:hover, .navbarrie a:active {
	outline:		0;
	color:			white;
}

/* título del menu */
.navbarrie .mainlevel span{
	color:white;
}
.navbarrie li.nivel0 {
	margin-right: 19px;
	width: 168px;
	background: #BE3138 url('../images/menufondo.png') repeat-x;
}

/* separación titulo de desplegable */
.navbarrie li.nivel0:hover {border-bottom:3px solid #BE3138;}

.navbarrie li.nivel1{top:2px;}
.navbarrie li.nivel2,.navbarrie li.nivel3,.navbarrie li.nivel4 {left:1px;}


/* Flechas para nivel 1 */
.navbarrie span.flecha{
	display:block;
	float:left;
	width:			12px;
	height:			12px;
	overflow:		hidden;
	background:		url('../images/menuflechas.png') no-repeat left -20px;
}

/* mejorando visual para cuando no se tiene javascript */
.navbarrie li.nivel1, .navbarrie li.nivel2 {white-space: normal; float: left; width: 100%;}
.navbarrie a, .navbarrie a:visited  {float: none; width: auto;}

/*** arrows **/
.navbarrie a.sf-with-ul {
	padding-right: 	2.25em; 
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.navbarrie .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.50em;
	/*top:			1.05em;  IE6 only */
	width:			20px;
	height:			20px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/menuflechas.png') no-repeat -20px -40px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
.navbarrie a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -40px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
.navbarrie a:focus > .sf-sub-indicator,
.navbarrie a:hover > .sf-sub-indicator,
.navbarrie a:active > .sf-sub-indicator,
.navbarrie li:hover > a > .sf-sub-indicator,
.navbarrie li.sfHover > a > .sf-sub-indicator {
	background-position: -20px -40px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.navbarrie ul .sf-sub-indicator { background-position:  -20px 0; }
.navbarrie ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.navbarrie ul a:focus > .sf-sub-indicator,
.navbarrie ul a:hover > .sf-sub-indicator,
.navbarrie ul a:active > .sf-sub-indicator,
.navbarrie ul li:hover > a > .sf-sub-indicator,
.navbarrie ul li.sfHover > a > .sf-sub-indicator {
	background-position: -20px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/

.navbarrie .sf-shadow ul {}
.navbarrie .sf-shadow ul.sf-shadow-off {}


/* MENU DESPLEGABLE IDIOMAS  ===================================================================================================== */

.idiomas, .idiomas * {
	margin:			0;
	padding:		0;
	list-style:		none;
	text-align: left;
	/*border: 1px solid red;*/
}
.idiomas {
	line-height:	1.0;
	
}
.idiomas ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /*10em*//* left offset of submenus need to match (see below) */
}
.idiomas ul li {
	width:			100%;
}
.idiomas li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.idiomas li {
	float:			left;
	position:		relative;
}
.idiomas a {
	display:		block;
	position:		relative;
}
.idiomas li:hover ul{
	left:			0;
	top:			2em; /* match top ul list item height */
	z-index:		199;/*199;*/
}
ul.idiomas li:hover li ul {
	top:			-999em;
}
ul.idiomas li li:hover ul{
	left:			12em; /*10*//* match ul width */
	top:			0;
}
ul.idiomas li li:hover li ul{
	top:			-999em;
}

/* mejorando visual para cuando no se tiene javascript */
.idiomas li.nivel1 {white-space: normal; float: left; width: 100%; margin-left: 30px;}
.idiomas a, .idiomas a:visited  {float: none; width: auto;}

/*** skin ***/
.idiomas {
	float:			right;
	margin-bottom:	1em;
}
.idiomas a {
	padding: 	.3em 1em .8em;
	text-decoration: none;
}
.idiomas a, .idiomas a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#666;
	text-decoration: none;
}
.idiomas li {
	/*background:		#CFCFCF;*/
}

.idiomas .activo a {color:#CCC !important; text-decoration:none !important; }

.idiomas a:focus, .idiomas a:hover, .idiomas a:active {
	outline:		0;
	color:			#BE3037;
	/*background: #E4E4E4;*/
}

.idiomas span.flecha{
	display:block;
	float:left;
	width:			12px;
	height:			12px;
	overflow:		hidden;
	background:		url('../images/menuflechas.png') no-repeat left -20px;
}




/* MENU DESPLEGABLE PLUS ===================================================================================================== */

.navplus, .navplus * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:1002;
}
.navplus {
	line-height:	1.0;
}
.navplus ul {
	position:		absolute;
	top:			-999em;
	width:			20em; /*10em*//* left offset of submenus need to match (see below) */
}
.navplus ul li {
	width:			100%;
}
.navplus li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.navplus li {
	float:			left;
	position:		relative;
}

.navplus a {
	display:		block;
	position:		relative;
}
.navplus li:hover ul,
.navplus li.sfHover ul {
	right:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;/*99;*/
}
ul.navplus li:hover li ul,
ul.navplus li.sfHover li ul {
	top:			-999em;
}
ul.navplus li li:hover ul,
ul.navplus li li.sfHover ul {
	left:			20em; /*10*//* match ul width */
	top:			0;
}
ul.navplus li li:hover li ul,
ul.navplus li li.sfHover li ul {
	top:			-999em;
}
ul.navplus li li li:hover ul,
ul.navplus li li li.sfHover ul {
	left:			20em; /*10*//* match ul width */
	top:			0;
}

/*** SKIN ***/
.navplus {
	float:			right;
	margin-right:	19px;
	margin-bottom:	1em;
}
.navplus a {
	padding: 		.75em 1em;
	text-decoration: none;
}
.navplus a, .navplus a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#5F5F5F;
	text-decoration: none;
}
.navplus li {

	background:		#000000;
}
.navplus li li {
	/*width: 20em;*/
	background:		#000000;
}
.navplus li li li {
	
	background:		#000000;
}
.navplus li:hover, .navplus li.sfHover,
.navplus a:focus, .navplus a:hover, .navplus a:active {
	outline:		0;
	color:			white;
}

/* título del menu */
.mainlevel span{
	color:white;
}

.navplus li.nivel0 {
	width: 26px;
	padding: 0;
	background: none;
}
.navplus li.nivel0:hover, .navplus li.nivel0.sfHover,
.navplus .boton a:focus, .navplus .boton a:hover, .navplus .boton a:active {
	background:		#000000;
}

.navplus .boton { 
	padding: 0;
}

/* separación titulo de desplegable */
.navplus li.nivel0:hover {border-bottom:3px solid #000000;}

.navplus li.nivel1{top:2px;}
.navplus li.nivel2,.navplus li.nivel3,.navplus li.nivel4 {left:1px;}


/* Flechas para nivel 1 */
.navplus span.flecha{
	display:block;
	float:left;
	width:			12px;
	height:			12px;
	overflow:		hidden;
	background:		url('../images/menuflechasplus.png') no-repeat left -20px;
}

/* mejorando visual para cuando no se tiene javascript */
.navplus li.nivel1, .navplus li.nivel2 {white-space: normal; float: left; width: 100%;}
.navplus a, .navplus a:visited  {float: none; width: auto;}

/*** arrows **/
.navplus a.sf-with-ul {
	padding-right: 	2.25em; 
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.navplus .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.50em;
	/*top:			1.05em;  IE6 only */
	width:			20px;
	height:			20px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/menuflechasplus.png') no-repeat -20px -40px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
.navplus a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -40px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
.navplus a:focus > .sf-sub-indicator,
.navplus a:hover > .sf-sub-indicator,
.navplus a:active > .sf-sub-indicator,
.navplus li:hover > a > .sf-sub-indicator,
.navplus li.sfHover > a > .sf-sub-indicator {
	background-position: -20px -40px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.navplus ul .sf-sub-indicator { background-position:  -20px 0; }
.navplus ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */
.navplus ul a:focus > .sf-sub-indicator,
.navplus ul a:hover > .sf-sub-indicator,
.navplus ul a:active > .sf-sub-indicator,
.navplus ul li:hover > a > .sf-sub-indicator,
.navplus ul li.sfHover > a > .sf-sub-indicator {
	background-position: -20px 0; /* arrow hovers for modern browsers*/
}