#navegacion{
	background:#d3e0e0;
	position:relative;
	z-index:20;
	margin: 0px 20px 0 200px;
	height:22px;
	font-size:0.9em;
}

#navegacion ul
{
	position:absolute;
	padding: 0 5px 0 0;
	margin: 0;
	list-style: none;
	height:22px;
}

#navegacion a
{
	/*text-transform:uppercase;*/
 	text-align:center;
	text-decoration:none;
	font-weight:800;
	color:#fff;
	display: table-cell;
	padding:3px 10px 7px 10px;

	
}

#navegacion a:hover, #nav a:focus{
	/*background:#FF0000;*/
	/*border-bottom:4px solid #FF0000;*/
	color:#367096;
	background-image:url('../img/menu_on.gif');
}

#navegacion li
 {
	/*background:#8C8C9C;*/
	background:#e90000;
	float:left; 
	display:block;
	margin:0 0 0 0px;
	border-right:1px solid #FFFFFF;
	height:22px;
}

/* segundo nivel */
#navegacion li ul
{ 
	width: 16em;
	left: -999%; 
	height:auto;
	padding:0;
}

/*  elementos del segundo nivel  */

#navegacion li ul li
{
	width:16em;
	height:auto;
	margin:0;
	border-right:0;
}

#navegacion li ul li a
{
 	text-align:left;
	background: #e90000;
	padding:3px 0 0 5px;
	display:block;
	width:16em;
}

#navegacion li ul ul
 { /* manejamos el margen de las listas de tercer nivel en adelante para colocarlas a la altura del li padre*/
	margin: -1.6em 0 0 16em;
}


#navegacion li:hover ul ul, 
#navegacion li:hover ul ul ul, 
#navegacion li:hover ul ul ul ul, 
#navegacion li.sfhover ul ul, 
#navegacion li.sfhover ul ul ul,
#navegacion li.sfhover ul ul ul ul
{
	left: -999em;
}


#navegacion li:hover ul, 
#navegacion li li:hover ul, 
#navegacion li li li:hover ul, 
#navegacion li li li li:hover ul, 
#navegacion li.sfhover ul, 
#navegacion li li.sfhover ul, 
#navegacion li li li.sfhover ul,
#navegacion li li li li.sfhover ul
{
	left: auto;
}


/* Funciones para el teclado */
#navegacion li a:focus + ul {
margin-left: 0em;
}

#navegacion li li a:focus + ul {
margin-left: 1010em;
}

#navegacion li li a:focus  {
background: #e90000;
width: 16em;
}

#navegacion li li li a:focus  {
width: 16em;
}

/*#navegacion li:hover a:focus, #nav li.sfhover a.sffocus  { 
background-color: #e90000; 
margin-left: 0 }*/

#navegacion li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul  { 
margin-left: 16em;
 }

#navegacion_lateral{
	position:absolute;
	width:178px;
	z-index:100;
	left:0;
	/*background-color:#eaeaf2;*/
	background-color:#ffffff;
	/*border:1px solid #dedede;*/
	border:1px solid #ffffff;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:0.8em;
}


#navegacion_lateral ul
{
	padding:0;
	margin: 5px 0 0 15px;
	list-style-image: url("../img/cuadradito_negro.gif");
	list-style-type: circle;
}

#navegacion_lateral ul li
{
	margin:0;
}