/* Colores:
	Gris background: #80808a
	Gris claro logo (Joan): #929197
	Blanco: #eee8dc
*/

body{
	background-color: #80808a;
	color: #eee8dc;
	font: normal 62.5% Arial, "Helvetica Neue", Helvetica, sans-serif; /* 62.5% = 10px */
	text-align: center;
}

div#contenedor1 {
	margin: 0 auto;
	position: relative;
	text-align: justify;
	width: 960px;	
}

h1, h2, h3, h4, h5, h6 { font-family: Cambria, "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, Baskerville, "Times New Roman", Times, serif; }
h1 { font-size: 3.6em; }
h2 { font-size: 3.0em; }
h3 { font-size: 2.4em; }
h4 { font-size: 2.0em; }
h5 { font-size: 1.7em; }
h6 { font-size: 1.4em; }

h2 { display: none; } /* display: none */

p {
	font-size: 1.4em;
	line-height: 18px;
}

.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.negrita { font-weight: bold; }
.cursiva { font-style: italic; }

/* cabecera (logotipo + navegación) */
div#cabecera {
	background-color: #80808a; 
	height: 195px;
	position: fixed;
	top: 0;
	width: 960px;
	z-index: 10;
} 

div#logotipo {
	background: #80808a url(../imgs/logotipo.jpg) no-repeat top left;
	float: left;
	height: 180px;
	width: 380px;
} 
div#logotipo h1 { text-indent: -9999px; }

div#nav {
	background: #80808a url(../imgs/bg-nav.jpg) no-repeat top left;
	border-bottom: 2px solid #eee8dc;
	height: 180px;
	float: right;
	width: 580px;
}
div#nav ul {
	background: url(../imgs/nav.jpg);
	height: 39px;
	list-style: none;
	margin-left: 108px;
	margin-top: 137px;
	position: relative;
}
div#nav ul li {	float: left; }
div#nav ul li a {
	background: url(../imgs/nav.jpg) no-repeat;
	display: block;
	font-size: 1%;
	height: 39px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 0;
}
div#nav ul li#nav_inicio a {
	background-position: 0 0;
	left: 0;
	width: 58px;	
} div#nav ul li#nav_inicio a:hover { background-position: 0 -78px; }
  div#nav ul li#nav_inicio a#actual { background-position: 0 -39px; }
  div#nav ul li#nav_inicio a#actual:hover { cursor: default; }
div#nav ul li#nav_biografia a {
	background-position: -58px 0;
	left: 58px;
	width: 90px;
} div#nav ul li#nav_biografia a:hover { background-position: -58px -78px; }
  div#nav ul li#nav_biografia a#actual { background-position: -58px -39px; }
  div#nav ul li#nav_biografia a#actual:hover { cursor: default; }
div#nav ul li#nav_trayectoria a {
	background-position: -148px 0;
	left: 148px;
	width: 101px;
} div#nav ul li#nav_trayectoria a:hover { background-position: -148px -78px; }
  div#nav ul li#nav_trayectoria a#actual { background-position: -148px -39px; }
  div#nav ul li#nav_trayectoria a#actual:hover { cursor: default; }
div#nav ul li#nav_obras a {
	background-position: -249px 0;
	left: 249px;
	width: 64px;
} div#nav ul li#nav_obras a:hover { background-position: -249px -78px; }
  div#nav ul li#nav_obras a#actual { background-position: -249px -39px; }
  div#nav ul li#nav_obras a#actual:hover { cursor: default; }
div#nav ul li#nav_libros a {
	background-position: -313px 0;
	left: 313px;
	width: 67px;
} div#nav ul li#nav_libros a:hover { background-position: -313px -78px; }
  div#nav ul li#nav_libros a#actual { background-position: -313px -39px; }
  div#nav ul li#nav_libros a#actual:hover { cursor: default; }
div#nav ul li#nav_entrevistas a {
	background-position: -380px 0;
	left: 380px;
	width: 92px;
} div#nav ul li#nav_entrevistas a:hover { background-position: -380px -78px; }
  div#nav ul li#nav_entrevistas a#actual { background-position: -380px -39px; }
  div#nav ul li#nav_entrevistas a#actual:hover { cursor: default; }
