/* Hoja de estilos Telefibra OnLine */
/* Juan García Castro */
/* Copyright (c) Ingeniería y proyectos Telefibra */

/*ESTILOS BARRA DE MENU PRINCIPAL, SUPERIOR HORIZONTAL*/
/*Para empezar, todas las listas deben ajustarse un poco —concretamente,
el espaciado y el margen se hacen cero y se especifica que el tipo de marcador de la lista sea nulo:*/
#menuLista { 
  padding: 0;
  margin: 0;
  list-style: none;
}
/*Ahora, transformaremos la lista de primer nivel en una barra de menú.*/
#menuLista li {
  float: left;
  position: relative;
  top: 2px;
}  
/*Elementos de la lista*/
#menuLista li ul {
  display: none;
  position: absolute; 
  top: 22px;
  left: -40;
  width: 5em;
}

/*elementos de la lista en reposo*/
#itemMenu li a {
	display:block;
	width:142px;
	padding:4px 4px 4px 4px;
	text-decoration:none;
	text-align:left;
	font-size:10px;
	font-weight: bold;
	background-color: #F4F4F4;
	color:#999999;
	border: 1px solid #CCCCCC;
	border-top: 0;
}
/*Elementos de la lista resaltados*/
#itemMenu li a:hover {
	background-color:#A8D3FF;
	color:#FFFFFF;
}
/*Evento para mostrar las listas ocultas*/
#menuLista li:hover ul, #menuLista li.sobre ul{
 	display: block;
}
/*FIN BARRA DE MENU PRINCIPAL, SUPERIOR HORIZONTAL*/

/*ESTILOS BARRA DE MENU DE MARCAS IZQUIERDA*/
#menuBarcos{
	padding: 0;
	margin: 0;
	list-style: none;
}
#menuBarcos li{ /*ELEMENTOS DE LA LISTA*/
	text-align:left;
	font-size:10px;
	font-weight: bold;

}
#menuBarcos li a{ /*ELEMENTOS DE LA LISTA CON ENLACE*/
	display:block;
	width:142px;
	padding:4px 4px 4px 4px;
	text-decoration:none;
	background-color: #F4F4F4;
	color:#999999;
	border: 1px solid #DDDDDD;
	border-left: 5px solid #CCCCCC;
}
#menuBarcos li a:hover{ /*ELEMENTOS DE LA LISTA CON ENLACE RESALTADOS*/
	background-color:#A8D3FF;
	color:#FFFFFF;
	border-left: 5px solid #0066FF;
}
/*FIN ESTILOS BARRA DE MENU DE MARCAS IZQUIERDA*/