/*======================================
Theme Name: igzhub
Theme URI: https://igzhub.com
Description: basado en Divi y para proyectos de igzhub
Version: 1.0
Author: igzhub
Author URI: https://igzhub.com
Template: Divi
======================================*/


.home, div#page-container, div#et-main-area {
    overflow-x: hidden;
}

#contenedorPadre{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    height:680px;
    min-width:300px;
    max-width:1410px;
    position:relative;
    display:block;
    padding:0px;
    
}
#mapa{
    display:block;
   position:relative;
    width: 1000px;
    height: 600px;
   /* background: url(https://proyectoscere.org/mapa/wp-content/uploads/2022/09/Info-Mapa-Scere_Mesa-de-trabajo-1.png)no-repeat center center;*/
    background-size: contain;
    margin-top:40px;
}
#deslizador {display:none;}

#tap{
    display: block;
    position: absolute;
    top: 257px;
    left: 229px;
    width: 50px;
    height: 50px;
   background: url(https://proyectoscere.org/mapa/wp-content/themes/igzhub/tap.png)no-repeat center center;
    background-size: 35px 35px;
    background-color: rgba(255,255,255,0.85);
    border-radius: 50%;
}

@media only screen and (max-width: 800px) {
    
#deslizador{
    display: block;
    position: absolute;
    top: 100px;
    left: 50px;
    width: 90px;
    height: 90px;
    background: url(https://proyectoscere.org/mapa/wp-content/themes/igzhub/deslizador.png)no-repeat center center;
    background-size: contain;
}


}/* fin de query */

.conceptoMapa{
    font-size: 12px;
    /*border: 1px solid black;*/
    color: black;
    padding: 0px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    position: absolute;
    background: rgba(32, 64, 154, 0.19);

}



.conceptoMapa:hover {
    
    background:rgba(32,64,154,.2);
    border:1px solid #fff;
}



 .concepto1{
top: 0px;
left: 945px;
}
 .concepto2{    
top: 55px;
left: 1205px;
}
 .concepto3{
top: 259px;
left: 1315px;
}
 .concepto4{
top: 445px;
left: 1230px;
 }
 .concepto5{
top: 550px;
left: 1080px;
 }
 .concepto6{
top: 425px;
left: 1000px;
}
 .concepto7{ 
top: 340px;
left: 1145px;
     
 }
 .concepto8{
top: 185px;
left: 1180px;
     
 }
.concepto9{
top: 90px;
left: 1030px;
     
 }
.concepto10{
top: 155px;
left: 850px;
    
}
.concepto11{
top: 180px;
left: 1000px;
}
.concepto12{ 
top: 4235px;
left: 1075px;
}
.concepto13{
top: 300px;
left: 1070px;
}
.concepto14{
top: 335px;
left: 960px;
}
.concepto15{
top: 260px;
left: 890px;
}
.concepto16{
top: 180px;
left: 130px;
}
.concepto17{
top: 230px;
left: 70px;
}
.concepto18{
top: 290px;
left: 70px;
}
.concepto19{
top: 290px;
left: 165px;
}
.concepto20{
top: 230px;
left: 180px;
}
.concepto21{
top: 220px;
left: 250px;
}
.concepto22{
top: 170px;
left: 320px;
}
.concepto23{
top: 245px;
left: 370px;
}
.concepto24{
top: 300px;
left: 300px;
}
.concepto25{
top: 370px;
left: 160px;
}
.concepto26{
top: 400px;
left: 235px;
}
.concepto27{
top: 460px;
left: 270px;
}
.concepto28{
top: 420px;
left: 410px;  
}
.concepto29{
top: 350px;
left: 450px;
}
.concepto30{
top: 290px;
left: 480px;
}
.concepto31{
top: 130px;
left: 450px;
}
.concepto32{
top: 65px;
left: 435px;
}
.concepto33{
top: 20px;
left: 545px;
}
.concepto34{
top: 80px;
left: 600px;
}
.concepto35{
top: 170px;
left: 570px;
}
.concepto36{
top: 240px;
left: 660px;
}
.concepto37{
top: 200px;
left: 700px;
}
.concepto38{
top: 150px;
left: 730px;
}
.concepto39{
top: 100px;
left: 725px;
}
.concepto40{
top: 50px;
left: 700px;
}
.concepto41{
top: -15px;
left: 345px;
}
.concepto42{
top: -15px;
left: 250px;
}
.concepto43{
top: 2px;
left: 160px;
}
.concepto44{
top: 50px;
left: 95px;
}
.concepto45{
top: 100px;
left: 55px;
}
.concepto46{
top: 535px;
left: 510px;
}
.concepto47{
top: 475px;
left: 565px;
}
.concepto48{
top: 405px;
left: 560px;
}
.concepto49{
top: 360px;
left: 665px;
}
.concepto50{
top: 430px;
left: 700px;
}
.concepto51{
top: 540px;
left: 760px;
}
.concepto52{
top: 575px;
left: 855px;
}
.concepto53{
top: 525px;
left: 920px;
}
.concepto54{
top: 460px;
left: 910px;
}
.concepto55{
top: 405px;
left: 860px;
}



@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}

@-webkit-keyframes blinker2 {
  from {top:220px;opacity: 0.0;}
  to {top:257px;opacity: 1.0;}
}
@-webkit-keyframes blinker3 {
  from {left:50px;opacity: 0.6;}
  to {left:150px;opacity: 1.0;}
}


.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.blink2{
	text-decoration: blink;
	-webkit-animation-name: blinker2;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.blink3{
	text-decoration: blink;
	-webkit-animation-name: blinker3;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}