/* 
	R E S E T
*/
	html, body, div, span, h1, h2, h3, h4, h5, h6, p, 
	a, font, img, strong, center, ul, li,
	form, label, legend 							{	padding: 0;	border: 0; }
	ol, ul 											{	list-style: none;}
	:focus 											{	outline: 0;}
	a img 											{	border:none } 
/* 
	C L A S E S   P R E S E N T A C I O N A L E S
*/
	.aligncenter 			{	display:block; margin:0 auto }
	.alignleft 				{	float:left }
	.alignright 			{	float:right }
	br.clear 				{	clear:both; display:block; height:1px; margin:-1px 0 0 0 }
/*
	E S T I L O S    G E N E R A L E S
*/
	html, body 						{ 	margin: 0; padding: 0; font-size:16px; background:url("../images/background.gif") 0 0 repeat; }
	h1, h2, h3, h5, h5, h6, ul, li 	{	font-weight:bold; }
	h2					   			{	color: #00C; }
	a:link, a:visited				{	color: #00C; text-decoration: none; }
	a:hover							{	color: #00C;}
	a:active						{	color: #00C; text-decoration: none; }
/*
	C A B E C E R A
*/	
	#header				{	margin: 0 auto; height: auto; color: #d40601; text-align:center; }
/*
	C O N T E N E D O R
*/	
#container {
	width: 100%;
/*	max-width: 1260px;/* puede que sea conveniente una anchura máxima (max-width) para evitar que este diseño sea demasiado ancho en un monitor grande. Esto mantiene una longitud de línea más legible. IE6 no respeta esta declaración. */
/*	min-width: 780px;/* puede que sea conveniente una anchura mínima (min-width) para evitar que este diseño sea demasiado estrecho. Esto permite que la longitud de línea sea más legible en las columnas laterales. IE6 no respeta esta declaración. */

	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
}
/*
	M E N U
*/
#menu{ 
	float:left;
	width:20%;
	min-height:650px; /* para navegadores modernos */
	height:auto !important; /* para navegadores modernos */
	height:650px; /* para IE5.x y IE6 */
	padding:0;
	margin:0;
}

#menu li{border-bottom:1px solid #000; color: #00C;}
#menu ul li	, #menu li:last-child{border:none;}
#menu a{
	background: url("../images/flecha_enlace.png") no-repeat 10px center;
	display:block;
	text-align:left;
	width:220px;
	text-decoration:none;
	padding:5px 25px;
}
ul li li a{
	background: url("../images/flecha_subenlace.png") no-repeat 10px center;
	display:block;
	text-align:left;
	width:220px;
	text-decoration:none;
	padding:5px 25px;
}
#menu a:hover{
	color:#020202;
}
#menu ul a{font-size:16px;}
#menu ul a:hover{color:#020202;}
ul{
	display:block;
	margin:0px;
	padding:0px;
	width:220px;
}
#menu ul{
	padding-left:25px;	
}
/*#menu li ul {display:none;}  ESTO LO HE QUITADO PARA QUE NO HAGA EL ACORDEON */

/*
	C O N T E N I D O
*/
#content {
/*	float:left; */
	margin-left:20%;
	width: auto;
	min-height:650px; /* para navegadores modernos */
	height:auto !important; /* para navegadores modernos */
	height:650px; /* para IE5.x y IE6 */
}

#contentlogin { 
	margin-left:50px;
	min-height:650px; /* para navegadores modernos */
	height:auto !important; /* para navegadores modernos */
	height:650px; /* para IE5.x y IE6 */
}

.popup{
	padding:10px; 
	border:1px solid #ccc;
 	background:#FFF; 
	width:250px; 
	font-size: small; 
}
#book1{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#F00;
}

.titular {
	font-weight: 800;
	font-size: 12pt;
	color: #456f95;
	font-family: 'Trebuchet MS';
	text-indent: 0;
	margin: 0;
}

/*
	P I E
*/
#footer { clear:both; }