/* fin: cabecera (logotipo + navegación) */

div#contenido {
	left: 0;
	position: absolute;
	top: 200px;
	width: 100%;
	z-index: 0;
}

/*--- index.html ---*/
body#inicio p { font-size: 1.3em; }

body#inicio div#contenedor2 {
	margin-left: 179px;
	margin-top: 40px;
}

body#inicio div#info {
	float: right;
	margin-top: 18px;
	width: 270px;
}
body#inicio div#info h5 { 
	margin-top: 8px;
	text-align: right; 
}

body#inicio p#contacto { text-align: right; }
body#inicio p#contacto a {
	background-color: #929197;
	color: #eee8dc;
	display: block;
	padding: 3px 2px 4px 0;
	text-decoration: none;
}
body#inicio p#contacto a:hover { text-decoration: underline; }

body#inicio p#copyright { 
	font-size: 1.1em; 
	margin-right: 1px;
	margin-top: 10px;
	text-align: right;
}

body#inicio div#slide {
	border: 1px solid #eee8dc;
	float: left;
	height: 330px;
	margin-bottom: 10px;
	position: relative;
	width: 480px;	
}
body#inicio div#slide img {	
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1;
}
body#inicio div#slide img.activo { z-index: 10; }
body#inicio div#slide img.ultimo-activo { z-index: 5; }
/*--- fin: index.html ---*/

/* común a biografía, trayectoria y las entrevistas */
body#biografia h4, body#trayectoria h4,
body#entrevista-brisas02 h4, body#entrevista-elmundo99 h4,
body#entrevista-apamant99 h4, body#entrevista-balears98 h4,
body#entrevista-dmallorca97 h4, body#entrevista-elmundo96 h4 { font-family: Cambria, "Times New Roman", serif; }

body#biografia div.contenedorTipo1, body#trayectoria div.contenedorTipo1,
body#entrevista-brisas02 div.contenedorTipo1, body#entrevista-elmundo99 div.contenedorTipo1,
body#entrevista-apamant99 div.contenedorTipo1, body#entrevista-balears98 div.contenedorTipo1,
body#entrevista-dmallorca97 div.contenedorTipo1, body#entrevista-elmundo96 div.contenedorTipo1 { margin-bottom: 10px; margin-left: 179px; }

body#biografia div.contenedorTipo2, body#trayectoria div.contenedorTipo2,
body#entrevista-brisas02 div.contenedorTipo2, body#entrevista-elmundo99 div.contenedorTipo2,
body#entrevista-apamant99 div.contenedorTipo2, body#entrevista-balears98 div.contenedorTipo2,
body#entrevista-dmallorca97 div.contenedorTipo2, body#entrevista-elmundo96 div.contenedorTipo2 { margin-left: 179px; padding-top: 5px; }

body#biografia div.contenedorTipo3, body#trayectoria div.contenedorTipo3,
body#entrevista-brisas02 div.contenedorTipo3, body#entrevista-elmundo99 div.contenedorTipo3,
body#entrevista-apamant99 div.contenedorTipo3, body#entrevista-balears98 div.contenedorTipo3,
body#entrevista-dmallorca97 div.contenedorTipo3, body#entrevista-elmundo96 div.contenedorTipo3 { margin-left: 380px; padding-top: 5px; }

body#biografia div.contenedorTipo1 h4, body#trayectoria div.contenedorTipo1 h4,
body#entrevista-brisas02 div.contenedorTipo1 h4, body#entrevista-elmundo99 div.contenedorTipo1 h4, 
body#entrevista-apamant99 div.contenedorTipo1 h4, body#entrevista-balears98 div.contenedorTipo1 h4,
body#entrevista-dmallorca97 div.contenedorTipo1 h4, body#entrevista-elmundo96 div.contenedorTipo1 h4 { margin-left: 220px; padding-top: 8px; }

