/* ================================================================ 
css for menu waldos
=================================================================== */

.menu {
	position:relative;
	z-index:4;
	float:left;
	height:210px;
	background: #901c20;
	margin:0px;
	display:inline;
}


.menu ul {
padding:0;
margin:0;
position:relative;
list-style: none;
}

.menu li {
width: 150px;
list-style: none;

/*background: transparent;*/
}

.menu li a

{


height:30px;
display: block;
	position:relative;
cursor: pointer;
cursor:hand;
	
	
}


.menu li.waldos {

background-image: url(../img/waldos.jpg);
height:30px;}
	





.menu li.suc {
background-image: url(../img/tiendas.jpg);
height: 30px;
}



.menu li.serv {
background-image: url(../img/servicios.jpg);
height:30px;
}

.menu li.promo {
background-image: url(../img/promociones.jpg);
height:29px;
}

.menu li.produc {
background-image: url(../img/productos.jpg);
height:31px;
}

.menu li.contac {
background-image: url(../img/contacto.jpg);
height:30px;
}

.menu li.zwaldos {
background-image: url(../img/zona_waldos.jpg);
height:31px;
}

.menu li.bolsa
{
	background-image: url(../img/bolsa_trabajo.jpg);
height:29px;
}

.menu li.mchd
{
	background-image: url(../img/mchd.jpg);
height:29px;
}



.menu ul ul 
{
	position: absolute;
top: 0;
display:none;
}


.menu ul li ul li{

}


.menu ul li ul li a:hover{}

.menu ul li:hover ul{
display: block;
left:50px; 
}





.menu ul li dl {
visibility:hidden;
position:absolute;
}

table {
margin:0px;
border:0;
padding:0;
border-collapse:collapse;
font-size:1em;
}

.menu dl {width:320px;  padding:0 0 0px 0; background: transparent url(menu/emergente.png) no-repeat bottom left; height:200px;}
.menu dt {margin:10px; padding:5px; font-size:0.8em; font-weight:bold; color: #fff; text-align:center;}
.menu dd {margin:0; padding: 0 5px 0 40px; color:#004C1A; font-size:0.7em;  background: transparent }
.menu dd p {padding:0; margin:2px 0; line-height:1emem;}
.menu dl#web2 {background:transparent url(../sites/bottom2.gif) no-repeat bottom left; height:auto;}
.menu dl#web3 {background:transparent url(../sites/bottom3.gif) no-repeat bottom left; height:auto;}
.menu dl#web4 {background:transparent url(../sites/bottom4.gif) no-repeat bottom left; height:auto;}
.menu dl#web5 {background:transparent url(../sites/bottom5.gif) no-repeat bottom left; height:auto;}
.menu dl#web6 {background:transparent url(../sites/bottom6.gif) no-repeat bottom left; height:auto;}
.menu dl#web2 dt {background:transparent url(../sites/top2.gif) no-repeat top left;}
.menu dl#web3 dt {background:transparent url(../sites/top3.gif) no-repeat top left;}
.menu dl#web4 dt {background:transparent url(../sites/top4.gif) no-repeat top left;}
.menu dl#web5 dt {background:transparent url(../sites/top5.gif) no-repeat top left;}
.menu dl#web6 dt {background:transparent url(../sites/top6.gif) no-repeat top left;}

/*specific to non IE browsers and IE7 first with IE5.5 and IE6 second
.menu ul li a {
color:#000; 
position:relative;
cursor: pointer;
cursor:hand;
display: block;
}*/

.menu ul li:hover dl,
.menu ul li a:hover dl {
visibility:visible;
color:#000; 


top:-20px; /*para ajustar el menu hacia arriba o abajo en sentido Vertical*/
left:95px;  /* para ajustar el menu hacia izquierda o decha en sentido horizontal*/
cursor:default; 
}

.menu ul li:hover dl em,
.menu ul li a:hover dl em {
display:block;
position:absolute;
left:-35px;
top:75px;
width:36px; 
height:36px;
background:transparent url(../sites/pointer.gif);
}

.menu ul li:hover dl a,
.menu ul li a:hover dl a {
height:0.8em;
color:#004C1A;
background:transparent;
text-decoration:none;
display:inline;
font-weight: bold;
}



.menu ul li:hover dl a:hover,
.menu ul li a:hover dl a:hover {
text-decoration:none;
background:transparent;
color: #cc3333;*/
/*text-decoration:underline;*/   
}