/* ================================================================ 
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/magic_menu_six.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.
=================================================================== */

/***************************************************************************/
/* 					INICIO - 	MENU INICIAL                               */

/* Remove the padding, margins and bullets from the lists */
.menuIni, .menu ul {list-style-type:none; padding:0; margin:0;}

/* for IE7 to position the tables correctly */
.menuIni {position:relative;}

/* for IE5.5 and IE6 to position the tables corectly */
* html .menuIni {position:static;}

/* Set up the size of the list items and float left to place inline */
.menuIni li {float:left; background:#000000; height:24px; margin:10px 5px 0 5px; border:1px solid #000;}

/* Give the sub level list item a diffent background color to make it 'stand out'. */
.menuIni li.sub {background:#000000;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menuIni table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; font-size:1em;}

/* Default link styling */
.menuIni li a {width: 100px; display:block; color:#CCCCCC; font-size:14px; font-weight:bold; line-height:24px; text-decoration:underline; text-align:center; border-style:none; border-width:1px; border-color: gray;}

/* Style the list OR link hover. Depends on which browser is used */
.menuIni :hover {color:#A93F18;}

/* Give the link OR list a relative position. Depends on which browser is used */
.menuIni li.sub:hover,
.menuIni li.sub a:hover {position:relative;}

/* For all browsers except IE5.5 and IE6 to keep the hover state through the menu cascade. */
.menuIni li:hover > a {color:#A93F18;}

/* keep the 'next' level invisible by placing it off screen. */
.menuIni ul, 
.menuIni :hover ul ul, 
.menuIni :hover ul :hover ul ul,
.menuIni :hover ul :hover ul ul.left {position:absolute;left:-9999px; width:100px;}

/* Position the drop-down first sub level beneath the top level list item when hovering over the top level list OR link. The transparent image is for IE7 to render this correctly. The image does not have to exist :) */
.menuIni :hover ul{left:-1px; top:24px; background:transparent url(transparent.gif); padding-top:4px; }

/* 					FIM - 		MENU INICIAL                               */
/***************************************************************************/