body#biografia div.contenedorTipo1 p, body#trayectoria div.contenedorTipo1  p,
body#entrevista-brisas02 div.contenedorTipo1 p, body#entrevista-elmundo99 div.contenedorTipo1 p,
body#entrevista-apamant99 div.contenedorTipo1 p, body#entrevista-balears98 div.contenedorTipo1 p,
body#entrevista-dmallorca97 div.contenedorTipo1 p, body#entrevista-elmundo96 div.contenedorTipo1 p { margin-left: 201px; padding: 0 20px; }
/* fin: común a biografía, trayectoria y las entrevistas */

/*--- biografia.html ---*/
body#biografia div#contenedor2 {
	background: #80808a url(../imgs/biografia/JoanEstudio1999.jpg) no-repeat top left;	
	min-height: 501px;
}
/*--- fin: biografia.html ---*/

/*--- trayectoria.html ---*/
body#trayectoria div#contenedor2 {
	background: #80808a url(../imgs/trayectoria/img03.jpg) no-repeat bottom left;
	margin-bottom: 0;
}

body#trayectoria div#contenedor3 {
	background: #80808a url(../imgs/trayectoria/img04.jpg) no-repeat bottom left;
	margin-bottom: 0;
}

body#trayectoria div#contenedor4 {
	background: #80808a url(../imgs/trayectoria/img07.jpg) no-repeat bottom left;
	margin-bottom: 0;
}
/*--- fin: trayectoria.html ---*/

/*--- entrevistas.html ---*/
body#entrevistas div#contenedor2 {
	margin-bottom: 10px;
	margin-left: 179px;
	margin-top: 20px;
}

body#entrevistas div.contenedorEntrevistas {
	float: left;
	height: 160px;
	width: 247px;
}

body#entrevistas div.margen-right { margin-right: 20px; }
body#entrevistas div.margen-bottom { margin-bottom: 30px; }

body#entrevistas div#img01 { background: #80808a url(../imgs/entrevistas/img01.jpg) no-repeat; }
body#entrevistas div#img02 { background: #80808a url(../imgs/entrevistas/img02.jpg) no-repeat; }
body#entrevistas div#img03 { background: #80808a url(../imgs/entrevistas/img03.jpg) no-repeat; }
body#entrevistas div#img04 { background: #80808a url(../imgs/entrevistas/img04.jpg) no-repeat; }
body#entrevistas div#img05 { background: #80808a url(../imgs/entrevistas/img05.jpg) no-repeat; }
body#entrevistas div#img06 { background: #80808a url(../imgs/entrevistas/img06.jpg) no-repeat; }

body#entrevistas p {
	background-color: #80808a;
	border-bottom: 1px dotted #eee8dc;
	font-weight: bold;	
	margin-top: 141px;
	text-align: right;
}
body#entrevistas p span.fecha { font-size: 0.8em; }
body#entrevistas p span.continuar { font-size: 1.1em; }

body#entrevistas p a {
	color: #eee8dc;
	display: block;
	text-decoration: none;
}
body#entrevistas p a:hover {
	background-color: #eee8dc;
	color: #80808a;	
}
/*--- fin: entrevistas.html ---*/

/* para las Entrevistas --> estilos comunes a todas las entrevistas */
body#entrevista-brisas02 div#nav ul li#nav_entrevistas a#actual:hover,
body#entrevista-elmundo99 div#nav ul li#nav_entrevistas a#actual:hover,
body#entrevista-apamant99 div#nav ul li#nav_entrevistas a#actual:hover,
body#entrevista-balears98  div#nav ul li#nav_entrevistas a#actual:hover,
body#entrevista-dmallorca97 div#nav ul li#nav_entrevistas a#actual:hover,
body#entrevista-elmundo96 div#nav ul li#nav_entrevistas a#actual:hover { background-position: -380px -78px; cursor: pointer; }

body#entrevista-brisas02 h3, body#entrevista-elmundo99 h3,
body#entrevista-apamant99 h3, body#entrevista-balears98 h3,
body#entrevista-dmallorca97 h3, body#entrevista-elmundo96 h3 {
	font-family: Georgia, Cambria, "Times New Roman", serif;
	font-size: 2.8em;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 31px;
	margin-bottom: 10px;
	margin-left: 220px;
	padding-right: 20px;
	padding-top: 8px;	
}

