body {
color:#3c3c3b;
font:11px/1.2 verdana
}
body,#juanmassanatexto,#pinturatexto,#biopictexto,#poesiatexto,#izquierdo ul,#izquierdo ul li,#derecho,#miniatura,#paginacion,#copy {
margin:0;
padding:0
}
.encabezado {
font-weight:700
}
.margenlinea {
line-height:16px
}
.blanco{
height:20px;
color:#fff
}
.gris{
height:20px;
color:#808080;
font-weight:100;
}
.rojo{
height:20px;
color:#9f2525
}
.cursiva{
font-style:italic
}
.fuente7{
font-size:7px
}
.fuente6{
font-size:6px
}
.titulospintura0{
background:#000;
position:absolute;
width:1000px;
height:50px;
font-size:14px;
line-height:15px;
font-weight:700;
text-align:center;
margin:45px 0 0 0;
}
.titulospintura{
position:absolute;
width:1044px;
font-size:11px;
font-weight:700;
text-align:center;
margin:5px 0 0 0
}
.titulos{
font-size:11px;
font-style:italic;
font-weight:700;
}
.titulos2{
position:absolute;
width:170px;
font-size:9px;
color:#848484;
font-style:italic;
text-align:right;
top:612px;
}
.pdf{
width:900px;
height:600px;
text-align:left;
overflow-y:hidden;
float:left;
margin:0px 0 0 -20px
}
ul{
list-style:none
}
#contenedor{
width:1045px;
height:673px;
margin:10px auto;
padding:0
}
#juanmassanatexto {
color:#7a7a7a;
font-size:30px;
letter-spacing:1px;
width:223px;
height:35px;
margin-left:390px
}
#pinturatexto {
color:#7a7a7a;
font-size:14px;
font-weight:700;
letter-spacing:1px;
cursor:pointer;
width:160px;
height:162px;
text-align:right;
line-height:19;
float:left;
margin:160px 0 0 85px
}
#biopictexto {
color:#7a7a7a;
font-size:14px;
font-weight:700;
letter-spacing:1px;
cursor:pointer;
width:126px;
height:95px;
text-align:right;
line-height:10;
float:left;
margin:430px 0 0 220px
}
#poesiatexto{
color:#7a7a7a;
font-size:14px;
font-weight:700;
letter-spacing:1px;
cursor:pointer;
width:210px;
height:208px;
text-align:right;
line-height:10;
float:left;
margin:0 0 0 130px
}
#poesianoa{
position:absolute;
cursor:pointer;
width:216px;
height:159px;
margin:10px 0 0 720px
}
#biopicnoa{
position:absolute;
cursor:pointer;
width:126px;
height:95px;
margin:445px 0 0 450px
}
#granperezoso{
background:url(imagenes/granperezoso.jpg) no-repeat;
color:#7a7a7a;
font-size:14px;
font-weight:700;
letter-spacing:1px;
width:800px;
height:623px;
text-align:left;
line-height:10;
float:left;
margin:-450px 0 0 320px
}
#menu{
width:1045px;
height:40px;
margin-bottom:10px;
padding:0
}
#juanmassana{
width:200px;
height:40px;
font-size:22px;
color:#7a7a7a;
letter-spacing:1px;
float:left;
text-align:left;
cursor:pointer;
padding-left:20px
}
#juanmassana:hover{
color:#3d3d3d;
font-size:22px
}
#pintura{
background:url(imagenes/pintura.jpg) no-repeat left center;
width:170px;
height:40px;
float:left;
font-weight:700;
color:#c4c3c3;
letter-spacing:1px;
text-align:center;
line-height:3;
cursor:pointer;
margin-left:130px
}
#biopic{
background:url(imagenes/biopic.jpg) no-repeat left center;
width:100px;
height:40px;
float:left;
font-weight:700;
color:#c4c3c3;
letter-spacing:1px;
text-align:right;
line-height:3;
cursor:pointer
}
p{
margin:0 0 8px
}
#poesia {
background:url(imagenes/poesiamini.jpg) no-repeat left center;
width:130px;
height:40px;
float:left;
font-weight:700;
color:#c4c3c3;
letter-spacing:1px;
text-align:center;
line-height:3;
cursor:pointer;
margin-left:30px
}
#contacto{
width:70px;
height:40px;
float:left;
color:#c4c3c3;
font-weight:700;
text-align:left;
line-height:3;
margin-left:0px;
cursor:pointer
}
#pintura:hover,#pintura a.focus,#biopic:hover,#biopic a.focus,#poesia:hover,#poesia a.focus,#contacto:hover,#contacto a.focus{
color:#3c3c3b
}
a {
text-decoration:none;
color:#3c3c3b
}
a:focus,a.focus {
background:#dfdfdf
}
#cuaderno{
width:117px;
font-size:10px;
float:left;
margin:-29px 0 0 860px
}
.cuadernonumero{
width:20px;
float:left;
margin:-30px 0 0 990px
}
.cuadernonumero2{
width:20px;
float:left;
margin:-30px 0 0 1020px
}
#izquierdo {
width:173px;
height:535px;
float:left;
text-align:right;
margin-right:55px;
padding:0
}
#izquierdo ul {
list-style:none
}
#izquierdo ul li {
height:100px;
margin-top:5px
}

