@charset "utf-8";
/* Medios fluidos sencillos
   Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}
/*******************************************************************************/
/* Diseño móvil: 480 px e inferior. */
nav {display:block;
	width: 100%;
	float:left;
	font-size:90%;
	margin-top:3.46%;
	}
			#links { width:100%; height:70%;text-decoration: none; float :left;font-weight:bold;}
			#links a {display: block;text-decoration: none;   
			   padding: 2.0% 0% 2.0% 3.0%; margin: 0% 0% 1.83% 0%;color:#ffffff  ; background-color:#054863;}
			#links a:hover {color:#FFF000; background-color:#44768A;}
		    #links a:active { color: #FFF000; background-color:#44768A;}
			#links a:visited   { color:#00C0C0; background-color:#054863;}
/******************************************************************************/
/*******************************************************************************/
/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */
@media only screen and (min-width: 481px) {
}
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */
@media only screen and (min-width: 769px) {

}