body#entrevista-brisas02 p.texto-cabecera, body#entrevista-elmundo99 p.texto-cabecera,
body#entrevista-apamant99 p.texto-cabecera, body#entrevista-balears98 p.texto-cabecera,
body#entrevista-dmallorca97 p.texto-cabecera, body#entrevista-elmundo96 p.texto-cabecera {
	font-size: 1.6em;
	text-indent: 22px;
}

body#entrevista-brisas02 p.autor-cabecera, body#entrevista-elmundo99 p.autor-cabecera,
body#entrevista-apamant99 p.autor-cabecera, body#entrevista-balears98 p.autor-cabecera,
body#entrevista-dmallorca97 p.autor-cabecera, body#entrevista-elmundo96 p.autor-cabecera {
	font-size: 1.2em;
	margin-top: 6px;
	text-align: right;
}

body#entrevista-brisas02 p.margen-top, body#entrevista-elmundo99 p.margen-top,
body#entrevista-apamant99 p.margen-top, body#entrevista-balears98 p.margen-top, 
body#entrevista-dmallorca97 p.margen-top, body#entrevista-elmundo96 p.margen-top { margin-top: 10px; }

body#entrevista-brisas02 div.contenedorTipo2, body#entrevista-brisas02 div.contenedorTipo3,
body#entrevista-elmundo99 div.contenedorTipo2, body#entrevista-elmundo99 div.contenedorTipo3,
body#entrevista-apamant99 div.contenedorTipo2, body#entrevista-apamant99 div.contenedorTipo3, 
body#entrevista-balears98 div.contenedorTipo2, body#entrevista-balears98 div.contenedorTipo3,
body#entrevista-dmallorca97 div.contenedorTipo2, body#entrevista-dmallorca97 div.contenedorTipo3,
body#entrevista-elmundo96 div.contenedorTipo2, body#entrevista-elmundo96 div.contenedorTipo3 { margin-bottom: 10px; }

body#entrevista-brisas02 div#volver, body#entrevista-elmundo99 div#volver,
body#entrevista-apamant99 div#volver, body#entrevista-balears98 div#volver,
body#entrevista-dmallorca97 div#volver, body#entrevista-elmundo96 div#volver {
	float: right;	
	margin: 10px 20px 13px 0;
	width: 65px;
	/*border: 1px solid yellow; /* sólo para el diseño */
}
body#entrevista-brisas02 div#volver a, body#entrevista-elmundo99 div#volver a,
body#entrevista-apamant99 div#volver a, body#entrevista-balears98 div#volver a,
body#entrevista-dmallorca97 div#volver a, body#entrevista-elmundo96 div#volver a {	
	background: url(../imgs/volver.jpg) no-repeat top left;
	display: block;
	height: 27px;
	text-indent: -9999px;
}
body#entrevista-brisas02 div#volver a:hover, body#entrevista-elmundo99 div#volver a:hover,
body#entrevista-apamant99 div#volver a:hover, body#entrevista-balears98 div#volver a:hover,
body#entrevista-dmallorca97 div#volver a:hover, body#entrevista-elmundo96 div#volver a:hover {
	background: url(../imgs/volver.jpg) no-repeat bottom left;
}
/* fin: para las Entrevistas --> estilos comunes a todas las entrevistas */

/*--- entrevista-elmundo99.html ---*/
body#entrevista-elmundo99 div#contenedor2 { background: #80808a url(../imgs/entrevistas/elmundo99/img01.jpg) no-repeat bottom left; }
/*--- fin: entrevista-elmundo99.html ---*/

/*--- entrevista entrevista-apamant99.html ---*/
body#entrevista-apamant99 div#contenedor2 { background: #80808a url(../imgs/entrevistas/apamant99/img04.jpg) no-repeat bottom left; }

body#entrevista-apamant99 div#contenedor3 { background: #80808a url(../imgs/entrevistas/apamant99/img08.jpg) no-repeat bottom left; }
/*--- fin: entrevista-apamant99.html ---*/

