body { color: #000; background: black;
font-size: 0.7em; 
/* text-align: center; */
color: #500;
font-family: verdana,arial, sans-serif; 
background-position: 0%;

}



#header {
	margin: 0 0 0 0;
	text-align: center;
	color: #500;
	height: 60px;
	background: url("/imagenes/EdicionesDeLaCultura.jpg") no-repeat;
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #da5;
	border-right-color: #da5;
	border-bottom-color: #da5;
	border-left-color: #da5;
}

#wrapper {
	clear: both;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 756px;
	background: white;
	border-left: 3px solid #DDAB56;
	border-right: 3px solid #DDAB56;
	background-color: #336699;
}


#side-a {
	float: left;
	width: 147px;
	background-color: #336699;
	border-top: 3px solid #660000;

	
}

#side-b {
	float: right;
	width: 146px;
	background-color: #336699;
	border-top: 3px solid #660000;
	/*
	background: white;
	border-top: 0px solid #DDAB56;
	border-right: 3px solid #DDAB56;
	border-bottom: 0px solid #DDAB56;
	border-left: 0px solid #DDAB56;*/
	color: #FFFFFF;
	padding-left: 3px;
}

#content { 
	float: left;
	width: 60%;
	background: white;
	border-top: 3px solid #660000;
		border-right: 3px solid #DDAB56;
		border-left: 3px solid #DDAB56;
		border-bottom: 3px solid #DDAB56;
		height: 100%;
}

#footer {
	clear: both;
	height: 14px;
	background-color: #DDAB56;
}

h1 {
font-size: 2em; text-align: center; color: #0099ff;font-family: Georgia, "Times New Roman", Times, serif;margin-top:10px;margin-bottom: 10px;
}

h2 {
font-size: 1.3em; text-align: center; color: yellow;font-family: Georgia, "Times New Roman", Times, serif;margin:6px;
}

/*Empieza menú*/

.menu {
width: 147px; /* set width of menu */
margin-left: 0px;
margin-top: 10px;
}

.menu h3 { /*títulos de los botones*/

font-size:10px;
color: yellow;
background: red;
text-transform: uppercase;
/*
	border-top: 1px solid #999999;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #999999;
*/
}

.menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
.menu a, .menu h3{
	font-size:10px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
	height: 14px;
	width: 147px;
	text-indent: 5pt;
	background-color: #005588;
	color: yellow;
	font-weight : bold;
	text-decoration: none;
	/*
	border-top: 1px solid #999999;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #999999;
*/

}



.menu a:hover {
	color: white;
	font-weight : bold;
	background-color: #3366cc;	/*
	border-top: 1px solid #000000;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #000000;
*/
}
.der {
	color: #993302;
	font-size: 1em;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:4px;

	font-weight: bold;
	padding-top: 10px;
}

.comentario {
margin: 20px;
text-align: justify;
}

.style1 {color: #FFFFFF; }
.style2 {color: #FFFF00; }
.style4 {color: #FFFF00; font-weight: bold; margin-top: -40px; }
.style5 {color: #FFFFFF; font-weight: bold; }
.style6 {color: #FFFF00; font-size: 1em; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; margin: 4px; font-weight: bold; padding-top: 10px; }

.menu1 {
width: 147px; /* set width of menu */
margin-left: 0px;
margin-top: 10px;
}

.menu1 h3 { /*títulos de los botones*/

font-size:9px;
color: yellow;
background: red;
text-transform: uppercase;
/*
	border-top: 1px solid #999999;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #999999;
*/
}

.menu1 ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
.menu1 a, .menu1 h3{
	font-size:9px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
	height: 14px;
	width: 147px;
	text-indent: 6pt;
	background-color: #005588;
	color: yellow;
	font-weight : bold;
	text-decoration: none;
	/*
	border-top: 1px solid #999999;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #999999;
*/

}



.menu1 a:hover {
	color: white;
	font-weight : bold;
	background-color: #3366cc;	/*
	border-top: 1px solid #000000;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #000000;
*/
}

.menu2 a {
text-align: center;
	font-size:9px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
	height: 28px;
	width: 147px;
	/* text-indent: 6pt; */
	background-color: #005588;
	color: yellow;
	font-weight : bold;
	text-decoration: none;
}

.menu2 a:hover {
text-align: center;
	color: white;
	font-weight : bold;
	background-color: #3366cc;
}

.menu2 ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}