/*Documento CSS de ejemplo*/
/*Nombre de archivo: links.css*/
/*Autor: Jorge Alberto Rojas Solórzano*/
/*Colaborador para Mygnet.com*/

/*Estilizando links*/


a:link { 
text-decoration : none; 
color : #ff0000; 
} 
a:visited { 
text-decoration : none; 
color : #ff0000; 
} 
a:hover { 
text-decoration : none; 
color : #006400; 
} 
a:active { 
text-decoration : none; 
color : 0000ff; 
} 

a.estilo1:link, a.estilo1:visited { 
text-decoration : none; 
color : #556B2F; 
border-bottom: 1px dashed #556B2F; 
} 
a.estilo1:hover, a.estilo1:active { 
text-decoration : none; 
color : #6E8B3D; 
border-bottom: 1px dashed #6E8B3D; 
} 


		/*Primer grupo*/
/*uno*/
a.uno:link, a.uno:visited { 
text-decoration : none; 
color : #000000; 
} 
a.uno:hover, a.uno:active { 
text-decoration : underline; 
color : #000000; 
} 

/*dos*/
a.dos:link, a.dos:visited { 
text-decoration : underline; 
color : #000000; 
} 
a.dos:hover, a.dos:active { 
text-decoration : none; 
color : #000000; 
} 

/*tres*/
a.tres:link, a.tres:visited { 
text-decoration : none; 
color : #000000; 
} 
a.tres:hover, a.tres:active { 
text-decoration : overline; 
color : #000000; 
} 

/*cuatro*/
a.cuatro:link, a.cuatro:visited { 
text-decoration : none; 
color : #000000; 
} 
a.cuatro:hover, a.cuatro:active { 
text-decoration : underline overline; 
color : #000000; 
} 

/*cinco*/
a.cinco:link, a.cinco:visited { 
text-decoration : underline overline; 
color : #000000; 
} 
a.cinco:hover, a.cinco:active { 
text-decoration : none; 
color : #000000; 
} 

/*seis*/
a.seis:link, a.seis:visited { 
text-decoration : underline; 
color : #0000ff; 
} 
a.seis:hover, a.seis:active { 
text-decoration : underline; 
color : #006400; 
} 

/*siete*/
a.siete:link, a.siete:visited { 
text-decoration : overline; 
color : #000000; 
} 
a.siete:hover, a.siete:active { 
text-decoration : underline; 
color : #8B4513; 
} 

/*ocho*/
a.ocho:link, a.ocho:visited { 
text-decoration : underline; 
color : #363636; 
} 
a.ocho:hover, a.ocho:active { 
text-decoration : overline; 
color : #9c9c9c; 
} 

/*nueve*/
a.nueve:link, a.nueve:visited { 
text-decoration : underline overline; 
color : #ff4500; 
} 
a.nueve:hover, a.nueve:active { 
text-decoration : none; 
color : #363636; 
} 

/*diez*/
a.diez:link, a.diez:visited { 
text-decoration : none; 
color : #8B4513; 
} 
a.diez:hover, a.diez:active { 
text-decoration : underline overline; 
color : #FF7F24; 
} 

		/*SEGUNDO GRUPO*/

/*uno*/
a.color1:link, a.color1:visited { 
text-decoration : none; 
color : #191970; 
font-weight : bold;
margin : 0px;
padding : 3px;
} 
a.color1:hover, a.color1:active { 
text-decoration : none; 
color : #ffffff; 
background-color : #191970;
} 

/*dos*/
a.color2:link, a.color2:visited { 
text-decoration : none; 
color : #ffffff; 
background-color : #556B2F;
font-weight : bold;
margin : 0px;
padding : 3px;
} 
a.color2:hover, a.color2:active { 
text-decoration : none; 
color : #ffff00; 
} 

/*tres*/
a.color3:link, a.color3:visited { 
text-decoration : none; 
color : #000000; 
background-color : #FFE7BA;
font-weight : bold;
margin : 0px;
padding : 3px;
} 
a.color3:hover, a.color3:active { 
text-decoration : none; 
color : #000000; 
background-color : #FFA500;
} 

/*cuatro*/
a.color4:link, a.color4:visited { 
text-decoration : none; 
color : #ffffff; 
background-color : #228B22;
font-weight : bold;
margin : 0px;
padding : 3px;
} 
a.color4:hover, a.color4:active { 
text-decoration : none; 
color : #000000; 
background-color : #ffffff;
} 

