@charset "UTF-8";
/* CSS Document */
 


.indice{
	position:absolute;
	z-index:1000;
	width:22px;
	height:22px;
	top:10px;
	right:37px;
	background-image:url(../pics/indiceinfo.png);
	background-repeat:no-repeat;
	 
}
.indice_over{
	cursor:pointer;
	 background-image:url(../pics/indiceinfoosc.png);
}

.desi{
	position:absolute;
	z-index:1000;
	 
	height:22px;
	top:5px;
	right:65px;
 
	 
} 

.boton{
	height:30px;
	width:30px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; 
 
	background:url(../images/bocinae.png) no-repeat center center;
}

.botonE{
	background-color:#333;
	cursor:pointer;
	background:url(../images/bocinaa.png) no-repeat center center; 
}

.boton2{
	height:30px;
	width:30px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; 
 
	background:url(../images/bocinae.png) no-repeat center center;
	 
}

 

.homei{
	position:absolute;
	z-index:1000;
	width:22px;
	height:22px;
	top:10px;
	right:37px;
	background-image:url(../pics/homeinfo.png);
	background-repeat:no-repeat;
	 
}
.homei_over{
	cursor:pointer;
	background-image:url(../pics/homeinfoosc.png); 
}

.fatras{
	 
	 
	width:26px;
	height:27px;
	float:left;
	background-image:url(../pics/flechaizqap.png);
	background-repeat:no-repeat;
	 
}
.fatras_over{
	cursor:pointer;
	background-image:url(../pics/flechitaizqosc.png);
	 
	 
}
.fadelante{
	float:left;
	width:26px;
	height:27px;
	 
	background-image:url(../pics/felchaderAP.png);
	background-repeat:no-repeat;
	 
}
.fadelante_over{
	cursor:pointer;
	 background-image:url(../pics/flechitaosc.png);
	 
}
.flechas{
	 width:112px;
	height:26px;
	text-align:center;
	margin-top:-50px;
	 margin:0 auto 0 auto;
}

#contador{
	
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	text-shadow:#999;
	font-size:16px;
	color:#fff;
	float:left;
	line-height:30px;
	text-align:center;
        padding-left: 5px;
        padding-right: 5px;
	background-color: #000 !important;
	 
}

 

.ttf{
	float:left;
	margin:25px -5px auto;
	width:30px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	display:none;
}

.ttf span{
	text-align:center;
}
		
.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color:#000;
			z-index:11001;
			-moz-opacity: 0.7;
			opacity:.80;
			filter: alpha(opacity=70);
                        
		}
.videop{
        
        margin: 0;
        width: 720px;
        height: 405px;
        }
#marco-v{
     position: absolute;
     z-index: 22000;
     top:-15px;
     left:-15px;
     pointer-events: none;
     
 }
.white_content {
			display: none;
			position: absolute;
			top: 15%;
			left: 30%;
                        padding: 0px;
                        
			
			z-index:11002;
			
			text-align:center; 
}

.text-content {
			display: none;
			position: absolute;
			top: 15%;
			left: 20%;
			background-color:#f4f1e8;
			z-index:11002;
			text-align:center;
                        width: 60%;
                        height: 70%;
}

.pleca-text-content{
    margin: 0px auto;
    height: 20px;
    background-color:#42462e;
    display: block;
    width: auto;
    font-family: Garamond, EB Garamond, Georgia, serif;
}

.titulo-text{
    font-size: 1.4em;
    padding-left: 20px;
    font-weight: 700;
    width: 100%;
    text-align: left;
    color:  #936f2f;
    font-family: helvetica, arial;
    background: url("http://148.226.26.250/josejusto/images/detalle-texto.png") no-repeat left;
    font-family: Garamond, EB Garamond, Georgia, serif;
}

.plase-text-content{
    margin: 5%;
    
    color: #936f2f;
    text-align: left;
    height: 80%;
    overflow-y: auto;
    width: 90%;
}
.plase-text-content p{
    font-family: Garamond, EB Garamond, Georgia, serif;
}

#audiolc{
	position:absolute;
	top:25%;
	
	width:300px;
	 
	 
	z-index:5000;
	margin-left:1px;
	height:100px;
 
}

#TextoVideo{
    clear: both;
    position: absolute;
    width: 100%;
}

#TextoVideo p{
    font-family: Garamond, EB Garamond, Georgia, serif;
    color: #936f2f;
}

#cerrarVideo{
	top:0px;
	right:0px;
	position:absolute;
        margin-top: -30px;
        margin-left: 30px;
}

 #cerrarVideo img{
	 width:30px;
	height:30px;
	cursor:pointer;

 }

 #slider-bar{
    margin-top:100px;
    pointer-events: auto;
 }
 
 #Panel-botones{
     
     height: 30px;
     
     display:inline-block;
     right: 20px;
     position: absolute;
     margin-top: 90px;
     z-index: 10000;
 }
 
 .panel-member{
     display: block;
     height: 30px;
     float: left;
     background-color: #000;
     pointer-events: auto;
 }
 .panel-member:hover:hover{
     cursor:pointer;
     background-color: #fff;
 }
 
 .panel-member-t{
     position:absolute;
     padding: 5px;
     color:#fff;
     line-height: 20px;
     font-size: 0.7em;
     z-index: 10;
     top:-40px;
     margin-left:-5px;
     background-color: #000;
     font-family: helvetica,arial;
     display:none;
 }
 
 #bzoomo{
     display: none;
 }
 
 #bsound{
     display: none;
 }
 
 .none{
    background-color: #000;
 }
 .nothin{
     display: none;
 }
 
 #c-audiol{
     display: none;
 }
 
 .bottom {
    bottom: 0;
    display: inline;
    height: 150px;
    left: 0;
    overflow: hidden;
    pointer-events: none !important;
    position: absolute;
    width: 100%;
}