#m01 {background:url(t-m-parques-infantiles.gif); background-position:right top;  width:121px; }
#m02 {background:url(t-m-material-deportivo.gif); width:121px;}
#m03 {background:url(t-m-camas-elasticas.gif); width:121px;}
#m04 {background:url(t-m-plataformas.gif); width:121px;}

#m05 {background:url(t-m-baby.gif); background-position:right top; width:121px;}
#m06 {background:url(t-m-junior.gif); width:121px;}
#m07 {background:url(t-m-sports.gif); width:121px;}
#m08 {background:url(t-m-jumping.gif); width:121px;}

#mnu01 {background:url(t-m-baby.gif); background-position:right top; width:121px;}
#mnu02 {background:url(t-m-junior.gif); width:121px;}
#mnu03 {background:url(t-m-sports.gif); width:121px;}
#mnu04 {background:url(t-m-jumping.gif); width:121px;}

/*ID del menú principal con imágenes Dakar Dreams*/
.nav a#p11 {background-image:url(m-empresa.gif); width:74px;}
.nav a#p12 {background-image:url(m-productos.gif); width:80px;}
.nav a#p13 {background-image:url(m-proyectos.gif); width:74px;}
.nav a#p14 {background-image:url(m-contacto.gif); width:74px;}




/* ======================================== */
/* ============ MENÚ PRINCIPAL============= */

/*cuando proyectos vuelva a aparecer volver a poner  left:563px;*/
.nav {position:absolute; height:43px; max-height:43px; top:33px; left:655px; z-index:110; display:inline; font-size:0.7em;}
.nav ul {list-style:none; margin:0; padding:0;}

/* estilo para las listas de subnivel */
.nav ul ul {position:relative; width:15em; margin-top:9px;}

/* flotamos los items del menú principal -1r nivel- para hacerlo horizontal y de posición relativa para controlar la posición del menú desplegable */
.nav ul li {position:relative; float:left; display:block; padding:0; height:43px;}
/*estilo sub nivel items*/
.nav ul ul li {position:relative; display:block; height:auto; _height:10px; line-height:1em;}
/*estilo para los links del PRIMER NIVEL - principal*/
.nav ul li a {display:block; height:43px; text-decoration:none;}
/*oculto el texto*/
.nav ul li a span {display:none;}
/*cuando hago el hover cambio la imagen de posición para hacer rollover*/
.nav ul li a:hover {background-position:bottom;}


/*===================marcaje botones==========================*/

/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .nav a {position:relative; width:161px; w\idth:161px;}

/* estilo de sub nivel links 2n nivel */
.nav ul ul a {display:block; background:#16aab3; color:#fff; width:147px; height:100%; padding:5px 3px 5px 11px; line-height:1.1em;}
.nav ul ul .menuSub1Top {background:url(../common/img/menu-1-top.gif); height:8px;}
.nav ul ul .menuSub1Bottom {background:url(../common/img/menu-1-bottom.gif); height:13px;}
.nav ul ul .menuSub1Top, .nav ul ul .menuSub1Bottom {margin:0; background-repeat:no-repeat; width:161px;}

* html .nav ul ul a  {width:14em; w\idth:12em; _width:147px;}
* html .nav ul ul .menuSub1Top {margin-bottom:-8px;}

.mMarcat {position:relative; background-position:bottom;}

/* estilo fondo 3r nivel */
.nav ul ul ul a {background:#0a757c; margin:0; background-image:url(../common/img/tira-menu2.gif); background-repeat:no-repeat; background-position:bottom;}
.nav ul ul ul .menuSub2Top {margin-bottom:-2px; background:url(../common/img/menu-2-top.gif); background-repeat:no-repeat; width:161px; height:8px;}
.nav ul ul ul .menuSub2Bottom {margin:0; background:url(../common/img/menu-2-bottom.gif); background-repeat:no-repeat; width:161px; height:10px;}

/* estilo fondo 2n nivel que despliega 3r nivel */
.nav ul :hover a.sub1 {background-image:url(../common/img/tira-menu-doble.gif); background-position:bottom right; background-repeat:no-repeat;}
.nav ul :hover a.sub2 {background-image:url(../common/img/tira-menu-normal.gif); background-position:bottom; background-repeat:no-repeat;}

/* estilo niveles hovers */
/* 1r */
.nav li:hover {position:relative;} /*importante para que mantenga la posición del desplegable en relación a */
html > body .seleccio {background-position:bottom;}

/* 2n */
* html .nav ul ul a:hover{position:relative; color:#fff; z-index:110;text-decoration:none!important; background:#0f8d95!important;}
.nav ul ul :hover > a {color:#fff; background:#0f8d95!important;}

/* 3r */
* html .nav ul ul ul a:hover {position:relative; z-index:120; text-decoration:none; color:#fff; background:#0e8b93!important;}
* html .nav ul ul ul .menuSub2Top {margin-bottom:-7px;}
.nav ul ul ul :hover > a {color:#fff; background:#0e8b93!important;}

/* esconde el sub nivel y le da una posición absolute para que no ocupe espacio */
.nav ul ul {visibility:hidden;position:absolute;height:0;top:3em; left:0; width:14em; z-index:100px;}
/* posición 3r nivel menú */
.nav ul ul ul{position:absolute; left:12em; top:-10px; width:14em;}
.nav ul :hover {background-position:bottom;} 

/*hacer 2n nivel visible cuando se hace hover en en 1r nivel o linka */
.nav ul :hover ul {visibility:visible; height:auto; padding:0 3em 3em 3em; left:-3em;}

/* manten el 3r nivel escondido cuando hacemos hover en el 1r */
.nav ul :hover ul ul {visibility:hidden;}

/* hacer visible el 3r nivel  cuando hover en el 2n nivel */
.nav ul :hover ul :hover ul {visibility:visible; left:10em; _left:11.3em; z-index:150;}