/* Pagina de estilo para el website de Alonso Álvarez de Araya (http://www.dearaya.com) */
/* Diseñada por Alonso Álvarez de Araya */
/* Actualizada el 13 de abril del 2006 */

/* ************************************** */
/* DIVISIONES PRINCIPALES */
/* ************************************** */
body		{background-color:#999;
		font:normal normal normal 100%/normal Arial,Helvetica,sans-serif;
		text-align:center;
		padding:0 10% 0 10%;}

.invisible	{display:none;}

.grande	{font-size:1.1em; 
		font-weight:500;
		padding:0;}

* html li.tope	{padding-top:1em;}

#libro	{border:thin solid #ccc;
		float:left;
		margin:1em;}
		
#principal	{background:#FFF;
		font-size:100%;
		width:37.5em;
		height:23.12em;
		border:0.10em solid #333;
		text-align:center;
		margin:0;
		padding:0;
		position:relative;
		top:1em;}

#logo	{height:23.12em;
		width:18.75em;
		float:left;
		margin:0;
		padding:0;}
#logo img.firma	{height:23.12em;
		width:18.75em;}
		
#texto	{height:23.12em;
		width:18.75em;
		float:right;
		margin:0;}
#texto p	{font-size:0.85em;}
#texto img.base	{height:23.12em;
		width:18.75em;}

#pie 	{margin:0;
		position:relative;
		top:2em;
		left:0;}

#flechas	{width:18.1em;
		height:1.1em;
		position:absolute;
		bottom:0;
		right:0;
		background-color:#666;
		margin:0;
		padding:0.1em 0.1em 0.1em 0.3em;
		border:0.1em solid #333;}
#flechas img	{height:0.55em;
		width:0.95em;}

div#cv 		{text-align:left;vertical-align:middle;}
div#cv h3	{font-size:0.95em;
		color:#666; 
		display:inline;
		float:left;}

#libroder, #libroizq	{border:thin solid #999;
			margin:0.2em;
			float:right;
			clean:right;}


div#printizq	{background:#FFF;
        	height:23.12em;
		width:30em;
		float:left;
		text-align:center;
		margin:0;
		padding:0;
		position:absolute;
		top:0px;
		left:0px;}
div#printizq img	{height:23.12em;
			width:31.5em;}
	
		
div#printder	{width:5.23em;
		height:23.12em;
		float:right;
		margin:0;
		padding:0;
		position:relative;
		top:0px;
		right:0px;}
div#printder p.printimg img	{width:5.23em;
		height:3.3em;
		border:thin solid #666;}

div#arteder	{width:5.95em;
		height:23.12em;
		float:right;
		margin:0;
		padding:0;
		position:relative;
		top:0px;
		right:0px;
		background-color:#FFF; /* orig #999  #c3aa8a */
		text-align:center;}
div#arteder p.dibimg	{text-align:center;}
div#arteder p.dibimg img	{width:2em;
		height:2.6em;
		border:thin solid #666;}



#printflechas	{width:5.23em;
		height:1.1em;
		position:absolute;
		bottom:0;
		right:0;
		background-color:#666;
		margin:0;
		padding:0.1em 0.1em 0.1em 0.3em;
		border:0.1em solid #333;}
#printflechas img	{height:0.55em;
		width:0.95em;}

#pizarra	{height:14em;
		width:15em;
		border:1em solid #8B4726;
		position:absolute;
		top:4em;
		right:1em;
		background: #3E766D url(../imagenes/base/pizarra.png) 0 0 no-repeat;
		color:#fff;
		padding:2em;
		font:normal normal bold 1em courier;}
	

/* ************************************** */
/* INDICACIONES LÓGICAS */
/* ************************************** */

h1,h2,h3,h4,h5 {font-family:Arial,Helvetica,sans-serif;
		font-weight:900;
		text-align:left;}

h1		{font-size:x-large;
		border-left:0.2em solid #999;
		border-top:thin solid #999;
		margin-top:0.5em;
		color:#999;
		padding:0;}
  
h2		{font-size:large;
		color:#666;
		margin-left:1em;
		letter-spacing:0.2em;}

