div.cuerpo {
	font-family: Georgia, serif;
	font-size:100%;
    font-size:1.2em;
    color: #444;
    max-width: 30em;
    line-height: 1.5;
    text-align: left;
}
p {
   margin-bottom: 1.5em;
}

h1 {
	font-size:1.875em;
    margin-bottom:15px;
    text-align: center;
}

h2 {
	font-size:1.6em;
    text-align: center;
    margin-bottom:10px;
}

/* Primera página */

div#name {
	font-family: Georgia, serif;
	font-size:2.5em;
    margin-bottom:10px;
    margin-top:0.5em;
    text-align: center;
    text-indent: 0em;
}
div#author {
	font-family: Georgia, serif;
	font-size:1.3em;
    text-align: center;
    text-indent: 0em;
    margin-bottom:10px;
}

div#illustrators {
	font-family: Georgia, serif;
	font-size:1.3em;
    text-align: center;
    text-indent: 0em;
}

div#publisher{
	font-family: Georgia, serif;
	font-size:1.3em;
    text-align: center;
    text-indent: 0em;
}


/* tooltips*/

div.tooltip{
	font-size:1.2em;
}

span.adefinir{
  color: red;
  color: #1e45a7;
  text-decoration:none;
  text-decoration-thickness: .05em;
  text-underline-offset: 1.5px;
}

/* Cuadro de explicaciones */
.explanation{
    padding:1em;
    background: #ddd; /* grisecillo */
   	font-size:1em;
    }

.explanation h1, .explanation h2 {
    margin-top:0em;
	font-size:1.3em;
    font-weight:bold;
    margin-bottom:0.3em;
}

.explanation em {
    font-weight:bold;
    }

.explanation a:link, .explanation a:visited, .explanation a:active  {
    text-decoration:underline;
    color: #444;
    }

.explanation a:hover {
    text-decoration:none;
    color: blue;
    }

#links h1 {
    margin-bottom: 0em;
    text-align: left;
}
#links p {    margin-bottom: 0em;
}
article#links{    margin-bottom: 2em;
}


/* Imágenes */

div.imagen_cen {
padding: 25px 0 5px 0;
}

div.imagen_cen {
    margin-left:  auto;
    margin-right:  auto;
    padding-top:15px;
    padding-bottom:15px;
}

img.imagen{
margin:0 0 0 0;
padding:0 0 0 0;
}

p.pie_foto{
text-indent: 0em;
text-align:center;
font-style: italic;
padding: 0em 0em 0em 0em;
margin-top:0em;
margin-bottom:10px;
}

div.imagen_cen div.par{
text-align:center;
font-size:0.8em;
font-style: italic;
font-family: Helvetica, sans-serif;
padding: 0em 0em 0em 0em;
margin-top:-0.5em;
}

.suspense{
    width:1005;
    float:left;
    margin-right:30px;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    padding:10px;
    padding-top:0em;
    background: #d6e7e8; /* verdoso */
    background: #ddd; /* grisecillo */

    }











/* iPad in portrait & landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {

}




/* iPad in landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) { /* STYLES GO HERE */}

/* iPad in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) { /* STYLES GO HERE */ }


/* iPad mini in portrait & landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */}

/* iPad mini in landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */}

/* iPad mini in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */ }


/* iPhone 5 in portrait & landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {

div.cuerpo {
    font-size:25pt;
}

div.tooltip{
	font-size:25pt;
}


}

/* iPhone 5 in landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) { /* STYLES GO HERE */}


/* iPhone 5 in portrait */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) { /* STYLES GO HERE */ }


/* iPhone 2G, 3G, 4, 4S Media Queries */
/* It's noteworthy that these media queries are also
  the same for iPod Touch generations 1-4.*/

/* iPhone 2G-4S in portrait & landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

body {
   margin-top:3em;
}

}

/* iPhone 2G-4S in landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) { /* STYLES GO HERE */}

/* iPhone 2G-4S in portrait */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait) {