#header {
	width:765px;
	height:123px;
	background: url('../../img/head.jpg') no-repeat top left;	
}

#menuIzquierda  {
	width:131px;
	list-style:none;
	margin:0;
	padding:0;
}

#menuIzquierda li 
{
	width:131px;	
	display:block;	
	height:41px;
	font-size:8pt;
	font-weight:bold;
	font-family:Arial;
	line-height:41px;	
	/*background: url('img_btn.gif');*/
	background:#AFAFAF;
	border-bottom: solid 1px #675C4F;
	border-top: solid 1px #E6E6E6;
}

#menuIzquierda li a 
{
	padding-left:10px;	
	text-transform:uppercase;	
	color:#4D4D4C;
	text-decoration:none;	
}

#menuIzquierda li a:hover {
	background:	#bfbfbf;
	display:block;	
	height:41px;	
}

#menuIzquierda2  
{
	width:131px;
	list-style:none;
	margin:0;
	padding:0;
}

#menuIzquierda2 li 
{
	width:131px;	
	display:block;	
	height:41px;
	font-size:8pt;
	font-weight:bold;
	font-family:Arial;
	/*background: url('img_btn.gif');*/
	background:#AFAFAF;
	border-bottom: solid 1px #675C4F;
	border-top: solid 1px #E6E6E6;	
}

#menuIzquierda2 li a 
{
	padding-left:10px;		
	text-transform:uppercase;	
	color:#4D4D4C;
	text-decoration:none;	
	height:41px;
}

#menuIzquierda2 li a:hover 
{
	background:	#bfbfbf;
	display:block;	
	height:41px;
}

#menuSuperior  {
	list-style:none;
	width:100%;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	background: #747474;	
}

#menuSuperior li {
	display:block;	
	float:right;
	height:20px;
	font-size:8pt;
	font-weight:bold;
	color:#999999;	
	font-family:Arial;
	padding-top:3px;	
}
#menuSuperior li a {

	color:#FFFFFF;
	text-decoration:none;	
	padding-right:5px;	
	padding-left:5px;

}
#menuSuperior li a:hover {

	color:#FFFFFF;
	text-decoration:underline;	
	padding-right:5px;	
	padding-left:5px;

}
#menuInferior  {
	list-style:none;
	width:100%;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	background: #747474;	
}

#menuInferior li {
	display:block;	
	float:left;
	height:16px;
	font-size:7pt;
	color:#999999;	
	font-family:Arial;
	padding-top:3px;	
}
#menuInferior li a {

	color:#FFFFFF;
	text-decoration:none;	
	padding-right:5px;	
	padding-left:5px;

}
#menuInferior li a:hover {

	color:#FFFFFF;
	text-decoration:underline;	
	padding-right:5px;	
	padding-left:5px;



}#menuPrincipal  {
	list-style:none;
	width:100%;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	background: url('../../img/fondo_out.jpg') repeat top left;	
}

#menuPrincipal li {
	display:block;	
	float:left;
	height:46px;	
	background: url('../../img/fondo_out.jpg') repeat top left;		
}

#menuPrincipal li a {
	white-space:normal;	
	display:block;
	padding-left:3px;
	padding-right:3px;		
	width:95px;	
	height:46px;
	text-transform: uppercase;
	text-decoration:none;
	text-align: center;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial;
	font-size:8.5pt;
	background: url('../../img/div_menu.jpg') no-repeat center right;	
	vertical-align:middle;
}

#menuPrincipal a:hover {
	background: url('../../img/fondo_activo.jpg') repeat top left;
	color:#FFFFFF;
}

.active {
	display:block;
	white-space:normal;
	width:95px;	
	padding-left:3px;
	padding-right:3px;	
	height:46px;	
	font-weight:bold;
	font-family:Arial;
	font-size:8.5pt;	
	text-transform: uppercase;
	text-decoration:none;
	text-align: center;		
	background: url('../../img/fondo_activo.jpg') repeat top left;
	color:#FFFFFF;
	vertical-align:middle;	
}

/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#000000, 
                 Direction=135, 
                 Strength=3);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #CCCCCC; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #666666 4px 4px 4px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}
