@charset "UTF-8";


/* MAPA ESPACIOS INTERACTIVO */


	.path-el-recinto #bloque-tit {
		font-family: "FKRomanStandard";
		font-weight: 400;
		color: #FFF;
	}

	.path-el-recinto #bloque-tit h2 {
		font-size: 65px;
		line-height: 65px; 
		letter-spacing: -1.95px;
	}

	.path-el-recinto #bloque-tit h3 {
		font-size: 32px;
		line-height: 38px; 
		letter-spacing: -0.96px;
	}

	#map-container {
		position: relative;
		background-color: #000;
		width: 820px;
		height: 550px;
	}

    /* Menús */
	#map-container #floor-menu {
      position: absolute;
      /* top: 10px;     */
	  top: -40px;
      right: 10px;
      z-index: 10;
    }

	#map-container #poi-menu {
		position: absolute;
		/* top: 10px; */
		top: -40px;
		z-index: 10;
		right: 15%;
	}

    #map-container #poi-menu p{
      margin: 0;
    }

	#map-container #poi-list {
		background: #000;
		border: 1px solid #6a6a6a;
		margin: 0;
		padding: 0;
		list-style: none;
		max-width: 200px;
		color: #FFF;
	}

    #map-container #poi-list.hidden {
      display: none;
    }
	  
	#map-container #poi-list li {
		cursor: pointer;
		padding: 2px 10px 2px 15px;
	}
	  
	#map-container #poi-list li:hover {
		background-color: #FFF;
		color: #000;
    }




















    /* Mapas */


	.path-el-recinto .block-block-content291bbf63-ec79-406c-9fd9-1a7c5eae407a #bloque {
			background-color: #000;
			display: flex;
			justify-content: center;
			margin-left: -8px;
			margin-right: -8px;
			padding: 40px 25px;
	}


    #map-container #map {
      position: relative;
      width: 100%;
      height: 100%;
      background-color: #d0e0f0;
    }

    #map-container .floor {
      display: none;
      position: absolute;
      width: 100%;
      height: 100%;
	  background-color: #000;
    }

    #map-container .floor.active {
      display: block;
    }

    #map-container .poi {
      position: absolute;
      cursor: pointer;
    }

    #map-container .poi span {
      display: none;
      margin-left: 10px;
    }

	#map-container .poi a.icon {
		width: 30px;
		height: 18px;
		display: inline-block;
	}

	#map-container .poi a.icon span {
		color:#000;
		display: block;
				width: 24px;
		height: 24px;
				padding-left: 1px;
	}

	#map-container .poi a.icon span:hover {
		color: #000;
		display: block;
		background: #FF6131;
		border-radius: 12px;
	}

	#map-container .poi-title a {
		text-decoration: none;
		color: #FFF;
	}

	#map-container .poi-title a:hover {
		text-decoration: none !important;
		color: #FF6131;
	}
	  
	#map-container #poi-toggle {
		height: 33px;
		background: #000;
		color: #FFF;
		border-radius: 9px 9px 0 0;
		padding: 5px 10px;
		line-height: 1;
		margin: 0;
		border: 0;
	}
	  
	#map-container .poi-title {
		display: block;
		background: #000;
		padding: 4px 12px;
		border-radius: 20px;
	}

    #map-container a .poi-title {
      text-decoration: none;
      color: #FFF;
    }

    #map-container .poi-title a:hover {
      text-decoration: underline;
    }

    #map-container .poi-title .icon {
      margin-left: 10px;
    }

    #map-container .poi-title a:hover + .icon {
      display: inline-block;
      cursor: pointer;
    }

    #map-container .poi.active span {
      display: inline-block;
    }
	  
	#floor-selector {
		background-color: #000;
		color: #FFF;
		border-radius: 9px 9px 0 0;
   	    padding: 5px 10px;
		border: 0;
		cursor: pointer;
	}	  

	#floor-selector option{
		cursor: pointer;
	}	  

	#floor-selector:focus,
	#floor-selector:active {
		box-shadow: none;
		box-shadow: 0;
		border: 0;
	}








