/* Table of Contents:

	Memu Layout
	Desplegable

*/	

/* 	Memu Layout
--------------------------------------------------------------------------------------- */
dl, dt, dd ul li { margin: 0; padding: 0; list-style-type: none; } /*Ojo con estos valores*/

#mBody {
	background-color: #F0F0F0;}

#side {
	color: navy; 
	float: left;
	width: 187px;}

#nav ul {
	margin: 0;
	padding: 0; }
	
#nav dt {
	cursor: pointer;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff; }

#nav dt.producto {
        background-color: #e8e8e8;
        font-weight: lighter;
		letter-spacing: 0px;
        padding-left: 15px;}

#nav li a {
	display: block;}
	
#nav dd ul li a {
	font-family: Arial;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0px;
	padding-left: 29px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #ffffff; 
    background-color: #ffffff;}

#nav li a:hover {
	color: #474747;
	font-style: normal;
	background-color: #E7E9E9; }

	

/* 	Desplegable
---------------------------------------------------------------------- */
/* CSS issu des tutoriels www.alsacreations.com/articles */

#menu dt, dd, ul li {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

dl#menu {
	width: 186px;}

dl#menu dt {
	height: 25px;
	line-height: 25px;
	text-align: left;
	font-weight: bold;
	padding-left: 20px;}

dl#menu dd {
	border: 0px solid #fff;
	padding-left: 0px; 
	}
	
dl#menu li {
	text-align: left;
	font-size: 10px;
}
	
dl#menu li a, dl#menu dt a {
	text-decoration: none;
	background-color:#F0F0F0;}
	
dl#menu li a:hover, dl#menu dt a:hover {
	text-decoration: none;}