/*--- entrevista-balears98.html ---*/
body#entrevista-balears98 div#contenedor2 { background: #80808a url(../imgs/entrevistas/balears98/img03.jpg) no-repeat bottom left; }
/*--- fin: entrevista-balears98.html ---*/

/*--- entrevista-dmallorca97.html ---*/
body#entrevista-dmallorca97 div#contenedor2 { background: #80808a url(../imgs/entrevistas/dmallorca97/img03.jpg) no-repeat bottom left; }
/*--- entrevista-dmallorca97.html ---*/

/*--- libros.html ---*/
body#libros div#contenedor2 {
	margin-left: 179px;
	margin-top: 10px;
}

body#libros div.info-libros { 
	margin: 0;
	margin-right: 10px;
	min-height: 351px;
}
body#libros div.info-libros img { float: left; }
body#libros div.info-libros p { margin-left: 295px; }
body#libros div.info-libros p.margen-top1 { padding-top: 13px; }
body#libros div.info-libros p.descripcion { text-indent: 13px; }
body#libros div.info-libros div.detalles-libro { 
	font-size: 0.9em;
	margin-top: 10px; 
}
body#libros div.info-libros div.detalles-libro a {
	color: #eee8dc;
	font-weight: bold;
}

body#libros div#separador { height: 30px; }
/*--- fin: libros.html ---*/

/*--- obras.html ---*/
body#obras div#contenedor2 {
	float: left;
	width: 357px;
}

body#obras div#contenedor3 { /* aquí van las obras tamaño XL */
	float: right;
	height: 393px;
	margin-top: 1px;
	position: relative;
	width: 579px;
	/*border: 1px solid #eee8dc; /* sólo para el diseño */
}

body#obras div#contenedor3 div#loading {
	position: absolute;
	left: 277px;
	top: 184px;
}
body#obras div#contenedor3 div.js { display: none; }

/*body#obras div#obra-galeria { height: 100%; width: 100%; }*/

body#obras div#contenedor4 {
	background: #929197 url(../imgs/obras/bg-contenedor4.jpg) no-repeat top left;
	float: left;
	height: 393px;
	margin-left: 99px;
	width: 159px;
}

body#obras ul#nav-obras {
	margin-top: 44px;
	padding-left: 10px;
}

body#obras ul#nav-obras li a {
	color: #eee8dc;
	display: block;
	font-size: 1.3em;
	height: 23px;
	text-decoration: none;
	text-indent: -9999px;
	width: 140px;
}
body#obras ul#nav-obras li a:hover { font-weight: bold; }

body#obras ul#nav-obras li#nav1 a {	background: #929197 url(../imgs/obras/nav1.jpg) no-repeat top left; }
body#obras ul#nav-obras li#nav2 a {	background: #929197 url(../imgs/obras/nav2.jpg) no-repeat top left; }
body#obras ul#nav-obras li#nav3 a {	background: #929197 url(../imgs/obras/nav3.jpg) no-repeat top left; }
body#obras ul#nav-obras li#nav4 a {	background: #929197 url(../imgs/obras/nav4.jpg) no-repeat top left; }
body#obras ul#nav-obras li#nav5 a {	background: #929197 url(../imgs/obras/nav5.jpg) no-repeat top left; }
body#obras ul#nav-obras li#nav6 a {	background: #929197 url(../imgs/obras/nav6.jpg) no-repeat top left; }
body#obras ul#nav-obras li#nav7 a {	background: #929197 url(../imgs/obras/nav7.jpg) no-repeat top left; }
body#obras ul#nav-obras li#nav8 a {	background: #929197 url(../imgs/obras/nav8.jpg) no-repeat top left; }
body#obras ul#nav-obras li#nav9 a {	background: #929197 url(../imgs/obras/nav9.jpg) no-repeat top left; }
body#obras ul#nav-obras li#esculturas a { background: #929197 url(../imgs/obras/esculturas.jpg) no-repeat top left; margin-top: 7px;}
body#obras ul#nav-obras li#m-erotica  a { background: #929197 url(../imgs/obras/m-erotica.jpg) no-repeat top left; }