/*cinco*/
a.color5:link, a.color5:visited { 
text-decoration : none; 
color : #000000; 
font-weight : bold;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
margin : 0px;
padding : 3px;
} 
a.color5:hover, a.color5:active { 
text-decoration : none; 
color : #000000; 
border-top: 1px solid #000000;
border-right: none;
border-bottom: 1px solid #000000;
border-left: none;
background-color : #f5f5f5;
}

/*seis*/
a.color6:link, a.color6:visited { 
text-decoration : none; 
color : #8B4513; 
font-weight : bold;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
margin : 0px;
padding : 3px;
} 
a.color6:hover, a.color6:active { 
text-decoration : none; 
color : #000000; 
border-top: 1px solid #000000;
border-right: none;
border-bottom: 1px solid #000000;
border-left: none;
background-color : #EEE9E9;
} 

/*siete*/
a.color7:link, a.color7:visited {
	text-decoration : none;
	color : #FFFFFF;
	font-weight : bold;
	margin : 0px;
	padding : 3px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	font-size: 9px;
} 
a.color7:hover, a.color7:active {
	text-decoration : none;
	color : #99CC00;
	font-size: 9px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #99CC00;
} 

/*ocho*/
a.color8:link, a.color8:visited { 
text-decoration : none; 
color : #000000; 
font-weight : bold;
border-bottom: 1px solid #0000ff;
margin : 0px;
padding : 3px;
} 
a.color8:hover, a.color8:active { 
text-decoration : none; 
color : #000000; 
border-bottom: 1px solid #0000ff;
background-color : #97FFFF;
} 


/*nueve*/
a.color9:link, a.color9:visited {
	text-decoration : none;
	color : #000000;
	font-weight : bold;
	background-color : #eeeeee;
	margin : 0px;
	padding : 3px;
	font-size: 9px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #596582;
	border-bottom-color: #596582;
} 
a.color9:hover, a.color9:active {
	text-decoration : none;
	color : #FFFFFF;
	border-style : none;
	background-color : #596582;
} 


/*diez*/
a.color10:link, a.color10:visited { 
text-decoration : none; 
color : #ffffff; 
font-weight : bold;
background-color : #000000;
margin : 0px;
padding : 3px;
} 
a.color10:hover, a.color10:active { 
text-decoration : none; 
color : #ffffff; 
border-style : none;
background-color : #B5B5B5;
} 


		/*TERCER GRUPO*/

/*uno*/
a.pun1:link, a.pun1:visited { 
text-decoration : none; 
color : #000000; 
border-bottom: 1px dashed #000000;
margin : 0px;
padding : 3px;
} 
a.pun1:hover, a.pun1:active { 
text-decoration : none; 
color : #000000; 
} 


/*Dos*/
a.pun2:link, a.pun2:visited { 
text-decoration : none; 
color : #0000ff; 
border-bottom: 1px solid #000000;
margin : 0px;
padding : 3px;
} 
a.pun2:hover, a.pun2:active { 
text-decoration : none; 
color : #0000ff; 
border-bottom: 1px dashed #000000;
} 


/*Tres*/
a.pun3:link, a.pun3:visited { 
text-decoration : none; 
color : #006400; 
border-bottom: 1px dotted #ff4500;
margin : 0px;
padding : 3px;
} 
a.pun3:hover, a.pun3:active { 
text-decoration : none; 
color : #ff4500; 
border-bottom: 1px dotted #006400;
} 
 

/*Cuatro*/
a.pun4:link, a.pun4:visited { 
text-decoration : none; 
color : #3A5FCD; 
border-top: 1px dotted #000000;
margin : 0px;
padding : 3px;
} 
a.pun4:hover, a.pun4:active { 
text-decoration : none; 
color : #3A5FCD; 
border-top: 1px dotted #4876FF;
} 


/*Cinco*/
a.pun5:link, a.pun5:visited { 
text-decoration : none; 
color : #548B54; 
border-top: 1px dotted #000000;
margin : 0px;
padding : 3px;
} 
a.pun5:hover, a.pun5:active { 
text-decoration : none; 
color : #548B54; 
border-top: 1px solid #4876FF;
border-bottom: 1px dashed #3A5FCD;
} 