/*
#izquierdo ul li:nth-child(5) {
height:75px;
margin-top:35px
}
*/

#izquierdo ul li ul li {
height:25px;
line-height:12px;
margin-bottom:-10px;
}
#izquierdopoesia {
width:170px;
height:535px;
float:left;
text-align:right;
margin-right:55px;
padding:0
}
#izquierdopoesia ul {
list-style:none
}
#izquierdopoesia ul li {
height:125px;
margin-top:10px;
margin-left:-40px
}
#izquierdopoesia ul li ul li {
width:170px;
height:20px;
margin-bottom:-10px;
}
#derecho{
width:859px;
height:600px;
text-align:center;
float:left;
margin:0 0 10px -43px
}
#derechopintura{
background:#000000;
width:1040px;
height:620px;
text-align:center;
float:left;
margin-top:45px;
margin-left:-5px
padding-top:10px
}
#derechopintura1{
background:#000000;
width:1040px;
height:620px;
text-align:center;
float:left;
margin-top:45px;
margin-left:-5px
padding-top:10px
}
#derechopoesia{
width:859px;
height:600px;
text-align:center;
float:left;
margin: auto 0 10px -43px
}
#bio {
width:810px;
height:570px;
line-height:17px;
float:left;
margin-top:9px
}
#miniatura {
width:182px;
height:460px;
float:left
}
#poema {
width:450px;
height:450px;
text-align:left;
float:left;
margin-left:20px;
padding:0
}
#poema2 {
width:350px;
height:450px;
text-align:left;
float:left;
margin-left:20px;
margin-top:0px;
padding:0
}
#poema3 {
width:295px;
height:450px;
float:left;
margin:36px 0 0 10px;
padding:0
}
#paginacionpurepainting {
position:absolute;
width:150px;
height:20px;
float:left;
margin-top:64px;
margin-left:40px
}
#paginacionguardianes {
position:absolute;
width:150px;
height:20px;
float:left;
margin-top:185px;
margin-left:25px
}
#paginacionartistaensimismado {
position:absolute;
width:150px;
height:20px;
float:left;
margin-top:274px;
margin-left:40px
}
#paginaciongaleria {
position:absolute;
width:140px;
height:20px;
float:left;
margin-top:420px;
margin-left:30px
}
#paginacionpintura{
position:absolute;
width:150px;
height:20px;
float:left;
margin-top:340px
}
#paginacionpoesia{
width:150px;
height:20px;
float:left;
margin-top:-545px;
margin-left:36px;
padding-left:10px
}
#paginacionpoesia1{
width:140px;
height:20px;
float:left;
margin-top:-560px;
margin-left:36px;
padding-left:10px
}
#paginacionpoesia2{
width:150px;
height:20px;
float:left;
margin-top:-455px;
margin-left:36px;
padding-left:10px
}
#paginacionpoesia3{
width:150px;
height:20px;
float:left;
margin-top:-350px;
margin-left:36px;
padding-left:10px
}
#paginacionpoesia4{
width:150px;
height:20px;
float:left;
margin-top:-243px;
margin-left:36px;
padding-left:10px
}
#paginacionpoesia5{
width:150px;
height:20px;
float:left;
margin-top:-103px;
margin-left:36px;
padding-left:10px
}
#atras {
background:url(imagenes/atras.gif) no-repeat;
width:30px;
height:20px;
float:left;
cursor:pointer
}
#atras:hover {
background:url(imagenes/atras.gif) no-repeat;
width:30px;
height:20px
}
#atraspoesia {
background:url(imagenes/atraspoesia.gif) no-repeat;
width:30px;
height:20px;
float:left;
cursor:pointer
}
#atraspintura{
background:url(imagenes/atraspintura.gif) no-repeat;
width:30px;
height:20px;