body#obras ul#nav-obras li#nav1 a:hover,
body#obras ul#nav-obras li#nav2 a:hover,
body#obras ul#nav-obras li#nav3 a:hover,
body#obras ul#nav-obras li#nav4 a:hover,
body#obras ul#nav-obras li#nav5 a:hover,
body#obras ul#nav-obras li#nav6 a:hover,
body#obras ul#nav-obras li#nav7 a:hover,
body#obras ul#nav-obras li#nav8 a:hover,
body#obras ul#nav-obras li#nav9 a:hover,
body#obras ul#nav-obras li#esculturas a:hover,
body#obras ul#nav-obras li#m-erotica  a:hover { background-position: center center; }

body#obras ul#nav-obras li#nav1 a.current,
body#obras ul#nav-obras li#nav2 a.current,
body#obras ul#nav-obras li#nav3 a.current,
body#obras ul#nav-obras li#nav4 a.current,
body#obras ul#nav-obras li#nav5 a.current,
body#obras ul#nav-obras li#nav6 a.current,
body#obras ul#nav-obras li#nav7 a.current,
body#obras ul#nav-obras li#nav8 a.current,
body#obras ul#nav-obras li#nav9 a.current,
body#obras ul#nav-obras li#esculturas a.current,
body#obras ul#nav-obras li#m-erotica  a.current { background-position: top right; cursor: default; }

body#obras ul#nav-obras li#nav1 ul li.nav-obras-galerias a,
body#obras ul#nav-obras li#nav2 ul li.nav-obras-galerias a,
body#obras ul#nav-obras li#nav3 ul li.nav-obras-galerias a,
body#obras ul#nav-obras li#nav4 ul li.nav-obras-galerias a,
body#obras ul#nav-obras li#nav5 ul li.nav-obras-galerias a,
body#obras ul#nav-obras li#nav6 ul li.nav-obras-galerias a,
body#obras ul#nav-obras li#nav7 ul li.nav-obras-galerias a,
body#obras ul#nav-obras li#nav8 ul li.nav-obras-galerias a,
body#obras ul#nav-obras li#nav9 ul li.nav-obras-galerias a,
body#obras ul#nav-obras li#esculturas ul li.nav-obras-galerias a,
body#obras ul#nav-obras li#m-erotica  ul li.nav-obras-galerias a { background-image: none; }

body#obras ul#nav-obras li.nav-obras-galerias a {
	height: 18px;
	margin-left: 60px;
	text-align: right;
	text-indent: 0;
	width: 70px;
}
body#obras ul#nav-obras li.nav-obras-galerias a.current:hover { font-weight: normal; cursor: default; }
body#obras ul#nav-obras li.nav-obras-galerias a span { font-size: 1.1em; }

body#obras ul#nav-obras li#esculturas ul li.nav-obras-galerias a,
body#obras ul#nav-obras li#m-erotica ul li.nav-obras-galerias a { margin-top: 0; }

body#obras div#contenedor5 {
	float: right;
	height: 380px;
	width: 75px;
}

body#obras div#miniaturas {
	height: 305px;
	margin-top: 37px;
	overflow: hidden;
}

body#obras ul#nav-miniaturas li {
	height: 62px;
	margin-bottom: 1px;	
	width: 73px;
	border: 1px solid #eee8dc;
}

body#obras div#miniaturas ul#nav-miniaturas li a { color: #80808a; }

body#obras div#nav-jcarousel { margin-top: 6px; }
body#obras div#nav-jcarousel ul { width: 75px; } /* idem body#obras div#contenedor5 */
body#obras div#nav-jcarousel ul li { 
	float: right;	
	margin-right: 4px;
}
body#obras div#nav-jcarousel ul li a {	
	display: block;
	height: 25px;
	text-indent: -9999px;
	width: 20px;
}
body#obras div#nav-jcarousel ul li a.prev { background: #80808a url(../imgs/obras/prev.jpg) no-repeat top left; }
body#obras div#nav-jcarousel ul li a.next { background: #80808a url(../imgs/obras/next.jpg) no-repeat top left; }
body#obras div#nav-jcarousel ul li a.prev:hover, body#obras div#nav-jcarousel ul li a.next:hover { background-position: bottom left; }
/*--- fin: obras.html ---*/