h3		{font-size:medium;
		color:#666;}

 
h4		{font-size:small;}

h5		{font-size:x-small;
		text-align:right;
		margin-right:1.5em;
		color:#000;}


p		{font-size:0.9em;
		color:#333;
		padding:0.5em 0.5em 0.5em 0;
		margin:0;
		text-align:left;}
 
.primera:first-letter	{font-size:3em;
			font-weight:900;
			float:left;
			padding:0.25em;
			background-color:#EEF;}

p.articulo	{color:#000;
			font-size:1em;}
p.articulo:first-letter	{font-size:3em;
			font-weight:900;
			float:left;
			padding:0.25em;
			background-color:#EEF;}

p.prefacio	{font-size:small;
		position:relative;
		bottom:0;
		height:20em;
		vertical-align:bottom;}

.prefacio img	{height:24em;
		width:15em;}


p.menu		{width:18.75em;		
		font-size:large;
		color:#333;
		padding:20px 2px 2px 20px;
		margin:0;
		text-align:left;}


.nota		{color:#333;
		font-size:0.9em;
		padding:0.1em 0.3em 0.3em 0.3em;
		margin:0.5em 0 0 0;
		text-align:left;
		border-left:0.3em solid #999;
		border-top:0.1em solid #999;		
		clear:both;
		position:relative;
		left:0;
		bottom:0;}

p.img	{margin:0;
	text-align:center;	
	vertical-align:middle;}
	
p.img img {width:5.23em;
		height:6.6em;
		border:thin solid #666;}

p.autor	{color:#333;
	font-size:small;
	padding:0.2em 0 0 0.2em;
	margin-bottom:1em;
	padding-left:1em;
	text-align:left;
	border-left:0.1em solid #333;
	border-top:0.2em solid #666;
	width:80%;
	position:inherit;
	left:0;}

p.imagen {font-size:2em;}		


.ir	{background-color:#666;
		margin:0;
		padding:0.1em;
		border:0.12em solid #333;}
.ir img	{height:0.7em;
		width:1.1em;}		

	

	

em 		{font-weight:400;
		color:#333;
		font-style:italic;}

strong 		{font-weight:700;
		color:#333;}

address 	{font:normal normal normal x-small/normal Verdana,Arial,Helvetica,sans-serif;
		color:#223;
		text-align:center;
		text-decoration:none;
		clear:both;
		vertical-align:top;}

cite	{font-style:italic;
		text-decoration:underline;}
		
ins	{text-decoration:none; color:#ddd;}


li		{list-style:square;}

li.dos		{background-color:#ddd;}

#espacio li	{padding-bottom:0.15em;
		text-align:left;		
		list-style:none;
		line-height:1.2em;
		margin:0;}


#espacio ul	{display:inline;
		}		

ul 		{text-align:left;		
		list-style:square;
		margin-right:1em;}

ul.portafolio li	{font-size:1em;		
		text-align:left;
		list-style:circle;
		color:#333;
		margin:0;
		padding-left:1em;}
		
dl		{font:normal normal normal small/normal Arial,Helvetica,sans-serif;		
		text-align:left;
		list-style:circle;}

dt		{padding-top:1em;}







/* ************************************** */
/* INDICACIONES ESTILÍSTICAS */
/* ************************************** */
b		{;}
i		{;}

/* ************************************** */
/* INDICACIONES GRÁFICAS */
/* ************************************** */
img		{border:1px none #FFF;
		vertical-align:middle;}

img.yo		{border:0px none #FFF;
		vertical-align:middle;
		position:absolute;
		top:90;
		left:61;
		z-axis:1;}

img.base	{border:0px none #FFF;
		vertical-align:middle;
		z-axis:5;}

img.nula	{visibility:hidden;}



span.flechader  {float:right;}
span.flechaizq  {float:left;}



span.cv		{color:green;
		background-color:#eee;
		border:thin solid #666;
		padding:0.15em;
		font-weight:900;
		cursor:pointer;}

/* ************************************** */
/* ENLACES */
/* ************************************** */
a:link 		{color:#000;
		border:0;
		text-decoration:none;}
a:visited 	{color:#000;
		border:0;
		text-decoration:none;}
a:hover 	{border:0;
		text-decoration:none;
		color:#66e;}

a.opiniones:link {color:green;
		border:0;
		text-decoration:none;}
a.opiniones:visited 	{color:green;
		border:0;
		text-decoration:none;}
a.opiniones:hover 	{border:0;
		text-decoration:none;
		color:#66e;}



a.flechas:link 		{color:#FFF;
			border:0px;
			text-decoration:none;
			font-weight:bold;
			cursor: url(imagenes/vinculo.cur);}
a.flechas:visited 	{color:#FFF;
			border:0px;
			text-decoration:none;
			font-weight:bold;
			cursor: url(imagenes/vinculo.cur);}
a.flechas:hover 	{color:#000;
			border:0px;
			text-decoration:underline;
			font-weight:bold;
			cursor: url(imagenes/vinculo.cur);}


a.menu:link 		{color:#000;
			border:0px;
			font-weight:300;
			text-decoration:none;
			cursor: url(imagenes/vinculo.cur);}
a.menu:visited 		{color:#000;
			border:0px;
			font-weight:300;
			text-decoration:none;
			cursor: url(imagenes/vinculo.cur);}
a.menu:hover 		{font-weight:300;
			color:#999;
			border:0px;
			text-decoration:underline;			
			text-align:right;
			letter-spacing:2px;
			cursor: url(imagenes/vinculo.cur);}

a.articulo:link 		{font:normal normal normal xx-small/normal Verdana,Arial,Helvetica,sans-serif;
			color:#666;
			border:0px;
			text-decoration:none;
			cursor: url(imagenes/vinculo.cur);}
a.articulo:visited 		{font:normal normal normal xx-small/normal Verdana,Arial,Helvetica,sans-serif;
			color:#666;
			border:0px;
			text-decoration:none;
			cursor: url(imagenes/vinculo.cur);}
a.articulo:hover 		{font:normal normal normal xx-small/normal Verdana,Arial,Helvetica,sans-serif;
			color:red;
			border:0px;
			text-decoration:underline;
			cursor: url(imagenes/vinculo.cur);}

a.correo:link 		{font:normal normal normal small/normal Arial,Helvetica,sans-serif;			
			border:0px;
			text-decoration:none;
			cursor: url(imagenes/vinculo.cur);}
a.correo:visited 	{color:#666;
			border:0px;
			text-decoration:none;
			cursor: url(imagenes/vinculo.cur);}
a.correo:hover 		{color:#999;
			border:0px;
			text-decoration:underline;
			cursor: url(imagenes/vinculo.cur);}


   a.portafolio:link 	{color:#000;}

   a.portafolio:visited 	{color:#000;}

   a.portafolio:hover 	{color:#000;}


/* ################################################## */