<STYLE><!--
FONT {color: #000000;}
/* BODY {background-color: "#330033";} */
BODY {
/*           background-color: #330033;   */
        background: URL(image045.jpg);
         background-color: #000045;
           }
/* TD {color:#0033FF; font-size: 11pt; font-weight: bold;} */
.p3n {color:#FFFFFF; font-size: 8pt; text-align: right; font-style: normal;}

.p6i {color:#FFFFFF; font-size: 8pt; text-align: right;  font-style: italic;}
TD { font-family: Oxygen, Verdana; color:#0000CC; font-size: 11pt; font-weight: bold;}

UL {font-family: Oxygen, Verdana; color:#FFFFFF; font-size: 10pt;}
H1 {color:#FFFFFF; font-size: 10pt; font-weight: bold;}
HR {color:#CCFFFF;}
P {font-family: Oxygen, Verdana, Arial, Sans Serif; color:#FFFFFF; font-size: 11pt; font-weight: normal;}


/* img{width: 100%;
    height: auto;
    max-width:100%;}  */




a {
  text-decoration: none;
}

a:link {
  color: #CCFFFF; 
}

/* visited link */
a:visited {
  color: #22FFFF; 
}

/* mouse over link */
a:hover {
  color: #FFFFFF; 
}







img{max-width:100%;} 

/* P {font-family: Oxygen, Verdana, Arial, Sans Serif; color:#FFFFFF; font-size: 10pt; font-weight: bold;} */
/* t¡tulo         */
#p1 {color:#CCFFFF; font-variant: small-caps; font-size: 8pt; font-weight: bold;}
/* recomendaci¢n  */
#p2 {color:#CCFFFF; font-size: 8pt; font-weight: normal;}
/* autor          */
#p3 {color:#CCFFFF; font-size: 9pt; font-style: italic; text-align: right; }

/* dedicatoria    */
#p4 {color:#FFFFFF; font-size: 8pt; text-align: right; font-style: italic;}
#p6 {color:#FFFFFF; font-size: 8pt; text-align: right;}
#p8 {color:#FFFFFF; font-size: 9pt; text-align: right;}
#p8l {color:#CCFFFF; font-size: 8pt; text-align: left;}
/* COMENTARIOS, SUBTÍTULOS, DIVISIONES, PERSONAJES DE DIÁLOGOS  */
#p5 {color:#CCFFFF; font-size: 8pt;}
#p51 {color:#CCFFFF; font-size: 8pt; text-align: justify;}
#p52 {color:#CCFFFF; font-size: 8pt; text-align: center;}

#p7 {color:#CCFFFF; font-size: 9pt;}
p.p1 {color:#CCFFFF; font-variant: small-caps; font-size: 8pt; font-weight: bold;}
/* recomendaci¢n  */
p.p2 {color:#CCFFFF; font-size: 8pt; font-weight: normal;}
/* autor          */
p.p3 {color:#CCFFFF; font-size: 9pt; font-style: italic; text-align: right; }

/* dedicatoria    */
p.p4 {color:#FFFFFF; font-size: 8pt; text-align: right; font-style: italic;}
p.p6 {color:#FFFFFF; font-size: 8pt; text-align: right;}
p.p8 {color:#FFFFFF; font-size: 9pt; text-align: right;}
p.p8l {color:#CCFFFF; font-size: 8pt; text-align: left;}
/* COMENTARIOS, SUBTÍTULOS, DIVISIONES, PERSONAJES DE DIÁLOGOS  */
p.p5 {color:#CCFFFF; font-size: 8pt;}
span.p5 {color:#CCFFFF; font-size: 8pt;}
p.p51 {color:#CCFFFF; font-size: 8pt; text-align: justify;}
p.p52 {color:#CCFFFF; font-size: 8pt; text-align: center;}
/* Tienda  */
p.p7 {color:#CCFFFF; font-size: 9pt;}
/* Georgia Verdana */
sup.p5 {color:#CCFFFF; font-size: 8pt;}


div.poema {width: 80%; margin:0 auto; text-align: left; font-family: Oxygen, Verdana, Arial, Sans Serif;}
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;}
div.poema70 {width: 70%; margin:0 auto; text-align: left; font-family: Oxygen, Verdana, Arial, Sans Serif;}
div.poema85 {width: 85%; margin:0 auto; text-align: left; font-family: Oxygen, Verdana, Arial, Sans Serif;}
div.poema90 {width: 90%; margin:0 auto; text-align: left; font-family: Oxygen, Verdana, Arial, Sans Serif;}
div.poema90 {width: 95%; margin:0 auto; text-align: left; font-family: Oxygen, Verdana, Arial, Sans Serif;}
div.firma {margin:0 auto; text-align: right; font-family: Oxygen, Verdana, Arial, Sans Serif;}
div.dedicatoria {margin:0 auto; 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.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; }

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) {

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:.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;
}


--></STYLE>