html,body {
	margin:0;
	padding:0;
	min-width:900px;
}
body {
	font:76% arial,sans-serif;
}
A:link, A:active, A:visited { 
  color: #184584;
}
.enlace {
	cursor: pointer;
}
h2 {
  color: #184584;
}
h3 {
 color: #EF6D21;
 padding-left: 10px;
}
.h3_bajo {
  padding-left: 20px;
}
h3 A:link, h3 A:active, h3  A:visited { 
  color: #EF6D21;
}
h4 {
 color: #F79221;
 padding-left: 10px;
}
.h4_bajo {
  padding-left: 20px;
} 
p, table  {
  padding-left: 10px;
}  
#fondo {
	background:url(imagenes/encabezado.jpg) no-repeat top center;
}
div#header {
	height:117px;
	width:900px;
	margin:0;
	padding:0;
}
div#container {
	text-align:left
}
div#container {
	width:900px;
	margin:0 auto;
}
div#footer {
	background:url(imagenes/pie.jpg) no-repeat top center;
	padding-top:8px;
	margin-top: 10px;
	text-align:center;
}
div#footer ul {
	list-style-type:none;
}
div#footer li {
	display:inline;
	padding-right:10px;
}
div#footer a:link, div#footer a:active, div#footer a:visited {
	color: #EF6D21;	
}
.oculto {
	display: none;
}

/* ************ MENU *************** */

/* Step 10 - Clearing the float */
#menu {
	padding:0;
	margin:0;
	height: 40px;
}
/* Step 3 - get rid of the bullets and margin */
#menu ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
/* Step 4 and 7 - make the list horizontal and giving a 1px gap */
#menu li {
	float:left;
	margin-right: 0px;
}
/* Step 5 - Adding the initial images */
#menu li.quienes {
	background:transparent url(imagenes/quienes.jpg);
}
#menu li.quienes-activo {
	background:transparent url(imagenes/quienes-activo.jpg);
}
#menu li.productos {
	background:transparent url(imagenes/productos.jpg);
}
#menu li.productos-activo {
	background:transparent url(imagenes/productos-activo.jpg);
}
#menu li.clientes {
	background:transparent url(imagenes/clientes.jpg);
}
#menu li.clientes-activo {
	background:transparent url(imagenes/clientes-activo.jpg);
}
#menu li.asociados {
	background:transparent url(imagenes/asociados.jpg);
}
#menu li.asociados-activo {
	background:transparent url(imagenes/asociados-activo.jpg);
}
#menu li.centro {
	background:transparent url(imagenes/centro.jpg);
}
#menu li.centro-activo {
	background:transparent url(imagenes/centro-activo.jpg);
}
#menu li.oportunidades {
	background:transparent url(imagenes/oportunidades.jpg);
}
#menu li.oportunidades-activo {
	background:transparent url(imagenes/oportunidades-activo.jpg);
}
#menu li.contacto {
	background: transparent url(imagenes/contacto.jpg);
}
#menu li.contacto-activo {
	background: transparent url(imagenes/contacto-activo.jpg);
}
/* Step 6 - General link styling */
#menu a {
	display:block;
	height:0;
	padding-top:31px;
	color:#000;
	overflow: hidden;
}
/* hack for older versions of IE with incorrect box model */
* html #menu a:link,* html #menu a:visited {
	height:31px;
	he\ight: 0;
}
/* Step 8 - Adding the background images to the link tags */
#menu a#quienes {
	background:transparent url(imagenes/quienes-activo.jpg) -130px -90px no-repeat;
	width:146px;
}
#menu a#productos {
	background:transparent url(imagenes/productos-activo.jpg) -130px -90px no-repeat;
	width:134px;
}
#menu a#clientes {
	background:transparent url(imagenes/clientes-activo.jpg) -130px -90px no-repeat;
	width:112px;
}
#menu a#asociados {
	background:transparent url(imagenes/asociados-activo.jpg) -130px -90px no-repeat;
	width:138px;
}
#menu a#centro {
	background:transparent url(imagenes/centro-activo.jpg) -130px -90px no-repeat;
	width:122px;
}
#menu a#oportunidades {
	background:transparent url(imagenes/oportunidades-activo.jpg) -130px -90px no-repeat;
	width:126px;
}
#menu a#contacto {
	background:transparent url(imagenes/contacto-activo.jpg) -130px -90px no-repeat;
	width: 122px;
}
/* Step 9 - Adding the:hover style */
#menu a#quienes:hover {
	background-position:0 0;
	z-index:50;
}
#menu a#productos:hover {
	background-position:0 0;
	z-index:50;
}
#menu a#clientes:hover {
	background-position:0 0;
	z-index:50;
}
#menu a#asociados:hover {
	background-position:0 0;
	z-index:50;
}
#menu a#centro:hover {
	background-position:0 0;
	z-index:50;
}
#menu a#oportunidades:hover {
	background-position:0 0;
	z-index:50;
}
#menu a#contacto:hover {
	background-position:0 0;
	z-index:50;
}
* html #menu a:hover {
	height:128px;
	he\ight: 0;
}

.activo {
  cursor: default;
}