<STYLE><!--
FONT {color: #000000;}
BODY {
        background: URL(image045.jpg);
         background-color: #000045;
}

/* span.txtind6 {
  text-indent: 6rem;
}
span.txtind9 {
  text-indent: 9rem;
}

span.txtind12 {
  text-indent: 12rem;
}

span.txtind16 {
  text-indent: 16rem;
} */

.txtind6 { text-indent: 6rem; }
.txtind9 { text-indent: 9rem; }
.txtind12 { text-indent: 12rem; }
.txtind15 { text-indent: 15rem; }
.txtind18 { text-indent: 18rem; }
.txtind21 { text-indent: 21rem; }
.txtind24 { text-indent: 24rem; }
.txtind27 { text-indent: 27rem; }
.txtind30 { text-indent: 30rem; }

span.txtind6 { text-indent: 6rem; }
span.txtind9 { text-indent: 9rem; }
span.txtind12 { text-indent: 12rem; }
span.txtind15 { text-indent: 15rem; }
span.txtind18 { text-indent: 18rem; }
span.txtind21 { text-indent: 21rem; }
span.txtind24 { text-indent: 24rem; }
span.txtind27 { text-indent: 27rem; }
span.txtind30 { text-indent: 30rem; }

p.txtind6 { text-indent: 6rem; }
p.txtind9 { text-indent: 9rem; }
p.txtind12 { text-indent: 12rem; }
p.txtind15 { text-indent: 15rem; }
p.txtind18 { text-indent: 18rem; }
p.txtind21 { text-indent: 21rem; }
p.txtind24 { text-indent: 24rem; }
p.txtind27 { text-indent: 27rem; }
p.txtind30 { text-indent: 30rem; }

.imggrande {
  max-width: 85%;
  height: auto;
}

.fotocont {
color: #FFFFFF; 
font-weight: bold;
}

/*
.ir-arriba{
	display:none;
	background-repeat:no-repeat;
	font-size:20px;
	color:#0F4788;
	cursor:pointer;
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:80;
}
*/

.ir-arriba{
  background-repeat: no-repeat;
  font-size: 1.25rem;
  background-color: #0F4788; /* Color de fondo azul oscuro */
  color: white;    /* Color de la flecha */
  border-radius: 50%; /*****/
  cursor: pointer;
  position: fixed;
  border: 0;
  bottom: 2.5rem;
  right: 1.875rem;
  /* display: block;  /* O 'none' si prefieres mostrarlo con JS */
  display: none;
  z-index: 1000;   /* Asegura que esté por encima de otros elementos */
  text-decoration: none;
  padding: .5rem;
}
/*
.btn-top {
  position: fixed; /* Mantiene el botón fijo   ******************
  bottom: 2.5rem;    /* Distancia desde abajo   ******************
  right: 1.875rem;    /* Distancia desde la derecha   ******************
  background-color: #0F4788; /* Color de fondo *
  color: white;    /* Color de la flecha *
  padding: .5rem;
  border-radius: 50%;
  text-decoration: none;
  /*display: block;   O 'none' si prefieres mostrarlo con JS *
  display: none;
  z-index: 1000;   /* Asegura que esté por encima de otros elementos *
}
*/
img.centrado{
  vertical-align: middle;
  /* Ojo vertical-align: text-middle no existe*/
}

a.linkpiepoe:visited {
 /* color:#CCFFFF; */
 /* font-color:#CCFFFF; */
 background-color: #CCFFFF; /* azul claro */
}

a.linkpiepoe:hover {
 /* color:#CCFFFF; */
 /* font-color:#CCFFFF; */
 background-color: #FADA04;
}

/* a.linkpiepoe{
  text-decoration: none;
  /* Ojo vertical-align: text-middle no existe*/
/*} */

/* img{width: 100%;
    height: auto;
    max-width:100%;}  */

img{max-width:100%;} 

/* TD {color:#0033FF; font-size: .6875rem; font-weight: bold;} */
.p3n {color:#FFFFFF; font-size: .5625rem; text-align: right; font-style: normal;}

.p6i {color:#FFFFFF; font-size: .5625rem; text-align: right;  font-style: italic;}
TD { font-family: Oxygen, Verdana; color:#0000CC; font-size: .875rem; font-weight: bold;}

UL {font-family: Oxygen, Verdana; color:#FFFFFF; font-size: 1rem;}
HR {color:#CCFFFF;}

.imgcaption {color:#CCFFFF; font-variant: small-caps; font-size: .9375rem; font-weight: bold; }
.linkpiepoe {color:#0F4788; font-family: sans-serif; font-size: .75rem; font-style: oblique; text-decoration: none; font-weight: bold;}
/* .linkpiepoe {color:#0F4788; font-family: "Gill Sans", sans-serif; font-size: .75rem; font-style: oblique; text-decoration: none; font-family: fantasy; font-weight: lighter;} */
.pielibro { color: #0F4788; font-weight: bold; font-variant: small-caps; font-size: .875rem; } /* TITULO LIBRO */
.pielibro2 { color: #0F4788; font-weight: bold; font-size: .875rem; } /* NOMBRE DE AUTOR */
.pielibro3 { color: #0F4788; font-weight: bold; font-size: .875rem; } /* TIPO DE POEMA */
.centrado { vertical-align: middle; border-image: 0; border: 0; }

H1 {color:#FFFFFF; font-size: .75rem; font-weight: bold;}
/* texto pòemas */
P {font-family: Oxygen, Verdana, Arial, Sans Serif; color:#FFFFFF; font-size: 1rem; font-weight: normal;}
/* P {font-family: Oxygen, Verdana, Arial, Sans Serif; color:#FFFFFF; font-size: .625rem; font-weight: bold;} */
/* t tulo         */
#p1 {color:#CCFFFF; font-variant: small-caps; font-size: 1rem; font-weight: bold; }
p.p1 {color:#CCFFFF; font-variant: small-caps; font-size: 1rem; font-weight: bold; padding-bottom: 1.5625rem; padding-top: .625rem; }

/* bibliografía recomendada */
#p2 {color:#CCFFFF; font-size: .625rem; font-weight: normal;}
p.p2 {color:#CCFFFF; font-size: .625rem; font-weight: normal;}
/* autor firma */
#p3 {color:#CCFFFF; font-size: .75rem; font-style: italic; text-align: right; }
p.p3 {color:#CCFFFF; font-size: .75rem; font-style: italic; text-align: right; }

/* dedicatoria    */
#p4 {color:#FFFFFF; font-size: .75rem; text-align: right; font-style: italic;}
p.p4 {color:#FFFFFF; font-size: .75rem; text-align: right; font-style: italic;}
p.p6 {color:#FFFFFF; font-size: .75rem; text-align: right;}
p.p6L {color:#FFFFFF; font-size: .75rem; text-align: left;}
#p6 {color:#FFFFFF; font-size: .75rem; text-align: right;}
#p6L {color:#FFFFFF; font-size: .75rem; text-align: left;}

/* COMENTARIOS, SUBT TULOS, DIVISIONES, PERSONAJES DE DI LOGOS  */
#p5 {color:#CCFFFF; font-size: .75rem;}
#p5w {color:#FFFFFF; font-size: .75rem;}
#p51 {color:#CCFFFF; font-size: .75rem; text-align: justify;}
#p52 {color:#CCFFFF; font-size: .75rem; text-align: center;}
/* COMENTARIOS, SUBT TULOS, DIVISIONES, PERSONAJES DE DI LOGOS  */
p.p5 {color:#CCFFFF; font-size: .75rem;}
p.p5W {color:#FFFFFF; font-size: .75rem;}
span.p5 {color:#CCFFFF; font-size: .75rem;}
span.p5W {color:#FFFFFF; font-size: .75rem;}
p.p51 {color:#CCFFFF; font-size: .75rem; text-align: justify;}
p.p52 {color:#CCFFFF; font-size: .75rem; text-align: center;}
/* Georgia Verdana */
sup.p5 {color:#CCFFFF; font-size: .75rem;}
sup.p5W {color:#FFFFFF; font-size: .75rem;}

#p7 {color:#CCFFFF; font-size: .5625rem;}
/* Tienda  */
p.p7 {color:#CCFFFF; font-size: .5625rem;}


/* dedicatoria    */
p.p8 {color:#FFFFFF; font-size: .5625rem; text-align: right;}
p.p8l {color:#CCFFFF; font-size: .5625rem; text-align: left;}
#p8 {color:#FFFFFF; font-size: .5625rem; text-align: right;}
#p8l {color:#CCFFFF; font-size: .5625rem; text-align: left;}

p.lines {
  white-space: pre;
}



div.poema {width: 80%; margin:0 auto; text-align: left; font-family: Oxygen, Verdana, Arial, Sans Serif; line-height: 1.5;}
div.nota {width: 80%; margin:0 auto; text-align: left; font-family: Oxygen, Verdana, Arial, Sans Serif;}
div.poema60 {width: 60%; margin:0 auto; text-align: left; font-family: Oxygen, Verdana, Arial, Sans Serif; line-height: 1.5;}
div.poema70 {width: 70%; margin:0 auto; text-align: left; font-family: Oxygen, Verdana, Arial, Sans Serif; line-height: 1.5;}
div.poema85 {width: 85%; margin:0 auto; text-align: left; font-family: Oxygen, Verdana, Arial, Sans Serif; line-height: 1.5;}
div.poema90 {width: 90%; margin:0 auto; text-align: left; font-family: Oxygen, Verdana, Arial, Sans Serif; line-height: 1.5;}
div.poema90 {width: 95%; margin:0 auto; text-align: left; font-family: Oxygen, Verdana, Arial, Sans Serif; line-height: 1.5;}
div.firma {margin:0 auto; width: 80%; text-align: right; font-family: Oxygen, Verdana, Arial, Sans Serif;}
div.dedicatoria {margin:0 auto; width: 80%; text-align: right; font-family: Oxygen, Verdana, Arial, Sans Serif;}
div.pie {width: 90%; margin: 0 auto; background-color: #FFFFFF; text-align: center; font-family: Oxygen, Verdana, Arial, Sans Serif; }


@media all{ 
span.firma {display: block; width: 80%; text-align: right; }
span.firma30 {display: block; width: 30%; text-align: right; }
span.firma40 {display: block; width: 40%; text-align: right; }
span.firma45 {display: block; width: 45%; text-align: right; }
span.firma50 {display: block; width: 50%; text-align: right; }
span.firma55 {display: block; width: 55%; text-align: right; }
span.firma60 {display: block; width: 60%; text-align: right; }
span.firma65 {display: block; width: 65%; text-align: right; }
span.firma70 {display: block; width: 70%; text-align: right; }
span.firma75 {display: block; width: 75%; text-align: right; }
span.firma80 {display: block; width: 80%; text-align: right; }
span.firma85 {display: block; width: 85%; text-align: right; }
span.firma90 {display: block; width: 90%; text-align: right; }
span.firma95 {display: block; width: 95%; text-align: right; }

div.dedicatoria    {display: block; width: 80%; text-align: right;}
span.dedicatoria30 {display: block; width: 30%; text-align: right; }
span.dedicatoria40 {display: block; width: 40%; text-align: right; }
span.dedicatoria45 {display: block; width: 45%; text-align: right; }
span.dedicatoria50 {display: block; width: 50%; text-align: right; }
span.dedicatoria55 {display: block; width: 55%; text-align: right; }
span.dedicatoria60 {display: block; width: 60%; text-align: right; }
span.dedicatoria65 {display: block; width: 65%; text-align: right; }
span.dedicatoria70 {display: block; width: 70%; text-align: right; }
span.dedicatoria75 {display: block; width: 75%; text-align: right; }
span.dedicatoria80 {display: block; width: 80%; text-align: right; }
span.dedicatoria85 {display: block; width: 85%; text-align: right; }
span.dedicatoria90 {display: block; width: 90%; text-align: right; }
span.dedicatoria95 {display: block; width: 95%; text-align: right; }
}

@media only screen and (max-width: 767px) {

div.pie {width: 100%; margin: 0 auto; background-color: #FFFFFF; text-align: center; font-family: Oxygen, Verdana, Arial, Sans Serif; }
span.firma {display: block; width: 90%; text-align: right; }
span.firma40 {display: block; width: 75%; text-align: right; }
span.firma45 {display: block; width: 75%; text-align: right; }
span.firma50 {display: block; width: 80%; text-align: right; }
span.firma55 {display: block; width: 80%; text-align: right; }
span.firma60 {display: block; width: 90%; text-align: right; }
span.firma65 {display: block; width: 90%; text-align: right; }
span.firma70 {display: block; width: 90%; text-align: right; }
span.firma75 {display: block; width: 90%; text-align: right; }
span.firma80 {display: block; width: 95%; text-align: right; }
span.firma85 {display: block; width: 95%; text-align: right; }
span.firma90 {display: block; width: 95%; text-align: right; }
span.firma95 {display: block; width: 95%; text-align: right; }
div.dedicatoria    {display: block; width: 95%; text-align: right;}
span.dedicatoria40 {display: block; width: 75%; text-align: right; }
span.dedicatoria45 {display: block; width: 75%; text-align: right; }
span.dedicatoria50 {display: block; width: 80%; text-align: right; }
span.dedicatoria55 {display: block; width: 80%; text-align: right; }
span.dedicatoria60 {display: block; width: 90%; text-align: right; }
span.dedicatoria65 {display: block; width: 90%; text-align: right; }
span.dedicatoria70 {display: block; width: 90%; text-align: right; }
span.dedicatoria75 {display: block; width: 95%; text-align: right; }
span.dedicatoria80 {display: block; width: 95%; text-align: right; }
span.dedicatoria85 {display: block; width: 95%; text-align: right; }
span.dedicatoria90 {display: block; width: 95%; text-align: right; }
span.dedicatoria95 {display: block; width: 95%; text-align: right; }
}


@media only screen and (max-width: 1400px) {

div.pie {width: 100%; margin: 0 auto; background-color: #FFFFFF; text-align: center; font-family: Oxygen, Verdana, Arial, Sans Serif; }
span.firma {display: block; width: 90%; text-align: right; }
span.firma40 {display: block; width: 80%; text-align: right; }
span.firma45 {display: block; width: 80%; text-align: right; }
span.firma50 {display: block; width: 80%; text-align: right; }
span.firma55 {display: block; width: 80%; text-align: right; }
span.firma60 {display: block; width: 90%; text-align: right; }
span.firma65 {display: block; width: 90%; text-align: right; }
span.firma70 {display: block; width: 90%; text-align: right; }
span.firma75 {display: block; width: 90%; text-align: right; }
span.firma80 {display: block; width: 90%; text-align: right; }
span.firma85 {display: block; width: 90%; text-align: right; }
span.firma90 {display: block; width: 90%; text-align: right; }
span.firma95 {display: block; width: 90%; text-align: right; }
div.dedicatoria    {display: block; width: 80%; text-align: right;}
span.dedicatoria40 {display: block; width: 80%; text-align: right; }
span.dedicatoria45 {display: block; width: 80%; text-align: right; }
span.dedicatoria50 {display: block; width: 80%; text-align: right; }
span.dedicatoria55 {display: block; width: 80%; text-align: right; }
span.dedicatoria60 {display: block; width: 90%; text-align: right; }
span.dedicatoria65 {display: block; width: 90%; text-align: right; }
span.dedicatoria70 {display: block; width: 90%; text-align: right; }
span.dedicatoria75 {display: block; width: 90%; text-align: right; }
span.dedicatoria80 {display: block; width: 90%; text-align: right; }
span.dedicatoria85 {display: block; width: 90%; text-align: right; }
span.dedicatoria90 {display: block; width: 90%; text-align: right; }
span.dedicatoria95 {display: block; width: 90%; text-align: right; }
}
/*
@media only screen and (-webkit-device-pixel-ratio:.75){ */
    /* Put CSS for low density (ldpi) Android layouts in here */
/* span.firma40 {display: block; width: 75%; text-align: right; }
span.firma45 {display: block; width: 75%; text-align: right; }
span.firma50 {display: block; width: 80%; text-align: right; }
span.firma55 {display: block; width: 80%; text-align: right; }
span.firma60 {display: block; width: 90%; text-align: right; }
span.firma65 {display: block; width: 90%; text-align: right; }
span.firma70 {display: block; width: 90%; text-align: right; }
span.firma75 {display: block; width: 90%; text-align: right; }
span.firma80 {display: block; width: 95%; text-align: right; }
span.firma85 {display: block; width: 95%; text-align: right; }
span.firma90 {display: block; width: 95%; text-align: right; }
span.firma95 {display: block; width: 95%; text-align: right; }
span.dedicatoria40 {display: block; width: 75%; text-align: right; }
span.dedicatoria45 {display: block; width: 75%; text-align: right; }
span.dedicatoria50 {display: block; width: 80%; text-align: right; }
span.dedicatoria55 {display: block; width: 80%; text-align: right; }
span.dedicatoria60 {display: block; width: 90%; text-align: right; }
span.dedicatoria65 {display: block; width: 90%; text-align: right; }
span.dedicatoria70 {display: block; width: 90%; text-align: right; }
span.dedicatoria75 {display: block; width: 95%; text-align: right; }
span.dedicatoria80 {display: block; width: 95%; text-align: right; }
span.dedicatoria85 {display: block; width: 95%; text-align: right; }
span.dedicatoria90 {display: block; width: 95%; text-align: right; }
span.dedicatoria95 {display: block; width: 95%; text-align: right; }
}
	
@media only screen and (-webkit-device-pixel-ratio:1){ */
    /* Put CSS for medium density (mdpi) Android layouts in here */
/* span.firma40 {display: block; width: 75%; text-align: right; }
span.firma45 {display: block; width: 75%; text-align: right; }
span.firma50 {display: block; width: 80%; text-align: right; }
span.firma55 {display: block; width: 80%; text-align: right; }
span.firma60 {display: block; width: 90%; text-align: right; }
span.firma65 {display: block; width: 90%; text-align: right; }
span.firma70 {display: block; width: 90%; text-align: right; }
span.firma75 {display: block; width: 90%; text-align: right; }
span.firma80 {display: block; width: 95%; text-align: right; }
span.firma85 {display: block; width: 95%; text-align: right; }
span.firma90 {display: block; width: 95%; text-align: right; }
span.firma95 {display: block; width: 95%; text-align: right; }
span.dedicatoria40 {display: block; width: 75%; text-align: right; }
span.dedicatoria45 {display: block; width: 75%; text-align: right; }
span.dedicatoria50 {display: block; width: 80%; text-align: right; }
span.dedicatoria55 {display: block; width: 80%; text-align: right; }
span.dedicatoria60 {display: block; width: 90%; text-align: right; }
span.dedicatoria65 {display: block; width: 90%; text-align: right; }
span.dedicatoria70 {display: block; width: 90%; text-align: right; }
span.dedicatoria75 {display: block; width: 95%; text-align: right; }
span.dedicatoria80 {display: block; width: 95%; text-align: right; }
span.dedicatoria85 {display: block; width: 95%; text-align: right; }
span.dedicatoria90 {display: block; width: 95%; text-align: right; }
span.dedicatoria95 {display: block; width: 95%; text-align: right; }
}
	
@media only screen and (-webkit-device-pixel-ratio:1.5){ */
    /* Put CSS for high density (hdpi) Android layouts in here */
/* span.firma40 {display: block; width: 75%; text-align: right; }
span.firma45 {display: block; width: 75%; text-align: right; }
span.firma50 {display: block; width: 80%; text-align: right; }
span.firma55 {display: block; width: 80%; text-align: right; }
span.firma60 {display: block; width: 90%; text-align: right; }
span.firma65 {display: block; width: 90%; text-align: right; }
span.firma70 {display: block; width: 90%; text-align: right; }
span.firma75 {display: block; width: 90%; text-align: right; }
span.firma80 {display: block; width: 95%; text-align: right; }
span.firma85 {display: block; width: 95%; text-align: right; }
span.firma90 {display: block; width: 95%; text-align: right; }
span.firma95 {display: block; width: 95%; text-align: right; }
span.dedicatoria40 {display: block; width: 75%; text-align: right; }
span.dedicatoria45 {display: block; width: 75%; text-align: right; }
span.dedicatoria50 {display: block; width: 80%; text-align: right; }
span.dedicatoria55 {display: block; width: 80%; text-align: right; }
span.dedicatoria60 {display: block; width: 90%; text-align: right; }
span.dedicatoria65 {display: block; width: 90%; text-align: right; }
span.dedicatoria70 {display: block; width: 90%; text-align: right; }
span.dedicatoria75 {display: block; width: 95%; text-align: right; }
span.dedicatoria80 {display: block; width: 95%; text-align: right; }
span.dedicatoria85 {display: block; width: 95%; text-align: right; }
span.dedicatoria90 {display: block; width: 95%; text-align: right; }
span.dedicatoria95 {display: block; width: 95%; text-align: right; }
} */














/* latin-ext */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 300;
  src: local('Oxygen Light'), local('Oxygen-Light'), url(https://fonts.gstatic.com/s/oxygen/v5/-1odZCVpKpOs9pNLq607fhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 300;
  src: local('Oxygen Light'), local('Oxygen-Light'), url(https://fonts.gstatic.com/s/oxygen/v5/AwBqWF2kjhlybWamaKMPcVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen'), local('Oxygen-Regular'), url(https://fonts.gstatic.com/s/oxygen/v5/IIPDrwV5KNJo5-LaFlLy2fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen'), local('Oxygen-Regular'), url(https://fonts.gstatic.com/s/oxygen/v5/78wGxsHfFBzG7bRkpfRnCQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: local('Oxygen Bold'), local('Oxygen-Bold'), url(https://fonts.gstatic.com/s/oxygen/v5/fSUtikcZd7PHZK0t2hzTeRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: local('Oxygen Bold'), local('Oxygen-Bold'), url(https://fonts.gstatic.com/s/oxygen/v5/yVHpdQrmTj9Kax1tmFSx2ltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}






.center {
 /* border: 3px solid #73AD21; */
  border: 0;
 /* border: 5px solid; */
  margin: auto;
  width: 80%;
  padding: .625rem;
}