float:left;
cursor:pointer
}
#atraspintura:hover {
background:url(imagenes/atraspinturahover.gif) no-repeat;
width:30px;
height:20px
}
#atraspintura0{
width:30px;
height:20px;
float:left;
cursor:pointer
}
#atraspintura:hover {
background:url(imagenes/atraspinturahover.gif) no-repeat;
width:30px;
height:20px
}
#numero {
width:70px;
height:15px;
text-align:right;
float:left;
padding-top:3px;
margin-left:5px
}
#numeroguardian {
width:90px;
height:15px;
text-align:right;
float:left;
padding-top:3px;
margin-left:0px
}
#numerobibliotecas {
width:90px;
height:15px;
text-align:center;
float:left;
padding-top:3px;
margin-left:-10px
}
#numerocanem {
width:90px;
height:15px;
text-align:center;
float:left;
padding-top:3px;
margin-left:-10px
}
#numerogente {
width:90px;
height:15px;
text-align:center;
float:left;
padding-top:3px;
margin-left:-10px
}
#adelante {
background:url(imagenes/adelante.gif) no-repeat;
width:30px;
height:20px;
float:left;
cursor:pointer
}
#adelantepoesia {
background:url(imagenes/adelantepoesia.gif) no-repeat;
width:30px;
height:20px;
float:left;
cursor:pointer
}
#adelante:hover {
background:url(imagenes/adelante.gif) no-repeat;
width:30px;
height:20px
}
#adelantepintura0{
background:url(imagenes/adelantepintura.gif) no-repeat;
width:30px;
height:20px;
float:left;
margin:-70px 0 0 1010px;
cursor:pointer
}
#adelantepintura0:hover {
background:url(imagenes/adelantepinturahover.gif) no-repeat;
width:30px;
height:20px
}
#adelantepintura{
background:url(imagenes/adelantepintura.gif) no-repeat;
width:30px;
height:20px;
float:left;
margin:-20px 0 0 1010px;
cursor:pointer
}
#adelantepintura:hover {
background:url(imagenes/adelantepinturahover.gif) no-repeat;
width:30px;
height:20px
}
#blanco{
background:url(imagenes/blanco.gif) no-repeat;
width:30px;
height:20px;
float:left
}
#copy {
color:#848484;
float:left;
font-size:9px;
margin:-60px 10px 0 60px
}
.copy {
color:#848484;
float:left;
font-size:9px;
margin:-60px 10px 0 60px
}
#copy2{
color:#848484;
float:left;
font-size:9px;
margin:-12px 10px 0 60px
}
#copy3{
color:#848484;
float:left;
font-size:9px;
margin:-10px 10px 0 860px
}
#copybiopic {
color:#848484;
float:left;
font-size:9px;
margin:-21px 10px 0 60px
}
.copycontacto {
color:#848484;
float:left;
font-size:9px;
margin:-90px 0 0 -38px
}
#bellezaintro{
width:800px;
height:500px;
text-align:left;
float:left;
margin-left:200px;
margin-top:-400px;
}
#ediciontrea{
width:200px;
height:500px;
text-align:left;
float:left;
margin-left:400px;
margin-top:-400px;
}