/* CSS Document */

  body {
   margin:0;
   padding:0;
   text-align:center;
   background-image:url(imag/rayas2.gif);
}

  #sombra {
   width:870px;
   text-align:center;
   margin:auto;
   background-color:#FFF;
}
  
  #content {
   text-align:left;
   margin:auto;
   width:850px;

  }
  
  #cabecera {
   width:830px;
   height:70px;
   background-color:#4F006B;
   background-image:url(imag/cabecera5.png);
   padding:60px 0 0 20px;
   margin:0 0 5px 0;
   font:22px arial;
   color:#FFF;

  }

  #foto {
   width:850px;
   height:130px;
   background-image:url(imag/arboles4.png);
   margin:5px 0 5px 0;
  }

  #menu {
   width:850px;
   height:25px;
   margin:5px 0 5px 0;
   background-color:#a500c1;
  }
  
  #contenido {
   width:570px;
   float:left;
   padding:0 30px 10px 30px;
   color:#777;
   font:13px arial;

  }
  
  #novedades {
   width:210px;
   padding:0 0 0 10px;
   float:left;
  
  }
  
  #pie {
   clear:both;
   width:850px;
   height:20px;
   padding-top:7px;
   border-top:1px dotted #777; 
   text-align:left;
   font:10px Arial;
   color:#666666;
  }

/*MENU PRINCIPAL*/

#fil {  	
list-style:none;	
margin:0;	
padding:0;

}

#fil li {	
float:left;
margin:0;
font:11px arial;

}

#fil li a {
display: block;
height:17px;
padding:5px 8px 3px 8px;
color:#FFF;
background-color:#a500c1;
text-decoration:none;

}

#fil li a:visited {
text-decoration:none;

}

#fil li a:hover {	
color:#FFF;
text-decoration:none;
background-color:#4f006b;

}


#fil li a:active {
color:#FFF;
text-decoration:none;
background-color:#4f006b;


}

/*MENU SECUNDARIO*/

#curso {  	
list-style:none;	
margin:0;	
padding:0;

}

#curso li {	
margin:0;
font:11px arial;

}

#curso li a {
display: block;
color:#4f006b;
padding:5px;
margin:0 0 3px 0;
background-color:#d300e3;
text-decoration:none;

}

#curso li a:visited {
text-decoration:none;
}

#curso li a:hover {	
color:#FFF;
text-decoration:none;
border-right:10px solid #4f006b;

}

/*ESTILO DE LOS TEXTOS*/

h1 {
font:11px arial;
color:#FFF;
padding:3px;
margin:0;
text-transform: uppercase;
text-align:center;
font-weight:bold;
background-color:#4f006b;
}

h2 {
font:14px arial;
color:#A500C1;
text-transform:uppercase;
font-weight:bold;
}

h6{
color:#777;
font:11px arial;
}

.otros {
font:12px arial;
color:#777;
}
/* LISTAS MENU*/

#lista {  	
list-style:none;
margin:0;	
padding:0;
}

#lista li {	
margin:5px 0 0 40px;
font:11px arial;

}

#lista li a {
text-decoration:none;
color:#555;

}

#lista li a:visited {
border-bottom:1px dotted #555;
text-decoration:none;

}

#lista li a:hover {	
background-color:#A500C1;
color:#FFF;
padding:2px;
text-decoration:none;

}

/*enlaces*/

a {
text-decoration:none;
}

.clase {
text-decoration:none;
color:#555;
}

.clase:hover {
background-color:#A500C1;
color:#FFF;
padding:2px;
}

/*LISTAS NORMALES*/

#asterisco {  	
list-style:none;
margin:0;	
padding:0;
}

#asterisco li {  	
margin:5px 0 0 50px;
font:12px arial;
list-style-image:url(imag/asterisco.png);

}

#asterisco2 {  	
list-style:none;
margin:0;	
padding:0;
}

#asterisco2 li {  	
margin:5px 0 0 50px;
font:12px arial;
list-style-image:url(imag/asterisco.png);

}

/*PIE PAGINA*/

#piepa {  	
list-style:none;
padding:0 0 0 25%;	
margin:0;	
}

#piepa li {	
float:left;
margin:0 5px 0 5px;
font:9px arial;
}

#piepa li a {
text-decoration:none;
color:#555;
}

#piepa li a:hover {
background-color:#A500C1;
color:#FFF;
padding:2px;
}
/*FORMULARIO*/

form {
	text-align:left;
	margin:0;
	padding:0 0 0 210px;
}

form ul{
	list-style:none;
	padding:0;
	margin:0;
}
	
form li {
	margin:-15px 0 0 0;

}

form ul li textarea{
	width:180px;
	color:#777;
	border-top:1px solid #4F006B; 
	border-left:1px solid #4F006B; 
	border-right:1px solid #A500C1; 
	border-bottom:1px solid #A500C1; 
}

form ul li input  {
	font:12px arial;
	color:#777;
	border-top:1px solid #4F006B; 
	border-left:1px solid #4F006B; 
	border-right:1px solid #A500C1; 
	border-bottom:1px solid #A500C1;
}

#boton {
	background-color:#A500C1;
	color:#FFF;
	border:none;
}