@charset "utf-8";
/* CSS Document */
* {margin: 0;
   padding: 0;} /* evita problemas para los distintos navegadores */

 body { 
	margin: 0px; 
	font:12px Tahoma, Arial, Helvetica, sans-serif ; 
	color: #663399; 
	background:url(../imagenes/bgbody.jpg) repeat-x #F9F3FF;} 
	
img{ border:none}		
p {margin: 0px;text-align: justify;}
/*hr {} no funciona en moz*/ 
ul{ padding-bottom:10px}

li {
	background-position: 0 3px; /*atencion se pueden poner cordenadas para situar el icono*/
	background-image: url(../imagenes/icon-lista2.gif); 
	background-repeat: no-repeat;
	padding:0 15px;
	margin:0 0 4px 12px;
	list-style-type:none;
	text-align:left}
	
/*------------- enlaces ------------------*/
a.enlace1{ /*menu*/
	color: #FFF;
	text-decoration: none;
	font: 16px Helvetica, Arial, sans-serif;
	background: url(../imagenes/bckgr-menu1.gif) no-repeat;
	width:197px; 
	height:34px;}
a.enlace2:hover{
	background: url(../imagenes/bckgr-menu2.gif) no-repeat;}	

a.enlace2 { /*mail*/
	font-family:Tahoma, Arial, Helvetica, sans-serif; color: #49127F; 
	font-size:12px; 
	font-weight:bold;
	text-decoration:none;}	
a.enlace2:hover{ 
	text-decoration:underline;}		
	
a.enlace4 { /*link creaciongrafica.net*/
	font-family:Tahoma, Arial, Helvetica, sans-serif; color: #999999; 
	font-size:11px; 
	font-weight:bold;
	text-decoration:none;}	
a.enlace4:hover{ 
	text-decoration:underline;}			
	
 /*------------- h ------------------*/	
h1{/*titulo pagina*/
	margin: 0px;
	font:32px 'Century Gothic', Arial, Helvetica, sans-serif;
	color: #a263dc; }

h2{/*titulo1 caja*/
	width:413px; 
	height:43px;
	background:url(../imagenes/bg-titulo1.gif) no-repeat;
	color: #9772BA;
	padding-top:9px;
	text-align:left;
	padding-left:36px;
	font:22px 'Century Gothic', Arial, Helvetica, sans-serif; 
	margin-top:15px}

h3{ 
	width:413px; /*titulo2 caja*/
	height:43px;
	background:url(../imagenes/bg-titulo2.gif) no-repeat;
	color: #9772BA;
	padding-top:9px;
	text-align:left;
	padding-left:36px;
	font:22px 'Century Gothic', Arial, Helvetica, sans-serif; 
	margin-top:15px}
	
h4{ /*titulo largo*/
	text-align:left;
	font:22px 'Century Gothic', Arial, Helvetica, sans-serif; 
	color: #9772BA; 
	padding-left:36px;
	padding-top:9px; 
	background:url(../imagenes/bg-titulo3-largo.gif) no-repeat; 
	height:43px}	
	
h5{ /*titulo del libro*/
	text-align:left;
	font:bold 19px 'Century Gothic', Arial, Helvetica, sans-serif; 
	color: #9772BA;}	

 /*------------- clases generales ------------------*/	
.clear{clear:left;}/*para q contenido no se desborde IMPORTANTE:utilizar siempre que se superpongan dos div */
.flota_right {float:right;}/*situa el div a la derecha y a la izq respectivament,si no funciona con uno, reforzarlo con el otro*/
.flota_left {float:left;}
.imag_borde {border:1px solid #C63}
.txt_derecha { text-align:right}

 /*------------- clases comodin ------------------*/
.margen1{  /*para columnas de la izquierda*/
	padding-left:25px; 
	padding-right:15px; 
	padding-bottom:15px;}

.margen2{  /*para columnas de la derecha*/
	padding-left:15px; 
	padding-right:25px; 
	padding-bottom:15px}	

.margen3{  /*para imagenes, ponerlas a la altura del txt, por dbajo del titulo*/  
	padding-left:15px;
	padding-top:65px}	

	
 /*------------- contenedor ------------------*/	
#contenedor { 
	position: relative; 
	width:990px;
	margin:0 auto;}	
	
.bgcabecera { 
	background:url(../imagenes/bgcabecera.jpg) no-repeat left top;}	
	
#botones img{ 
	padding-right:14px}	
	
.bgmenu { 
	background:url(../imagenes/bgmenu.jpg) no-repeat center;}
	
.tit-pag{ 
	width:940px; 
	border-bottom:solid 1px #9772BA;
	border-top:solid 1px #9772BA; 
	padding:3px 0; 
	margin-left:20px; 
	text-align:center}	
	
/*------------- nuestro centro ------------------*/	
.tit-linea{ 
	width:430px;
	border-bottom:solid 1px #663399; 
	margin:3px 15px}		
	
/*------------- mente ------------------*/ 
.libro-izq { 
	width:466px; /*100% soluciona img fondo titulo, corta el txt de abajo*/
	background: url(../imagenes/bg-libro-izq.jpg) no-repeat top right; 
	margin:20px 0 0 30px}	
	
.libro-izq p{ 
	text-align:left; 
	/*width:257px*/ }		
	
.libro-izq img{ 
	float:left; 
	padding: 0 27px 0 46px}	
	
.libro-dcha { 
	width:466px; 
	height:292px;
	background: url(../imagenes/bg-libro-dcha.jpg) no-repeat top left;
	margin:0px;
	padding:0px; 
	margin-top:20px; 
	padding-left:50px
	}
	
.libro-txt-dcha{ 
	float:left;
	margin-top:165px}	

.libro-txt-dcha img{ 
	width:30px;
	padding:0 3px 65px 3px; 
	float:left} 
	
.libro-txt-dcha p{ 
	width:100px; 
	text-align:left }	
	
.fondo1{ 
	background: url(../imagenes/bg-caja-degradado.jpg) repeat-x #f8f0ff}			
 /*------------- espiriutu ------------------*/ 
 
 .bg-espiritu{ 
 	background:url(../imagenes/bg-caja-degradado) repeat-x #f8f0ff;}				
	
 /*------------- pie ------------------*/ 
.pie{
 	margin:0 auto;
	width:990px; 
	font-size:11px;
	font-weight:bold; 
	margin-top:10px}	
	
.pie p{text-align:center;}	

linea1{ 
	border-top:solid 1px #9772BA; 
	padding:5px 0}