@charset "utf-8";

a {
	color:#FF0;
	outline:none;
	text-decoration:none;
}

/* ~~ La aplicación de estilo a los vínculos del sitio debe permanecer en este orden (incluido el grupo de selectores que crea el efecto hover -paso por encima-). ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* a no ser que aplique estilos a los vínculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificación visual rápida */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* este grupo de selectores proporcionará a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratón. */
	text-decoration: none;
}
a img { 
	/* este selector elimina el borde azul predeterminado que se muestra en algunos navegadores alrededor de una imagen cuando está rodeada por un vínculo */
	border: none;
}


/* ~~ Menu ~~ */
.menuhoriz {
	padding: 1px 0px;
	background:#B5C7DE;
	height: 18px;
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
}

#menuhoriz ul li {
	*color:#284E98;       
	display: inline;        
	padding: 2px 8px; /*Separar el texto*/        
	margin:5px; /* Separar los botones */        
	/*background-color:#09C /* Color de fondo */
}

#menuhoriz ul li:hover {
	color:#FFF;
	background-color:#284E98; /* Color de fondo sobre el boton */        
	cursor: pointer; /* cambiar el aspecto del puntero */
}

#menuhoriz ul {        
	/* Linea para delimitar la botonera */        
	border-bottom-width: 0px;        
	border-bottom-style: solid;        
	border-bottom-color: #E4E4E4;
}