@import url('https://fonts.googleapis.com/css?family=Fira+Sans');
@import url('https://fonts.googleapis.com/css?family=Cinzel');

body{
	font-family: 'Fira Sans', Arial, serif;
  font-size:15px;
	/*margin: 100px 0!important;*/
	margin:0px 0 0 0!important;
}
a{
  color: #6e1929;/*#821212*/
}
a:hover{
  color: #e30613;/*#821212*/
}
h1 {
    font-size: 2.7em;
    text-align: center;
    margin: 30px 5px;
    font-family: 'Cinzel', Georgia, Serif;
    font-weight: bold;
}
h3.sig {
    border-left: #ccc solid 1px;
    padding: 0px 20px;
}
h4.ant {
    float: right;
    padding: 12px 20px;
}
h4, h5{
  font-weight: bold;
}
.section, .sectionview{
  background:#FFF;
  outline: 8px solid rgba(255,255,255,0.5);
  padding-bottom: 20px;
}
.section a, .sectionview a{
  font-weight:bold;
  text-decoration: underline;
}
/*.sectionview li{
  margin-left: 40px;
}*/
.main {
  /*margin-top: 30px;*/
  padding: 20px;
}
.section h4, .sectionview h4 {
    margin: 40px 0 20px 0;
}
.sectionview.piezas h4 {
    margin: 0 0 20px 0;
}
.section p, .sectionview p, #seccionsola p {
    text-align: justify;
    font-size:1.1em;

}

.sectionview img.img-responsive, .section img.img-responsive{
    /*margin-top: 20px;*/
    margin-bottom: 30px;
}

.logodiana{
    /*background: url(../img/logo_peq.png);*/
    background: url(../img/logo-diana-arcaizante.png);
    width: 430px;
    height: 58px;
    background-size: contain;
}
/*.logodiana.grande{
    background: url(../img/logo_peq.png);
    width: 668px;
    height: 90px;
    background-size: contain;
	max-height: 100px;
    margin-top: 20px;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}*/
.img-responsive{
	max-width: 100%; 
	display:block; 
	height: auto;
}
.navbar-fixed-top {
    z-index: 9999;
}
input#q {
    height: 30px;
    max-width: 132px;
    border: none;
    border-radius:0px;
    background: #ffffff;
    padding-left: 10px;
	display: inline-block;
}
.btnbuscar{
    background: #6e1929 url(../img/lupa2.png) 50% 50% no-repeat;
    width: 30px;
    height: 30px;
    border: none;
    border-radius:0px;
    padding: 10px;
    transition: 0.5s;
	display: inline-block;
}
.btnbuscar:hover{
   background-color: #e30613;
}
.form-group.text {
  display: inline-block;
    padding-bottom: 0;
    margin-bottom: 0;
}
.buscador {
    float: right;
    padding-top: 15px;
    opacity:1;
    transition:1s;
    -webkit-transition-delay: 1.4s; /* Safari */
    transition-delay: 1.4s;
    /*transition:1s;*/
   /* margin-right: 33%;*/
}

.buscador.ocultar{
  /*display:none;*/
  opacity:0;
  transition:1s;
}
.buscador2 {
    /*float: right;*/
    padding-top: 15px;
    /*opacity:1;
    transition:1s;
    transition-delay: 1.4s;*/
    /*transition:1s;*/
   /* margin-right: 33%;*/
}
select#unidad, select#ano{
    max-width: 132px;
    height: 31px;
    border-radius: 0px;
}
.form-group.select {
    float: left;
}
.piefoto {
    /* background: #BCFAF9; */
    clear:both;
    background: #887575;
    color: #FFF;
    font-size: 0.9em;
    margin-top: -29px;
    margin-bottom: 30px;
    padding: 5px;
}
.piefoto2 {
    background: #887575;
    color: #FFF;
    font-size: 0.9em;
    padding: 5px;
    margin-top: -30px;
    /*margin-bottom: 20px;*/
}
.txthotspotmovil .piefoto2 {
  margin-bottom: 30px;
}
.popover-content .contenedorimagen {
    margin-top: 6px;
}
.popover-content .piefoto {
     margin-bottom: 6px;
}
.botonera{
  text-align: center;
  transform: translate(0px, 30px);
}
.txthotspotmovil .piefoto {
    background: #887575;
    color: #FFF;
    font-size: 0.9em;
    margin-top: -29px!important;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 20px;
    transform: translate(0px, -49px);
    padding: 5px;
    clear: both;
}
.txthotspotmovil a{
    text-decoration: underline;
}
.txthotspotmovil .row .img-responsive {
    margin-top: 20px;
}
figcaption.bdimg {
    /* background: #BCFAF9; */
    position: absolute;
    background: none;
    color: #FFF;
    font-size: 0.9em;
    margin-top: -40px;
    /* width: 100%; */
    height: 40px;
    margin-bottom: 15px;
    padding: 5px;
}
figcaption.bdimg a {
    background: #6e1929 url(../img/ver-en-contexto.png) no-repeat center;
	/*background: #6e1929 url(../img/iconos/Iconos-alfa_texto_explicativo.png) no-repeat center;*/
    background-size: contain;
    text-indent: -9999px;
    /* text-align: right; */
    /* float: right; */
    /* position: absolute; */
    width: 30px;
    height: 30px;
    overflow: hidden;
    /* display: inline-block; */
    float: left;
    margin-right: 5px;
    margin-top: 0;
    /* display: flex; */
    /* right: 0; */
}
figcaption.bdimg a:hover {
background-color:#e30613;
}

figcaption {
    /* background: #BCFAF9; */
    background: #887575;
    color: #FFF;
    font-size: 0.9em;
    margin-top: -30px;
    margin-bottom: 15px;
    padding: 5px;
}
figcaption.blanco {
    background: #FFF;
}

figure {
  display: table;
  margin: 30px auto;
}
/*figcaption a {
    color: #FFCC00;
}*/
figcaption span{
    margin-left:6px;
}
figcaption { display: table-caption; caption-side: bottom ; }
figure img { width: 100%}
.prev a {
    margin: 20px 0;
}
.next a {
    background: #CAFE69;
    margin: 20px;
}
/* paginacion botones libro*/
.libro.pagination>li>a, .libro.pagination>li>span {
    position: relative;
    float: left;
    padding: 16px 16px;
    margin-left: 10px;
    line-height: 1.42857143;
    color: #6e1929;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.libro .pagination>li>a, .libro .pagination>li>span {
    position: relative;
    float: left;
    padding: 16px 16px;
    margin-left: 10px;
    line-height: 1.42857143;
    color: #6e1929;
    text-decoration: none;
    background: #fff url(../img/esquina.png) no-repeat 100% 100%;
    border: 1px solid #ddd;
}
/**/
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #6e1929;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ad777c;
    border-color: #ad777c;
}

