<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: 9pt; text-align: right; font-style: normal;}

.p6i {color:#FFFFFF; font-size: 9pt; 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: 12pt;}
H1 {color:#FFFFFF; font-size: 14pt; font-weight: bold;}
HR {color:#CCFFFF;}
P {font-family: Oxygen, Verdana, Arial, Sans Serif; color:#FFFFFF; font-size: 12pt; font-weight: normal;}


.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:2;
}




















.imgcaption {color:#CCFFFF; font-variant: small-caps; font-size: 15px; font-weight: bold; }
.linkpiepoe {color:#0F4788; font-family: "Gill Sans", sans-serif; font-style: oblique; font-size: 12px; font-weight: bold; text-decoration: none; }
.pielibro { color: #0F4788; font-weight: bold; font-variant: small-caps; font-size: 14px; } /* TITULO LIBRO */
.pielibro2 { color: #0F4788; font-weight: bold; font-size: 14px; } /* NOMBRE DE AUTOR */
.pielibro3 { color: #0F4788; font-weight: bold; font-size: 14px; } /* TIPO DE POEMA */
.centrado { vertical-align: middle; border-image: 0; border: 0; }

img.centrado{
  vertical-align: middle;
  /* Ojo vertical-align: text-middle no existe*/
}

a.linkpiepoe:visited {
 /* color:#CCFFFF; */
 /* font-color:#CCFFFF; */
 background-color: #CCFFFF; 
}

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%;} 

/* 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: 12pt; font-weight: bold; }

/* recomendaci n  */
#p2 {color:#CCFFFF; font-size: 9pt; font-weight: normal;}
/* autor          */
#p3 {color:#CCFFFF; font-size: 9pt; font-style: italic; text-align: right; }

/* dedicatoria    */
#p4 {color:#FFFFFF; font-size: 9pt; text-align: right; font-style: italic;}
#p6 {color:#FFFFFF; font-size: 9pt; text-align: right;}
#p8 {color:#FFFFFF; font-size: 10pt; text-align: right;}
#p8l {color:#CCFFFF; font-size: 9pt; text-align: left;}
/* COMENTARIOS, SUBT TULOS, DIVISIONES, PERSONAJES DE DI LOGOS  */
#p5 {color:#CCFFFF; font-size: 9pt;}
#p51 {color:#CCFFFF; font-size: 9pt; text-align: justify;}
#p52 {color:#CCFFFF; font-size: 9pt; text-align: center;}

#p7 {color:#CCFFFF; font-size: 10pt;}
p.p1 {color:#CCFFFF; font-variant: small-caps; font-size: 12pt; font-weight: bold; padding-bottom: 25px; padding-top: 10px; }
/* recomendaci n  */
p.p2 {color:#CCFFFF; font-size: 9pt; font-weight: normal;}
/* autor          */
p.p3 {color:#CCFFFF; font-size: 10pt; font-style: italic; text-align: right; }

/* dedicatoria    */
p.p4 {color:#FFFFFF; font-size: 9pt; text-align: right; font-style: italic;}
p.p6 {color:#FFFFFF; font-size: 9pt; text-align: right;}
p.p8 {color:#FFFFFF; font-size: 10pt; text-align: right;}
p.p8l {color:#CCFFFF; font-size: 9pt; text-align: left;}
/* COMENTARIOS, SUBT TULOS, DIVISIONES, PERSONAJES DE DI LOGOS  */
p.p5 {color:#CCFFFF; font-size: 9pt;}
span.p5 {color:#CCFFFF; font-size: 9pt;}
p.p51 {color:#CCFFFF; font-size: 9pt; text-align: justify;}
p.p52 {color:#CCFFFF; font-size: 9pt; text-align: center;}
/* Tienda  */
p.p7 {color:#CCFFFF; font-size: 10pt;}

p.lines {
  white-space: pre;
}

/* Georgia Verdana */
sup.p5 {color:#CCFFFF; font-size: 9pt;}


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; 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.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; }

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) {

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;
}






.center {
 /* border: 3px solid #73AD21; */
  border: 0px;
 /* border: 5px solid; */
  margin: auto;
  width: 80%;
  padding: 10px;
}



--></STYLE>