@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 ~~ */
.menulateral {
	padding: 1px 0px;
/*	background:#B5C7DE;*/
	height: 18px;
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
}

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

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

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

#menulateral .sub{
   padding: 2px 30px; /*Separar el texto*/
   /*	font-style:italic;  */
 }