/* ================================================================
		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/final_drop.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 {
			width:745px;
			height:30px;
			font-size:0.85em;
			position:relative;
			z-index:100;
			top:-2px;
		}
		/* hack to correct IE5.5 faulty box model */
		* html .menu {width:746px; w\idth:745px;}
		/* remove all the bullets, borders and padding from the default list styling */
		.menu ul {padding:0;margin:0;list-style-type:none;}
		.menu ul ul {/*width:149px;*/}
		/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
		.menu li {float:left;/*width:149px*/;position:relative;font-weight:normal;}
		/* style the links for the top level */
		.menu a, .menu a:visited {
			display:block;
			font-size:12px;
			text-decoration:none;
			color:#cccccc;
			height:35px;
/*			border:1px solid #000;
			border-width:1px 0 1px 1px; */
			margin-left:7px;
			margin-right:7px;
			line-height:29px;
		}
		/* a hack so that IE5.5 faulty box model is corrected */
		* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

		/* style the second level background */
		.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
		/* style the second level hover */
		.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
		.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
		/* style the third level background */
		.menu ul ul ul a, .menu ul ul ul a:visited {/*background:#e2dfa8;*/overflow:auto;z-index:1;}
		/* style the third level hover */
		.menu ul ul ul a:hover {/*background:#b2ab9b;*/}


		/* hide the sub levels and give them a positon absolute so that they take up no room */
		.menu ul ul {
			visibility:hidden;
			position:absolute;
			height:0;
			top:29px;
			left:0; 
			width:149px;
			/*border-top:1px solid #000;*/
			}
		/* another hack for IE5.5 */
		* html .menu ul ul {top:30px;t\op:31px;}

		/* position the third level flyout menu */
		.menu ul ul ul{left:144px; top:-1px; width:149px;}

		/* position the third level flyout menu for a left flyout */
		.menu ul ul ul.left {left:-149px;}

		/* style the table so that it takes no ppart in the layout - required for IE to work */
		.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

		/* style the second level links */
		.menu ul ul a, .menu ul ul a:visited {
			background-image:url(../images/caja.png);
		/*	background:#d4d8bd; */
			color:#cccccc;
			height:15px;
			line-height:1em;
			padding:5px 10px;
			width:125px;
			border-width:0 1px 1px 1px;
		}
		/* yet another hack for IE5.5 */
		* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

		/* style the top level hover */
		.menu a:hover, .menu ul ul a:hover{color:#cc6633;}
		.menu :hover > a, .menu ul ul :hover > a {color:#cc6633;}

		/* make the second level visible when hover on first level list OR link */
		.menu ul li:hover ul,
		.menu ul a:hover ul{visibility:visible; }
		/* keep the third level hidden when you hover on first level list OR link */
		.menu ul :hover ul ul{visibility:hidden;}
		/* make the third level visible when you hover over second level list OR link */
		.menu ul :hover ul :hover ul{ visibility:visible;}
		.menu li.menutop {
			border:0px;
			margin-left:1px;
			height:20px;
			font-weight:bold;
		}

		.cajita_menu {
			position:relative;
			top:-6px;
		}
		
		.cajita_menu span {
			position:relative;
			top:-12px;
		}
		.cajita_menu span.active {
			color:#d97218;
		}


		.cajita_menu_background {
			background-image:url(../images/cajita_menu_superior_fondo.png);
			overflow:hidden;
		}