/*Seis*/
a.pun6:link, a.pun6:visited { 
text-decoration : none; 
color : #8B6914; 
border-top: 1px dashed #8B6914;
border-bottom: 1px dashed #8B6914;
margin : 0px;
padding : 3px;
} 
a.pun6:hover, a.pun6:active { 
text-decoration : none; 
color : #8B6914; 
border-top: 1px solid #8B6914;
border-bottom: 1px solid #8B6914;
} 

/*Siete*/
a.pun7:link, a.pun7:visited { 
text-decoration : none; 
color : #ff4500; 
border-top: 1px solid #000000;
border-bottom: 1px dotted #ff4500;
margin : 0px;
padding : 3px;
} 
a.pun7:hover, a.pun7:active { 
text-decoration : none; 
color : #ff4500; 
border-top: 1px dotted #ff4500;
border-bottom: 1px solid #000000;
} 


/*Ocho*/
a.pun8:link, a.pun8:visited { 
text-decoration : none; 
color : #8B864E; 
border-top: 1px dashed #000000;
border-bottom: 1px solid #6E8B3D;
margin : 0px;
padding : 3px;
} 
a.pun8:hover, a.pun8:active { 
text-decoration : none; 
color : #BDB76B; 
border-top: 1px solid #6E8B3D;
border-bottom: none;
} 


/*Nueve*/
a.pun9:link, a.pun9:visited { 
text-decoration : underline overline; 
color : #8B3A3A; 
border-left: 3px solid #EE7942;
margin : 0px;
padding : 3px;
} 
a.pun9:hover, a.pun9:active { 
text-decoration : none; 
color : #EE7942; 
border-top: none;
border-bottom: 1px dashed #EE7942;
} 

/*Diez*/
a.pun10:link, a.pun10:visited { 
text-decoration : none; 
color : #000000; 
border-left: 4px solid #000000;
font-weight: bold;
margin : 0px;
padding : 3px;
} 
a.pun10:hover, a.pun10:active { 
text-decoration : none; 
color : #363636; 
border-left: 4px solid #0000ff;
} 



		/*CUARTO GRUPO (Simulando botones)*/

/*Uno*/
a.bot1:link, a.bot1:visited { 
text-decoration : none; 
color : #000000; 
border : 1px solid #000000;
font-weight : bold;
margin : 0px;
padding : 3px;
} 
a.bot1:hover, a.bot1:active { 
text-decoration : none; 
color : #000000; 
background-color : #eeeeee;
} 


/*Dos*/
a.bot2:link, a.bot2:visited { 
text-decoration : none; 
color : #8B4726; 
border : 1px solid #dcdcdc;
font-weight : bold;
margin : 0px;
padding : 3px;
} 
a.bot2:hover, a.bot2:active { 
text-decoration : none; 
color : #EE7942; 
} 


/*Tres*/
a.bot3:link, a.bot3:visited { 
text-decoration : none; 
color : #000080; 
border : 1px outset #dcdcdc;
font-weight : bold;
margin : 0px;
padding : 3px;
} 
a.bot3:hover, a.bot3:active { 
text-decoration : none; 
color : #0000ff;
border : 1px inset #dcdcdc; 
} 

/*Cuatro*/
a.bot4:link, a.bot4:visited { 
text-decoration : underline; 
color : #EE4000; 
border : 1px outset #dcdcdc;
font-weight : bold;
margin : 0px;
padding : 3px;
} 
a.bot4:hover, a.bot4:active { 
text-decoration : none; 
color : #ff4500;
border : 1px inset #dcdcdc; 
background-color: #f5f5f5;
} 

/*Cinco*/
a.bot5:link, a.bot5:visited { 
text-decoration : none; 
color : #000000; 
border : 1px solid #C60000;
font-weight : bold;
margin : 0px;
padding : 3px;
} 
a.bot5:hover, a.bot5:active { 
text-decoration : none; 
color : #363636;
border-top : 1px solid #ff4500;
border-right : 1px solid #0000ff;
border-bottom : 1px solid #00dd00;
border-left : 1px solid #FFD700;
} 


/*Seis*/
a.bot6:link, a.bot6:visited { 
text-decoration : none; 
color : #000000; 
border : 2px outset #dcdcdc;
background-color : #e5e5e5;
font-weight : bold;
margin : 0px;
padding : 3px;
} 
a.bot6:hover, a.bot6:active { 
text-decoration : none; 
color : #000000;
border : 1px inset #dcdcdc;
} 

