﻿



.menu { font-family: arial, sans-serif;  font-size:0.75em; padding:0px; margin:0;
			/*width:100%; */
}

.menu ul {padding:0; margin:0; list-style-type: none; margin-left:3.7em; }

.menu ul li {float:left; width:11.8em;}

.menu ul li a {padding-left:0; padding-right:0; text-decoration:none; 
							background:url(../images/cabecera/menu/abuelos_off.gif) bottom left no-repeat; /**/} 


.menu ul li a.treck {display:block; height:25px; text-align:center; padding:0 0 0 0; 
										 color:white; }

/*cambia el color nivel 1 */
.menu ul li a.treck:active { background:url(../images/cabecera/menu/abuelos_on.gif) bottom left no-repeat;}
.menu ul li a:hover.treck {color:white; background:url(../images/cabecera/menu/abuelos_on.gif) bottom left no-repeat;}

 
 /*Nivel2*/
.menu ul li ul 
{
	margin: 0 0 0 1px;
	*margin-left:-5.8em; 
	position:absolute;
	border-bottom:2px solid #777777;
	/**position:relative;*/
}/*Con relative empuja lo que tenga debajo*/
/*Ahora en vertical*/
.menu ul li ul li {border-left:solid 1px #999999; border-bottom:solid 1px #b7b7b7; border-right:solid 1px #999999;
										float:none;  /*margin-left:.2em; /*!!! Mozila <> IE !!!*/
										width:11.75em; }


.menu ul li ul li a { background:gray url(../images/cabecera/menu/hijos.gif) top left no-repeat; 
											display:block; text-align:left; padding:.4em 0em .3em 2em; color:#404041;font-size:.94em;
											min-height:1em}
/*.menu ul li ul li a:hover {color:gray}*/
.menu ul li ul li a.subnivel {background:gray url(../images/cabecera/menu/hijos_mas.gif) top left no-repeat;}
/*.menu ul li ul li a.subnivel:hover {color:gray; background:gray url(../images/cabecera/menu/hijos_mas.gif) top left no-repeat;}*/
.menu ul li ul li a.subnivel:click {border:none;}

.menu ul li ul li a.subnivel {color:#404041; }

/*Nivel3*/
.menu ul li ul li ul {*margin-left:0} 
.menu ul li ul li.nivelcon ul {visibility:hidden; position:relative;
															border:0;margin:0}

.menu ul li ul li ul li.nivel {float:none;border:none;border-top:1px gray; margin:0}/**/

.menu ul li ul li ul li a {color:#008cbd; background:gray url(../images/cabecera/menu/nietos_off.gif) top left no-repeat;
														overflow:hidden; font-size:.94em }
.menu ul li ul li ul li a:active {border:none;}
/*.menu ul li ul li ul li a:hover {color:#008cbd; background:gray url(../images/cabecera/menu/nietos_off.gif) top left no-repeat;}*/
















/* ================================================================ 
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/dd_valid_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*
.menu {font-family: tahoma, sans-serif; width:714px; height:50px; position:relative; font-size:11px; 
				margin-bottom:60px; background:#fff; z-index:100; float:right;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul {padding:0px; margin:0; list-style-type: none;}

.menu ul li {float:left;}
.menu ul li a {border-left:solid #999999 1px; color:#000; width:100px; height:17px; line-height:17px; padding-left:10px; padding-right:10px; text-decoration:none; url(../../graphics/drop.gif) bottom right no-repeat; } 
.menu ul li a.treck {display:block; height:30px; line-height:40px; text-align:center; padding:0 0 0 0px; 
										 border:1px solid #000000; background: #CCCCCC}
/*cambia el color nivel 1
.menu ul li a:active.treck {color:#ff0000; background:#eee; border:1px solid #000000;}
.menu ul li a:click ul {visibility:visible; }
.menu ul li a:hover.treck {color:#FFFFFF; background:#999999; border:1px solid #000000;}*/
 
 /*Nivel2
.menu ul li ul {visibility:hidden; position:relative; display:block; background:#fff;}*/
/*Ahora en vertical
.menu ul li ul li {display:block; float:none; border: 1px #000; width:100px;}
.menu ul li ul li.nivel2 {display:inherit; border:solid 1px #000; width:100px; height:auto;}

.menu ul li ul li a { display:block; width:auto;}/*enlace se acopla a la celda
.menu ul li ul li a:hover,
.menu ul li ul li a:hover.subnivel {color:#FFFFFF; background:#999999; border:.5px #111;}*/

/*Color diferente si tiene hijos
.menu ul li ul li a.subnivel {color:#ff0000; background:#ccc; border:.5px #000000;}*/

/*.menu ul li ul li a:click {visibility:visible; display:block; }*/

/*Nivel3
.menu ul li ul li ul, 
.menu ul li ul li.nivel2con ul {visibility:hidden; position:relative;}*/
/*Vertical
.menu ul li ul li ul li.nivel {float:none; border: 1px #000; width:100px;}*/
/*.menu ul li ul li ul li.nivel {margin-left:104px;}

.menu ul li ul li ul li a:active {color:#ff0000; background:#eee; border:1px #000000;}
.menu ul li ul li ul li a:hover {color:#FFFFFF; background:#999999; border:1px #000000;}

.menu ul li ul li.nivel21 ul li.nivel2_3 {margin-left:104px;}*/

/*
 
??
.menu ul li:hover ul,
.menu ul li a:hover ul {width:749px;}*/
 

/*
.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid #000;}*/
/*-----.menu ul li:hover ul.right_side li,
.menu ul li a.treck ul.right_side li {float:right; border:0; border-left:1px solid #000;}
.menu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid #000;}
.menu ul li a:active ul.right_side li {float:right; border:0; border-left:1px solid #000;}-----*/
/* 
.menu ul li:hover ul.right_side li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li a:hover ul.right_side li {float:right; border:0; border-left:1px solid #000;}

.menu ul li ul.left_side li,
.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0; border-left:1px solid #00ggff;}

 
.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#ff00ff url(../../graphics/drop2.gif) bottom right no-repeat; color:#fff;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

 

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block;}
 

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#dfc184;}

 
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; }

 
.menu ul li:hover ul.right li {float:right;}

 
.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a { color:#000;}

 
.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#0000ff; color:#000;}

 

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}*/

