@charset "UTF-8";
@font-face { font-family: 'tituloGalvez'; src: url("fuentes/romancefatalserifJCFonts.ttf") format("truetype"), url("fuentes/romancefatalserifJCFonts.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'encabezadosGalvez'; src: url("fuentes/simallos.ttf") format("truetype"), url("fuentes/simallos.woff") format("woff"); font-weight: normal; font-style: normal; }
html { height: 100%; margin: 0; padding: 0; }

body { min-width: 580px; height: 100%; margin: 0; padding: 0; background-color: #fff; font: italic 18px "Bookman Old Style", serif; }

a { color: inherit; text-decoration: none; outline: none; }

header { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; height: 338px; min-width: 580px; margin-bottom: -70px; font: normal 33px 'tituloGalvez', 'Times New Roman', serif; color: rgba(236, 182, 70, 0.7); text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff; background: url(../imagenes/fondoCabecera.png) 0 0 repeat-x; -webkit-transition-property: background-position, padding-left, font-size; transition-property: background-position, padding-left, font-size; -webkit-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-timing-function: linear; transition-timing-function: linear; }
header.portada { padding-left: 520px; background: url(../imagenes/cabeceraIndex.png) 0 0/auto 70.25% no-repeat, url(../imagenes/fondoCabecera.png) 0 0 repeat-x; background-position: 0 0; }
@media screen and (min-width: 2000px) { header.portada { font-size: calc(33px * 2.5); } }
@media screen and (min-width: 1400px) { header.portada { padding-left: 32%; font-size: calc(33px + 0.4vw); } }
@media screen and (max-width: 1200px) { header.portada { background-position: -350px 0; padding-left: 156.0156015602px; } }
@media screen and (max-width: 750px) { header.portada { background-position: -500px 0; padding-left: 31.2012480499px; } }
header.cabeceraSeccion { text-align: center; }

hgroup { position: relative; width: 550px; padding-bottom: 165px; }
hgroup * { position: absolute; margin: 0; }
hgroup h1 + h1 { font-family: serif; }
hgroup h1 { top: 30%; left: 60%; }
hgroup h1 + h1 { top: 27%; left: 68.5%; }
hgroup h2 { top: 37%; left: 18%; }
hgroup h3 { top: 10%; left: 15%; }
hgroup h3 + h3 { top: 23%; left: 52%; }

.portada hgroup { bottom: -50px; }
@media screen and (min-width: 1400px) { .portada hgroup { bottom: -36px; }
  .portada hgroup h1 { left: calc(60% + 8vw); }
  .portada hgroup h1 + h1 { left: calc(68.5% + 8.8vw); }
  .portada hgroup h2 { left: calc(18% + 4vw); }
  .portada hgroup h3 { left: calc(15% + 0); }
  .portada hgroup h3 + h3 { left: calc(52% + 7vw); } }

.cabeceraSeccion hgroup { position: absolute; left: 10px; width: 30vw; max-width: 450px; min-width: 210px; height: 10vw; max-height: 150px; min-height: 73px; padding: 0; }
.cabeceraSeccion hgroup h1 { font-size: calc(35vw / 10.24); }
@media screen and (min-width: 1600px) { .cabeceraSeccion hgroup h1 { font-size: 54px; } }
@media screen and (max-width: 750px) { .cabeceraSeccion hgroup h1 { font-size: 26px; } }
.cabeceraSeccion hgroup h2 { font-size: calc(28vw / 10.24); }
@media screen and (min-width: 1600px) { .cabeceraSeccion hgroup h2 { font-size: 43px; } }
@media screen and (max-width: 750px) { .cabeceraSeccion hgroup h2 { font-size: 21px; } }
.cabeceraSeccion hgroup h3 { font-size: calc(22vw / 10.24); }
@media screen and (min-width: 1600px) { .cabeceraSeccion hgroup h3 { font-size: 34px; } }
@media screen and (max-width: 750px) { .cabeceraSeccion hgroup h3 { font-size: 16px; } }
.cabeceraSeccion hgroup .flechaVolver { position: absolute; display: block; bottom: -10%; width: 33%; padding-bottom: 18%; background-position: left; background-size: 200% 100%; background-repeat: no-repeat; }
.cabeceraSeccion hgroup .flechaVolver:hover { background-position: right; }
.cabeceraSeccion hgroup:hover .flechaVolver { background-position: right; }

nav.secciones { position: absolute; bottom: 125px; right: 0px; }
nav.secciones .botonPagina { display: inline-block; width: 55px; height: 55px; margin-right: 10px; vertical-align: bottom; background: transparent center / contain no-repeat; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
nav.secciones .botonPagina:hover { height: 66px; width: 66px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
nav.secciones:hover .botonPagina:not(:hover) { height: 49.5px; width: 49.5px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
nav.secciones .botonPagina:hover:before { content: ''; position: absolute; left: -95px; top: 20px; width: 100px; font: normal 0.5em / 1.2em 'encabezadosGalvez', 'Times New Roman', serif; color: #000; text-shadow: none; }

nav.apartados { position: relative; top: -30px; z-index: 1; text-align: center; font: normal 1.1em 'encabezadosGalvez', 'Times New Roman', serif; }

.contenido { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 92%; max-width: 1200px; margin: 0 auto 40px; background-color: #fff; border: 40px solid transparent; -o-border-image: url(../imagenes/pintura-borde.png) 33 fill/30px/30px round; border-image: url(../imagenes/pintura-borde.png) 33 fill/30px/30px round; }
.fondoPortada .contenido { width: 84%; padding-bottom: 40px; }

.accesoSeccion { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 45%; margin: 2%; margin-top: 80px; vertical-align: top; border: 30px solid transparent; -o-border-image: url() 33 fill/30px/30px round; border-image: url() 33 fill/30px/30px round; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }
.accesoSeccion .encabezado { font: normal 1.5em 'encabezadosGalvez', 'Times New Roman', serif; }
.accesoSeccion .iconoSeccion { float: left; position: relative; left: -10px; top: -75px; width: 170px; height: 190px; margin-bottom: -30px; background: url() center/contain no-repeat; }
.accesoSeccion .descripcion { clear: both; line-height: 1.6em; }
.accesoSeccion:hover { -webkit-box-shadow: 8px 8px 25px rgba(0, 0, 0, 0.7); box-shadow: 8px 8px 25px rgba(0, 0, 0, 0.7); cursor: pointer; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.accesoSeccion:hover .iconoSeccion { top: -85px; left: -14.5px; width: 179px; height: 200px; margin: 0 -9px -40px 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.accesoSeccion:hover .flecha { background-position: right; }
@media screen and (max-width: 750px) { .accesoSeccion { width: 90%; margin-top: 50px; }
  .accesoSeccion .iconoSeccion { margin-bottom: -79.98px; -webkit-transform: scale(0.75); transform: scale(0.75); }
  .accesoSeccion:hover .iconoSeccion { margin-bottom: -90px; } }

#app.accesoSeccion:hover { -webkit-box-shadow: none; box-shadow: none; cursor: default; }
#app.accesoSeccion:hover .iconoSeccion { left: -10px; top: -75px; width: 170px; height: 190px; margin: 0 0 -30px 0; }
@media screen and (max-width: 750px) { #app.accesoSeccion:hover .iconoSeccion { margin-bottom: -80px; } }

footer { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1; width: 100%; padding: 12px; text-align: center; }
.fondoPortada footer { margin-top: -100px; padding-top: 150px; background: url(../imagenes/fondoPie.png) center top/104px 146px no-repeat; }
footer span { display: inline-block; max-width: 35%; }

.iconoActual { display: inline-block; width: 175px; height: 100%; margin-left: 118px; background-position: center 13%; background-size: contain; background-repeat: no-repeat; }

.nombreSeccion { position: relative; display: inline-block; left: 100%; top: 40px; vertical-align: top; text-align: left; }
.nombreSeccion * { position: relative; margin: 0; }

.fondoPortada { position: relative; background: #fff url(../imagenes/fondoIndex.png) center/150%; }

.idioma { float: right; clear: both; padding: 10px; -webkit-transform: scale(0.99); transform: scale(0.99); z-index: 1; }
.idioma * { display: inline-block; width: 49px; height: 38px; background-position: left; background-size: 200% 100%; }
.idioma *.alternativo { background-position: right; }
.idioma *.alternativo:hover { cursor: pointer; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; }
.idioma .esp { background-image: url(../imagenes/idiomaEsp.png); }
.idioma .ing { background-image: url(../imagenes/idiomaIng.png); }

.patrocinador { float: right; width: 475px; padding-bottom: 68.875px; background: url(../imagenes/patrocinador.svg) top left/auto 100% no-repeat; }
@media screen and (max-width: 1060px) { .patrocinador { width: 45vw; padding-bottom: 6.525vw; } }

.insigniaPremio { position: absolute; bottom: 84px; right: 20px; z-index: 1; }

video { display: block; width: 90%; height: auto; margin: 0 auto; }

.flecha { display: inline-block; width: 39px; height: 23px; margin-left: 1em; vertical-align: bottom; background: url(../imagenes/flecha.png) left/200% 100%; }

.botonera { text-align: center; }

.boton { position: relative; display: inline-block; margin: 20px 3px; padding: 7px 30px; text-align: center; font: normal 1.2em 'encabezadosGalvez', 'Times New Roman', serif; border-radius: 15px / 27px; background-color: #C7C600; background-image: -webkit-gradient(linear, left top, left bottom, from(#fefe00), to(#9d9a00)); background-image: linear-gradient(to bottom, #fefe00 0%, #9d9a00 100%); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 2px 3px white, inset 0 -1px 3px rgba(255, 255, 255, 0.6); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 2px 3px white, inset 0 -1px 3px rgba(255, 255, 255, 0.6); }
.boton:before, .boton:after { content: ''; position: absolute; top: calc(50% - (8px / 2)); left: 8px; width: 8px; height: 8px; border-radius: 4px; background-color: #4e4d27; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8), inset 0 1px 1px rgba(255, 255, 255, 0.8), inset 0 -1px 1px black; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8), inset 0 1px 1px rgba(255, 255, 255, 0.8), inset 0 -1px 1px black; }
.boton:after { left: auto; right: 8px; }
.boton img { height: 100%; width: auto; vertical-align: middle; border: none; }
.boton:hover { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7), inset 0 0 4px 2px rgba(255, 255, 255, 0.9); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7), inset 0 0 4px 2px rgba(255, 255, 255, 0.9); cursor: pointer; }

.accesoApartado { display: inline-block; }
.accesoApartado:after { content: '\00a0·'; color: #000; }
.accesoApartado:last-child:after { content: ''; }
.accesoApartado:hover { color: #fff; }

.vinculo { font-weight: bold; color: #0ba239; }
.vinculo:hover { color: #ecb646; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9); }

.acentoGalvez, .acentoEpoca { z-index: 1; }
.acentoGalvez:before, .acentoEpoca:before { content: '´'; position: absolute; top: -5%; z-index: -1; left: 25%; font-family: serif; }

.acentoEpoca:before { left: 47%; }

#libro.accesoSeccion { background-color: #ecb646; border-image-source: url(../imagenes/pintura-seccion1.png); }
#libro .iconoSeccion, #libro.botonPagina { background-image: url(../imagenes/iconoSeccion_libro.png); }
@media screen and (min-width: 750px) { nav.secciones #libro:hover:before { content: "El libro"; } }

.fondo_libro { background: #f2cc7e; }
.fondo_libro .flechaVolver { background-image: url(../imagenes/flechaVolver_libro.png); }
.fondo_libro .iconoActual { background-image: url(../imagenes/iconoSeccion_libro.png); }
.fondo_libro a[id^="apartado"] { border-color: #ecb646; }
.fondo_libro a[id^="apartado"]:hover { border-bottom: 3px dotted #ecb646; }

#app.accesoSeccion { background-color: #2de115; border-image-source: url(../imagenes/pintura-seccion2.png); }
#app .iconoSeccion, #app.botonPagina { background-image: url(../imagenes/iconoSeccion_app.png); }
@media screen and (min-width: 750px) { nav.secciones #app:hover:before { content: "Juega en linea"; } }

.fondo_app { background: #59ee46; }
.fondo_app .flechaVolver { background-image: url(../imagenes/flechaVolver_app.png); }
.fondo_app .iconoActual { background-image: url(../imagenes/iconoSeccion_app.png); }
.fondo_app a[id^="apartado"] { border-color: #2de115; }
.fondo_app a[id^="apartado"]:hover { border-bottom: 3px dotted #2de115; }

#galvez.accesoSeccion { background-color: #7fbeea; border-image-source: url(../imagenes/pintura-seccion3.png); }
#galvez .iconoSeccion, #galvez.botonPagina { background-image: url(../imagenes/iconoSeccion_galvez.png); }
@media screen and (min-width: 750px) { nav.secciones #galvez:hover:before { content: "Gálvez"; } }

.fondo_galvez { background: #b4d9f3; }
.fondo_galvez .flechaVolver { background-image: url(../imagenes/flechaVolver_galvez.png); }
.fondo_galvez .iconoActual { background-image: url(../imagenes/iconoSeccion_galvez.png); }
.fondo_galvez a[id^="apartado"] { border-color: #7fbeea; }
.fondo_galvez a[id^="apartado"]:hover { border-bottom: 3px dotted #7fbeea; }

#aportes.accesoSeccion { background-color: #e57cff; border-image-source: url(../imagenes/pintura-seccion4.png); }
#aportes .iconoSeccion, #aportes.botonPagina { background-image: url(../imagenes/iconoSeccion_aportes.png); }
@media screen and (min-width: 750px) { nav.secciones #aportes:hover:before { content: "Aportes"; } }

.fondo_aportes { background: #f1b9ff; }
.fondo_aportes .flechaVolver { background-image: url(../imagenes/flechaVolver_aportes.png); }
.fondo_aportes .iconoActual { background-image: url(../imagenes/iconoSeccion_aportes.png); }
.fondo_aportes a[id^="apartado"] { border-color: #e57cff; }
.fondo_aportes a[id^="apartado"]:hover { border-bottom: 3px dotted #e57cff; }

.apartado > a { position: absolute; top: -0.7em; width: calc(99% - 40px); margin-left: 40px; font: normal 1.1em 'encabezadosGalvez', 'Times New Roman', serif; }
.apartado > a:before { content: ''; position: absolute; left: -90px; top: -30px; }

#apartado1:before { content: url(../imagenes/libro.png); }

#apartado2:before { content: url(../imagenes/autor.png); }

#apartado4:before { content: url(../imagenes/medios.png); }

#apartado5:before { content: url(../imagenes/compra.png); }

#apartado6:before { content: url(../imagenes/biografia.png); }

#apartado7:before { content: url(../imagenes/escudoGalvez.png); }

#apartado8:before { content: url(../imagenes/galvezMilitar.png); }

#apartado9:before { content: url(../imagenes/galeon.png); }

#apartado10:before { content: url(../imagenes/influencia.png); }

#apartado11:before { content: url(../imagenes/aportes.png); }

#apartado12:before { content: url(../imagenes/marionetas.png); }

#apartado3:before { content: url(../imagenes/presentaciones.png); }

.apartado .contenidoDesplegable { position: relative; z-index: 1; top: -1em; max-height: 0; overflow: hidden; text-align: center; font: 0.9em "Bookman Old Style", serif; }
.apartado .contenidoDesplegable > *:first-child { margin-top: 4em; }

.apartado a:target, #entrada:target ~ .apartado a { border-bottom-width: 3px; border-bottom-style: dotted; }

#entrada:target ~ .apartado ~ .apartado a { border-bottom-width: 0; }

.apartado a:target + .contenidoDesplegable, #entrada:target ~ .apartado .contenidoDesplegable { max-height: 10000px; height: auto; -webkit-transition: all 1s ease-in; transition: all 1s ease-in; }

#entrada:target ~ .apartado ~ .apartado .contenidoDesplegable { max-height: 0; }

div[class^="adorno"] { position: absolute; z-index: 1; width: 200px; height: 200px; background-size: contain; background-repeat: no-repeat; }
@media screen and (max-width: 1400px) { div[class^="adorno"] { width: 160px; height: 160px; } }
@media screen and (max-width: 1060px) { div[class^="adorno"] { width: 120px; height: 120px; } }

.adorno1 { left: 0; right: unset; top: 270px; bottom: unset; background: url(../imagenes/capitolio.png); background-position: bottom left; }

.adorno2 { left: unset; right: 0; top: 270px; bottom: unset; background: url(../imagenes/vaquero.png); background-position: center right; }

.adorno3 { left: 0; right: unset; top: 40%; bottom: unset; background: url(../imagenes/mariCuadro.png); background-position: 20% 20%; }

.adorno4 { left: unset; right: 0; top: 40%; bottom: unset; background: url(../imagenes/suministros.png); background-position: center right; }

.adorno5 { left: 0; right: unset; top: 68%; bottom: unset; background: url(../imagenes/senador.png); background-position: 20% 20%; }

.adorno6 { left: unset; right: 0; top: 68%; bottom: unset; background: url(../imagenes/soldados.png); background-position: center right; }

.adorno7 { left: 0; right: unset; top: unset; bottom: 0; background: url(../imagenes/helado.png); background-position: bottom left; }

.adorno8 { left: unset; right: 0; top: unset; bottom: 0; background: url(../imagenes/bergantin.png); background-position: bottom right; }

div.adorno7 { height: 120px; }
@media screen and (max-width: 1400px) { div.adorno7 { height: 90px; } }
@media screen and (max-width: 1060px) { div.adorno7 { height: 70px; } }

div.adorno7, div.adorno8 { width: 300px; }
@media screen and (max-width: 1400px) { div.adorno7, div.adorno8 { width: 240px; } }
@media screen and (max-width: 1060px) { div.adorno7, div.adorno8 { width: 180px; } }

.modal { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; top: 5%; left: 17%; z-index: 10; overflow: auto; width: calc(100% - 2 * 17%); max-height: calc(100% - 2 * 5%); min-height: 100px; padding: 10px; text-align: center; background-color: #fff; border: 3px solid #ecb646; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8); }
.modal img { width: 100%; height: auto; }

.cerrarModal { -webkit-box-sizing: border-box; box-sizing: border-box; background-clip: padding-box; position: fixed; top: calc(5% + 7px); right: calc(17% + 7px); z-index: 1; width: 36px; height: 36px; border: 3px solid transparent; border-radius: 6px; background-color: #C7C600; background-image: url(../imagenes/cerrarModal.png), -webkit-gradient(linear, left top, left bottom, from(#fefe00), to(#9d9a00)); background-image: url(../imagenes/cerrarModal.png), linear-gradient(to bottom, #fefe00 0%, #9d9a00 100%); background-position: center; -webkit-box-shadow: inset 0 2px 3px white, inset 0 -1px 3px rgba(255, 255, 255, 0.6); box-shadow: inset 0 2px 3px white, inset 0 -1px 3px rgba(255, 255, 255, 0.6); }
.cerrarModal:hover { border: none; border-radius: 4px; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.6), inset 0 2px 3px white, inset 0 -1px 3px rgba(255, 255, 255, 0.6); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.6), inset 0 2px 3px white, inset 0 -1px 3px rgba(255, 255, 255, 0.6); cursor: pointer; }

.alineadoDerecha { float: right; }

.alineadoIzquierda { float: left; }

.nuevaLinea { clear: both; }
/*# sourceMappingURL=estilo.css.map */