body {
	font: 1.2em "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
	color: #ffffff ;
	background-color:#ebeef4;
}
p {
margin-left: 1em;
}
p.letrachica {
font-size: 0.7em;
}

a {	text-decoration: none;	
color: #000;}

a:hover {
color: #333333; }

ul {
  list-style-type: none;
  color: #000;
  background-image: url("imagenes/marron.jpg");
  background-repeat: repeat-y;
  margin:0;
}

ul.cuentos {
  list-style-type: none;
  color: #000;
  background-image: url("imagenes/azul.jpg");
  background-repeat:repeat-y;
  margin:0;
}
h1.cuentos {
  font: 1.4em "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
  color:#112868; 
  text-align: center; 
  border-bottom: 0.05em solid;
  }
h2.cuentos  {
	font-size: 1.2em;
	color:#112868;
	text-indent: 0em;

	}
	
ul.acerca_de {
  list-style-type: none;
  color: #000;
  background-image: url("imagenes/marron_azul.jpg");
  background-repeat:repeat-y;
  margin:0;
}
h1.acerca_de {
  font: 1.4em "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
  color:#452C0E; 
  text-align: center; 
  border-bottom: 0.05em solid;
  }
h2.acerca_de  {	font-size: 1.2em;
		color:#452C0E;
	text-indent: 0em;
	}

	h3.acerca_de  {	font-size: 1em;
	color:#452C0E;
	text-indent: 1em;
	}

ul.enlaces {
  list-style-type: none;
  color: #000;
  background-image: url("imagenes/libros.jpg");
  background-repeat:repeat-y;
  margin:0;
}
h1.enlaces {
  font: 1.4em "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
  color:#3E4E00; 
  text-align: center; 
	border-bottom: 0.05em solid;
  }
	h2.enlaces  {	font-size: 1.2em;
	color:#3E4E00;
	text-indent: 0em;
	}

h1 {
 font: 1.4em "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
  color:#452C0E; 
  text-align: center; 
 border-bottom: 0.05em solid;
  }
	h2  {
	font-size: 1.2em;
	color:#452C0E;
	text-indent: 0em;
	}

	ul li.subopcion {
	padding-left: 0.8em;
	margin-left: 0.8em;
	font-size: 0.8em;
	}
ul li {
padding: 0.5em;
margin: 0;
}

ul a {
	
	text-decoration: none;
  }
  
  a img { border-bottom: 2px;}
a:visited {
  color: #000;

  }

a img {
text-decoration: none;
border: none;
}

p.centrado {text-align:center;}

#contenedor {
width: 50em;
height: 100%;
}


#menu{
width: 14.5em;
float:left;

}


#menu a:hover {
color: #444444; 
}

#principal {
width: 60%;
float: left;
margin-left: 1em;
padding: 1em;
	color: #000000;

}

#imagen {
margin: 0.5em;
}

#principal a{
text-decoration: none;
}

#principal a:visited 
{color: #526800;}

#principal ul {
 margin: 1em;
 background-image: none;
 }

#migas {  
	margin:0;
	padding:0;
	font-size: 0.7em;
	color: #666666;
}

#migas a {
display: inline;
}

#migas  p {
display: inline;
margin: 0;
}
#migas li {
list-style-type: none;
	margin: 0;
	padding:0; 
	display: inline; 
}
#migas li a {
	display: inline; 
	text-decoration:none;
	text-align: left;
}

#migas li a:hover {
	font-style: italic;
}

.botonhera {
	margin: 1em 0;
	width: 9em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: 600 !important;
	
}
.botonhera a {
	display: block;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	vertical-align: middle;
}
.botonhera a:link,
.botonhera a:visited,
.botonhera a:hover {
	background-color: #fff;
	color: #000;
	text-decoration: none;
	
}
.botonhera a:link,
.botonhera a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.botonhera a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}
span.hera {
	padding: 0 0.4em;
	border: none;
	background-color: #060;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	margin: 0px 0px 0px 0px;
}
acronym.spec {
	cursor: help;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	text-decoration: none;
	border-bottom-style: none;
	border-style: none;
	font-weight: bolder;
	padding: 0em;
	margin: 0px 0px 0px 0px;
}
acronym.conform {
	background-color: transparent;
	color: Maroon;
	cursor: help;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	text-decoration: none;
	border-bottom-style: none;
	border-style: none;
	font-weight: bolder;
	padding: 0em;

	margin: 0px 0px 0px 0px;
}

/* Estilos para los botones sin relieve */


	.navlistpie1 li
{
	display: inline;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 1em;
	float: left;
	position: relative;
	line-height: normal !important;
	
}
.botonhera1 {
background-color: #fff;
	color: #000;
	margin: 1em 0;
	width: 8.7em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: 600 !important;
	border: 1px solid Black;
}
.botonhera1 a {
background-color: #e5e5e5;
	color: #000;
	display: block;
	width: auto;
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	vertical-align: middle;
	text-decoration: none;
}
.botonhera1 a:hover {
	background-color: #000 !important;
	color: White !important;
	text-decoration: none;
}

 a:hover span.hera1 {
	background-color: #fff !important;
	color: #000 !important;
	text-decoration: none;
}
a:hover acronym.spec1 {
	background-color: #000 !important;
	color: #fff !important;
	text-decoration: none;
}

a:hover acronym.conform1 {
	background-color: #000 !important;
	color: #fff !important;
	text-decoration: none;
}

span.hera1 {
	padding: 0 0.4em 0 0.4em;
	background-color: #060;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	margin: 0px 0px 0px 0px;
}
acronym.spec1 {
	cursor: help;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	text-decoration: none;
	border-bottom-style: none;
	border-style: none;
	font-weight: bolder;
	padding: 0em;
}
acronym.conform1 {

	background-color: transparent;
	color: Maroon;
	cursor: help;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	text-decoration: none;
	border-bottom-style: none;
	border-style: none;
	font-weight: bolder;
	padding: 0em;
}