/* SWIM2.0 :: Simple website menu
****************************************************************
* DOM scripting by brothercake -- http://www.brothercake.com/
* Licensed under GPL -- http://www.gnu.org/copyleft/gpl.html
****************************************************************
* For professional menu solutions visit -- http://www.udm4.com/
****************************************************************
*/



ul.horizontal, ul.horizontal li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%;
	}

ul.horizontal {
	position: relative; /* absolute;*/
	left:-20%; /* 0*/
	width:100%;
	cursor:default;
	z-index:2000;
/*	top:1.05em;
*/	}

ul.horizontal li {
	width:auto;
	float:left;
	position:relative;
	cursor:pointer;
	/*cursor:hand;*/

	left:10.55em;
	margin:0 0 0 -1px;
	}

* html ul.horizontal li {
	margin:0 -10.55em 0 10.5em;
	/*text-align:left;*/
	}

ul[class^="horizontal"] li {
	margin:0 -10.55em 0 10.45em;
	left:0.05em;
	}

ul.horizontal ul {
	z-index:2020;
	padding:0;
	cursor:default;
	position:absolute;
	top:auto;
	width:8.2em;
	margin:0 0 0 0;
	left:-10000px;
	}

ul.horizontal ul li {
	width:8.2em;
	left:auto;

	margin:-1px 0 0 0;
	}

ul.horizontal ul.wider, ul.horizontal ul.wider li {
	width:12.2em;
	}

ul.horizontal ul ul {
	margin:-0.45em 0 0 7.65em;
	}

@media screen, projection {
	ul.horizontal li:hover > ul { left:auto; }
	ul.horizontal ul li:hover > ul { top:0; }
	}

ul.horizontal a, ul.horizontal a:visited {
	display:block;
	cursor:pointer;
	background: #BFCFFF;          /*  este es el fondo de las celdas */
	border:1px solid  white ;  /*  este el color del borde           */
	padding:5px 7px;
	font:normal normal  /* bold */ 0.7em tahoma, verdana, sans-serif;
	color: #00248F; /* white;*/              /* el color de las letras */  
	text-decoration:none;
	letter-spacing:1px;
	}

ul.horizontal a:hover, ul.horizontal a:focus, ul.horizontal a.rollover, ul.horizontal a.rollover:visited {
	background: #0033CC;/* #ffefcf; */ /* este es el color de las celdas seleccionadas */
	color: #FFFF80; /* #806020; */     /* este es el color de las letras en las celdas seleccionadas*/
	}

ul.horizontal a {
 float:left; 
}
@media screen, projection 
	{ ul.horizontal a { float:none; } }

/*
ul.horizontal a:not(:nth-child(n)) 
{ float:left; }
*/
ul.horizontal ul a { 
	float:none !important; 
}
@media screen, projection {
	* html ul.horizontal li {
		display:inline;
		f\loat:left;
		background:#ffffff;
		color:inherit;
		}
	}
* html ul.horizontal li { 
	position:static; 
}

* html ul.horizontal a { 
	position:relative; 
}
ul[class^="horizontal"] ul { 
	display:none; 
}

ul[class^="horizontal"] ul { 
	displa\y:block; 
	}