#virreyes { padding-bottom: 40px;width:100%; }
#virreyes .titulo { padding-left: 0px; }
#virreyes .intro { width:100%;padding-left: 0px;padding-top: 10px;padding-bottom: 40px; }

.anterior {  left: 0px;padding-top: 150px;position: absolute;z-index:10; }
.siguiente {  padding-top: 150px;position: absolute;right: 0px;z-index:10; }

.listadoVirreyes { width:100%;margin: 0 auto;margin-left: 20px; }
.listadoVirreyes .virrey { width:217px;padding-right: 20px; }
.listadoVirreyes .virrey a { text-decoration: none; }
.listadoVirreyes .virrey .numero { font-family:proxima-nova;font-size:45px;color:#696969;font-weight:200;height:50px; }
.listadoVirreyes .virrey .foto { width:217px;height:264px;margin-bottom:14px;background-image: url('../img/fondo_foto_virrey.jpg');background-size: cover; }
.listadoVirreyes .virrey .foto .fotoVirrey { display:none; }
.listadoVirreyes .virrey .nombre { width:217px;text-align:center;font-family:proxima-nova;font-weight:600;font-size:14px;color:#696969; }
.listadoVirreyes .virrey .fechas { width:217px;text-align:center;font-family:proxima-nova;font-weight:600;font-size:14px;color:#a3a2a2; }

.ficha { position: absolute;width:100%;display: none;z-index:11;text-align: left; }
.ficha .contenidoFicha { width:960px;margin: 0 auto;background-color: #FFF;padding-bottom: 20px; }

.ficha .izquierda { float: left;width:450px; }

.ficha .fotoGrande { width:424px;margin-top: 18px;margin-left: 15px;height:430px;background-color: #fcfaf8; }
.ficha .fotoGrande .atras { float: left;padding-left: 10px;padding-right: 5px;padding-top: 185px; }
.ficha .fotoGrande .foto { float: left;width:332px;text-align: center;height:430px;overflow: hidden; }
.ficha .fotoGrande .foto img { height:100%; }
.ficha .fotoGrande .adelante { float: left;padding-left: 5px;padding-top: 185px; }

.ficha .fotos { width:424px;margin-top: 10px;margin-left: 15px;height:103px;overflow: hidden; }
.ficha .fotos .foto { float: left;width:103px;height:103px;overflow: hidden;margin-right: 3px;background-image: url('../img/fondo_thumb_ficha.jpg');  }

.ficha .fotos .flechaAtras { position: absolute;height:103px;background-color:#fcfaf8;  }
.ficha .fotos .flechaAtras img { padding-top: 36px; }

.ficha .fotos .flechaAdelante { position: absolute;height:103px;background-color:#fcfaf8;margin-left: 408px;  }
.ficha .fotos .flechaAdelante img { padding-top: 36px; }


.ficha .pieFoto { text-align: left;padding-top: 20px;font-family: proxima-nova;font-size: 14px;color:#696969;width:356px;padding-left: 15px;width:424px; }
.ficha .pieFoto a { text-decoration: none;color:#696969;font-family: proxima-nova;font-weight:600;font-size: 13px; }
.ficha .pieFoto a:hover { text-decoration: underline;color:#696969;font-family: proxima-nova;font-weight:600;font-size: 13px; }

.ficha .audio { text-align: left;padding-top: 20px;font-family: proxima-nova;font-size: 14px;color:#696969;width:356px;width:424px; }
.ficha .audio .titulo { font-weight: bold;padding-bottom: 10px; }
.ficha .audio .titulo a { text-decoration: underline;color: #696969; }
.ficha .audio .titulo a:hover { text-decoration: none;color: #696969; }
.ficha .audio .reproductor { padding-bottom: 5px; }

.ficha .contenidoTextoFicha { float: left;width:430px;padding-top: 20px; }
.ficha .contenidoTextoFicha .nombre { width:400px;font-family: proxima-nova;font-weight:200;font-size:40px;color:#696969;line-height: 45px;padding-bottom: 20px; }
.ficha .contenidoTextoFicha .fecha { width:460px;font-family: proxima-nova;font-weight:200;font-size: 25px;color:#696969;padding-bottom: 20px; }
.ficha .contenidoTextoFicha .texto { width:460px;font-family: proxima-nova;font-size: 14px;color:#696969;height:482px;overflow: auto;padding-right: 10px; }
.ficha .contenidoTextoFicha .texto .contenidoTexto { width:100% }
.ficha .contenidoTextoFicha .texto a { text-decoration: underline;color: #696969; }
.ficha .contenidoTextoFicha .texto a:hover { text-decoration: none;color: #696969; }
.ficha .cerrar { padding-top: 20px;position: absolute;margin-left: 880px; }


.ficha .textoFotos { position: absolute;width:424px;text-align: left;background-color: #faf7f2;display:none;height:430px;z-index: 15; }
.ficha .textoFotos .cerrarTextoFoto { margin-top: 10px;padding-left: 382px;position: absolute; }
.ficha .textoFotos .textoFoto {  width:352px;padding-left: 20px;font-family: proxima-nova;font-size: 14px;color:#696969;height:400px;overflow-y: auto;margin-top: 20px;margin-bottom: 20px; }

/* RESPONSIVE */
@media screen and (min-width: 960px){
	
}

@media screen and (min-width: 768px) and (max-width: 959px){
	#virreyes .intro { width:calc(100% - 2.52em); }
	
	.anterior {  display: none; }
	.siguiente {  display: none; }
	.listadoVirreyes { margin-left: 10px; }
	.listadoVirreyes .virrey .foto .fotoVirrey { display: block; }
	
	.ficha .izquierda { display: none; }
	.ficha .contenidoFicha { width:100% }
	
	.ficha .contenidoTextoFicha { float: none;width:calc(100vw - 2.52em);padding-left: 20px;padding-top: 60px; }
	.ficha .contenidoTextoFicha .nombre { width:calc(100vw - 1.26em); }
	.ficha .contenidoTextoFicha .fecha { width:calc(100vw - 1.26em); }
	.ficha .contenidoTextoFicha .texto { width:100%; }
	.ficha .contenidoTextoFicha .texto .contenidoTexto { width:100vw; }
	.ficha .cerrar { margin-left: 0px; }
	
	.ficha .cerrar { margin-left:0px;top:0px;right:20px; }
	.ficha .cerrar img { width:40px; }
}

@media screen and (min-width: 480px) and (max-width: 767px){
	#virreyes .intro { width:calc(100% - 2.52em); }
	
	.anterior {  display: none; }
	.siguiente {  display: none; }
	.listadoVirreyes { margin-left: 10px; }
	.listadoVirreyes .virrey .foto .fotoVirrey { display: block; }
	
	.ficha .izquierda { display: none; }
	.ficha .contenidoFicha { width:100% }
	
	.ficha .contenidoTextoFicha { float: none;width:calc(100vw - 2.52em);padding-left: 20px;padding-top: 60px; }
	.ficha .contenidoTextoFicha .nombre { width:calc(100vw - 1.26em); }
	.ficha .contenidoTextoFicha .fecha { width:calc(100vw - 1.26em); }
	.ficha .contenidoTextoFicha .texto { width:100%; }
	.ficha .contenidoTextoFicha .texto .contenidoTexto { width:100vw; }
	.ficha .cerrar { margin-left: 0px; }
	
	.ficha .cerrar { margin-left:0px;top:0px;right:20px; }
	.ficha .cerrar img { width:40px; }
}

@media screen and (min-width: 280px) and (max-width: 479px){
	#virreyes .intro { width:calc(100% - 2.52em); }
	
	.anterior {  display: none; }
	.siguiente {  display: none; }
	.listadoVirreyes { margin-left: 10px; }
	.listadoVirreyes .virrey .foto .fotoVirrey { display: block; }
	
	.ficha .izquierda { display: none; }
	.ficha .contenidoFicha { width:100% }
	
	.ficha .contenidoTextoFicha { float: none;width:calc(100vw - 2.52em);padding-left: 20px;padding-top: 60px; }
	.ficha .contenidoTextoFicha .nombre { width:calc(100vw - 1.26em); }
	.ficha .contenidoTextoFicha .fecha { width:calc(100vw - 1.26em); }
	.ficha .contenidoTextoFicha .texto { width:100%; }
	.ficha .contenidoTextoFicha .texto .contenidoTexto { width:100vw; }
	.ficha .cerrar { margin-left: 0px; }
	
	.ficha .cerrar { margin-left:0px;top:0px;right:20px; }
	.ficha .cerrar img { width:40px; }
}