/* IMAGENES PISO 6*/
    .floor[data-floor="6"][data-vista="A"] {
	  background-image: url("../../images/plantas/piso-6-A.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}
    .floor[data-floor="6"][data-vista="B"] {
	  background-image: url("../../images/plantas/piso-6-B.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}
    .floor[data-floor="6"][data-vista="C"] {
	  background-image: url("../../images/plantas/piso-6-C.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}

/* IMAGENES PISO 5*/
    .floor[data-floor="5"][data-vista="A"] {
	  background-image: url("../../images/plantas/piso-5-A.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}
    .floor[data-floor="5"][data-vista="B"] {
	  background-image: url("../../images/plantas/piso-5-B.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}
    .floor[data-floor="5"][data-vista="C"] {
	  background-image: url("../../images/plantas/piso-5-C.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}

/* IMAGENES PISO 4*/
    .floor[data-floor="4"][data-vista="A"] {
	  background-image: url("../../images/plantas/piso-4-A.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}
    .floor[data-floor="4"][data-vista="B"] {
	  background-image: url("../../images/plantas/piso-4-B.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}
    .floor[data-floor="4"][data-vista="C"] {
	  background-image: url("../../images/plantas/piso-4-C.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}

/* IMAGENES PISO 3*/
    .floor[data-floor="3"][data-vista="A"] {
	  background-image: url("../../images/plantas/piso-3-A.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}
    .floor[data-floor="3"][data-vista="B"] {
	  background-image: url("../../images/plantas/piso-3-B.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}
    .floor[data-floor="3"][data-vista="C"] {
	  background-image: url("../../images/plantas/piso-3-C.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}

/* IMAGENES PISO 2*/
    .floor[data-floor="2"][data-vista="A"] {
	  background-image: url("../../images/plantas/piso-2-A.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}
    .floor[data-floor="2"][data-vista="B"] {
	  background-image: url("../../images/plantas/piso-2-B.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}
    .floor[data-floor="2"][data-vista="C"] {
	  background-image: url("../../images/plantas/piso-2-C.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}

/* IMAGENES PISO 1*/
    .floor[data-floor="1"][data-vista="A"] {
	  background-image: url("../../images/plantas/piso-1-A.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}
    .floor[data-floor="1"][data-vista="B"] {
	  background-image: url("../../images/plantas/piso-1-B.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}
    .floor[data-floor="1"][data-vista="C"] {
	  background-image: url("../../images/plantas/piso-1-C.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}

/* IMAGENES PISO 0*/
    .floor[data-floor="0"][data-vista="A"] {
	  background-image: url("../../images/plantas/piso-0-A.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}
    .floor[data-floor="0"][data-vista="B"] {
	  background-image: url("../../images/plantas/piso-0-B.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}
    .floor[data-floor="0"][data-vista="C"] {
	  background-image: url("../../images/plantas/piso-0-C.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}


/* COORDENADAS PISO 6*/
/* Punto 1 */
.floor[data-floor="6"][data-vista="A"] .poi[data-poi="6-1"]  {
	left: 50%; top: 60%;
}
.floor[data-floor="6"][data-vista="B"] .poi[data-poi="6-1"]  {
	left: 30%; top: 80%;
}
.floor[data-floor="6"][data-vista="C"] .poi[data-poi="6-1"]  {
	left: 70%; top: 40%;
}
/* Punto 2 */
.floor[data-floor="6"][data-vista="A"] .poi[data-poi="6-2"]  {
	left: 80%; top: 50%;
}
.floor[data-floor="6"][data-vista="B"] .poi[data-poi="6-2"]  {
	left: 50%; top: 60%;
}
.floor[data-floor="6"][data-vista="C"] .poi[data-poi="6-2"]  {
	left: 80%; top: 30%;
}

/* COORDENADAS PISO 5*/
/* Punto 1 */
.floor[data-floor="5"][data-vista="A"] .poi[data-poi="5-1"]  {
	left: 50%; top: 60%;
}
.floor[data-floor="5"][data-vista="B"] .poi[data-poi="5-1"]  {
	left: 30%; top: 80%;
}
.floor[data-floor="5"][data-vista="C"] .poi[data-poi="5-1"]  {
	left: 70%; top: 40%;
}
/* Punto 2 */
.floor[data-floor="5"][data-vista="A"] .poi[data-poi="5-2"]  {
	left: 80%; top: 50%;
}
.floor[data-floor="5"][data-vista="B"] .poi[data-poi="5-2"]  {
	left: 50%; top: 60%;
}
.floor[data-floor="5"][data-vista="C"] .poi[data-poi="5-2"]  {
	left: 80%; top: 30%;
}

/* COORDENADAS PISO 4*/
/* Punto 1 */
.floor[data-floor="4"][data-vista="A"] .poi[data-poi="4-1"]  {
	left: 50%; top: 60%;
}
.floor[data-floor="4"][data-vista="B"] .poi[data-poi="4-1"]  {
	left: 30%; top: 80%;
}
.floor[data-floor="4"][data-vista="C"] .poi[data-poi="4-1"]  {
	left: 70%; top: 40%;
}
/* Punto 2 */
.floor[data-floor="4"][data-vista="A"] .poi[data-poi="4-2"]  {
	left: 80%; top: 50%;
}
.floor[data-floor="4"][data-vista="B"] .poi[data-poi="4-2"]  {
	left: 50%; top: 60%;
}
.floor[data-floor="4"][data-vista="C"] .poi[data-poi="4-2"]  {
	left: 80%; top: 30%;
}

/* COORDENADAS PISO 3*/
/* Punto 1 */
.floor[data-floor="3"][data-vista="A"] .poi[data-poi="3-1"]  {
	left: 50%; top: 60%;
}
.floor[data-floor="3"][data-vista="B"] .poi[data-poi="3-1"]  {
	left: 30%; top: 80%;
}
.floor[data-floor="3"][data-vista="C"] .poi[data-poi="3-1"]  {
	left: 70%; top: 40%;
}
/* Punto 2 */
.floor[data-floor="3"][data-vista="A"] .poi[data-poi="3-2"]  {
	left: 80%; top: 50%;
}
.floor[data-floor="3"][data-vista="B"] .poi[data-poi="3-2"]  {
	left: 50%; top: 60%;
}
.floor[data-floor="3"][data-vista="C"] .poi[data-poi="3-2"]  {
	left: 80%; top: 30%;
}


/* COORDENADAS PISO 2*/
/* Punto 1 */
.floor[data-floor="2"][data-vista="A"] .poi[data-poi="2-1"]  {
	left: 50%; top: 60%;
}
.floor[data-floor="2"][data-vista="B"] .poi[data-poi="2-1"]  {
	left: 30%; top: 80%;
}
.floor[data-floor="2"][data-vista="C"] .poi[data-poi="2-1"]  {
	left: 70%; top: 40%;
}
/* Punto 2 */
.floor[data-floor="2"][data-vista="A"] .poi[data-poi="2-2"]  {
	left: 80%; top: 50%;
}
.floor[data-floor="2"][data-vista="B"] .poi[data-poi="2-2"]  {
	left: 50%; top: 60%;
}
.floor[data-floor="2"][data-vista="C"] .poi[data-poi="2-2"]  {
	left: 80%; top: 30%;
}




/* COORDENADAS PISO 1*/
/* Punto 1 */
.floor[data-floor="1"][data-vista="A"] .poi[data-poi="1-1"]  {
	left: 50%; top: 60%;
}
.floor[data-floor="1"][data-vista="B"] .poi[data-poi="1-1"]  {
	left: 30%; top: 80%;
}
.floor[data-floor="1"][data-vista="C"] .poi[data-poi="1-1"]  {
	left: 70%; top: 40%;
}
/* Punto 2 */
.floor[data-floor="1"][data-vista="A"] .poi[data-poi="1-2"]  {
	left: 80%; top: 50%;
}
.floor[data-floor="1"][data-vista="B"] .poi[data-poi="1-2"]  {
	left: 50%; top: 60%;
}
.floor[data-floor="1"][data-vista="C"] .poi[data-poi="1-2"]  {
	left: 80%; top: 30%;
}


/* COORDENADAS PISO 0*/
/* Punto 1 */
.floor[data-floor="0"][data-vista="A"] .poi[data-poi="0-1"]  {
	left: 50%; top: 60%;
}
.floor[data-floor="0"][data-vista="B"] .poi[data-poi="0-1"]  {
	left: 30%; top: 80%;
}
.floor[data-floor="0"][data-vista="C"] .poi[data-poi="0-1"]  {
	left: 70%; top: 40%;
}
/* Punto 2 */
.floor[data-floor="0"][data-vista="A"] .poi[data-poi="0-2"]  {
	left: 80%; top: 50%;
}
.floor[data-floor="0"][data-vista="B"] .poi[data-poi="0-2"]  {
	left: 50%; top: 60%;
}
.floor[data-floor="0"][data-vista="C"] .poi[data-poi="0-2"]  {
	left: 80%; top: 30%;
}


/* COORDENADAS PISO -1*/
/* Punto 1 */
.floor[data-floor="-1"][data-vista="A"] .poi[data-poi="-1-1"]  {
	left: 50%; top: 60%;
}
.floor[data-floor="-1"][data-vista="B"] .poi[data-poi="-1-1"]  {
	left: 30%; top: 80%;
}
.floor[data-floor="-1"][data-vista="C"] .poi[data-poi="-1-1"]  {
	left: 70%; top: 40%;
}




/* IMAGENES PISO -1*/
    .floor[data-floor="-1"][data-vista="A"] {
	  background-image: url("../../images/plantas/piso--1-A.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}
    .floor[data-floor="-1"][data-vista="B"] {
	  background-image: url("../../images/plantas/piso--1-B.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}
    .floor[data-floor="-1"][data-vista="C"] {
	  background-image: url("../../images/plantas/piso--1-C.jpg");
	  background-size: cover; 
	  background-position: center; 
	  background-repeat: no-repeat; 
	}




/* Vistas */
	#map-container #vista-menu {
		position: absolute;
		bottom: 10px;
		right: 10px;
		z-index: 10;
	}

	#map-container button {
		margin: 0 2px;
	}