/* me gusto el efecto de este texto  #555753 #dee0d4*/
/* --- a cerca del diseņo y hojas de estilo --- */
/* -- el diseņo fue tomado de varias paginas de internet pero sobre todo */
/* de el jardin zen de david sea, gracias por la oportunidad de aprender ---*/
/* --- diseņo tomado y ajustado a mis necesidades oscar lopez --- */

body { 
	font: 10pt/16pt georgia; 
	color:#555753 ; 
	background: transparent url(../imagenes/fondo.png)  top right;
	margin: 0px; 
	}

/* coloca una imagen y quita el titulo*/	
 .encabezado  {
	
	margin-top:52px;
	margin-left:20px;
	background: transparent url(../imagenes/cabecera2.jpg) no-repeat; 
	width:584px;
	height:200px;
	float:left;
	border: 1px solid white;
	}

.encabezado h1 span{
	display:none;

}/* --- hasta aqui llega la funcion --- */


/* --- coloca una mi foto y quita el titulo del menu--- */	
 .encabezado2  {
	
	margin-top:0px;
	margin-left:606px;
	background: transparent url(../imagenes/oscar_transparencia.png) no-repeat; 
	width:297px;
	height:253px;
	/*border: 1px dotted black;*/
	}

.encabezado2 h1 span{
	display:none;

}/* hasta aqui llega la funcion*/


/* aqui se posiciona el contenido*/
.contenido {
	
	background: white;
	clear:both;
	margin:0px 0px 300px 20px;
	width:584px;
	height:700px;
	float:left;
	border:1px dotted black;
	
}

.menu ul{
	margin-left:5.5em;

}

.menu li{
	line-height:2.ex;
	list-style-type:none;
	display:block;
	padding-top:5px;
	margin-bottom:5px;
}

.menu li a:link{
	color:#71715d;
}

.menu li a:visited{
	color:#988f5e;
}

.menu h2{
margin-left:70px;
}
/* posicionamos el menu*/
.menu{
	background:transparent url(../imagenes/menu.jpg) repeat ;
	text-align:justify;
	width:295px;
	height:701px;
	margin-top:0px;
	margin-left:605px;
	border:1px dotted;
	
	
}

/*-- formateo del texto -- */

em{
	text-decoration:underline;
	cursor:help;
}

p {

	text-indent:1em;
	font:10pt/16pt georgia;
	margin-top:0px;
	padding-left:2em;
	padding-right:2em;
	text-align:justify;
	
}

h2 { 
	font: italic normal 12pt georgia sans-serif; 
	letter-spacing: 1px; 
	line-height:2;
	margin-bottom: 0px; 
	color:#7D775C;
	text-align:center;
}
		
h3{
	font:italic normal 12pt georgia;
	letter-spacing:1px;
	margin-botton:0px;
	margin-left:1em;
	color:#7d775c;
}	
	
.mis-gustos{
	margin-left:5em;
	margin-right:3em;
}
	
	
/* ******************************  */
/*   para los enlaces de tal forma  */
/*que se le vaya la linea y cambie de color*/
/* cuando el mouse este sobre el enlace B7A5DF */
a:link{
	text-decoration:none;
	color:#836983;
	}

a:visited{
	text-decoration:none;
	color:#d4cddc;
}
a:hover, a:active{
	text-decoration:underline;
	color:#9685ba;
}