/*#navigation .capitulo {
    font-weight: bold;
    margin-left: -10px;
    border-top: 1px solid #6e1929!important;
}*/
#navigation .capitulo {
    font-weight: bold;
    margin-left: -10px;
    padding-left: 4px!important;
    /*border-top: 2px solid #6e1929!important;*/
    border-top: 2px solid #d6b7bd!important;
    /* border-bottom: 1px solid #6e1929!important; */
}
.capitulo {
    font-weight: bold;
    margin-left: -10px;
}
.capituloactivo {
    /*background: #ddcfcc;
    border-left: 0px solid #ebe9e4!important;*/
}
.marco{
	/*border:2px solid #666666;*/
  border:2px solid #887575;
 /* margin:15px 0;*/
}
.idiomas {
    font-size: 13px;
    /*margin-top: 20px;*/
}
.idiomas ul {
    list-style-type: none;
    padding-left: 21px;
    margin-top: 24px;
}
.idiomas li {
    display: inline-block;
    margin-right: 20px;
}
.idiomas li a{
    color: #a9a7a7;
}
.idiomas li.activo a {
    color: #FFCC00;
}
.nodisponible {
	width: 100%;
  min-height: 100px;
  background: #CCC;
}
.nodisponible span {
    position: absolute;
    color: #FFF;
    font-size: 2em;
    padding: 8px 15px;
}
.vistosec {
    width: 0px;
    height: 40px;
    margin-left: -5px;
    margin-top: -7px;
    border-top: 2px solid #9c0f29;
    /* background: #9c0f29; */
    background: rgba(156,15,41,0.1);
    background: -moz-linear-gradient(top, rgba(156,15,41,0.1) 0%, rgba(156,15,41,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(156,15,41,0.1)), color-stop(100%, rgba(156,15,41,0)));
    background: -webkit-linear-gradient(top, rgba(156,15,41,0.1) 0%, rgba(156,15,41,0) 100%);
    background: -o-linear-gradient(top, rgba(156,15,41,0.1) 0%, rgba(156,15,41,0) 100%);
    background: -ms-linear-gradient(top, rgba(156,15,41,0.1) 0%, rgba(156,15,41,0) 100%);
    background: linear-gradient(to bottom, rgba(156,15,41,0.1) 0%, rgba(156,15,41,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c0f29', endColorstr='#9c0f29', GradientType=0 );
    position: absolute;
    pointer-events: none;
    /*transition:0.5s;*/
}
.vistocap {
    width: 0px;
    height: 40px;
    margin-left: -4px;
    margin-top: -7px;
    /*background: #9c0f29;#ec7209*/;
    border-top: 2px solid #9c0f29;
    /* background: #9c0f29; */
    background: rgba(156,15,41,0.1);
    background: -moz-linear-gradient(top, rgba(156,15,41,0.1) 0%, rgba(156,15,41,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(156,15,41,0.1)), color-stop(100%, rgba(156,15,41,0)));
    background: -webkit-linear-gradient(top, rgba(156,15,41,0.1) 0%, rgba(156,15,41,0) 100%);
    background: -o-linear-gradient(top, rgba(156,15,41,0.1) 0%, rgba(156,15,41,0) 100%);
    background: -ms-linear-gradient(top, rgba(156,15,41,0.1) 0%, rgba(156,15,41,0) 100%);
    background: linear-gradient(to bottom, rgba(156,15,41,0.1) 0%, rgba(156,15,41,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c0f29', endColorstr='#9c0f29', GradientType=0 );
    position: absolute;
    pointer-events: none;
    /*transition:0.5s;*/
}
span.recuadrocapitulo {
    width: 25px;
    /* height: 50px; */
    padding: 2px 2px;
    /* border: 1px solid #000; */
    background: #b37e88;
    color: #fff;
    float: left;
    margin-right: 6px;
    /* font-size: 1em; */
    margin-left: -4px;
    margin-bottom: 3px;
    margin-top: -2px;
    text-align: center;
}
.capituloactivo span.recuadrocapitulo {
    
    background: #6d1828;
    
}
.cuadrado{
	height:0;
	width:100%;
	padding-bottom:100%;
  margin-bottom: 15px;
	/*background:#e30713;*/
  overflow: hidden;
  position:relative;
}
.cuadrado img{
  transition: 0.4s;
}
/*
.cuadrado img:hover{
  opacity:0.75;
  transition: 0.4s;
}
*/
.cuadrado .active{
  background:#FFCC00;
}
.cc-revoke, .cc-window {
    font-size: 11px!important;
  line-height: 1em!important;
  text-align: center!important;
}
.cc-btn {
    font-size: 1.4em!important;
}
.recuadro{
  padding:15px;
  border:1px solid #e8e5e5;
}
.recuadropeq{
  padding:10px;
  border:1px solid #e8e5e5;
}
.recuadro.active{
  border:2px solid red;
  background: #f7dbd5;
}
.sinpaddingL {
    padding-left: 0!important;
}
.conpaddingR {
  padding-right: 66px!important;
}
.vermas{
  height: 20px;
  width: 20px;
  background: #e30713 url(../img/ver-mas.png);
  /* position: absolute; */
  /*right: 0px;
  bottom: 0px;*/
  float: right;
}
/*.iconolupa {
    background: url(../img/icono-ver-mas.png);
    position: absolute;
    background-size: contain;
   
    transition: 1s;
    bottom: 45px;
}*/
.iconolupa {
    background: #6e1929 url(../img/btnlupa.png);
    position: absolute;
    background-size: contain;
    /* pointer-events: none; */
    transition: 1s;
    bottom: 30px;
    /* left: 0; */
}
.iconovermas {
    background: url(../img/icono-ver-mas.png);
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0;
    background-size: contain;
    /*pointer-events: none;*/
    transition:1s;
}
.iconovermas:hover{
  /*pointer-events: none;*/
  opacity: 0.5;
}
.minilink, .mini-link{
background-image: url(../img/enlace-externo.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 20px; /* Or size of icon + spacing */
}
.mini-link figcaption{
  background-image: url(../img/enlace-externo-bl.png);
}
.mini-audio{
background-image: url(../img/mini-voz.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-sketch{
background-image: url(../img/mini-icono-rotar3d.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-equipo{
background-image: url(../img/mini-equipo.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
/*p > a > .contexto{
  padding-left:20px;
}*/
span.contexto {
    padding-left: 20px;
}
.mini-texto{
background-image: url(../img/mini-texto.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-codigo{
background-image: url(../img/mini-codigo.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-email{
background-image: url(../img/mini-email.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 20px; /* Or size of icon + spacing */
}
.mini-iconos{
background-image: url(../img/mini-iconos.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-mosaico{
background-image: url(../img/mini-mosaicos.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-georadar{
background-image: url(../img/mini-georadar.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-corazon{
background-image: url(../img/mini-corazon.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-analisis{
background-image: url(../img/mini-analisis.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-carta{
background-image: url(../img/mini-carta.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-escanometria{
background-image: url(../img/mini-escanometria.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-fotogrametria{
background-image: url(../img/mini-icono-rotar3d.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-estratigrafia{
background-image: url(../img/mini-estratigrafia.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-galeria{
background-image: url(../img/mini-galeria.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-textoantiguo{
background-image: url(../img/mini-textoantiguo.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-bibliografia{
background-image: url(../img/mini-bibliografia.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-interactivo3d{
/*background-image: url(../img/mini-interactivo3d.png);*/
background-image: url(../img/mini-interactivo3d.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.mini-pdf{
background-image: url(../img/mini-pdf.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-bottom: 1px;
}
.mini-youtube{
background-image: url(../img/mini-youtube.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-bottom: 1px;
}

.mini-piezas{
background-image: url(../img/mini-piezas.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}

.minipiezas.p{
  padding-left: 125px;
}
.mini-piezagriega{
background-image: url(../img/mini-piezagriega.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 20px; /* Or size of icon + spacing */
}
.mini-epigrafia{
background-image: url(../img/mini-epigrafia.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.minidescargar{
background-image: url(../img/descargar16x21.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 22px; /* Or size of icon + spacing */
}
.tab{
  margin-left:40px;
}
.contsketchfab{
   padding-top: 62.5%;
}
.ratio-inner {
    display: block;
    position: absolute;

    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 100%;
}
.fadein {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
.hotspot, .hotspoti{
  width: 13px;
    height: 13px;
    cursor: pointer;
  z-index: 100;
  color:#000000;
  /*background: rgba(255,255,16,.8);*//*#ffff10;*/
    /*border: 5px solid rgba(1,0,101,.8);*//*#010065;*/
  background:rgba(237,23,23,.8);
    border: 4px solid rgba(255,255,255,.8);
  background-size: 24px 24px;
    border-radius: 20%;
  text-align:center;
  text-decoration: none!important;
  transition: 1s;
  -webkit-user-select: none; /* Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}
.pop{
    background: #f7f1f1;
    width: auto;
    height: auto;
    border: 0px;
    padding: 2px 4px 2px 2px;
    color: #6e1929!important;
    border-radius: 0px;
    font-size: 0.95em;
    cursor: pointer;
    transition: 0.5s;
}

.hotspot.contexto{
    background: #f7f1f1;
    width: auto;
    height: auto;
    border: 0px;
    padding: 2px 4px 2px 2px;
    color: #6e1929!important;
    border-radius: 0px;
    transition: none!important;
    font-size: 0.95em;
    transition: 0.5s;
}
a.pop:hover {
    background: #e8d8d9;
    transition: 0.5s;
}
a.hotspot.contexto:hover{
    background: #e8d8d9;
    transition: 0.5s;
}
/*.hotspot.contexto .mini-piezas{
    padding-left: 15px!important;
}*/
.mini-imagen{
    background-image: url(../img/imagen-contexto.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}
.mini-mapa{
background-image: url(../img/mini-mapa.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; /* Or size of icon + spacing */
}
.hotspotlink {
  /*width: 13px;
    height: 13px;*/
    cursor: pointer;
  z-index: 100;
  /*color:#000000;*/
  /*background: rgba(255,255,16,.8);*//*#ffff10;*/
    /*border: 5px solid rgba(1,0,101,.8);*//*#010065;*/
  background:rgba(237,23,23,.8);
    border: 1px solid rgba(255,255,255,.8);
  background-size: 24px 24px;
    border-radius: 20%;
  text-align:center;
  text-decoration: none!important;
  transition: 1s;
}
.hotspottxt {
    width: 22px;
    height: 22px;
    text-align: center;
    color: #6e1929;
    border: 1px solid #6e1929;
    margin-top: 15px;
    margin-right: 6px;
    /* border-radius: 20%; */
    display: inline-block;
}
#controldiapo, #controlfases, #controlsubterraneo, #controlestratigrafia, #controlfundidomapa, #controlgeorradar, #controlahenum{
    width: 58px;
    height: 90px;
    text-align: center;
    /* padding-top: 10px; */
    background: #ebe9e4;
}
.animacioncocina{
  background-image: url(../img/animacion-cocina.gif);
  background-size:cover;
  opacity:0;
  z-index: 40;
}
.animlluvia1{
  background-image: url(../img/animacion-lluvia1.gif);
  background-size:cover;
  opacity:0;
  z-index: 43;
}
.animlluvia2{
  background-image: url(../img/animacion-lluvia2.gif);
  background-size:cover;
  opacity:0;
  z-index: 45;
}
/*.letrero {
    background: rgba(0,0,0,0.2);
    padding: 20px;
    max-width: 350px;
    color: #CCC;
    position: absolute;
    right: 0;
    z-index: 99900;
    cursor: pointer;
}*/
.fasestxt, .helenistica {
    background: rgba(0,0,0,0.2);
    padding: 20px;
    max-width: 350px;
    position: absolute;
    right: 0;
    z-index: 200;
    opacity:0;
}
.helenistica {
  text-transform: uppercase;
}
.puntosocultos{
  display:none;
  transition:0.5s;
}

.intrografitos {
    /*background: rgba(0,0,0,0.2);
    padding: 20px;*/
    /*max-width: 750px;*/
    position: relative;
    /* left: 80px; */
    /* float: left; */
    /*margin-left: 100px;
    z-index: 99;*/
  }
  .lineatiempo {
   /* height: 84px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding-top: 10px;
    padding-bottom: 10px;
    */
}
.relacionados {
    background: #efdada;
    padding: 20px;
}
.relacionados h4 {
    margin-top: 0px;
}
#redessociales {
    float: right;
}

#btn-fb {
width: 30px;
height: 30px;
/*padding: 5px;*/
background:#3b5998;
border: 0;
box-shadow: 0;
margin-right: 5px;
display:inline-block;
transition:0.5s;
}
#btn-tw {
width: 30px;
height: 30px;
/*padding: 5px;*/
background:#00a9f1;
border: 0;
box-shadow: 0;
display:inline-block;
transition:0.5s;
}
#btn-fb:hover , #btn-tw:hover{
background:#e40826;
}
#btn-compartir {
   width: 70px;
    display: inline-block;
    height: 10px;
    line-height: 14px;
}
#btn-seguir {
    margin-left: 20px;
    display: inline-block;
    margin-right: 8px;
    width: 183px;
}
#diana-fb {
    display: inline-block;
}
.redes1 {
    float: right;
    height: 35px;
    width: 150px;
}
.redes2 {
    float: right;
    height: 35px;
    width: 249px;
}
.btncamp {

    width: 80px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
    font-size: 1.2em;
    border: 1px solid #CCC;

}
.textoscamp {
    min-height: 260px;
}
.textoscamp.off{
  display:none;
}
.btncamp:hover{
    background: #6e1929;
    color:#FFF;
    transition:0.5s;
}
.btncamp.on{
    background: #e30613;
    color:#FFF;
    text-align: center;
}
.planoexcavaciones{
  background-image: url(../img/plano-casa-de-la-diana-arcaizante.jpg);
  background-size:contain!important;
  z-index: 15;
}
.excavaciones2007.off, .excavaciones2008.off, .excavaciones2009.off, .excavaciones2010.off, .excavaciones2013.off, .excavaciones2017.off{
  opacity:0;
  transition:1s;
}
.excavaciones2007, .excavaciones2008, .excavaciones2009, .excavaciones2010, .excavaciones2013, .excavaciones2017{
  opacity:1;
  transition:1s;
}
.excavaciones2007{
  background-image: url(../img/excavaciones-2007.jpg);
  background-size:contain!important;
  z-index: 16;
}
.excavaciones2008{
  background-image: url(../img/excavaciones-2008.jpg);
  background-size:contain!important;
  z-index: 17;
}
.excavaciones2009{
  background-image: url(../img/excavaciones-2009.jpg);
  background-size:contain!important;
  z-index: 18;
}
.excavaciones2010{
  background-image: url(../img/excavaciones-2010.jpg);
  background-size:contain!important;
  z-index: 19;
}
.excavaciones2013{
  background-image: url(../img/excavaciones-2013.jpg);
  background-size:contain!important;
  z-index: 20;
}
/*.excavaciones2017{
  background-image: url(../img/excavaciones-2017.jpg);
  background-size:contain!important;
  z-index: 21;
}*/
.grafitos1{
  background-image: url(../media/render-patio-diana-arcaizante.jpg);
  background-size:cover;
  z-index: 15;
}
.grafitos2txt{
  background-image: url(../img/casa-38-3txt.png);
  background-size:cover;
  z-index: 17;
}
.grafitos2{
  background-image: url(../media/casa-38-3.jpg);
  background-size:cover;
  z-index: 15;
}
.grafitospuerta{
  background-image: url(../media/puerta-38-72-pompeya.jpg);
  background-size:cover;
  z-index: 15;
}
.peristiloagua{
  background-image: url(../media/angulo-viridarium.jpg);
  background-size:cover;
  z-index: 15;
}
.patiocolindante{
  background-image: url(../media/peristilo-casa-clindante.jpg);
  background-size:cover;
  z-index: 15;
}
.excavacionpatio{
  background-image: url(../media/Pompeya-Patio-de-la-Diana-2012.jpg);
  background-size:cover;
  z-index: 15;
}
.excavaciond4000{
  background-image: url(../img/d-4000.jpg);
  background-size:cover;
  z-index: 15;
}
.estratigrafia3{
  background-image: url(../img/estratigrafia-backwards.gif);
  opacity:0;
  z-index: 25;
}
.estratigrafia4{
  background-image: url(../media/estratigrafia4.jpg);
  opacity:0;
  z-index: 22;
}
.estratigrafia2{
  background-image: url(../img/estratigrafia.gif);
  opacity:0;
  z-index: 20;
}
.estratigrafia1{
  background-image: url(../media/estratigrafia.jpg);
  z-index: 15;
}
.farmacista2{
  background-image: url(../media/vico-del-Farmacista-muro-sin-letrina.jpg);
  opacity:0;
  z-index: 20;
}
.farmacista1{
  background-image: url(../media/vico-del-farmacista.jpg);
  opacity:1;
  z-index: 15;
}
.altar2{
  background-image: url(../media/altar-diana-2.jpg);
  opacity:0;
  z-index: 20;
}
.altar1{
  background-image: url(../media/altar-diana-1.jpg);
  opacity:1;
  z-index: 15;
}
.vega2{
  background-image: url(../img/vega2.jpg);
  opacity:0;
  z-index: 20;
}
.vega1{
  background-image: url(../img/vega1.jpg);
  opacity:1;
  z-index: 15;
}
.chambert2{
  background-image: url(../media/grabado-de-Ferdinando-Campana.jpg);
  opacity:0;
  z-index: 20;
}
.chambert1{
  background-image: url(../media/fresco-casa-del-Peristilo.jpg);
  opacity:1;
  z-index: 15;
}


.mapabombardeo2 {
    background-image: url(../img/bombardeo-pompeya-imagen-aerea.jpg);
    background-size: contain!important;
    background-position: 0px 0px!important;
    opacity:0;
    /* margin-top: -30px!important; */
    z-index: 20;
}
.mapabombardeo1 {
    background-image: url(../media/bombardeo-de-pompeya.jpg);
    background-size: contain!important;
    background-position: 0px 0px!important;
    /* margin-top: -30px!important; */
    z-index: 15;
}

#leyendasuperior{
  background:#cafe69;
}
.popover{
font-family: 'Fira Sans', Arial, serif;
}
.popover-content{
  color:#000;
}
.popover-content .img-responsive {
    margin: 10px 0;
}
.popover-content .mini-piezas, .popover-content .mini-sketch{
    padding-left: 20px!important;
}
.extenso0 + .popover {
   max-width:450px;
 }
.extenso + .popover {
   max-width:600px;
 }
 .extenso2 + .popover {
   max-width:800px;
 }
.hotspot a, .romano a{
/*pointer-events: none;*/
}
.altepi{
  min-height:270px;
}
.altepi0{
  min-height:230px;
}
.altepi h4, .altepi0 h4  {
    margin-top:10px;
}

.metros{
    font-size: 5em;
    color: rgba(0,0,0,0.2);
    position: absolute;
    margin-left:75px;
    z-index: 50;
}
.romano {
    font-size: 0.8em;
    color: #FFFFFF;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(255,255,255,.8);
}
.romano:hover {
    color: #FFFFFF;
    text-decoration:none;
}
.puntostxt {
    font-size: 1.1em;
    color: #FFFFFF;
    /* background: #FFCC00; */
    width: 140px;
    height: 18px;
    z-index:100;
    text-align: center;
    margin-top: 6px;
    margin-left: -63px;
    line-height: 14px;
    text-shadow: 0px 0px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.puntostxt2 {
    font-size: 1.1em;
    color: #FFFFFF;
    /* background: #FFCC00; */
    width: 140px;
    height: 18px;
    text-align: center;
    margin-top: 19px;
    /*margin-left: -63px;*/
    pointer-events: none;
    margin-left: -61px;
    line-height: 14px;
    transition:0.3s;
    text-shadow: 0px 0px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.puntostxt2.over{
    transform: translate(15px, 35px);
}

.forzarespacio {
    min-width: 500px;
}
.capital {
    color: #000;
    font-size: 500%;
    margin-top: -23px;
    margin-bottom: -30px;
    margin-left: -15px;
    float: left;
    padding: 0 15px;
    /* font-family: 'Ewert', cursive; */
    /* font-family: 'Cinzel', Georgia, Serif; */
    font-family: 'Times New Roman', Georgia, Serif;
}
.pieportada .capital{
  color:#FFF;
}
.prefacio {
    margin-top: 63px;
    margin-right: 30px;
    font-weight: bold;
}
.prefacio p span{
  font-weight:normal;
}
.recuadrologo {
    float: left;
    margin-right: 30px;
    margin-bottom: 15px;
}
.recuadrologo2 {
    float: left;
    margin-bottom: 15px;
}

.recuadroicono {
    float: left;
    max-width: 100px;
    height: 150px;
    margin-right: 30px;
    margin-bottom: 10px;
}
.recuadroicono img{
    max-width:100px;
    background:#6e1929;
}
.ccc {
    background: #d9dae2;
    padding: 15px;
    /*margin: 15px 0;*/
    margin-top: 20px;
    margin-left: 10px;
    min-height:255px;
}
.persona {
    background: #d9dae2;
    /* padding: 15px 0px 10px 9px; */
    /* margin: 15px 0; */
    border: 15px solid #FFF;
    padding-top: 15px;
    transition:0.5s;
}
.row.iguales {
    display: flex;
    flex-wrap: wrap;
  }
.iguales.container:before,
.iguales.container:after,
.iguales.row:before,
.iguales.row:after {
   content: normal; /*IE doesn't support `initial`*/
}
.persona h4 {
    font-size: 1.1em;
    margin: 10px 5px 5px 5px;
}
.persona p{
    font-size: 1em!important;
    text-align: left!important;
}
.persona p span{
    color:#6e1929;
    font-size:bold;
}
.persona img{
float:left;
width:100px;
height:100px;
margin:0 20px 10px 0; 
}
.persona.apendice img{
width:100%;
height:auto;
margin-bottom: 15px;
}
.iconopeq.over{
  background-color:#e30613;
  border: 1px solid #e30613!important;
}
.icono35{
height:35px!important;
width:35px!important;
}
h5.icono35txt {
    color: #444;
    margin-left: 45px;
    font-size: 14px;
    font-family: 'Cinzel', Georgia, Serif;
    text-transform: uppercase;
    text-decoration: none!important;
}
.apendice img{
opacity:0.8;
transition:0.3s;
}
.apendice img.over{
opacity:1;
}
.persona.over{
background:#ad777c;
transition:0.5s;
}
.icono.over {
  color:#FFF;
  transition:0.5s;
  text-decoration: none!important;
}

.col-lg-6 .persona h4 {
    font-size: 1.15em;
}
.col-lg-6 .persona img{
width:140px;
height:140px;
}
.col-lg-6 .persona{
  min-height:310px;
}
.txthotspotmovil {
    text-align: justify;
    margin: 0 0 40px 0;
    background: #f7f1f1;
    padding: 40px;
}
.txthotspotmovil p{
  clear: both;
  font-size: 1em!important;
}
.txthotspotmovil img{
  float:right;
  padding:0 20px 20px 20px;
}

.contenedorimagen, .contampliado{
  position:relative;
  height: 0;
}
.alinearIzquierda{
float:left;
margin:15px 45px 15px 0;
}
.alinearDerecha{
float:right;
margin:15px 0 15px 45px;
}
.alinearDerecha2{
float:right;
margin:0px 0 10px 20px!important;
}
.centrar{
display: block;
margin-left: auto;
margin-right: auto;
text-align:center;
}
.imgpeqcentrada{
display: block;
margin-left: auto;
margin-right: auto;
text-align:center;
margin-bottom:15px;
}
.max600 {
    width: 100%;
    max-width: 600px;
    /*margin-bottom: 20px;*/
}
.max500 {
    width: 100%;
    max-width: 500px;
    margin-bottom: 20px;
}
.max400 {
	width: 100%;
    max-width: 400px;
}
.alturapoligonos{
  min-height:240px;
}
.my-gallery figure {
    float: left;
    width: 200px;
    height:200px;
    margin: 8px 8px 0 0;
    border: 1px solid #CCC;
}
figure.btnlupa {
    position: relative!important;
    width: 100%!important;
    height: auto!important;
    margin: 15px 0!important;
    border: none!important;
}
.iconoalpie {
    position: relative!important;
    width: 100%!important;
    height: auto!important;
    margin: 15px 0!important;
    border: none!important;
}
.iconogrande{
  width:58px;
  height:58px;
  float:left;
  transition:0.5s;
  cursor: pointer;
}
#mostrarindice{
  left:0px;
  top:100px;
  width:58px;
  height:58px;
  position:absolute;
  background: #6e1929 url(../img/icono-indice-portada.png) no-repeat center;
  background-size: contain;
  transition:0.5s;
  cursor:pointer;
}
#mostrarindice:hover{
  background-color: #e30613;
}
#mostrarindice.ocultar{
  left:-60px;
}
#indicepiezas{
  background: #6e1929 url(../img/icono-indice-portada.png) no-repeat center;
  background-size: contain;
  transition:0.5s;
  cursor:pointer;
}
#indicepiezas:hover{
  background-color: #e30613;
}
.titulolibro {
    height: auto;
    border: 1px solid #6e1929;
    padding: 0px 12px 5px 12px;
    margin-bottom: 20px;
}
.titulolibro h2 {
    color: #6e1929;
    font-size: 1.3em;
    font-weight: bold;
    font-family: 'Cinzel', Georgia, Serif;
    font-weight: bold;
}
.iconopeq {
    width: 57px;
    height: 57px;
    margin-left: 1px;
    float: left;
    outline: 1px solid #6e1929;
}
.trajan{
    color: #444;
    font-size: 13px;
    font-weight: bold;
    font-family: 'Cinzel', Georgia, Serif;
}
.closevitrine {
    /*background:rgba(155,155,155,0.5);*/
    width: 100%;
    height: 100%;
}
.galeria{
  background: url(../img/icono-galeria.png) no-repeat center;
  background-size: contain;
}
.lupa{
  background: url(../img/lupa.png) no-repeat center;
  background-size: contain;
}
.tricliniozoom1{
  background: url(../img/triclinio-zoom1.jpg) no-repeat center;
  /*background-size: 100%!important;*/
  z-index:23;
  transition:2.5s;
}
.tricliniozoom2{
  background: url(../img/triclinio-zoom2.png) no-repeat center;
  /*background-size: 100%!important;*/
  opacity:0;
  z-index:26;
  transition:2.5s;
}
.masinfo{
  background: url(../img/icono-mas-informacion.png) no-repeat center;
  background-size: contain;
}
.enlaces{
  background: url(../img/icono-enlaces.png) no-repeat center;
  background-size: contain;
}
.bibliografia{
  background: url(../img/icono-bibliografia.png) no-repeat center;
  background-size: contain;
}
.bibliografia2{
  background: #6e1929 url(../img/iconos-alfa/documentacion-bibliografia.png) no-repeat center;
  background-size: contain;
  margin-bottom: 15px;
}
.bbddpiezas{
  background: #6e1929 url(../img/iconos-alfa/contenido-ceramicaromana.png) no-repeat center;
  background-size: contain;
  margin-bottom: 15px;
}
.bbddpiezas2{
  background: url(../img/icono-bbddpiezas.png) no-repeat center;
  background-size: contain;
  margin-bottom: 15px;
}
.bbddimagenes{
  background: #6e1929 url(../img/iconos-alfa/digital-galeria.png) no-repeat center;
  background-size: contain;
  margin-bottom: 15px;
}
.sketchbtn{
  background: #6e1929 url(../img/iconos-alfa/digital-3Drotacion.png) no-repeat center;
  background-size: contain;
  margin-bottom: 15px;
}
.alfabetico{
  background: #e30613 url(../img/alfabetico.png) no-repeat center;
  background-size: contain;
}
.alfabeticoinfo{
  background: url(../img/alfabeticoinfo.png) no-repeat center;
  background-size: contain;
}
.porcapitulos{
  background: #e30613 url(../img/por-capitulos.png) no-repeat center;
  background-size: contain;
}
.porcapitulosinfo{
  background: url(../img/por-capitulos-info.png) no-repeat center;
  background-size: contain;
}
.generada{
  background: #e30613 url(../img/autor2.png) no-repeat center;
  background-size: contain;
}
/*ul.biblio {*/
ul.biblio {
    margin-left: 0;
    padding-left: 16px;
    list-style-type: square;
}
.bib h4 {
    margin: 10px 0;
}
.controlesbiblio {
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 4px solid #6e1929;
    font-weight:bold;
    line-height: 32px;
}
.controlesbiblio a{
    text-decoration: none;
    font-size:0.9em;
    font-weight:bold;
    margin-top:10px;
}
.controlesbiblio h5{
    text-decoration: none;
    font-size:0.9em;
    font-weight:bold;
    color:#6e1929;
}
.controlesbiblio a.ocultar, .controlesbiblio h5.ocultar{
    color:#CCC;
}
.iconover{
  background: url(../img/iconos-alfa/digital-ver.png) no-repeat center;
  background-size: contain;
}
.iconover.ocultar{
  background: url(../img/iconos-alfa/digital-ocultar.png) no-repeat center;
  background-size: contain;
}
.iconomedio{
    height:50px;
    width:50px;
    margin: 0 auto;
    background-color: #e30613;
    cursor: pointer;
    transition: 0.5s;
}
.iconomedio:hover, .iconomedio.ocultar:hover{
    background-color: #e30613;
}
.iconomedio.ocultar{
  background-color:#6e1929;
}
li.reciente.ocultar{
  display:none!important;
}

li.historica.ocultar {
    display: none!important;
}
.docupdf{
  background: url(../img/icono-archivopdf.png) no-repeat center;
  background-size: contain;
}
.docupdf2{
  background: #6e1929 url(../img/iconos-alfa/digital-archivopdf.png) no-repeat center;
  background-size: contain;
  margin-bottom: 15px;
  transition:0.5s;
}
.docupdf2:hover{
  background-color: #e30613;
  transition:0.5s;
}
.iconoiconos{
  background: #6e1929 url(../img/iconoiconos.png) no-repeat center;
  background-size: contain;
  margin-bottom: 15px;
}
.carta.abierta{
  background: #6e1929 url(../img/carta-abierta.png) no-repeat center;
  background-size: contain;
}
.carta.cerrada{
  background: #6e1929 url(../img/carta-cerrada.png) no-repeat center;
  background-size: contain;
}
.voz{
  background: #6e1929 url(../img/iconos/Iconos-alfa_voz.png) no-repeat center;
  background-size: contain;
}
.interactivo3d{
  background: #fff url(../img/3d-interactivo.png) no-repeat center;
  background-size: contain;
}
.rotar3d{
  background: #fff url(../img/icono-rotar3d.png) no-repeat center;
  background-size: contain;
}
.textodesplegable{
  background: #6e1929 url(../img/iconos/Iconos-alfa_texto_desplegable.png) no-repeat center;
  background-size: contain;
}
.hotspotdesplegable{
  background: #6e1929 url(../img/iconos/Iconos-alfa_texto_explicativo.png) no-repeat center;
  background-size: contain;
  margin-bottom:30px;
  margin-top: 20px;
}

.textodespl {
    background: #ffffff;
    margin-left: 75px;
    padding: 15px 15px 0px 15px;
    max-width: 504px;
}
a#dron2017.on {
    opacity: 1;
}
a#dron2017.off {
    opacity: 0;
}
.textodespl.on {
    opacity: 1;
}
.textodespl.off {
    opacity: 0;
}
.pagina.on {
   display:block;
}
.pagina.off {
    display: none;
}
.contcarta{
  transition:4s;
}
.contcarta.on {
    opacity: 1;
    display:block;
    transition:4s;
}
.contcarta.off {
    opacity: 0;
    display:none;
    transition:4s;
}
.contmenu.on {
    opacity: 1;
    display:block;
    transition:0.5s;
}
.contmenu.off {
    opacity: 0;
    display:none;
    transition:0.5s;
}
.contenedorimagen.on {
    display:block;
}
.contenedorimagen.off {
    display:none;
}
.iconomapainfo{
  background: #FFF url(../img/icono-mapa-info.png) no-repeat center;
  background-size: contain;
}
.iconomapa{
  background: #6e1929 url(../img/icono-mapa.png) no-repeat center;
  background-size: contain;
}
.iconomapa:hover{
  background: #e30613 url(../img/icono-mapa.png) no-repeat center;
  background-size: contain;
}
.iconomapacatrastal{
  background: url(../img/icono-mapa-catastral.png) no-repeat center;
  background-size: contain;
}
.iconovideo{
  background: #6e1929 url(../img/iconos/Iconos-alfa_video.png) no-repeat center;
  background-size: contain;
}
.iconovideoinfo{
  background: #FFF url(../img/icono-video-info.png) no-repeat center;
  background-size: contain;
}
.iconoestratigrafia{
  background: #6e1929 url(../img/icono-estratigrafia.png) no-repeat center;
  background-size: contain;
}
.iconoestratigrafia:hover{
  background: #e30613 url(../img/icono-estratigrafia.png) no-repeat center;
  background-size: contain;
}
.iconoescanometria{
  background: #6e1929 url(../img/iconos-alfa/fotografiayplanimetria-escanometrialaser.png) no-repeat center;
  background-size: contain;
}
.iconoescanometria:hover{
  background: #e30613 url(../img/iconos-alfa/fotografiayplanimetria-escanometrialaser.png) no-repeat center;
  background-size: contain;
}


.iconoreconstruccion{
  background: #6e1929 url(../img/iconos-alfa/arqueologia-monumentorecontruido.png) no-repeat center;
  background-size: contain;
}
.iconoreconstruccion:hover{
  background-color: #e30613;
}
.iconoexcava{
  background: #6e1929 url(../img/icono-fundido.png) no-repeat center;
}
.iconoexcava:hover{
  background-color: #e30613;
}
.iconoortofoto{
  background: #6e1929 url(../img/iconos-alfa/fotografiayplanimetria-ortofoto.png) no-repeat center;
  background-size: contain;
}
.iconoortofoto:hover{
  background-color: #e30613;
}

.ortofotomosaico {
    background-image: url(../img/ortofoto-triclinium.png);
    opacity:0;
    z-index: 50;
}
.mosaicohab2 {
    background-image: url(../img/mosaicohab2.png);
    opacity:0;
    z-index: 40;
}
.mosaicohab1 {
    background-image: url(../img/mosaicohab1.jpg);
    z-index: 30;
}
.estratigrafiavertical {
    background-image: url(../media/estratigrafia-vertical.jpg);
    z-index: 30;
}
.iconomedidas{
  background: #6e1929 url(../img/icono-medidas.png) no-repeat center;
  background-size: contain;
}
.iconomedidas:hover{
  background-color: #e30613;
}
.miniiconovideo{
  /*background: #e30613 url(../img/miniicono-video.png) no-repeat center;*/
  background: #e30613 url(../img/iconos/Iconos-alfa_video.png) no-repeat center;
  /*background-size: contain;*/
  width:30px;
  height:30px;
  background-size: 100% 100%;
  transition:0.3s;
  border-radius:0px;
}
.miniiconovideo:hover{
    background-color: #9c0f29;
    /*transform: scale(3,4);*/
    width:50px;
    height:50px;
    transform: translate(-10px, -10px);
    background-size: contain;
    
}
.hotspottxt.miniiconovideo {
  background: #e30613 url(../img/iconos/Iconos-alfa_video.png) no-repeat center;
  margin-top:24px;
  width:30px;
  height:30px;
  background-size: 100% 100%;
  transition:0.3s;
  border-radius:0px;
  transform:none;
}
.hotspottxt .mini-texto, .hotspottxt .mini-imagen, .hotspottxt .mini-mapa, .hotspottxt .mini-estratigrafia {
    margin-left: 2px;
}
.miniiconoimagen{
  /*background: #e30613 url(../img/miniicono-video.png) no-repeat center;*/
  background: url(../img/alfa_archivo_imagen.png) no-repeat center;
  /*background-size: contain;*/
  width:16px;
  height:16px;
  background-size: 100% 100%;
  transition:0.3s;
  border-radius:0px;
  border:0px;
}
.miniiconoimagen:hover{
    background-color: #9c0f29;
    /*transform: scale(3,4);*/
    width:50px;
    height:50px;
    transform: translate(-15px, -15px);
    background-size: contain;
    
    background: url(../img/alfa_archivo_imagen50.png) no-repeat center;
    background-color: #9c0f29;
    border:1px solid #FFF;
}
.miniiconotexto{
  /*background: #e30613 url(../img/miniicono-video.png) no-repeat center;*/
  background: url(../img/mini-texto2.png) no-repeat center;
  /*background-size: contain;*/
  width:16px;
  height:16px;
  background-size: 100% 100%;
  transition:0.3s;
  border-radius:0px;
  border:0px;
}
.miniiconotexto:hover{
    background-color: #9c0f29;
    /*transform: scale(3,4);*/
    width:50px;
    height:50px;
    transform: translate(-15px, -15px);
    background-size: contain;
    
    background: url(../img/mini-texto2_50.png) no-repeat center;
    background-color: #9c0f29;
    border:1px solid #FFF;
}

.miniestratigrafia{
  /*background: #e30613 url(../img/miniicono-video.png) no-repeat center;*/
  background: #e30613 url(../img/iconos/Iconos-alfa_estratigrafia_3d.png) no-repeat center;
  /*background-size: contain;*/
  background-size: 100% 100%;
  width:30px;
  height:30px;
  border-radius:0px;
  transition:0.3s;
}
.minidron{
  background: #e30613 url(../img/iconos-alfa/fotografiayplanimetria-fotoaerea.png) no-repeat center;
  background-size: 100% 100%;
  width:40px;
  height:40px;
  border-radius:0px;
  transition:0.3s;
}
.miniestratigrafia:hover {
    background-color: #9c0f29;
    /*transform: scale(3,4);*/
    width:50px;
    height:50px;
    transform: translate(-10px, -10px);
    background-size: contain;
    border-radius:0px;
}
.minimapa{
  /*background: #e30613 url(../img/iconos-alfa/fotografiayplanimetria-planoexcavacion.png) no-repeat center;*/
  background: #e30613 url(../img/iconomedio-mapa.png) no-repeat center;
  /*background-size: contain;*/
  background-size: 100% 100%;
  width:30px;
  height:30px;
  border-radius:0px;
  transition:0.3s;
}
.minimapa:hover {
	background: #e30613 url(../img/iconos-alfa/fotografiayplanimetria-planoexcavacion.png) no-repeat center;
    background-color: #9c0f29;
    /*transform: scale(3,4);*/
    width:50px;
    height:50px;
    transform: translate(-10px, -10px);
    background-size: contain;
    border-radius:0px;
}
.minigaleria{
  background: #e30613 url(../img/galeria.png) no-repeat center;
  /*background-size: contain;*/
  background-size: 100% 100%;
  width:30px;
  height:30px;
  border-radius:0px;
  border: 1px solid rgba(255,255,255,.8);
  transition:0.3s;
}
.minigaleria:hover {
  background: #e30613 url(../img/iconos-alfa/digital-galeria.png) no-repeat center;
    background-color: #9c0f29;
    /*transform: scale(3,4);*/
    width:50px;
    height:50px;
    transform: translate(-10px, -10px);
    background-size: contain;
    border-radius:0px;
}
.miniescanometria{
  /*background: #e30613 url(../img/miniicono-video.png) no-repeat center;*/
  background: #e30613 url(../img/iconos-alfa/fotografiayplanimetria-escanometrialaser.png) no-repeat center;
  /*background-size: contain;*/
  background-size: 100% 100%;
  width:30px;
  height:30px;
  border-radius:0px;
  transition:0.3s;
}

@keyframes animatedBackground {
  0% { background-position: 40% 0; }
  85% { background-position: 40% 0; }
  95% { background-position: 15% 0; }
  90% { background-position: 40% 0; }
  100% { background-position: 40% 0; }
}

.siguiente{
  /*background: #6e1929 url(../img/icono-siguiente.png) no-repeat center;*/
  background: #6e1929 url(../img/icono-siguiente.png) center;
  background-repeat: repeat-x;
  animation: animatedBackground 8s ease-out alternate infinite;
  /*animation-name: animatedBackground;
  animation-duration: 1s;
  animation-delay: 10s;
  animation-iteration-count: infinite;
  animation-direction: alternate;*/
  overflow: hidden;
}
.siguiente:hover{
  background-color: #e30613;
  /*background-size: contain;*/
}
.siguiente2{/*sin el efecto*/
    background: #6e1929 url(../img/iconos-alfa/digital-dcha.png) center no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
margin-bottom: 20px;
}
.anterior{
background: #6e1929 url(../img/iconos-alfa/digital-dcha.png) center no-repeat;
background-size: contain;
width: 30px;
height: 30px;
float:right;
margin-bottom: 20px;
/*voltear imagen horizontalmente*/
  -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.siguiente:hover, .siguiente2:hover, .anterior:hover{
  background-color: #e30613;
}

.indice{
  background: url(../img/icono-indice.png) no-repeat center;
  background-size: contain;
}
.iconogrande.bibliografia, .iconogrande.siguiente{
margin-bottom: 10px;
}
.iconogrande h3, .iconopeq h3 {
    position: absolute;
    left: 75px;
    margin-top: 4px;
    font-size: 11px;
    line-height: 18px;
    width: 200px;
    /* text-align: center; */
    color: #FFF;
    /* background: #000; */
}
.iconogrande h3 span, .iconopeq h3 span {
    background: #000;
    outline: 3px solid #000;
    padding-top: 3px;
    padding-bottom: 2px;
    width: auto;
    max-width: 300px;
}



.iconopeq.bibliografia, .iconopeq.siguiente{
margin-bottom: 10px;
}
.contenedorimagen h3 {
    position: absolute;
    bottom: 0px;
    z-index: 100;
}
h4.icono {
    color: #444;
    margin-top: 60px;
    margin-left: 73px;
    /* text-transform: uppercase; */
}
h5.icono {
    color: #444;
    margin-top: 20px;
    margin-bottom: 30px;
    display: inline-block;
    padding-left: 16px;
    font-size: 18px;
    font-family: 'Cinzel', Georgia, Serif;
    text-transform: uppercase;
}
h6.icono {
    color: #000;
    margin-top: 0px;
    margin-left: 15px;
    padding-top: 8px;
    font-size: 15px;
}
h2.icono {
    color: #6e1929;
    margin-top: 0;
    margin-left: 73px;
    font-size: 28px;
    font-family: 'Cinzel', Georgia, Serif;
    font-weight: bold;
    text-transform: uppercase;
    /* line-height: 30px; */
}
h2.icono span {
    color: #444;
    display: block;
    font-size: 13px;
    margin-top: -1px;
    margin-left: 2px;
    margin-bottom: 3px;
    font-family: 'Cinzel', Georgia, Serif;
}
h3.icono {
    color: #6e1929;
    margin-top: 23px;
    margin-left: 72px;
    font-size: 15px;
    font-family: 'Cinzel', Georgia, Serif;
    font-weight: bold;
    text-transform: uppercase;
}
.contenedorimagen h3 span {
    /*background: rgba(227,7,19,0.8);*/
    background: rgba(110, 25, 41, 0.8);
    color:#FFF;
    padding: 10px;
}
.contenedorimagen.portada{
  border-bottom: 7px solid #6e1929;
  margin: -5px 0 30px 0;
}
.sinpadding{
  padding: 0 !important;
   margin: 0 !important;
}
.mimodal{
  top:0;
  z-index:99999;
  background:#FFF url(../img/fondo-modal4.jpg) no-repeat center;
}
.mimodal h3{
      font-size: 1.6em;
    text-align: left!important;
    padding-left: 40px;
    line-height: 34px;
}
.piemodal{
position: absolute;
    bottom: 30px;
    z-index: 2;
    width: 40%;
    max-width: 960px;
    min-width: 600px;
    height: 120px;
    overflow: hidden;
    /* background: #fff; */
    margin: 0 auto;
    left: 0;
    right: 0;
}

.pieportada {
    position: absolute;
    bottom: 20px;
}
.hidden {
  display: none;
  opacity: 0;
  transition:1s;
}
.jumbotron {
    color: #FFF;
    text-shadow: 0px 0px 9px rgba(150, 150, 150, 1);
    background: #222 url(../media/diana-tablinum-portada.jpg) no-repeat center;
    background-size: cover;
    height: 0;
    min-height: 800px;
    padding-top: 0px;
    padding-bottom: 38.979%;
    border-radius: 0px!important;
}
.jumbotron p {
    margin-top: 15px;
    padding-right: 30px;
    font-size: 17px;
    font-weight: 200;
    /*max-width: 850px;*/
    color: #CCC;
}
.jumbotron h1 {
    font-size: 55px;
    margin-top: 70px;
    text-align: left;
    font-family: 'Fira Sans', Arial, serif;
}
.jumbotron h5 {
    color:#ccc;
	text-shadow: none;
}
.container .jumbotron, .container-fluid .jumbotron {
    padding-left:0px;
    padding-right:0px;
}

.table-nonfluid {
   width: auto !important;
}
.table {
   margin:15px 0;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f5dbdb;
}
.fullbg{
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-position: 50% 50%9 !important;
  margin: 0;
  padding: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.hab1 {
    background-image: url(../img/hab1.png);
    z-index: 21;
    opacity:0;
}
.hab2 {
    background-image: url(../img/hab2.png);
    z-index: 22;
    opacity:0;
}
.hab3 {
    background-image: url(../img/hab3.png);
    z-index: 23;
    opacity:0;
}
.hab4 {
    background-image: url(../img/hab4.png);
    z-index: 24;
    opacity:0;
}
.hab5 {
    background-image: url(../img/hab5.png);
    z-index: 25;
    opacity:0;
}
.hab6 {
    background-image: url(../img/hab6.png);
    z-index: 26;
    opacity:0;
}
.hab7 {
    background-image: url(../img/hab7.png);
    z-index: 27;
    opacity:0;
}
.hab8 {
    background-image: url(../img/hab8.png);
    z-index: 28;
    opacity:0;
}
.hab9 {
    background-image: url(../img/hab9.png);
    z-index: 29;
    opacity:0;
}
.hab10 {
    background-image: url(../img/hab10.png);
    z-index: 30;
    opacity:0;
}

.hab12 {
    background-image: url(../img/hab12.png);
    z-index: 32;
    opacity:0;
}
.hab13 {
    background-image: url(../img/hab13.png);
    z-index: 33;
    opacity:0;
}
.hab14 {
    background-image: url(../img/hab14.png);
    z-index: 34;
    opacity:0;
}
.hab15{
    background-image: url(../img/hab15.png);
    z-index: 35;
    opacity:0;
}
.hab16{
    background-image: url(../img/hab16.png);
    z-index: 36;
    opacity:0;
}
.hab17 {
    background-image: url(../img/hab17.png);
    z-index: 37;
    opacity:0;
}
.hab18 {
    background-image: url(../img/hab18.png);
    z-index: 38;
    opacity:0;
}
.hab19 {
    background-image: url(../img/hab19.png);
    z-index: 39;
    opacity:0;
}
.hab20 {
    background-image: url(../img/hab20.png);
    z-index: 40;
    opacity:0;
}
.hab3a {
    background-image: url(../img/hab3a.png);
    z-index: 41;
    opacity:0;
}
.habIa {
    background-image: url(../img/habIa.png);
    z-index: 42;
    opacity:0;
}
.habspano {
    background-image: url(../media/sppanorend10_new.jpg);
    z-index: 20;
}
.contiguo1 {
    background-image: url(../img/contiguo1.png);
    z-index: 42;
    opacity:0;
}
.contiguo2 {
    background-image: url(../img/contiguo2.png);
    z-index: 42;
    opacity:0;
}
.contiguo3 {
    background-image: url(../img/contiguo3.png);
    z-index: 42;
    opacity:0;
}
/*.contiguo4 {
    background-image: url(../img/contiguo4.png);
    z-index: 42;
    opacity:0;
}*/
.contiguo5 {
    background-image: url(../img/contiguo5.png);
    z-index: 42;
    opacity:0;
}
.contiguo6 {
    background-image: url(../img/contiguo6.png);
    z-index: 42;
    opacity:0;
}
.contiguo7 {
    background-image: url(../img/contiguo7.png);
    z-index: 42;
    opacity:0;
}
.fondomosaico {
    background-image: url(../media/sectile.jpg);
    z-index: 42;
}
.estrato1801{
    background-image: url(../img/1801.png);
    z-index: 42;
    opacity:0;
}
.estrato1803{
    background-image: url(../img/1803.png);
    z-index: 42;
    opacity:0;
}
.estrato1804{
    background-image: url(../img/1804.png);
    z-index: 42;
    opacity:0;
}
.estrato1805{
  background-image: url(../img/1805.png);
    z-index: 42;
    opacity:0;
}
.estrato1806{
background-image: url(../img/1806.png);
    z-index: 42;
    opacity:0;
}
.estrato1807{
background-image: url(../img/1807.png);
    z-index: 42;
    opacity:0;
}
.estrato1808{
background-image: url(../img/pavimento.png);
    z-index: 42;
    opacity:0;
}
.estrato1809{
background-image: url(../img/1809.png);
    z-index: 42;
    opacity:0;
}
.estrato1810{
background-image: url(../img/1810.png);
    z-index: 42;
    opacity:0;
}
.estrato1811{
background-image: url(../img/1811.png);
    z-index: 42;
    opacity:0;
}
.estrato1812{
background-image: url(../img/1812.png);
    z-index: 42;
    opacity:0;
}
.estrato1813{
background-image: url(../img/1813.png);
    z-index: 42;
    opacity:0;
}


.slice1 {
    background-image: url(../media/014.jpg);
    z-index: 20;
}
.slice2 {
    background-image: url(../media/041.jpg);
    z-index: 20;
}
.slice3 {
    background-image: url(../media/046.jpg);
    z-index: 20;
}
.slice4 {
    background-image: url(../media/055.jpg);
    z-index: 20;
}
.slice5 {
    background-image: url(../media/069.jpg);
    z-index: 20;
}
.slice6 {
    background-image: url(../media/092.jpg);
    z-index: 20;
}
.slice7 {
    background-image: url(../media/151.jpg);
    z-index: 20;
}
.slice1-1 {
    background-image: url(../img/rollovers/slice1-1.png);
    z-index: 40;
    opacity:0;
}
.slice1-2 {
    background-image: url(../img/rollovers/slice1-2.png);
    z-index: 40;
    opacity:0;
}
.slice1-3 {
    background-image: url(../img/rollovers/slice1-3.png);
    z-index: 40;
    opacity:0;
}
.slice1-4 {
    background-image: url(../img/rollovers/slice1-4.png);
    z-index: 40;
    opacity:0;
}
.slice1-5 {
    background-image: url(../img/rollovers/slice1-5.png);
    z-index: 40;
    opacity:0;
}
.slice1-6 {
    background-image: url(../img/rollovers/slice1-6.png);
    z-index: 40;
    opacity:0;
}
.slice2-1 {
    background-image: url(../img/rollovers/slice2-1.png);
    z-index: 40;
    opacity:0;
}
.slice2-2 {
    background-image: url(../img/rollovers/slice2-2.png);
    z-index: 40;
    opacity:0;
}
.slice2-3 {
    background-image: url(../img/rollovers/slice2-3.png);
    z-index: 40;
    opacity:0;
}
.slice2-4 {
    background-image: url(../img/rollovers/slice2-4.png);
    z-index: 40;
    opacity:0;
}
.slice2-5 {
    background-image: url(../img/rollovers/slice2-5.png);
    z-index: 40;
    opacity:0;
}
.slice2-6 {
    background-image: url(../img/rollovers/slice2-6.png);
    z-index: 40;
    opacity:0;
}
.slice2-7 {
    background-image: url(../img/rollovers/slice2-7.png);
    z-index: 40;
    opacity:0;
}
.slice2-8 {
    background-image: url(../img/rollovers/slice2-8.png);
    z-index: 40;
    opacity:0;
}
.slice3-1 {
    background-image: url(../img/rollovers/slice3-1.png);
    z-index: 40;
    opacity:0;
}
.slice3-2 {
    background-image: url(../img/rollovers/slice3-2.png);
    z-index: 40;
    opacity:0;
}
.slice3-3 {
    background-image: url(../img/rollovers/slice3-3.png);
    z-index: 40;
    opacity:0;
}
.slice3-4 {
    background-image: url(../img/rollovers/slice3-4.png);
    z-index: 40;
    opacity:0;
}
.slice3-5 {
    background-image: url(../img/rollovers/slice3-5.png);
    z-index: 40;
    opacity:0;
}
.slice3-6 {
    background-image: url(../img/rollovers/slice3-6.png);
    z-index: 40;
    opacity:0;
}
.slice3-7 {
    background-image: url(../img/rollovers/slice3-7.png);
    z-index: 40;
    opacity:0;
}
.slice3-8 {
    background-image: url(../img/rollovers/slice3-8.png);
    z-index: 40;
    opacity:0;
}
.slice4-1 {
    background-image: url(../img/rollovers/slice4-1.png);
    z-index: 40;
    opacity:0;
}
.slice4-2 {
    background-image: url(../img/rollovers/slice4-2.png);
    z-index: 40;
    opacity:0;
}
.slice4-3 {
    background-image: url(../img/rollovers/slice4-3.png);
    z-index: 40;
    opacity:0;
}
.slice4-4 {
    background-image: url(../img/rollovers/slice4-4.png);
    z-index: 40;
    opacity:0;
}
.slice4-5 {
    background-image: url(../img/rollovers/slice4-5.png);
    z-index: 40;
    opacity:0;
}
.slice4-6 {
    background-image: url(../img/rollovers/slice4-6.png);
    z-index: 40;
    opacity:0;
}
.slice4-7 {
    background-image: url(../img/rollovers/slice4-7.png);
    z-index: 40;
    opacity:0;
}
.slice4-8 {
    background-image: url(../img/rollovers/slice4-8.png);
    z-index: 40;
    opacity:0;
}
.slice5-1 {
    background-image: url(../img/rollovers/slice5-1.png);
    z-index: 40;
    opacity:0;
}
.slice5-2 {
    background-image: url(../img/rollovers/slice5-2.png);
    z-index: 40;
    opacity:0;
}
.slice5-3 {
    background-image: url(../img/rollovers/slice5-3.png);
    z-index: 40;
    opacity:0;
}
.slice5-4 {
    background-image: url(../img/rollovers/slice5-4.png);
    z-index: 40;
    opacity:0;
}
.slice6-1 {
    background-image: url(../img/rollovers/slice6-1.png);
    z-index: 40;
    opacity:0;
}
.slice6-2 {
    background-image: url(../img/rollovers/slice6-2.png);
    z-index: 40;
    opacity:0;
}
.slice6-3 {
    background-image: url(../img/rollovers/slice6-3.png);
    z-index: 40;
    opacity:0;
}
.slice7-1 {
    background-image: url(../img/rollovers/slice7-1.png);
    z-index: 40;
    opacity:0;
}
.slice7-2 {
    background-image: url(../img/rollovers/slice7-2.png);
    z-index: 40;
    opacity:0;
}
.slice7-3 {
    background-image: url(../img/rollovers/slice7-3.png);
    z-index: 40;
    opacity:0;
}
.slice7-4 {
    background-image: url(../img/rollovers/slice7-4.png);
    z-index: 40;
    opacity:0;
}
.medidas {
    background-image: url(../img/casa-diana-arcaizante-medidas.png);
    z-index: 25;
}
.malla {
    background-image: url(../media/casa-diana-arcaizante-malla.jpg);
    z-index: 21;
}
.reconstruccion {
    background-image: url(../media/casa-diana-arcaizante.jpg);
    z-index: 20;
}
.mapa {
    background-image: url(../media/excavacion72planta.jpg);
    z-index: 21;
}
.mapacatastral {
    background-image: url(../media/mapa-catastral-pompeya.jpg);
    background-size: contain!important;
    background-position: 0px 0px!important;
    z-index: 34;
}
.carta1 {
    background-image: url(../media/1-CarlosIII-Tanucci-L-320-fol-52.jpg);
    z-index: 10;
}
.carta2 {
    background-image: url(../media/2-CarlosIII-Tanucci-L-320-fol-67.jpg);
    z-index: 20;
}
.carta3 {
    background-image: url(../media/3-CarlosIII-Tanucci-L-320-fol-238.jpg);
    z-index: 30;
}
.carta4 {
    background-image: url(../media/4-CarlosIII-Tanucci-L321-fol-51.jpg);
    z-index: 40;
}
.carta1subrayado {
    background-image: url(../img/1-CarlosIII-Tanucci-L-320-fol-52-subrayado.jpg);
    z-index: 12;
}
.carta2subrayado {
    background-image: url(../img/2-CarlosIII-Tanucci-L-320-fol-67-subrayado.jpg);
    z-index: 22;
}
.carta3subrayado {
    background-image: url(../img/3-CarlosIII-Tanucci-L-320-fol-238-subrayado.jpg);
    z-index: 32;
}
.carta4subrayado{
    background-image: url(../img/4-CarlosIII-Tanucci-L321-fol-51-subrayado.jpg);
    z-index: 42;
}
.excavacion18 {
    background-image: url(../media/excavacion72.jpg);
    z-index: 20;
}
.hidraulica1 {
    background-image: url(../media/hidraulica1.jpg);
    z-index: 20;
}
.hidraulica2 {
    background-image: url(../img/hidraulica2.gif);
    opacity:0;
    z-index: 24;
}
.hidraulica3 {
    background-image: url(../img/hidraulica3.gif);
    opacity:0;
    z-index: 26;
}
.hidraulica1txt{
    background-image: url(../img/hidraulica1-textos.png);
    opacity:0;
    z-index: 68;
}
.hidraulica2txt{
    background-image: url(../img/hidraulica2-textos.png);
    opacity:0;
    z-index: 60;
}
/*#tablinumfoto{
    position: absolute;
    margin-top: 40px;
    z-index: 99;
}*/
.fase7 {
    background-image: url(../img/fase7.gif);
    opacity:0;
    z-index: 36;
}
.fase6 {
    background-image: url(../img/fase6.jpg);
    opacity:0;
    z-index: 34;
}
.fase5 {
    background-image: url(../img/fase5.jpg);
    opacity:0;
    z-index: 32;
}
.fase4 {
    background-image: url(../img/fase4.jpg);
    opacity:0;
    z-index: 30;
}
.fase3 {
    background-image: url(../img/fase3.jpg);
    opacity:0;
    z-index: 28;
}
.fase2txt {
    background-image: url(../img/fase2txt.png);
    opacity:0;
    z-index: 27;
}
.fase2 {
    background-image: url(../img/fase2.gif);
    opacity:0;
    z-index: 26;
}
.fase1txt {
    background-image: url(../img/fase1txt.png);
    opacity:0;
    z-index: 25;
}
.fase1 {
    background-image: url(../img/fase1.jpg);
    opacity:1;
    z-index: 24;
}
.subterraneos3 {
    background-image: url(../media/subterraneos3.jpg);
    opacity:0;
    z-index: 35;
}
.subterraneos2 {
    background-image: url(../media/subterraneos2.jpg);
    opacity:0;
    z-index: 20;
}
.subterraneos1 {
    background-image: url(../media/subterraneos1.jpg);
    opacity:1;
    z-index: 10;
}
.fundidomapa3 {
    background-image: url(../img/fundidomapa3.jpg);
    opacity:0;
    z-index: 20;
}
.fundidomapa2 {
    background-image: url(../img/fundidomapa2.jpg);
    opacity:0;
    z-index: 15;
}
.fundidomapa1 {
    background-image: url(../img/fundidomapa1.jpg);
    opacity:1;
    z-index: 10;
}
.ahenum4 {
    background-image: url(../media/ahenum4.jpg);
    opacity:0;
    z-index: 14;
}
.ahenum3 {
    background-image: url(../media/ahenum3.jpg);
    opacity:0;
    z-index: 13;
}
.ahenum2 {
    background-image: url(../media/ahenum2.jpg);
    opacity:0;
    z-index: 12;
}
.ahenum1 {
    background-image: url(../media/ahenum1.jpg);
    opacity:1;
    z-index: 11;
}
.metido{
    /*width: 250px;*/
    position: absolute;
    margin-top: 40px;
    z-index: 99;
}
.metido2{
    position: absolute;
    margin-top: 120px;
    z-index: 99;
}
.metidotop {
    position: absolute;
    margin-top: 1px;
    z-index: 99;
}
.metidotop2 {
    position: absolute;
    margin-top: 11px;
    z-index: 99;
}
.metidobottom {
    position: absolute;
    margin-top: 142px;
    z-index: 99;
}
a .metidotop:hover, a .metidotop2:hover {
    background-color: #e30613!important;
    border:1px solid #e30613;
}
.salido{
    transform: translate(0px, -80px);
}
.salido2{
    transform: translate(0px, -30px);
}
.icono1 {
    margin-top: -80px;
}
.icono2 {
    position: absolute;
    margin-top: -80px;
    margin-left: 65px;
}
.autores {
    margin-bottom: 20px;
    text-align: right;
    max-width:860px;
    padding-right:20px;
    border-right:1px solid #CCC;
    float:right;
}
.iconoautor {
    background: #fff url(../img/autor.png) no-repeat center;
    background-size: contain;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
.iconoautores {
    background: #fff url(../img/autor.png) no-repeat center;
    background-size: contain;
}
span.hightlight {
    background: #FFCC00;
    padding: 2px;
}
#botoneralateral {
    width: 100%; 
    position: absolute;
    /*margin-top: 120px;*/
    margin-top: 40px;
    z-index: 99;
}
#botoneralateral2 {
    width: 100%; 
    position: absolute;
    margin-top: 30px;
    z-index: 99;
}
#btnmalla{
  margin-left: 15px;
}
#png-malla{
  opacity:0;
}
#png-medidas{
  opacity:0;
}
#png-mapa{
  opacity:0;
}
#png-tablinumfoto{
  opacity:0;
}
.tablinum {
    background-image: url(../media/diana-tablinum-portada.jpg);
    z-index: 20;
}
.tablinumfoto {
    background-image: url(../media/tablinum-foto.jpg);
    z-index: 21;
}
.recuadromazois{
  width: 496px;
  height: 546px;
}
.recuadrofijo{
  position:relative;
  width: 496px;
  height: 546px;
}
.recuadrofijo2{
  position:relative;
  width: 100%;
  padding-bottom: 130%;
}
blockquote {
    padding: 10px 20px;
    margin: 15px 65px;
    font-size: 1em;
    font-style: italic;
    border-left: 5px solid #e8d8d9;
    background: #f7f1f1;
    color: #6e1929;
    display: flow-root;
}
.mazois1 {
    background-image: url(../media/dibujo-Mazois.jpg);
    z-index: 21;
}
.mazois2 {
    background-image: url(../media/sumideros-pompeya.jpg);
    opacity:0;
    z-index: 25;
}
.bibent1 {
    background-image: url(../img/bibent1.jpg);
    z-index: 21;
}
.bibent2 {
    background-image: url(../img/bibent2.jpg);
    opacity:0;
    z-index: 25;
}
.insuladron1 {
    background-image: url(../img/insula-dron-1.jpg);
    z-index: 21;
}
.insuladron1bis {
    background-image: url(../img/insula-dron-1bis.jpg);
	opacity:0;
    z-index: 22;
}
.insuladron2 {
    background-image: url(../img/insula-dron-2.jpg);
    opacity:0;
    z-index: 25;
}
.impluvium1 {
    background-image: url(../media/impluvium-2.jpg);
    z-index: 21;
}
.impluvium2 {
    background-image: url(../media/impluvium-2.png);
    opacity:1;
    z-index: 25;
}
.impluvium3 {
    background-image: url(../media/impluvium-3.jpg);
    opacity:1;
    z-index: 25;
}
.impluvium4 {
    background-image: url(../media/impluvium-4.jpg);
    opacity:0;
    z-index: 26;
}
.cabecdbimg {
    margin-top: 25px;
}
.cabecdbimg p {
    margin-top: 20px;
}
.cabecdbimg h3 {
    margin-left: 72px;
    padding-top: 15px;
    font-family: 'Cinzel', Georgia, Serif;
    font-weight: bold;
    font-size: 2em;
}
.cabecdbimg h4 {
    margin-left: 72px!important;
    margin-top: 0;
}
#sidebar .cabecdbimg {
    margin-top: -20px;
}
.borderclass {
    border: 1px solid #fff!important;
    background-color: #000!important;
}
.logos img {
    display: block;
    margin: auto;
}

.textopeq{
	font-weight: 300;
	font-size:0.9em;
	text-align:left;
}
.textopeq li {
    margin-left: 50px;
    margin-bottom: 5px;
}
.textobiblio{
  font-weight: 300;
  font-size:0.9em;
  text-align:left;
  margin-left: 74px;
}
.piepiezas{
  font-weight: 300;
  font-size:0.9em;
  text-align:left;
}
.audiojs {
    display: inline;
    margin-top: -12px;
    position: absolute;
    background: none;
    box-shadow: none;
}
.audiojs .play-pause {
    width: 40px;
    height: 40px;
    padding: 4px 6px;
    margin: 0px;
    float: left;
    /*background:#000;*/
    overflow: hidden;
    border-right: none;
}
.reproductor {
    background: #ca8290;
    max-width: 520px;
    width: 520px;
    margin-top: 40px;
    min-height: 58px;
    height: 58px;
    margin: 40px 0 0 59px;
    opacity: 0;
    z-index:1000;
}
.reproductor.on {
    opacity: 1;
}
.reproductor.off {
    opacity: 0;
}
.subrayado.on {
    opacity: 1;
}
.subrayado.off {
    opacity: 0;
}
.piefoto.off {
    display:none;
}
.piefoto.on {
    margin-top:0px;
}
.piefoto.on.alinearDerecha.max500 {
  max-width: 496px;
  margin-top: -14px;
}
.pdfpeq {
    float: right;
    width: 200px;
    height: 200px;
    margin: 0 0 5px 45px;
}
.volmas{
   float:right;
    color: #6e1929;
    margin: -5px 10px 10px 0px;
    background: none;
    width: 20px;
    height: 20px;
    border: 1px solid;
    z-index:120;
}
.volmenos{
    float:right;
    color: #6e1929;
    margin: -5px 10px 10px 0px;
    background: none;
    width: 20px;
    height: 20px;
    border: 1px solid;
    z-index:121;
}
.cabsidebar {
    /*background: #666;*/
    height: 58px;74, 13, 13
    background: rgba(110,25,41,1);
background: -moz-linear-gradient(left, rgba(110,25,41,1) 0%, rgba(110,25,41,1) 90%, rgba(74,13,13,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(110,25,41,1)), color-stop(90%, rgba(110,25,41,1)), color-stop(100%, rgba(74,13,13,1)));
background: -webkit-linear-gradient(left, rgba(110,25,41,1) 0%, rgba(110,25,41,1) 90%, rgba(74,13,13,1) 100%);
background: -o-linear-gradient(left, rgba(110,25,41,1) 0%, rgba(110,25,41,1) 90%, rgba(74,13,13,1) 100%);
background: -ms-linear-gradient(left, rgba(110,25,41,1) 0%, rgba(110,25,41,1) 90%, rgba(74,13,13,1) 100%);
background: linear-gradient(to right, rgba(110,25,41,1) 0%, rgba(110,25,41,1) 90%, rgba(74,13,13,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e1929', endColorstr='#000000', GradientType=1 );
}
.navbar-brand {
padding: 0px;
}
a.navbar-brand.grande img {
    max-height: 100px;
    margin-top: 20px;
    -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
}
a.navbar-brand img {
    max-height: 58px;
}
.navbar-brand>img {
    display: block;
    transition:All 0.5s ease-in-out;
}
img.autor {
    max-width: 130px;
    height: auto;
    padding: 0 0 10px 20px;
}
.txtcopyright{
  color:#676161;
  text-align:center;
}
.lineasola{
  overflow: hidden;
  white-space: nowrap;
}
.fluid-vids {
    margin: 40px 0;
    /*max-width:500px!important;
    height:auto!important;*/
}
.pieancho {
    display: inline-block;
    width: 100%;
    height: auto;
    font-size: 0.9em;
    /*color: #FFFFFF;*/
    margin: 0px 5px -6px 0;
    /*border-top: 5px solid #000;*/
    padding: 15px 0px 0px 0px;
    background: #090909;
}
.colofon {
    color: #a09c9c;
    background: #222;
    margin-top: 0!important;
    margin-bottom: 30px;
    border: none;
    font-size: 0.85em;
}
.colofon a {
    color: #CCC;
}
.colofon a:hover {
    color: #FFF;
}
.griscolofon {
    margin-top: 50px!important;
    background: #222;
}
#navigation {
    padding-left: 11px;
    padding-top: 6px;
    padding-bottom: 100px;
}
#navigation ul{
	list-style-type: none;
    margin: 20px 0;
    padding: 0;
}
#navigation li {
    padding: 5px 2px 5px 20px;
    margin-left: 15px;
    margin-bottom: 3px;
    padding-left: 5px;
    border-top: 2px solid #d6b7bd;
}

#navigation li.active {
    /*background: #ad777c;*/
    background: rgba(110, 25, 41, 0.52);
    /*border-left: 20px solid #ebe9e4;*/
    padding-left: 5px;
}
#navigation li.active a{
    color: #FFF;
}

/* simple slider */
.simpleSlider .vitrine ol.sl-indicators {
  font-family: arial,verdana,helvetica;
  font-size: 12px;
  position: absolute;
  top: 4px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
  margin-bottom: 4px;
  height: 27px;
  line-height: 30px;
  margin-top: 0px;
}
.simpleSlider .vitrine ol.sl-indicators li {
    font-family: arial,verdana,helvetica;
    font-size: 12px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
    margin-left: 6px;
}
.simpleSlider .vitrine ol.sl-indicators .active {
  font-family: arial,verdana,helvetica;
  font-size: 12px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  width: 12px;
  height: 12px;
  margin: 0 0 0 6px;
  background-color: #fff;
  cursor: default;
}
.simpleSlider .vitrine .arrow-left {
  background-image: url(../img/anterior.png);
  background-color: #6e1929;
  background-size: contain!important;
  background-repeat: no-repeat!important;
}
.simpleSlider .vitrine .arrow-right {
  background-image: url(../img/siguiente.png);
  background-color: #6e1929;
  background-size: contain!important;
  background-repeat: no-repeat!important;
}
.simpleSlider .vitrine .arrow-left:hover {
  background-color: #e30613;
}
.simpleSlider .vitrine .arrow-right:hover {
  background-color: #e30613;
}
.bgcaption {
    position: absolute;
    height: auto;
    color: white;
    background-color: rgba(0,0,0,0.5);
    left: 0px;
    padding:8px;
}
span.caption {
        /* height: auto!important; */
    color: #FFF;
    line-height: 8px;
    /* padding-left: 10px; */
    margin-bottom: 10px;
    transition: 1s;
}
#contgaleria1, #contgaleria2, #contgaleria3 {
    position: absolute;
    z-index: 200;
    top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  opacity:0;
  display:none;
}
#contgaleria1.on, #contgaleria2.on, #contgaleria3.on{
  opacity:1;
  display:block;
}

body {
  padding-top: 50px;
  overflow-x: hidden;
}


.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.navbar-fixed-top {
    /*border-bottom: 5px solid rgba(255, 204, 0, 0.8);*/
    border-bottom: 7px solid #9b0f29;
    transition: 0.5s;
}
.navbar-fixed-top.claseinicio {
    border-bottom: 0px solid #9b0f29;
    transition: 0.5s;
    -webkit-transition-delay: 0.5s; /* Safari */
    transition-delay: 0.5s;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
#sidebar {
    position: fixed;
    top: 65px;
    bottom: 0;
    left: 0;
    /*height:100%!important;*/
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    /*background-color: #eaf1f3;*/
    border-right: 1px solid #eee;
  }
#sidebar {
  /*display: none;*/
  
transition:1s;  
  background: rgba(235,233,228,1);
background: -moz-linear-gradient(left, rgba(235,233,228,1) 0%, rgba(235,233,228,1) 90%, rgba(194,184,186,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235,233,228,1)), color-stop(90%, rgba(235,233,228,1)), color-stop(100%, rgba(194,184,186,1)));
background: -webkit-linear-gradient(left, rgba(235,233,228,1) 0%, rgba(235,233,228,1) 90%, rgba(194,184,186,1) 100%);
background: -o-linear-gradient(left, rgba(235,233,228,1) 0%, rgba(235,233,228,1) 90%, rgba(194,184,186,1) 100%);
background: -ms-linear-gradient(left, rgba(235,233,228,1) 0%, rgba(235,233,228,1) 90%, rgba(194,184,186,1) 100%);
background: linear-gradient(to right, rgba(235,233,228,1) 0%, rgba(235,233,228,1) 90%, rgba(194,184,186,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9e4', endColorstr='#c2b8ba', GradientType=1 );
  }

#sidebar hr {
    border-bottom: 1px solid #CCC;
}
#sidebar .cabecdbimg h3 {
    font-size: 1.5em;
    line-height: 23px;
}

/*#sidebar.collapse{
  left:-400px;
  transition:1s;
  height:100%!important;
}
#sidebar.collapse.in{
  left:0px;
  height:100%!important;
  transition:1s;
}
#sidebar.in,
#sidebar.collapsing {
    display: block!important;
}*/
/*@media (max-width: 1499px) and (min-width: 1500px){
  .contenedorimagen.ampliado, .contampliado {
    width:156%;
  }
}*/
@media (max-width: 1600px) and (min-width: 993px){
   /*.col-lg-10{
    width:100%;
   }
   .col-lg-8{
    width:80%;
   }*/
   .main {
    padding-right: 0px;
   }
.conpaddingR {
      padding-right: 0px!important;
  }

}

@media (min-width: 1200px) {
  .txthotspotmovil{
   margin: 0 60px 60px 60px;
  }
  .buscador {
    position: fixed;
    right: 15px;
    padding-top: 15px;
  }
  .jumbotron p{
    max-width:780px;
  }
  .jumbotron h1 {
    font-size: 48px;
  }
  .contenedorimagen.ampliado, .contampliado {
    width:140%;
  }

  .intrografitos {
    background: rgba(255,255,255,0.5);
    padding: 20px;
    max-width: 750px;
    position: absolute;
    margin-left: 100px;
    z-index: 99;
  }
}
@media (max-width: 1500px) and (min-width: 1200px){
  .container .jumbotron, .container-fluid .jumbotron {
    padding-left: 40px;
    padding-right: 0px;
  }
  .col-lg-12.loslogos {
    max-width: 750px;
}
   .col-lg-2{
    width:20%;
   }
   .col-lg-8{
    width:80%;
   }
   .section, .sectionview {
    padding-left:40px;
   }

.col-lg-offset-1 {
    /* margin-left: 8.33333333%; */
    width: 39%;
    margin-left: 2%;
}
   .contenedorimagen.ampliado, .contampliado {
    width: 120%;
    margin-left: -94px!important;
  }
  .griscolofon {
    margin-left: 50px!important;
  }

}
@media (min-width: 1500px) {
  .contenedorimagen.ampliado, .contampliado {
    /*width: 147%;
    margin-left: -90px;*/
    width: 156%;
    margin: 30px -100px!important;
    /*margin-left: -100px;*/
  }
  .intrografitos {
    /*margin-left: 200px;*/
    max-width: 850px;
  }
}
@media (min-width: 1600px) {
  .jumbotron h1 {
    font-size: 55px;
  }
}
@media (max-width: 1040px) {

  .romano{
   /* pointer-events: none;*/
    font-family: 'Fira Sans', Arial, serif;
    font-size: 0.65em;
   }
   .clearfix-md{
    clear:both;
   }
}
@media (max-width: 1000px) {
  .jumbotron {
    background: #222 url(../media/diana-tablinum-portada.jpg) no-repeat 40% 100%;
  }
  .jumbotron h1 {
    font-size: 45px;
  }
  .txtcopyright{
  text-align:left;
  }
  .my-gallery figure {
    float: left;
    width: 150px;
    height: 150px;
  }
  .titulolibro h2 {
    font-size: 1.1em;
  }
  /*.section, .sectionview {
    margin-top: 70px;
  }*/
}
@media (max-width: 990px) {
#btnindice {
    position: fixed;
    top: 5px;
    right: 5px;
    cursor: pointer;
    background-color:rgba(255,255,255,0.8);
	z-index: 99;
  }
.buscador {
    padding-right: 70px;
}
}
@media (max-width: 767px) {
.logodiana{
width:172px;
height:50px;
background:url(../img/logo_mov.jpg);
}
.buscador{
transition: none!important;
}
.buscador.enmovil, .buscador.ocultar.enmovil {
    top: 1px;
    background: #9d0f29;
    width: 100%;
    right: 0;
    left: 0px;
    padding-left: 15px;
    padding-top: 9px;
    height: 49px;
    opacity: 1;
    transition: none;
}
.pswp__ui--idle .pswp__top-bar {
    padding-right: 80px;
}
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
    padding-right: 80px;
}
.siguiente{
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
}
  .buscador {
    position: absolute;
    top: -100px;
    right: 80px;
    padding-top: 15px;
    opacity: 1;
    transition: 1s;
    -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 0s;
}

  .modal-dialog.apaisada{
   width: 700px;
  }
  .intrografitos {
      margin-left: 0px;
  }
  .titulolibro h2 {
    font-size: 1em;
  }
  .contenedorimagen.ampliado, .contampliado {
    margin: 30px -20px;
  }
  .cabeceracap {
    display:none;
  }
  .contenedorimagen.portada {
    /* border-bottom: 8px solid #6e1929; */
    /*margin: -20px;*/
    margin: 8px -20px;
}

  .cabsidebar{
    height:50px;
  }
  .main{
    /*margin-top: 30px;*/
	margin-top:-20px;
  }
  .pieancho .main {
    margin-top: 0px;
  }
  .jumbotron h1 {
    font-size: 42px;
  }
  .sidebar{
    width:100%;

    left:0px!important;
    transition:0.6s;
  /*transition:1s!important;*/
  }
  .my-gallery figure {
    float: left;
    width: 100px;
    height:100px;
    margin: 4px 4px 0 0;
    border: 1px solid #CCC;
}

  .navbar-fixed-top{
    position: absolute;
  }
  .navbar-fixed-top.in{
    position: fixed;
  }
  #sidebar.in{
    display: block!important;
    top:100px!important;
    width:100%;
    left:0px!important;
	z-index: 10000;
  }
  #sidebar.collapsing {
      display: block!important;
      transform: scale(0.706) skew(25deg) translate(96px);
      /*transform: scale(0.3) skew(-61deg) translate(196px);*/
      
      width:50px;
      /*left:-100%!important;*/
      left: -320px;
  }
  /*.collapsing {
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}*/
  #btnindice {
    position: fixed;
    top: 5px;
    right: 5px;
    cursor: pointer;
    background-color:rgba(255,255,255,0.8);
	z-index: 99;
  }

}
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape){
.cc-window .cc-message {
    margin: 10px!important;
  }
}
@media (max-width: 550px) {
  .jumbotron {
    background: #666 url(../media/diana-tablinum-portada.jpg) no-repeat 38% 10%;
    min-height:900px;
  }
  .jumbotron h1 {
    font-size: 30px;
  }
  h1 {
    font-size: 1.8em;
  }
  h2.icono {
    font-size: 22px;
  }
  h3 {
    font-size: 1.2em;
  }
  h5.icono {
    margin-left: 57px;
    padding-top: 12px;
    font-size: 18px;
    display: block;
}
  blockquote {
    padding: 10px 20px;
    margin: 15px 15px;
    font-size: 0.9em;
  }
  .textobiblio {
    margin-left: 20px;
}
  .my-gallery figure {
    width: 82px;
    height: 82px;
    margin: 3px 3px 0 0;
}
  a.navbar-brand.grande img {
    max-width: 350px;
    margin-top: 0;
  }
.alinearDerecha, .alinearIzquierda{
    max-width: 100%;
    width: 100%;
    margin:0;
  }
  .audiojs .scrubber {
    display: none;
  }
  
}
@media (max-width: 420px) {
  .col-xs-5 {
    width: 100%;
  }
  .col-xs-7 {
    width: 100%;
    clear: both;
  }
}

@media (min-width: 768px) {

.modal-dialog {
    width: 500px;
    /* max-width: 750px; */
    margin: 90px auto;

}
.modal-dialog.apaisada{
   width: 1000px;
}

body {
    padding-right:0px !important;
    margin-right:0px !important;
    overflow-x:hidden!important;
}

body.modal-open {
    overflow: auto;
}
  .contenedorimagen.ampliado, .contampliado {
    margin: 30px -40px;
  }
  .txthotspotmovil{
    display:none;
  }
  .cabeceracap {
    width: 100vw;
    position: absolute;
    margin-left: -50vw;
    height: 344px;
    margin-top: -40px;
    left: 50%;
    z-index: -1;
  }
  
  .recuadro{
    height:265px;
    overflow: hidden;
  }
  .recuadropeq{
    height:220px;
    overflow: hidden;
  }
  .navbar-brand {
    padding: 0px;
    margin-left: 20px!important;
  }

  #sidebar.collapse {
    left: -320px;
    /*left:-17%;*/
    transition: 0.6s;
    /*height: 100%!important;*/
  }

  #sidebar.in{
    display: block!important;
      /*width:100%;*/
      left:0px!important;
      -webkit-transition-delay: 0.8s; /* Safari */
      transition-delay: 0.8s;
  }
  #sidebar.collapsing {
      display: block!important;
      transform: scale(0.706) skew(25deg) translate(96px);
      /*transform: scale(0.3) skew(-61deg) translate(196px);*/
      
      width:50px;
      left: -300px;
      /*left:-100%!important;*/
  }

  .sidebar2 {
    position: fixed;
    top: 58px;
    bottom: 0;
    left: 16.66666667%;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f3f3f3;
    border-right: 1px solid #eee;
  }
}

@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (min-width: 1500px){
  .main{
    padding-right: 100px;
    padding-left: 100px;
  }
  .navbar-brand {
    padding: 0px;
    margin-left: 83px!important;
  }
}

@media (min-width: 1800px) {
  .contenedorimagen.ampliado, .contampliado {
    width: 149%;
    margin: 30px -100px!important;
  }
}