@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(imagenes/bg.00.jpg);
	background-repeat:repeat+x;
	background-color:#FFCC00;
}

.style1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}

/* Primero definimos el añcho de la capa, que debe ser del ancho del lienzo: */
#menu { 
width: 126px; 
margin: 0px;
padding-left:10px; 
} 

/* Definimos el estilo nuestra lista */

#menu ul { 
vertical-align:middle;
list-style: none; 
margin: 0; 
padding: 0; 
font-family:Verdana,Arial, Helvetica, sans-serif; 
font-size:10px; 
font-weight:bold;
text-align:center;
} 

/* Ahora las características comunes de cada item */

#menu li a { 
text-decoration: none;
vertical-align:0px;
height: 30px; 
display: block; 
padding: 9px 0px 0px 0px; 
background: url(imagenes/btn_css.png); 
color: #FFFFFF;
} 

/* Ahora las caraterísticas especiales */

#menu li a:hover { 
color:#000000;
background-position: 126px 0px; 
} 

#menu li a:active { 
color: #FFFFFF; 
background-position: 0 -72px; 
} 


#menu2 { 
width: 120px; 
margin: 0px;
padding-right:10px; 
} 

/* Definimos el estilo nuestra lista */

#menu2 ul { 
vertical-align:middle;
list-style: none; 
margin: 0; 
padding: 0; 
font-family:Verdana,Arial, Helvetica, sans-serif; 
font-size:10px; 
font-weight:bold;
text-align:center;
} 

/* Ahora las características comunes de cada item */

#menu2 li a { 
text-decoration: none;
vertical-align:2px;
height: 30px; 
display: block; 
padding: 8px 0px 0px 0px; 
background: url(imagenes/btn_css.png); 
color: #FFFFFF;
} 


#menu2 li a:hover { 
color:#000000;
background-position: 126px 0px; 
} 

#menu2 li a:active { 
color:#FFFFFF; 
background-position: 0 -72px; 
}