/* hoja de estilo de la pagina de LaNota */

/* secciones de la pagina */

/* SECCION ZZ - parametros de body */
/* -ajustes generales redefinidos en las clases e id's- */

body {
 margin:0px; /* aumentar convenientemente */
 /* background:url(img/top.jpg) center top no-repeat; DESACTIVADO A PETICION */
 /* background-color: #CCCCCC; */
 background-color: #FFFFFF;
 }

a:link { color:#8B0000;} /* activar 'text-decoration' si necesario */
a:visited { color:#8B0000;}
a:focus { color:#000000;}
a:hover { color:#000000;}
a:active { color:#000000;}

div {
 font-family:"Verdana","Tahoma","Helvetica","Arial","Sans Serif";
 font-size:12px;
 color:black;
 }

h1 {
 font-family:"Verdana","Tahoma","Helvetica","Arial","Sans Serif";
 font-size:16px;
 color:black;
 font-weight:bold;
 padding:0 1em;
 margin: -10px 0 -15px:
 }

h2 {
 font-family:"Verdana","Tahoma","Helvetica","Arial","Sans Serif";
 font-size:12px;
 color:black;
 font-weight:bold;
 padding:0 1em;
 margin: 10px 0 0 -3px;
 }


/* MEMO: para definir el fondo correctamente, crear una clase .fondo y ajustar width... */

/* SECCION Y - la caja que contiene el encabezado grafico (la curva) */
div#encabezado {
 width:736px;
 height:129px;
 background:url(img/cuerpo.jpg) left bottom no-repeat;
 border:0;
 }

img.encabezado {
 border:0;
 }

/* SECCION Z - el contenedor del cuerpo */
div#contenido {
 border:0px solid blue;
 width:736px;
 min-height:400px;
 background-color:#bbbbbb;
 background:url(img/cuerpo.jpg) left top repeat-y;
 margin:0px;
 padding:0px;
 }

/* SECCION X - texto principal de la portada */

/* SECCION W - contenedor del area interior */
div#tablacontenido { /* parametros de la tabla necesaria para el IE 6 */
 margin:0 18px;
 }

/* SECCION A - menu interno de cada pagina para las opciones de cada artista */
div.menuinterno {
 /* float:left; --retirado para q funcione en IE 6 :: elimimar para CSS--*/
 font-family:"Arial", "Helvetica";
 font-size:11px; /* valor fijo para el IE6 ; el valor relativo era 0.75em */
/* height:50px; */
 line-height:1.5;
 margin:0 10px -5px 0;
 border:0px solid blue; 
}

a.menuinterno {
 font-weight:bold;
}

/* SECCION B - foto del artista */
.fotoartista {
 font-family:"Arial", "Helvetica";
 font-size:10px; /* valor fijo para el IE6 ; el valor relativo era 0.75em */
 font-weight:bold;
 width:225px; 
 margin:0;
 border:0px solid blue; 
}

img#fotoartista { /* formato de las imagenes de esta seccion */
 width:525px; 
 height:150px;
 border:0px solid black;
 margin:0 0 0 8px;
 padding:0;
 }

/* SECCION C - seccion del texto principal de la pagina del artista */
div.maintext {
 font-family:"Verdana","Tahoma","Helvetica","Arial","Sans Serif";
 font-size:11px; 
 line-height:1.35;
 text-align:left;
 /* text-indent:-0.6em;
 padding:1.0em; */
 margin:0 10px 0 10px;
 border:0px solid blue;
 /* width:520px; /* ancho a modificar en relacion al texto del contenido - CENTRAR SOBRE LA COLUMNA */
 float:left;
 }

img.fototable {
 width:230px;
 height:150px;
 line-height:1.35;
 text-align:center;
 margin:15px 5px 0 10px;
 border:1px solid black;
 float:left;
 }

div.maintext:first-letter {
 font-weight:bold;
 font-size:14px;
 }
 
div.tourdates {
 font-family:"Verdana","Tahoma","Helvetica","Arial","Sans Serif";
 font-size:12px; 
 line-height:1.5;
 text-align:left;
 text-indent:0.0em;
 margin:0px 5px;
 border:0px solid blue;
 /* width:524px; --retirado para que funcione en IE6-- */
 float:left;
 }

/* SECCION D - secciones del menu de navegacion */
.menuheading {
 padding:4px 8px;
 font-family:"Arial", "Helvetica";
 font-weight:bold;
 font-size:12px;
 color:white;
 background-color: #8B0000;
 }

.menuoption {
 padding:4px 8px 4px;
 font-family:"Arial", "Helvetica";
 font-size:11px;
 color:white;
 background-color:#FFFFFF;
 line-height:1.8;
 border-width: 0px;
 border-color: #8B0000;
 }
 
 a.menuoption:link { color:#8B0000;} /* activar 'text-decoration' si necesario */
 a.menuoption:visited { color:#8B0000;}
 a.menuoption:focus { color:#000000;}
 a.menuoption:hover { color:#000000;}
 a.menuoption:active { color:#000000;}
 }

/* SECCION E - contenedor de los menus de navegacion */
div#menunavegacion {
 /* float:left; --eliminado para el IE6-- */
 width:150px;
 height:auto;
 /* margin:5px 0 0 18px; --retirado por la isercion de la tabla IE6-- */
 margin:0;
 border:0px solid blue;
 }


/* SECCION F - pie de pagina */
div#piepagina {
 border:0px solid red;
 width:736px;
 margin:0px;
 font-size:0.75em;
 color:#245214;
 }

/* SECCION G - pie de pagina */
/* caja destinada a prevenir la ampliacion del pie, dejando sin fondo/borde el diseño */
div#prepie {
 border:0px solid red;
 width:736px;
 margin:0px;
 background:url(img/cuerpo.jpg) left top repeat-y;
 }