/*Siete*/
a.bot7:link, a.bot7:visited { 
text-decoration : none; 
color : #000000; 
border : 2px solid #000000;
background-color : #ffffe0;
font-weight : bold;
margin : 0px;
padding : 3px;
} 
a.bot7:hover, a.bot7:active { 
text-decoration : none; 
color : #000000;
border : 2px solid #dcdcdc;
} 



		/*LINKS VARIOS*/

/*uno*/
a.varios1:link, a.varios1:visited {
	text-decoration : none;
	color : #FFFFFF;
	font-weight : bold;
	margin : 0px;
	padding : 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
} 
a.varios1:hover, a.varios1:active { 
text-decoration : none; 
color : #F4A460;
} 


/*Dos*/
a.varios2:link, a.varios2:visited { 
text-decoration : none; 
color : #8B864E; 
border-left : 4px solid #8B864E;
border-top : 1px solid #BDB76B;
border-bottom : 1px solid #BDB76B;
font-weight : bold;
margin : 0px;
padding : 3px;
} 
a.varios2:hover, a.varios2:active { 
text-decoration : none; 
color : #A2CD5A;
} 

/*Tres*/
a.varios3:link, a.varios3:visited { 
text-decoration : none; 
color : #0000CD; 
border-left : 4px solid #c0c0c0;
border-right : 4px solid #1E90FF;
font-weight : bold;
margin : 0px;
padding : 3px;
} 
a.varios3:hover, a.varios3:active { 
text-decoration : none; 
border-left : 4px solid #1E90FF;
border-right : 4px solid #c0c0c0;
} 


/*Cuatro*/
a.varios4:link, a.varios4:visited {
	text-decoration : none;
	color : #003366;
	border-left : 4px solid #ffffff;
	font-weight : bold;
	margin : 0px;
	padding : 3px;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
} 
a.varios4:hover, a.varios4:active { 
text-decoration : none; 
color : #363636;
border-left : 4px solid #ff4500;
} 


/*Cinco*/
a.varios5:link, a.varios5:visited { 
text-decoration : none; 
color : #000000; 
border-left : 4px double #000000;
font-weight : bold;
margin : 0px;
padding : 3px;
} 
a.varios5:hover, a.varios5:active { 
text-decoration : none; 
color : #000080;
border-right : 4px double #828282;
} 


/*Seis*/
a.varios6:link, a.varios6:visited { 
text-decoration : none; 
color : #8B864E; 
border-left : 4px double #8B864E;
border-bottom : 1px dashed #8B864E;
font-weight : bold;
margin : 0px;
padding : 3px;
} 
a.varios6:hover, a.varios6:active { 
text-decoration : underline; 
color : #BDB76B;
border-left : 4px double #bdb56b;
}

/*Siete*/
a.varios7:link, a.varios7:visited { 
text-decoration : none; 
color : #27408B; 
border-left : 4px double #27408B;
border-bottom : 1px dashed #27408B;
border-right : 4px solid #4876FF;
border-top : 1px dashed #27408B;
font-weight : bold;
margin : 0px;
padding : 3px;
} 
a.varios7:hover, a.varios7:active { 
text-decoration : none; 
color : #4876FF;
border-left : 4px double #4876FF;
}

/*Ocho*/
a.varios8:link, a.varios8:visited { 
text-decoration : none; 
background-color : #BDB76B;
color : #FFFFE0; 
border-bottom : 3px solid #000000;
font-weight : bold;
margin : 0px;
padding : 4px;
} 
a.varios8:hover, a.varios8:active { 
text-decoration : underline; 
color : #FFFFE0;
}
 

/*Nueve*/
a.varios9:link, a.varios9:visited { 
text-decoration : none; 
color : #000000; 
border-bottom : 3px solid #888888;
font-weight : bold;
margin : 0px;
padding : 4px;
} 
a.varios9:hover, a.varios9:active { 
text-decoration : none; 
color : #c0c0c0;
}

/*Diez*/
a.varios10:link, a.varios10:visited { 
text-decoration : none; 
color : #000000; 
border-left : 4px solid #0000ff;
border-bottom : 1px solid #c0c0c0;
font-weight : bold;
margin : 0px;
padding : 4px;
} 
a.varios10:hover, a.varios10:active { 
text-decoration : none; 
color : #4169E1;
border-left : 4px solid #0000ff;
border-bottom : 1px solid #c0c0c0;
}