/*
Nombre: Wordpress's Dropdown.
Autor: Julio Colunga
Web: http://juliocolunga.com OR http://colunga.mx
Descripción: Dropdown para menús de Wordpress, multinivel.
*/

ul.menu {
	position:relative;
	top:3px;
	z-index:600;
	list-style:none;
	margin:0;
	padding:0;
}

ul.menu > li { /*Sólo para los lis que estén dentro del ul padre*/
	float:left;
	height:40px;
	padding:0 14px;
	text-align:left;
	color:#fff;
}

ul.menu > li b {
	position:relative;
	top:6px;
	font-size:13px;
	font-weight:bold;
}

ul.menu > li p {
	margin-top:6px;
	font-size:11px;
	font-weight:normal;
}

ul.menu > li:hover { /*Sólo para los lis que estén dentro del ul padre*/
	background-color:#333;
	color:#fff;
}

ul.menu ul > li { /*Sólo para los lis que sean nietos del ul padre*/
	height:30px;
	line-height:30px;
	text-align:left;
	padding-left:10px;
	background:#333;
}

ul.menu ul > li:hover { /*Sólo para los lis que sean nietos del ul padre*/
	background:#FF6C00;
}

ul.menu ul > li.max { /*Sólo para los lis que sean nietos del ul padre*/
	height:30px;
	line-height:30px;
	text-align:left;
	padding-left:10px;
	background:#333 url('../images/right-arrow.gif') right center no-repeat;
}

ul.menu ul > li.max:hover { /*Sólo para los lis que sean nietos del ul padre*/
	background:#FF6C00 url('../images/right-arrow.gif') right center no-repeat;
}

ul.menu li { /*Posición para todos los lis*/
	position:relative;
}


ul.menu ul {
	position:absolute;
	margin:0;
	padding:0;
	background-color:#333;
	left:0;
	top:40px;
	display:none;
	list-style:none;
	border-bottom:3px solid #FF6C00;
	font-size:11px;
}

/*Mostrar menus*/

ul.menu li:hover > ul {
	display:block;
	width: 220px;
}

ul.menu > ul > li {
	position:absolute;
	left:-50px;
	display:none;
}

ul.menu ul li > ul {
	position:relative;
	left:100%;
	top:-30px;
}

/* Estilos para los enlaces */

ul.menu ul li > a { /*Enlaces para todos los lis*/
	text-decoration:none;
	color:#ccc;
}

ul.menu ul li:hover > a { /*Enlaces para todos los lis cuando estos estén expuestos al puntero del mouse*/
	text-decoration:none;
	color:#fff;
	font-weight:normal !important;
}

ul.menu li > a { /*Estilos sólo para los lis padres*/
	text-decoration:none;
	color:#545454;
}

ul.menu > li:hover a { /*Estilos sólo para los lis padres*/
	color:#fff;
}

 ul.menu ul > li.doble { /*Sólo para los lis que sean nietos del ul padre*/
       line-height:12px;
       text-align:left;
       padding:8px 5px 8px 10px;
       background:#333333;
}

 ul.menu ul > li.doble:hover { /*Sólo para los lis que sean nietos del ul padre*/
      line-height:12px;
       text-align:left;
       padding:8px 5px 8px 10px;
       background:#ff6c00;
	   
}