/*fuente principal *
@import url('https://fonts.cdnfonts.com/css/tt-norms-pro'); 
/*fuente popup redes*
@import url('https://fonts.cdnfonts.com/css/georgia'); 
/* */
@font-face {
    font-family: 'Georgia';
    font-style: normal;
    font-weight: 400;
    src: local('Georgia'), url('../fonts/Georgia-PersonalUse.woff') format('woff');
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');  
	 /*fuente popup redes*/  

:root {
	--my-color-azul:#93c5d8;
	--my-color-morado:#7976bc;
	--my-color-morado-op:#2A2647;
	--my-color-rojo:#c94617;
	--my-color-naranja:#f08456;
	--my-color-naranja-op:#ab5f3e;
	--my-color-naranja-fuerte:#FF4C02;
	--my-color-amarillo:#cfbd48;
	--my-color-verde:#569290;
	--my-color-verde-op:#013131;
	--my-color-azul-claro:#56c1e9;
	--my-color-azul-claro-op:#00374E;
	--my-color-blanco:#ffffff;
	--my-color-negro-claro:#0A0A0A;
	--my-size-nom-col-superior:48px;
}

@font-face {
    font-family: 'NeutraText';
    src: url('../fonts/NeutraText-Bold.woff') format('opentype');
    font-weight: bold;
    font-style: normal;
}

body {
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow-y: hidden;
}

body::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}

.deste{border: 10px solid #fab6b6; border-radius:10px 10px 0px 0px;}      
.clarete{color:#656565 !important; font-weight:300 !important; font-size:27px !important;}
body{

font-family: 'TT Norms Pro', sans-serif;
 margin:0; padding:0;
}
/* video background */
#background-video-total  { 
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* z-index: -1; */
    margin: auto;
    display: block;
    width:2959px;
   /* border-radius: 200px 200px 200px 200px;*/
	border-radius: 75px 75px 75px 75px;
    height: 100%;
	/*z-index:999999; No sr Luna, esto no que se pone por encima de todo de todas las de territorios*/
	}

.video {
  position: fixed;
  top: 50%; left: 50%;
  z-index: 2;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}

#background-video-left  { 
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* z-index: -1; */
    margin: auto;
    display: block;
    width: 986px;
    /*border-radius: 200px 0px 0px 200px;*/
	border-radius: 75px 0px 0px 75px;
	
    height: 100%;}

#background-video-center  { 
      object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* z-index: -1; */
    margin: auto;
    display: block;
    width: 986px;
    height: 100%;
border-radius: 0px 0px 0px 0px;}

#background-video-right  { 
      object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* z-index: -1; */
    margin: auto;
    display: block;
    width: 986px;
    height: 100%;
/*border-radius: 0px 200px 200px 0px;*/
border-radius: 0px 75px 75px 0px;}

/* video background */


/*experimentos*/
.video-container-left{
     object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* z-index: -1; */
    margin: auto;
    display: block;
    width: 986px;
    /*border-radius: 200px 0px 0px 200px;*/
	border-radius: 75px 0px 0px 75px;
	overflow:hidden;
    height: 100%;
}
.video-container-center{
     object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* z-index: -1; */
    margin: auto;
    display: block;
    width: 986px;
    /*border-radius: 200px 0px 0px 200px;*/
	border-radius: 0px 0px 0px 0px;
	overflow:hidden;
    height: 100%;
}
.video-container-right{
     object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* z-index: -1; */
    margin: auto;
    display: block;
    width: 986px;
    /*border-radius: 200px 0px 0px 200px;*/
	border-radius: 0px 75px 75px 0px;
	overflow:hidden;
    height: 100%;
}
.video-container-total{    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* z-index: -1; */
    margin: auto;
    display: block;
    width:2959px;
   /* border-radius: 200px 200px 200px 200px;*/
	border-radius: 75px 75px 75px 75px;
	overflow:hidden;
    height: 100%;}  
	
iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  
  height: 100vh;
  width:100vw;
  
  transform: translate(-50%, -50%);
  border-radius: 75px 0px 0px 75px;
}
/*experimentos*/
/*flipcard*/
.flip-card {

    width: 550px;
    height: 550px;
    border-radius: 100%;
     background-color: transparent;
  perspective: 1000px;
}

.flip-card-inner { 
position: relative !important;
width: 550px;
    height: 550px;
    border-radius: 100%;
    background-color:transparent;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute !important;
width: 550px;
    height: 550px;
    border-radius: 100%;
    padding: 20px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
background-color: #6ec6d8;
  color: black;
  display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.flip-card-back {
background-color: #f2df77;
  color: white;
  display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
  transform: rotateY(180deg);
}
.flip-card-back .texttopo {font-size: 74px;
    font-weight: 900;
    line-height: 1;}
.flip-card-back	.textpeq-topo {
    font-size: 67px;
    font-weight: 500;
    margin: 0px 0;
}
.flip-card-back img {max-width:155px !important;}
.topoamarillo .flip-card-front {
background-color: #f2df77;
  color: black;
  display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.topoamarillo .flip-card-back {
background-color: #6ec6d8;
  color: white;
  display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
  transform: rotateY(180deg);
}
/*flipcard*/
.carpeta,.carpeta-2,.carpeta-3 {overflow:hidden; }
.carpeta-2{
	background-image:url(img/people-bg-piso2-b.png); background-repeat:no-repeat; background-position:center; background-size:cover;
}
.carpeta-2.bgcultura1{
	background-image:url(img/portada-bg-fondo-oscuro.png)!important; background-repeat:no-repeat; background-position:center; background-size:contain;
}
.carpeta-2.bgcultura2{
	background-image:url(img/libros-bg.png)!important; background-repeat:no-repeat; background-position:center; background-size:cover;
}
.carpeta-2.bgcultura4{
    background-image:url(img/betsolaris_new.png)!important; background-repeat:no-repeat; background-position:center; background-size:contain;
}
.carpeta-2.bgcultura5{
	background-image:url(img/video-games-bg.jpg)!important; background-repeat:no-repeat; background-position:center; background-size:cover;
}
.carpeta-2.bgsanidad1{
    background-image:url(img/people-bg-piso2.png)!important; background-repeat:no-repeat; background-position:center; background-size:cover;
}
.carpeta-2.bgp3{
	background-image:url(img/people-14b.png); background-repeat:no-repeat; background-position:center; background-size:unset;
}
.carpeta-2.nobgimg,.carpeta-3.nobgimg{
	background-image: none!important;
}
.carpeta-3{
	background-image:url(img/people-bg-piso2.png); background-repeat:no-repeat; background-position:center; background-size:cover;
}
.carpeta-2::before, .carpeta-3::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.1);
      z-index: 1;
}

.carpeta-2.bg-img-carpeta::before{
	background-color: rgba(0, 0, 0, 0.7);
}

.carpeta-2.bgcultura4::before,.background-color-transparent::before{
	background-color: transparent!important;
}

.carpeta-2.bgcultura2::before{
	background-color: rgba(10, 10, 10, 0.1);
}
.carpeta-2.bgcultura5::before{
	background-color: rgba(10, 10, 10, 0.6);
}
.carpeta-3::before,.my-bg-graficas-barras::before {background-color: rgba(10, 10, 10, 0.7)!important;}

.carpeta-full-columnas::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

.bg-familia1{
	background-image:url(img/people-bg-piso2.png)!important;
}

.bg-familia-resto{
	background-image:url(img/people-bg-piso2-b.png)!important;
}

.bg-sin-fondo{
	background-image: none!important;
}

.centercol .butones, .centercol .butonesactive {text-transform:uppercase;}
.relativa{position:relative;}
.slider1 {display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;}

.cuerpo {
	background-color:#c6c5c7;
	width:3840px; height:2160px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}

	
	
	.col1_cuerpo {width:809px; height:2160px;}
	.col2_cuerpo {width:3031px; height:2160px;}
	
	.tripa_tele {overflow:hidden;position:relative; margin-top:73px; width:2959px;height:1881px; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; border-radius:75px; background-color:transparent;
	/*cursor: url(img/mouse.png), pointer !important;*/}
	.peu_col2 {background-color:#c6c5c7; height:207px; width:100%;}
	.int_bloc1 {height:560px; position:relative;}
	.casatop{position:absolute; top:123px; left:308px;}
	.ranurastop{position:absolute; top:386px; left:234px;}
	.int_bloc2 {height:1347px; padding-left:64px;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;}
	.fila{
		height:144px;
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;}
	.luzgrande {width:115px; height:115px; opacity:.6; transition: 0.3s;}
	/*.luzgrande:hover, .luzgrande:focus {opacity:.8;}*/
	.luzgrande2{opacity:.8!important;}
	a:-webkit-any-link  {	text-decoration:none !important;}
	.bot_int{

		background-image:url(img/int-btn-bkg.png); background-position:top left; background-size:cover; background-repeat:no-repeat; width:458px; height:117px; margin-left:33px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; 
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	 transition: 0.3s;
	}
	.bot_int.active {background-image:url(img/active-int-btn-bkg.png); background-position:top left; background-size:cover; background-repeat:no-repeat;}
	.bot_int span {font-weight:500;		padding-left:42px; font-size:40px; color:black !important; text-decoration:none !important;}
	.separador{margin-left:30px;margin-right:-30px;}
	.int_bloc3 {height:251px;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
    align-items: flex-start;
	align-content: center;}
	.fila_bloc3 {
		margin-left:93px;
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;}
	.luzpeque {width:75px; height:75px; opacity:.6;  transition: 0.3s;}
	.luzpeque:hover, .luzpeque:focus {opacity:.8;}
	.bot-cred{

		background-image:url(img/bot-cred.png); background-position:top left; background-size:cover; background-repeat:no-repeat; width:216px; height:75px; margin-left:50px; margin-right:35px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; 
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	 transition: 0.3s;
	}
	.bot-cred:hover, .bot-cred:focus {background-image:url(img/active-bot-cred.png); background-position:top left; background-size:cover; background-repeat:no-repeat;}
	.bot-cred span {padding-left:37px; font-size:32px; color:black !important; text-decoration:none !important; font-weight:700;}
	
	.bot-cred.active {height:57px;background-size: contain;background-image:url(img/active-int-btn-bkg.png); background-position:top left; background-size:cover; background-repeat:no-repeat;}
	
	.fila2_bloc3{
		margin-top: 10px;
		margin-left:200px;
		width: 460px;
		height:150px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		align-content: space-between;}
	.idiomas {font-size:28px; color:black; font-weight:300;}
	.idiomas > .bloque {width: 76px; margin: 10px; line-height: 40px; height: 40px; text-align:center; border: 1px dotted #000;}
	.idiomas.activo {font-weight:700; color:black;}
	.idiomas.activo > .bloque { border: 1px solid #000;}
	.peu_col2 {display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;}
	.leftcol {display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;}
	.centercol{display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;}
	.rightcol{min-width:563px;
		padding-right:60px;
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-end;}
	.butones {font-weight:700;font-size:32px; color:black; text-decoration:none !important; padding:15px; border:4px solid black; background-color:white; margin-right:12px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; min-width:44px;    text-align: center !important;	}
	.butonesactive{background-color:#6ec7d9;font-weight:700;font-size:32px; color:black; text-decoration:none !important; padding:15px; border:4px solid black; margin-right:12px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;  min-width:44px;    text-align: center !important;}
	.ranurilla{margin-left:52px;}.ranurillab{margin-right:52px;}
	
/*PANTALLAS*/
	.pantallas { position:relative; width:2959px;height:1881px;  border-radius:75px; background-color:transparent; }

/*intro*/
#intro {
	height:1881px; width:2959px; border-radius:75px;

	background-color:white;
overflow: hidden;} 
.scrolling-image {
  	background-image: url(img/stampa.jpg);
    background-repeat: repeat-x !important;
   /* background-position: center;
    background-size: cover;*/
  height: 100%;
  width: 8892px;
   animation: slide 120s linear infinite;
}
@keyframes slide {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(-5892px); /* The image width */
  }
}
	
#intro .absolute-center{border:0px !important;position:absolute;   top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:200;}
.intro {
	background: white;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;background-image:url(img/intro.png); background-position:center; background-repeat:no-repeat; background-size:100%; width:1646px; height:825px; position:relative;
	}
	.intro span {
		color: black;
    font-size: 144px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: .9;
    position: static;
    top: 50%;
    left: 50%;
    /* transform: translate(-50%, -50%); */
    max-width: 1183px;
    margin: -69px auto 0px;
	background-image:url(img/vasca.png); background-position: 616px 333px; background-repeat:no-repeat; background-size:auto;}
  .intro span::first-letter {text-transform: none;
    font-size: 212px;
    font-weight: 500;}

  .my-intro{
  	background: none!important;
  	background-image: none!important;
  }

	
/*intro*/

/* vascohablantes general */
.mouth-icon {
    position: absolute;
    top: 348px;
    left: 475px !important;
    width: 210px;
}
/* // vascohablantes general */
	
/*#vascohablantes1*/
	#vascohablantes1 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;}
	#vascohablantes1 .coleft {position:relative; box-shadow: rgb(0 0 0 / 65%) 0px -1800px 1560px -280px inset; height:1881px; width:1411px; border-radius:75px 0px 0px 75px; background-image:url(img/Imagenhombre.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
	#vascohablantes1 .colright {position:relative; box-shadow: rgb(0 0 0 / 65%) 0px -1800px 1560px -280px inset; height:1881px; width:1512px; border-radius:0px 75px 75px 0px; background-image:url(img/adolescente-con-el-fondo-negro-81410109.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
	.rightcol-map{position:absolute; top:719px;left:306px;z-index: 2; animation: float 6s ease-in-out infinite;}
	.leftcol-map{position:absolute; top:686px; left:69px;z-index: 2;  animation: float 6s ease-in-out infinite; opacity:1;}
	.leftcol-map.mareox{position:absolute; top:686px; left:69px;z-index: 1;  animation: mareox 10s ease-in-out infinite; opacity:.4;}
	.rightcol-map.mareox{position:absolute; top:719px;left:306px;z-index: 1; animation: mareox 6s ease-in-out infinite;opacity:.4;}
	.coleft .vasco-flex{position:absolute; top:1370px; left:390px;}
	.coleft .titgros {position:absolute; z-index:75; top:1212px; left:69px; font-size:113px; font-weight:900; color:white;text-shadow: 0px 11px 10px rgb(0 0 0 / 40%);}
	.coleft .textpet {position:absolute; z-index:75; top:1702px; left:390px; font-size:34px; font-weight:300; color:white;}
	.piso-a{color:black;
		position:absolute; top:1508px; left:390px;
		background-image:url(img/piso-a.png); background-position:center center; background-repeat:no-repeat; background-size:100%; width:130px; height:150px; font-size:56px; font-weight:700;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
	.colright .vasco-flex{position:absolute; top:1370px; left:390px;}
	.piso-b{color:black !important;
		position:absolute; top:1508px; left:390px;
		background-image:url(img/hexa_rojo.png); background-position:center center; background-repeat:no-repeat; background-size:100%; width:130px; height:150px; font-size:56px; font-weight:700;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
	.colright .titgros {position:absolute; z-index:5; top:990px; left:281px; font-size:113px; font-weight:900; color:white; line-height:113px;text-shadow: 0px 11px 10px rgb(0 0 0 / 40%);}
	.colright .textpet {position:absolute; z-index:5; top:1702px; left:390px; font-size:34px; font-weight:300; color:white;}
	#vascohablantes1 .ponter{position:absolute; z-index:100; right:250px; bottom:76px;}
/*#vascohablantes1*/


/*#vascohablantes2*/
#vascohablantes2 {position:relative; box-shadow: rgb(0 0 0 / 65%) 0px -1800px 1560px -280px inset; height:1881px; width:2959px; border-radius:75px; background-image:url(img/hombrecompleta.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;overflow: hidden;}
#vascohablantes2 .piso-a{
		position:absolute; top:131px; left:165px;
		background-image:url(img/piso-a.png); background-position:center center; background-repeat:no-repeat; background-size:auto; width:130px; height:150px; font-size:56px; font-weight:700;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;z-index: 1}
	#vascohablantes2 .titgros {position:absolute; z-index:75; top:293px; left:165px; font-size:113px; font-weight:900; color:white; line-height:113px;}
	.topoazul {position:absolute; top: 167px; right: 461px; width:550px; height:550px; border-radius:100%;z-index:5;/*padding:20px; *//*background-color:#6ec6d8;*//*display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	*/
	}
	.texttopo{    font-size: 38px;
    font-weight: 900;
    line-height: 1;
    max-width: 552px;}
    .my-texttopo{
    	margin-top: -25px;
    	font-family: 'NeutraText' !important;
    	font-size: 90px !important;
    }
	.textpeq-topo{font-size:47px; font-weight:500;margin:20px 0;}
	.bocaoreja {max-width:196px;}
	.porcentaje-topo{position:absolute; top: 568px; right: 402px; width:245px; height:282px;  background-image:url(img/porcentaje-topo.png); background-position:center center; background-repeat:no-repeat; background-size:auto;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	z-index:10;
	color:white;
	font-weight:800;
	font-size:65px;}
	.my-porcentaje-topo{
		font-family: 'NeutraText' !important;
    	font-size: 60px !important;
	} 
	.topoblanco{position:absolute; top: 846px;
    right: 235px; width:245px; height:282px;  background-image:url(img/hex_negro_borde_blanco.png)!important; background-position:center center; background-repeat:no-repeat; background-size:100%!important;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	z-index:10;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
	.topoblanco span {color:#fff;
	font-weight:800;
	font-size:22px; margin-bottom:10px;}
	.topoblanco img {margin-bottom:10px; margin-left:-20px;}
	.flechagrande{
	    position:absolute;
	    top: 951px;
	    right: 616px;
	    z-index: 10;
	}
	.total{z-index:20;
		position:absolute;
		top: 778px;
    left: 776px;
		display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
	.my-total-home{
		left:310px;
	}
	.my-total-home .pretit {
		text-align: left;
		font-family: 'NeutraText' !important;
    	font-size: 70px !important;
    	margin-bottom: -140px;
	}
	.pretit{color:white;font-weight:900; font-size:65px; margin:0 0 -30px 0;min-width:1300px; text-align:center;  text-shadow: 0px 11px 10px rgb(0 0 0 / 40%);}
	.supertotal{color:white;font-weight:900; font-size:260px; min-width:1300px; text-align:center;}
	.my-supertotal{
		text-align: left;
		font-family: 'NeutraText' !important;
    	font-size: 400px !important;
    	text-shadow: none!important;
	}
	.botonpiso{width:97px; height:112px;  background-image:url(img/boton-piso.png); background-position:center center; background-repeat:no-repeat; background-size:contain;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center; font-size:40px; font-weight:700;margin-left:52px;}
	#vascohablantes2 .particulas {z-index:2; position:absolute; top:-30px; left:40px; animation: float 6s ease-in-out infinite;}
	#vascohablantes2 .particulas.mareox {z-index:1; position:absolute; top:-30px; left:40px; animation: mareox 6s ease-in-out infinite; opacity:.4;}
	#suma{display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    color: white !important;
    background-color: #e17029;
    width: 94%;
    /*margin-left: -74px;*/}
	#suma .texttopo {
    font-size: 83px;
    font-weight: 900;
    line-height: 1;}
	#suma .textpeq-topo {
    font-size: 110px;
    font-weight: 500;
    margin: 0px 0;
	}
	#suma .bocaoreja {
    max-width: 121px;
	}
/*#vascohablantes2*/


/*#vascohablantes3*/
#vascohablantes3 {position:relative; box-shadow: rgba(0, 0, 0, 0.65) 0px -2000px 560px -280px inset; height:1881px; width:2959px; border-radius:75px; background-image:url(img/chicacompleta.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.titgros-v3-1 {color:white; text-transform:uppercase; font-weight:900; font-size:112px; position:absolute; top:182px; left:246px; line-height:1;z-index:100;}
.flecha-v3-1 {position:absolute;top:326px; left:347px;}
.titgros-v3-2 {line-height:1;text-shadow: 0px 11px 10px rgb(0 0 0 / 40%);color:white; text-transform:uppercase; font-weight:900; font-size:112px; position:absolute; top:282px; right:418px;z-index:100;}
.flecha-v3-2 {position:absolute;top:429px; right:1449px;}
.titgros-v3-3 {text-shadow: 0px 11px 10px rgb(0 0 0 / 40%);color:white; text-transform:uppercase; font-weight:900; font-size:112px; position:absolute; bottom:450px; left:152px; line-height:1;z-index:100;}
.flecha-v3-3 {position:absolute;bottom: 355px;left: 139px;}
.titgros-v3-4 {text-shadow: 0px 11px 10px rgb(0 0 0 / 40%);color:white; text-transform:uppercase; font-weight:900; font-size:112px; position:absolute; bottom:385px; right:566px; line-height:1;z-index:100;}
.flecha-v3-4 {position:absolute;bottom: 281px;right: 1052px;}
.diaspora-p{z-index:2;position:absolute; top:0; left:0; animation: float 6s ease-in-out infinite;}
.diaspora-p.mareox{z-index:1;position:absolute; top:0; left:0; animation: mareox 6s ease-in-out infinite;opacity:.4;}
.norte-p {z-index:2;position:absolute; top: 143px;right: 452px; animation: float 6s ease-in-out infinite;}
.norte-p.mareox {z-index:1;position:absolute; top: 143px;right: 452px; animation: mareox 6s ease-in-out infinite;opacity:.4;}
.euskadi-p{z-index:2;position:absolute; bottom:0px; left:177px; animation: float 6s ease-in-out infinite;}
.euskadi-p.mareox{z-index:1;position:absolute; bottom:0px; left:177px; animation: mareox 6s ease-in-out infinite;opacity:.4;}
.navarra-p {z-index:2;position:absolute; bottom:0; right:0;animation: float 6s ease-in-out infinite;}
.navarra-p.mareox {z-index:1;position:absolute; bottom:0; right:0;animation: mareox 6s ease-in-out infinite;opacity:.4;}
#vascohablantes3 .ponter{position:absolute; z-index:100; left:442px; bottom:148px;}
/*#vascohablantes3*/

/*#vascohablantes4*/
#vascohablantes4 {position:relative; box-shadow: rgba(0, 0, 0, 0.65) 0px -2000px 560px -280px inset; height:1881px; width:2959px; border-radius:75px; background-color:black; }
#vascohablantes4 .piso-a{color:black;
		position:absolute; top:135px; left:165px;
		background-image:url(img/piso-a.png); background-position:center center; background-repeat:no-repeat; background-size:contain; width:100px; height:113px; font-size:43px; font-weight:700;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
	.infotit {position:absolute; top:315px; left:110px;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	/*align-items: center;*/
	align-content: center;
	max-width: 600px;}
	.evolucion{font-weight:300; font-size:90px; text-transform:uppercase;color:#69c9ca;margin:35px auto;}
	.evolve{font-weight:900; font-size:56px; text-transform:uppercase;color:white;margin:0px auto 70px; line-height:1; text-align:center;}
	.poblacion {margin:17px auto;display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	width:100%;
	}
	.edades{color:white;text-align:left; text-transform:uppercase; font-weight:300; font-size:33px;width:170px;}
	.periodo{color:white;text-align:right; text-transform:uppercase; font-weight:300; font-size:43px;}
	.carpeta{width:1987px; height:1710px;position:absolute;top:80px;right:130px;z-index:1;background-color:#e9efb6; border-radius:50px;}
	.carpeta-2{width:2480px; height:1710px;position:absolute;top:80px;right:130px;z-index:1;background-color:#e9efb6; border-radius:50px;}
	.pinza{position:absolute;z-index:10;top:-90px; left:0; right:0; margin:auto; display:none !important;}
	.titliders{text-align:center;width:100%;position:absolute;z-index:10;top:194px; left:0; right:0; margin:auto; font-size:99px; color:black; font-weight:900; text-transform:uppercase;}
	.sliders {position:relative; width:100%; height:100%; background-color:transparent;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
	.avanzar{position:absolute;right:144px; bottom:29px; z-index:10;}
	.volver{position:absolute;left:144px; bottom:29px; z-index:10;}
	.pagination{width:175px; display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	position:absolute; z-index:10;bottom:76px; left:0; right:0; margin:auto;}
	.decor {position:absolute;left:354px;bottom:468px;}
/*#vascohablantes4*/


/*#vascohablantes5*/
#vascohablantes5 {position:relative; box-shadow: rgba(0, 0, 0, 0.65) 0px -2000px 560px -280px inset; height:1881px; width:2959px; border-radius:75px; background-image:url(img/chicacompleta.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
	.topoblanco-prov{position:absolute;     top: 1117px;
    right: 402px; width:245px; height:282px;  background-image:url(img/topoblanco.png); background-position:center center; background-repeat:no-repeat; background-size:auto;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	z-index:10;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
	.topoblanco-prov span {color:black;
	font-weight:800;
	font-size:22px; margin-bottom:10px; text-transform:uppercase;}
	.topoblanco-prov img {margin-bottom:10px; margin:0;}
	.subtit{color:white; font-size:52px; font-weight:300; display:block;}
	.euskadi-terr {position:absolute; z-index:2; top:605px; left:744px;  animation: float 6s ease-in-out infinite;   }
	.euskadi-terr.mareox {position:absolute; z-index:1; top:605px; left:744px;  animation: mareox 6s ease-in-out infinite; opacity:.4;  }
/*#vascohablantes5*/



/*#vascohablantes6*/
#vascohablantes6 {position:relative;  height:1881px; width:2959px; border-radius:75px;
}
#vascohablantes6 .ponter {
    position: absolute;
    z-index: 100;
    left: 442px;
    bottom: 366px;
}
.sombra {position:absolute; display:block;
margin:0px;
padding:0px;
height:100%; width:100%;
box-shadow:rgb(0, 0, 0, 0.85) 50px 50px 200px 20px inset;
background:none;
z-index:100 !important;
pointer-events:none;
border-radius:75px;}
.titgros-v3-1-mini {color:white; text-transform:uppercase; font-weight:900; font-size:40px; position:absolute; bottom:172px; left:100px; line-height:1;z-index:1000;}
.titgros-v3-1-mini .subtit{color:white; font-size:40px; font-weight:300; display:block;z-index:100;}
.provincias {display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;}
	.prov-center, .prov-right, .prov-left {height:100%; position:relative !important;}
	.prov-left{width:986px; background-image:url(img/bizcaya-foto.png); background-repeat:no-repeat; background-position:-921px; background-size:auto;border-radius:75px 0px 0px 75px;/*box-shadow: rgb(0, 0, 0, 0.85) 50px 50px 300px 50px inset;*/
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-content: space-between;}
	.prov-center{width:987px; background-image:url(img/alava-foto.png); background-repeat:no-repeat; background-position:-1000px; background-size:auto;
	/*box-shadow: rgb(0 0 0 / 85%) 0px 50px 300px -50px inset;*/
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-content: space-between;}
	.prov-right{width:986px; background-image:url(img/gipuzcoa-foto.png); background-repeat:no-repeat; background-position:-28px; background-size:auto;border-radius:0px 75px 75px 0px;/*box-shadow: rgb(0, 0, 0, 0.85) -50px 50px 300px 50px inset;*/
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-content: space-between;}
	.titu-prov{font-weight:500; font-size:171px; color:white;margin:116px auto;z-index: 1006; text-align:left; text-transform:uppercase;
		margin-top: 810px;
		font-family: 'NeutraText' !important;
    	font-size: 85px !important;
	    margin-left: 195px;
    	margin-bottom: -85px;
	}
	.datos{position:relative; width:100%; height:50%;z-index: 1000;}
	.mapa-prov-left, .mapa-prov-center, .mapa-prov-right{z-index:2;position: absolute;
    top: -141px;
    left: 94px; animation: float 6s ease-in-out infinite;}
	.mapa-prov-left.mareox, .mapa-prov-center.mareox, .mapa-prov-right.mareox{z-index:1;position: absolute;
    top: -141px;
    left: 94px; animation: mareox 6s ease-in-out infinite; opacity:.4;}
	.computo {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;font-weight:900; font-size:171px; color:white; text-align:center; text-shadow: 0px 11px 10px rgb(0 0 0 / 40%);}
	.my-computo{
		font-family: 'NeutraText' !important;
    	font-size: 215px !important;
	}
	.pie-prov{width: 300px;position:absolute; right:0; bottom:0;text-align:right !important;padding-right:55px; margin-bottom:61px;font-weight:200; font-size:24px; color:white;z-index: 1000;}
	.ultimo{padding-right:134px !important;}
	.flechaprovincias{position:absolute; left:125px; top:225px;z-index:500;}
/*#vascohablantes6*/


/*#vascohablantes7*/
.novascof{background-image:url(img/Navarra_No_Vascofona_2.jpeg); background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:75px}
.vascof{background-image:url(img/Navarra_Vascofona_1.jpeg); background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:75px}
.zuberoa{background-image:url(img/fotografia-hendaya-1.jpeg); background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:75px}
.lapurdi{background-image:url(img/bajanavarra2.jpeg); background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:75px;}
#vascohablantes7{position:relative;  height:1881px; width:2959px; border-radius:75px;}
#vascohablantes7 .bizcaya{/*background-image:url(img/bizcaya-foto.png); background-repeat:no-repeat; background-position:-921px; background-size:auto;*/ border-radius:75px;}
.alava{background-image:url(img/alava-foto.png); background-repeat:no-repeat; background-position:-921px; background-size:auto; border-radius:75px;}
.gipuzcoa{background-image:url(img/gipuzcoa-foto.png); background-repeat:no-repeat; background-position:-921px; background-size:auto; border-radius:75px;}
.sombra {position:absolute; display:block;
margin:0px;
padding:0px;
height:100%; width:100%;
box-shadow:rgb(0, 0, 0, 0.85) 50px 50px 200px 20px inset;
background:none;
z-index:1 !important;
pointer-events:none;
border-radius:75px;}
#vascohablantes7 .flechagrande{
    position:absolute;
    top: 942px;
    right: 757px;
    z-index: 10;
}
#vascohablantes7 .topoblanco{position:absolute; top: 846px;
    right: 458px; width:245px; height:282px;  background-image:url(img/topoblanco.png); background-position:center center; background-repeat:no-repeat; background-size:auto;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	z-index:10;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
	.titsecion{position:absolute; top:120px; text-align:center; left:0; right:0; margin:auto; z-index:100;}
	.my-titsecion{top:285px!important;text-align: left;width:2345px;}
	.my-titsecion .titu-prov{
		margin-left: 0px!important;
	}
	#vascohablantes7 .topoamarillo {position:absolute; top: 167px; right: 318px; width:550px; height:550px; border-radius:100%; 
	z-index:5;/*padding:20pxbackground-color:#6ec6d8;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;*/;
	}
	#vascohablantes7 .porcentaje-topo{position:absolute; top: 568px; right: 242px; width:245px; height:282px;  background-image:url(img/porcentaje-topo.png); background-position:center center; background-repeat:no-repeat; background-size:auto;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	z-index:10;
	color:white;
	font-weight:800;
	font-size:65px;}
	.pie-foto {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
	#vascohablantes7 .particulas {
    z-index: 2;
    /* width: 100%; */
    /* height: 100%; */
    position: absolute;
    top: 40%;
    left: 30%;
    right: 0;
    bottom: 0;
    margin: auto;
	animation: float 6s ease-in-out infinite;
}
	#vascohablantes7 .particulas.mareox {
    z-index: 1;
    /* width: 100%; */
    /* height: 100%; */
    position: absolute;
    top: 40%;
    left: 30%;
    right: 0;
    bottom: 0;
    margin: auto;
	animation: mareox 6s ease-in-out infinite;
	opacity:.4;
	}
	
/*#vascohablantes7*/



/*#vascohablantes-1b*/
#vascohablantes-1b {position:relative; box-shadow: rgb(0 0 0 / 65%) 0px -1800px 1560px -280px inset; height:1881px; width:2959px; border-radius:75px; background-image:url(img/hombrecompleta.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
#vascohablantes-1b .piso-b{
		position:absolute; top:90px; left:180px;
		background-image:url(img/hexa_rojo.png); background-position:center center; background-repeat:no-repeat; background-size:100%; width:130px; height:150px; font-size:42px; font-weight:700;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	color:black;}
	
	#vascohablantes-1b .titgros-v3-1 {top:251px; left:180px;} 
		.topoamarillo {position:absolute; top: 167px; right: 461px; width:550px; height:550px; border-radius:100%; /*padding:20px;background-color:#f2df77;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;*/
	z-index:5;
	}
	.destacada{width:795px; position:absolute; bottom:200px; left:180px;font-size:58px; line-height:1; font-weight:700; color: white;}
	
/*#vascohablantes-1b*/


/*#vascohablantes-2b*/
#vascohablantes-2b {position:relative; box-shadow: rgb(0 0 0 / 65%) 0px -1800px 1560px -280px inset; height:1881px; width:2959px; border-radius:75px; background-color:black;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-end;
	padding-bottom:190px;}
#vascohablantes-2b .titgros-v3-1-mini {color:white; text-transform:uppercase; font-weight:900; font-size:67px; position:absolute; top:300px; left:162px; line-height:1;z-index:1000;}
#vascohablantes-2b .titgros-v3-1-mini .subtit{color:white; font-size:67px; font-weight:300; display:block;z-index:100;}
#vascohablantes-2b .piso-b{
		position:absolute; top:65px; left:162px;
		background-image:url(img/hexa_rojo.png); background-position:center center; background-repeat:no-repeat; background-size:100%; width:97px; height:112px; font-size:42px; font-weight:700;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	color:black;}
	
	#vascohablantes-2b 	.topoblanco{position:absolute; top: 680px;
    right: 198px; }
	.rombo-solid { width:347px; height:400px; background-image:url(img/rombo-solid.png); background-size:contain; background-repeat:no-repeat; background-position:center;
	position:absolute; top:329px; right:278px;
		
		display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	}
	.rombo-solid span {font-size:45px; color:black; line-height:1; text-align:center; text-transform:uppercase; font-weight:900; padding:20px;}
	.rombo-stroke { width:347px; height:400px; background-image:url(img/rombo-stroke.png); background-size:contain; background-repeat:no-repeat; background-position:center;
	position:absolute; top:329px; right:649px;
		
display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	}
	.rombo-stroke span {font-size:42px; color:#d1bb47; line-height:1; text-align:left; text-transform:uppercase; font-weight:900; padding:30px;}
	.titu-rombos {width:530px; font-weight:900; color:white; font-size:56px; line-height:1; text-align:left; text-transform:uppercase; position:absolute; top:158px; left:2002px;}
	
	.grafica-4col {width:2059px; max-height:1088px;  min-height:1088px; display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;}
	.column {min-height:1088px; max-height:1088px;  height:100%; width:468px; max-width:468px !important; display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-end;}
	.textos-grafica {min-height:240px; max-width:468px !important; font-size:42px; color:white; line-height:1; text-align:left; text-transform:none; font-weight:700; margin-top:56px;}
	.groc {background-color:#d1bb47; } 
	.blau {background-color:#757bba; } 
	.verd {background-color:#579290; } 
	.teula {background-color:#f08157; } 
	.color{display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-end;
	width:100%;
	}
	.color span {font-size:117px; color:black; line-height:1; text-align:center; text-transform:none; font-weight:700; margin-bottom:70px}

/*#vascohablantes-2b*/



/*#vascohablantes-3b*/
#vascohablantes-3b {position:relative; box-shadow: rgb(0 0 0 / 65%) 0px -1800px 1560px -280px inset; height:1881px; width:2959px; border-radius:75px; background-color:black;}
#vascohablantes-3b .piso-b{
		position:absolute; top:68px; left:165px;
		background-image:url(img/hexa_rojo.png); background-position:center center; background-repeat:no-repeat; background-size:100%; width:97px; height:112px; font-size:42px; font-weight:700;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	color:black;}
	#vascohablantes-3b .carpeta {background-color:white;}
	#vascohablantes-3b .rombo-stroke {
		position: static;
    margin-bottom: 34px !important;
    margin: 0 auto;} 
	#vascohablantes-3b .infotit {top:231px; max-width:554px;}
	.fecha{font-size:32px; color:white; line-height:1; text-align:left !important; text-transform:none; font-weight:700; margin-top:52px;}
	.textito{font-size:32px; color:white; line-height:1; text-align:left !important; text-transform:uppercase; font-weight:300; margin-top:21px;}
	#vascohablantes-3b .titliders {
    text-align: left;
    width: 100%;
    position: absolute;
    z-index: 10;
    top: 81px;
    left: 30%;
        font-size: 60px;
		line-height:1;
    color: black;
    font-weight: 900;
    text-transform: uppercase;
}
.return {position:absolute; bottom:111px; left:129px;}
#vascohablantes-3b .evolve {
    font-weight: 900;
    font-size: 56px;
    text-transform: uppercase;
    color: white;
    margin: 0px auto 34px;
    line-height: 1;
    text-align: center;
}
#vascohablantes-3b .evolucion {
    font-weight: 300;
    font-size: 90px;
    text-transform: uppercase;
    color: var(--my-color-naranja-fuerte);
    margin: 32px auto;
}
	#vascohablantes-3b .edades, #vascohablantes-3b .periodo {width:48%;}
	.titgrafedad {position:absolute; bottom:300px; left:0; right:0; margin:auto; font-weight:700; font-size:42px; width:200px; text-align:center;}
	.carpetaponter{position: absolute;
    bottom: 190px;
    right: 542px;
    z-index: 1000;}
/*#vascohablantes-3b*/



/*#vascohablantes-4b*/
#vascohablantes-4b {position:relative; box-shadow: rgb(0 0 0 / 65%) 0px -1800px 1560px -280px inset; height:1881px; width:2959px; border-radius:75px; background-color:black;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-end;
	padding-bottom:190px;}
#vascohablantes-4b .titgros-v3-1-mini {color:white; text-transform:uppercase; font-weight:900; font-size:67px; position:absolute; top:224px; left:162px; line-height:1;z-index:1000;}
#vascohablantes-4b .titgros-v3-1-mini .subtit{color:white; font-size:67px; font-weight:300; display:block;z-index:100;}
#vascohablantes-4b .piso-b{
		position:absolute; top:65px; left:162px;
		background-image:url(img/hexa_rojo.png); background-position:center center; background-repeat:no-repeat; background-size:100%; width:97px; height:112px; font-size:42px; font-weight:700;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	color:black;}
	.rombo-stroke2 { width:347px; height:400px; background-image:url(img/rombo-stroke.png); background-size:contain; background-repeat:no-repeat; background-position:center;
	position:absolute; top:329px; right:278px;
		
		display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	}
	#vascohablantes-4b .rombo-stroke span {
	word-break: break-word;
	}
	#vascohablantes-4b .grafica-3col {width:1797px; max-height:1088px;  min-height:1088px; display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	/*align-items: center;*/
	align-content: space-between;}
	#vascohablantes-4b .column {min-height:100%; max-height:100%;  height:100%; width:541px; max-width:541px !important; display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-end;}
	.textos-verd {width: 100%; min-height:240px; max-width:541px !important; font-size:85px; color:#579290; line-height:1; text-align:left; text-transform:none; font-weight:700; margin-top:56px;}
	.textos-blau {width: 100%; min-height:240px; max-width:541px !important; font-size:85px; color:#59c4e8; line-height:1; text-align:left; text-transform:none; font-weight:700; margin-top:56px;}
	.textos-teula {width: 100%; min-height:240px; max-width:541px !important; font-size:85px; color:#f08157; line-height:1; text-align:left; text-transform:none; font-weight:700; margin-top:56px;}
	.groc {background-color:#d1bb47; } 
	#vascohablantes-4b .blau {background-color:#59c4e8; } 
	.verd {background-color:#579290; } 
	.teula {background-color:#f08157; } 
	#vascohablantes-4b .color{display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-end;
	width:100%;
	}
	#vascohablantes-4b .color span {
    font-size: 136px;
    color: black;
    line-height: 1;
    text-align: center;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 70px;
	}
/*#vascohablantes-4b*/


/*#vascohablantes-5b*/
#vascohablantes-5b {position:relative; box-shadow: rgb(0 0 0 / 65%) 0px -1800px 1560px -280px inset; height:1881px; width:2959px; border-radius:75px; background-color:black;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-end;
	padding-bottom:190px;}
#vascohablantes-5b .titgros-v3-1-mini {color:white; text-transform:uppercase; font-weight:900; font-size:67px; position:absolute; top:224px; left:162px; line-height:1;z-index:1000;}
#vascohablantes-5b .titgros-v3-1-mini .subtit{color:white; font-size:67px; font-weight:300; display:block;z-index:100;}
#vascohablantes-5b .piso-b{
		position:absolute; top:65px; left:162px;
		background-image:url(img/hexa_rojo.png); background-position:center center; background-repeat:no-repeat; background-size:100%; width:97px; height:112px; font-size:42px; font-weight:700;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	color:black;}
	#vascohablantes-5b .grafica-3col {width:1797px; max-height:1288px;  min-height:1288px; display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	/*align-items: center;*/
	align-content: space-between;
	margin-right:590px;}
	#vascohablantes-5b .column {min-height:100%; max-height:100%;  height:100%; width:557px; max-width:557px !important; display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-end;}
	#vascohablantes-5b .textos-verd {width: 100%; min-height:240px; max-width:541px !important; font-size:55px; color:#579290; line-height:1; text-align:left; text-transform:none; font-weight:700; margin-top:25px;}
	#vascohablantes-5b .textos-blau {width: 100%; min-height:240px; max-width:541px !important; font-size:55px; color:#59c4e8; line-height:1; text-align:left; text-transform:none; font-weight:700; margin-top:25px;}
	#vascohablantes-5b .textos-teula {width: 100%; min-height:240px; max-width:541px !important; font-size:55px; color:#f08157; line-height:1; text-align:left; text-transform:none; font-weight:700; margin-top:25px;}
	#vascohablantes-5b .textos-groc {width: 100%; min-height:240px; max-width:541px !important; font-size:55px; color:#d1bb47; line-height:1; text-align:left; text-transform:none; font-weight:700; margin-top:25px;}
	#vascohablantes-5b .groc {background-color:#d1bb47; } 
	#vascohablantes-5b .blau {background-color:#59c4e8; } 
	#vascohablantes-5b .verd {background-color:#579290; } 
	.teula {background-color:#f08157; } 
	#vascohablantes-5b .color{display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-end;
	width:100%;
	}
	#vascohablantes-5b .color span {
    font-size: 136px;
    color: black;
    line-height: 1;
    text-align: center;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 52px;
	}
	.fuera-chart{    font-size: 136px;
    color: white;
    line-height: 1;
    text-align: center;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 52px;}
	#vascohablantes-5b .rombo-stroke { width:347px; height:400px; background-image:url(img/rombo-stroke.png); background-size:contain; background-repeat:no-repeat; background-position:center;
	position:absolute; top:329px; right:371px;
		
display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	}
	#vascohablantes-5b .titu-rombos {width:530px; font-weight:900; color:white; font-size:56px; line-height:1; text-align:left; text-transform:uppercase; position:absolute; top:158px; left:2230px;}
	#vascohablantes-5b .topoblanco{position:absolute; top: 692px;
    right: 235px; width:245px; height:282px;  background-image:url(img/hex_negro_borde_blanco.png); background-position:center center; background-repeat:no-repeat; background-size:100%;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	z-index:10;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
	/*#vascohablantes-5b*/
	
	
	
	/*#vascohablantes-6b*/
#vascohablantes-6b {position:relative; box-shadow: rgb(0 0 0 / 65%) 0px -1800px 1560px -280px inset; height:1881px; width:2959px; border-radius:75px; background-color:black;}
#vascohablantes-6b .piso-b{
		position:absolute; top:68px; left:165px;
		background-image:url(img/hexa_rojo.png); background-position:center center; background-repeat:no-repeat; background-size:100%; width:97px; height:112px; font-size:42px; font-weight:700;display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	color:black;}
	#vascohablantes-6b .carpeta {background-color:#2E2E2E;}
	#vascohablantes-6b .rombo-stroke {
		position: static;
    margin-bottom: 34px !important;
    margin: 0 auto;} 
	#vascohablantes-6b .infotit {top:231px; max-width:554px;}
	.fecha{font-size:32px; color:white; line-height:1; text-align:left !important; text-transform:none; font-weight:700; margin-top:52px;}
	.textito{font-size:32px; color:white; line-height:1; text-align:left !important; text-transform:uppercase; font-weight:300; margin-top:21px;}
	#vascohablantes-6b .titliders {
    text-align: left;
    width: 100%;
    position: absolute;
    z-index: 10;
    top: 81px;
    left: 30%;
        font-size: 60px;
		line-height:1;
    color: black;
    font-weight: 900;
    text-transform: uppercase;
}
.return {position:absolute; bottom:111px; left:129px;}
#vascohablantes-6b .evolve {
    font-weight: 900;
    font-size: 56px;
    text-transform: uppercase;
    color: white;
    margin: 0px auto 34px;
    line-height: 1;
    text-align: center;
}
#vascohablantes-6b .evolucion {
    font-weight: 300;
    font-size: 90px;
    text-transform: uppercase;
    color: var(--my-color-naranja-fuerte);
    margin: 32px auto;
}
	#vascohablantes-6b .edades, #vascohablantes-6b .periodo {width:48%;}
	.bocatas{width:220px; min-height:120px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
	.bocatas span{font-size:62px; font-weight:700; margin-bottom:30px;}
	.boc-verd{color:var(--my-color-verde);}
		.boc-taronj{color:var(--my-color-naranja);}
			.boc-groc{color:var(--my-color-amarillo);}
	.personitas{
	width:225px;
	height:88px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: flex-end;
	align-content: stretch;}
	.col-blau{width:225px; background-color:var(--my-color-verde);border-top-left-radius: 15px;border-top-right-radius: 15px;border: none!important;}
	.col-verd{width:225px; background-color:var(--my-color-verde);border-top-left-radius: 15px;border-top-right-radius: 15px;border: none!important;}
	.col-taronj{width:225px; background-color:var(--my-color-naranja);border-top-left-radius: 15px;border-top-right-radius: 15px;border: none!important;}
	.col-groc{width:225px; background-color:var(--my-color-amarillo);border-top-left-radius: 15px;border-top-right-radius: 15px;border: none!important;}
	.graf-bocatas {height:800px;width:748px; display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;}
	.graf-bocatas-cols{
		height:100%;
		width:225px;
		max-height:800px;
		min-height:800px;
		display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-end;}
	.divisora{
		width:1715px;
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: space-between;}
	.divisora-left{
		position:relative;
		width:50%;
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content:flex-start ;
	align-items: flex-start;
	align-content: space-between;
	}
	.divisora-right{
		position:relative;
		width:50%;	
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: flex-end;
	align-content: space-between;}
	.ano{position:absolute; top:-86px; left: 0; right:0; margin:0 auto; width:194px; font-weight:700; color:black; font-size:82px;}
	.mleft{padding-left: 120px;}
	.special {	
	height:100%;
	width:100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	align-content: center;}
	.ralla {margin:99px auto 32px auto;}
	.divisora-down{
		display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	margin-bottom:106px;
	}
	.legend{width:572px;display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;}
	.parraf{width:1152px;display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;}
	.meseparo{margin-right:20px;}
	.valores{	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	font-size:26px; font-weight:400; color:black; margin-bottom:11px;}
	.parraf-tit{font-weight:900; text-transform:uppercase; color:black; font-size:35px; margin-bottom:21px; }
	.parraf-text{font-weight:400; text-transform:none; color:black; font-size:35px; line-height:44px; margin-bottom:0px; }
/*#vascohablantes-6b*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*#vascohablantes-7b*/
		#vascohablantes-7b {position:relative; box-shadow: rgb(0 0 0 / 65%) 0px -1800px 1560px -280px inset; height:1881px; width:2959px; border-radius:75px; background-color:black;    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-end;
    padding-top: 185px;}
	#vascohablantes-7b .titgros-v3-1-mini {max-height: 300px;color:white; text-transform:uppercase; font-weight:900; font-size:67px; position:absolute; top:158px; left:162px; line-height:1;z-index:1000;}
	#vascohablantes-7b .titgros-v3-1-mini .subtit{color:white; font-size:67px; font-weight:300; display:block;z-index:100;}	
	#vascohablantes-7b .titu-rombos {
    width: 530px;
    font-weight: 900;
    color: white;
    font-size: 56px;
    line-height: 1;
    text-align: left;
    text-transform: uppercase;
    position: absolute;
    top: 158px;
    left: 2230px;
}
	.elementos{display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	    margin-top: 147px;}
	.horizontales{display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;}
	
	#vascohablantes-7b .rombo-stroke {position:static; margin: 0px 2px -5px 0px; padding:30px;}
	/*#vascohablantes-7b .rombo-stroke {
    position: absolute;
    margin: 0px 2px -5px 0px;
    padding: 30px;
    right: 317px;
    top: 340px;
}*/
	#vascohablantes-7b .grafica-3col {width:1154px; max-height:592px;  min-height:592px; display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: space-between;
	}
	#vascohablantes-7b .column {min-height:592px; max-height:592px;  height:592px; width:347px; max-width:347px !important; display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-end;}
	#vascohablantes-7b .textos-verd {width: 100%; min-height:110px; max-width:541px !important; font-size:49px; color:#579290; line-height:1.2; text-align:left; text-transform:none; font-weight:700; margin-top:25px;}
	#vascohablantes-7b .textos-blau {width: 100%; min-height:110px; max-width:541px !important; font-size:49px; color:#59c4e8; line-height:1.2; text-align:left; text-transform:none; font-weight:700; margin-top:25px;}
	#vascohablantes-7b .textos-teula {width: 100%; min-height:110px; max-width:541px !important; font-size:49px; color:#f08157; line-height:1.2; text-align:left; text-transform:none; font-weight:700; margin-top:25px;}
	#vascohablantes-7b .textos-groc {width: 100%; min-height:110px; max-width:541px !important; font-size:49px; color:#d1bb47; line-height:1.2; text-align:left; text-transform:none; font-weight:700; margin-top:25px;}
	#vascohablantes-7b .groc {background-color:#d1bb47; } 
	#vascohablantes-7b .blau {background-color:#59c4e8; } 
	#vascohablantes-7b .verd {background-color:#579290; } 
	.teula {background-color:#f08157; } 
	#vascohablantes-7b .color{display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-end;
	width:100%;
	}
	#vascohablantes-7b .color span {
    font-size: 87px;
    color: black;
    line-height: 1;
    text-align: center;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 52px;
	}
	#grafica1 {
		height: 812px;
		position:relative;
		/*width:1306px;*/
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-end;
	align-content: stretch;}
	#grafica2{
		height: 812px;
		position:relative;
		width:1306px;
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: flex-end;
	align-content: stretch;}
	.titulo-informativo {font-size:53px; color:white; line-height:1; text-transform:uppercase; font-weight:300; position:absolute; top:0;}
	.textos-pie{    padding: 0px 40px;font-size:40px; font-weight:700; color:white; line-height:1.5; margin:65px auto 0px; width:1180px; text-align:center;}
	.nueva{
	position:absolute;
	top:570px;
	left:0;
	right:0;
	margin:auto;
	width: 2539px;
	height:881px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
	align-content: stretch;}
	.nuevaverde{
		display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
		position:relative; width:723px; height:849px; background-image:url(img/colverde.png); background-repeat:no-repeat; background-position:center; background-size:auto;}
	.nuevazul{
		display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
		position:relative; width:723px; height:709px; background-image:url(img/colazul.png); background-repeat:no-repeat; background-position:center; background-size:auto;}
	.nuevagroc{
		display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
		position:relative; width:723px; height:629px; background-image:url(img/colgroga.png); background-repeat:no-repeat; background-position:center; background-size:auto;}
	.tit{color:black; font-size:34px; font-weight:500; display:block; line-height:1;}
	.num{color:black; font-size:75px; font-weight:700; display:block;}
	.textoverde{color:#579290 !important;}
	.textazul{color:#59c4e8 !important;}
	.textgroc{color:#d1bb47 !important;}
	.piecapitales{position:absolute; bottom:232px; display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
	align-content: stretch;}
	.separo-absoluto{position:absolute; bottom:500px; left:0; right:0; margin:auto;width: 2648px;}
	.tit-provin{font-size:55px; font-weight:700; margin-top:20px; display:block;}
	.toyarriba, .toyabajo {    padding-left: 30px;
    width: 709px;
    display: block;}
	.toyarriba{    margin-top: 103px;}

/*#vascohablantes-7b*/



/*#familia1*/
#familia1 {position:relative; height:1881px; width:2959px; border-radius:75px; background-color: #000;}
#familia1 .plato{width:660px; height:743px;
display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center; }
.plat1{position:absolute; top:572px; left: 187px;}
.plat2{position:absolute; top:572px; left:1059px;}
.plat3{position:absolute; top:572px; left:1915px;}
.plato .inner1 {
	padding:60px;
	width:370px; height:370px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	color: #fff;}
	.plato .inner2 {
		padding:60px;
	width:370px; height:370px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	color: #fff;}
	.plato .inner3 {
		padding:60px;
	width:370px; height:370px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	color: #fff;}
	.blanques{color:white;}
	.negres{color:black;}
	.grosa{font-size:40px; line-height:1; font-weight:900; text-transform:uppercase;     text-align: center;}
	.petita{font-size:22px; line-height:26px; font-weight:700; text-transform:uppercase; margin-top:18px;   text-align: center;}
	
/*#familia1*/



/*#familia2*/
#familia2 {position:relative; height:1881px; width:2959px; border-radius:75px;background-color: #000;}
.cartel {
	position:absolute;
	top:370px;
	left:0;
	right:0;
	margin:auto 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
.floretaleft{margin-right:70px;}
.floretaright{margin-left:70px;}
.cartel-text{font-weight:900; font-size:100px; color:black;}
#familia2 .plato{position:relative; width:530px; height:530px;
display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center; font-weight:900; }
	.platos{position:absolute; top:618px; left:308px; width:2366px;}
	.platera {
		position:relative;
		width:2366px; height:725px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;}
	.platera-col{width:538px;display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: center;}
	.nombre{text-align:center; font-size:58px; font-weight:900; color:black; line-height:1; text-transform:uppercase; min-height:120px;  margin:65px auto 0;}
	.leyenda{
		position:absolute; left:184px; bottom:348px;
		display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;}
	.valor{display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;}
	.leyendas{margin-left:25px;color:black; font-size:36px !important; font-weight:900!important;}
	
	path {
  fill: transparent;
	}
	text {
  fill: #000000;
      font-size: 36px;
    font-weight: 900;
	}

	.inner1-familia2 {width:378px; height:378px; border-radius:100%; position:absolute; top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .inner2-familia2 {width:538px; height:538px;  border-radius:100%; position:absolute; top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
 
	
/*#familia2*/



/*#familia3*/
#familia3 {position:relative; height:1881px; width:2959px; border-radius:75px;background-color: #000;}
#familia3 .cartel {
	position:absolute;
	top:370px;
	left:0;
	right:0;
	margin:auto 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;}
#familia3 .floretaleft{margin-left:70px;}
#familia3 .floretaright{margin-right:70px;}
#familia3 .cartel-text{font-weight:700; font-size:84px; color:black; text-align:center; max-width:1458px; line-height:1;}
#familia3 .plato{position:relative; width:530px; height:530px;
display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center; font-weight:900; }
#familia3 .topoblanco {
    position: absolute;
    top: 1295px;
    right: 106px;
    width: 194px;
    height: 224px;
    background-image: url(img/strokeblanco.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    z-index: 10;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
#familia3 .topoblanco img {max-width:120px; margin-bottom:5px;}
#familia3 .topoblanco span {
    color: #fff;
    font-weight: 800;
    font-size: 18px;
margin-bottom: 10px;}
/*#familia3*/




/*#familia4*/
#familia4 {position:relative; height:1881px; width:2959px; border-radius:75px; background-color: #000;}
#familia4 .cartel {
	position:absolute;
	top:370px;
	left:0;
	right:0;
	margin:auto 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;}
#familia4 .floretaleft{margin-left:70px;}
#familia4 .floretaright{margin-right:70px;}
#familia4 .cartel-text{font-weight:700; font-size:84px; color:black; text-align:center; max-width:1600px; line-height:1;}
#familia4 .plato{position:relative; width:530px; height:530px; 
display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center; font-weight:900; }
	.patras{position:absolute; left:82px;top:820px;}
.palante{position:absolute; right:182px;top:820px;}
.fami3 .patras{position:absolute;}
.fami3 .palante{position:absolute;}


/*#familia4*/

/*popups toda pantalla*/
.centrada {position:absolute; width:60%; height:auto/*90%*/; margin:auto;/* top:0; */bottom:-10px; /*left:0;*/ right:300px;}
.sabiasque-todapantalla, .mas-info-todapantalla {
    position: relative;
    /* border: 6px solid black; */
    /*width: 100%;
    height: 100%;*/
    background-color: white;
}
#mas-info-todapantalla-popup{position:relative;}
#sabiasque-todapantalla-popup{position:relative;}
#sabiasque-todapantalla-popup .sabiasque-text {
    font-weight: 400;
    font-size: 55px;
    line-height: 1.1;
    margin-bottom: 62px;
    padding: 180px 80px 80px 80px;
    width: 80%;
    margin: 10% auto 2% 10%;
}
.sabiasque-text span{display:block; margin-bottom:40px;}
.mas-info-text span{display:block; margin-bottom:40px;}
/*popups toda pantalla*/
/*#educacion1*/
#educacion1 {position:relative; box-shadow: rgb(0 0 0 / 50%) 0px -4800px 1560px -280px inset; height:1881px; width:2959px; border-radius:75px; background-image:url(img/pizarra.jpg); background-repeat:no-repeat; background-position:center; background-size:120%;}
.sombra2 {
    position: absolute;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    box-shadow: rgb(0 0 0 / 65%) 200px 200px 150px -200px inset;
    background: none;
    z-index: 1 !important;
    pointer-events: none;
    border-radius: 75px;
}
.rombo{
	position:absolute; left:378px; top:450px;
display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	width:826px; height:952px; background-image:url(img/edu-rombo.png); background-repeat:no-repeat; background-position:center; background-size:100%;}
.circulo{
	position:absolute; right:378px; top:450px;
display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	width:929px; height:929px; background-image:url(img/edu-circulo.png); background-repeat:no-repeat; background-position:center; background-size:100%;}
	.titels, .subtitels {max-width:700px; color:white; margin-bottom:25px;}
	.rombo .titels {margin-top:200px;}
	.blacktitel{color:black; display:inline-block;}
	.titels{ display:block;font-size:62px; font-weight:900; text-transform:uppercase; text-align:left; line-height:1;}
	.subtitels{ display:block;font-size:45px; font-weight:400; text-transform:uppercase; text-align:left; line-height:1.3;}
	.circulo .titels, .circulo .subtitels {text-align:center !important;}
	.circulo .flexedu{margin-top:177px; margin-bottom:83px;}
	.rombo .flexedu{margin-top:86px; margin-bottom:83px;}
	#educacion1 .ponter {
    position: absolute;
    z-index: 100;
    right: 1168px;
    bottom: 326px;
}
/*#educacion1*/



/*#educacion2*/
#educacion2 {position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden;}

.zonatit{
	position:absolute; top:149px;left:154px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;}
.zonatit-tits{	
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;}
.zonatit-titulo{ margin-right:16px; max-width:350px;
font-size:61px; line-height:1; color:black; font-weight:900; text-transform:uppercase;}
.zonatit-subs{margin-top:56px; max-width:1175px; font-size:53px; line-height:1; color:black; font-weight:500; text-transform:none;}
.edu2-bigcol{display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
		position:absolute; top:704px;}
.fila-graf{

	width:2959px; height:680px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: space-evenly;}
	.areas{
	width:2959px; 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: space-evenly;}
	.grafica1-edu2{width:650px;
	text-align: center;}
	.nom{font-size:53px; line-height:1; color:black; font-weight:700; text-transform:uppercase;  }
	
	.grafica2-edu2{width:627px;text-align: center;}
	.grafica3-edu2{width:490px;text-align: center;}
	.ancho{width:100%;margin-bottom:34px;}
#educacion2 .bocatas{width:160px; min-height:140px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;}
	#educacion2 .bocatas-gran{width:170px; min-height:120px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;}
	#educacion2 .bocatas span, #educacion2 .bocatas-gran span{font-size:var(--my-size-nom-col-superior); font-weight:700;  text-align:left !important; margin:10px 0px 0px 0px;}
	.mini-text-bocata{font-size:17px !important; text-align:left !important; margin:0px !important; }
	.mini-text-bocata-gran{font-size:17px !important; color:#fff;font-size: 22!important;font-family: 'NeutraText'!important; text-align:left !important; margin:0px !important; text-transform:uppercase;max-width:140px; margin:0 auto; }
	#educacion2 .boc-black{color:#000000;}
		#educacion2 .boc-gris{color:#787978;}
		#educacion2 .boc-perla{color:#d1d1d1;}
	#educacion2 .boc-blau{color:var(--my-color-azul-claro);}
	#educacion2 .boc-verd{color:#579290;}
		#educacion2 .boc-taronj{color:#f08157;}
		#educacion2	.boc-groc{color:#d1bb47;}
	#educacion2 .personitas{
	width:170px;
	height:88px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: flex-end;
	align-content: stretch;}
	#educacion2 .col-blau{width:140px; background-color:var(--my-color-azul-claro);}
	#educacion2 .col-verd{width:140px; background-color:#579290;}
	#educacion2 .col-taronj{width:140px; background-color:#f08157;}
	#educacion2 .col-groc{width:140px; background-color:#d1bb47;}
	#educacion2 .col-black{width:140px; background-color:#000000;border-top-left-radius: 15px;border-top-right-radius: 15px;}
	#educacion2 .col-gris{width:140px; background-color:#787978;}
	#educacion2 .col-perla{width:140px; background-color:#d1d1d1;}
	#educacion2 .graf-bocatas {height:680px;width:85%; display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;
	margin-bottom:-9px;}
	#educacion2 .graf-bocatas-cols{
		height:100%;
		width:170px;
		max-height:680px;
		min-height:680px;
		display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-end;}
	.peu-botones{width:1255px; height:224px; position:absolute; left:0; right:0; margin:auto; bottom:70px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;}
	.leftbot{z-index:20;width:598px; height:224px; background-color:black; border:4px solid black; color:white; font-size:36px; line-height:1; font-weight:900; text-transform:uppercase;
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
	.leftbot img{max-width:194px;}
	.rightbot {z-index:20;width:598px; height:224px; background-color:white; border:4px solid black; color:#7f7f7f; font-size:36px; line-height:1; font-weight:900;  text-transform:uppercase;
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
    .leftbot span, .rightbot span {max-width:244px; text-align: center;}
/*#educacion2*/


/*#educacion3*/
#educacion3 {position:relative; height:1881px; width:2959px; border-radius:75px;background-color:#000; overflow:hidden;}
.areas .valores span {margin-left:32px;font-size:45px; text-transform:none !important;}
#educacion3 .rightbot img{max-width:194px;}
#educacion3 .zonatit-titulo{ margin-right:16px; max-width:495px;
font-size:61px; line-height:1; color:black; font-weight:900; text-transform:uppercase;}
#educacion3  .zonatit-subs{margin-top:56px; max-width:520px; font-size:53px; line-height:1; color:black; font-weight:500; text-transform:none;}
.redonda {    
    width: 715px;
    height: 714px;
    border-radius: 100%;
    position: absolute;
    top: 548px;
    left: 0;
    right: 0;
    margin: auto;
	box-shadow: rgba(0, 0, 0, 0.15) 10px 10px 10px;}
#educacion3	 .edu2-bigcol {
        top: 1390px;
}
#educacion3 .topoblanco {
    position: absolute;
    top: 516px;
    right: 840px;
    width: 245px;
    height: 282px;
    background-image: url(img/strokeblanco.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    z-index: 10;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
/*#educacion3*/


/*#educacion4*/
#educacion4 {position:relative; height:1881px; width:2959px;background-color: #000;overflow:hidden;}
#educacion4 .zonatit-titulo {
    margin-right: 16px;
    max-width: 495px;
    font-size: 61px;
    line-height: 1;
    color: black;
    font-weight: 900;
    text-transform: uppercase;
}
#educacion4 .zonatit-subs {
    margin-top: 56px;
    max-width: 520px;
    font-size: 53px;
    line-height: 1;
    color: black;
    font-weight: 500;
    text-transform: none;
}
#educacion4 .titliders {
    text-align: left;
    width: 100%;
    position: absolute;
    z-index: 10;
	max-width:1024px;
    top: 81px;
    left: 93px !important;
    font-size: 60px;
    line-height: 1;
    color: black;
    font-weight: 900;
    text-transform: uppercase;
	margin:0 !important;
}
#educacion4 .carpeta {
    background-color: #0A0A0A;
}
#educacion4	 .edu2-bigcol {
        top: 1374px;
}
.leg {display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: space-evenly;}
#educacion4	 .valores img {margin-right:34px; margin-left:104px;}
#educacion4	 .valores span {font-size:42px; font-weight:700;}
.divido{
	width:1702px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: space-evenly;}
	.div1, .div2 {	
	width:678px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;}
#educacion4	.ano {
    position: static;
    margin: 0 auto 51px;
     font-weight: 700;
    color: black;
    font-size: 53px;
	width:auto;
}
#educacion4 .redonda {
    width: 635px;
    height: 635px;
    border-radius: 100%;
    position: static;
    margin:0 auto 110px;
    box-shadow: rgb(0 0 0 / 15%) 10px 10px 10px;
}
/*#educacion4*/



/*#educacion6*/
#educacion6 {position:relative; height:1881px; width:2959px; background-color: #000; overflow:hidden;}
#educacion6 .zonatit-titulo {
    margin-right: 16px;
    max-width: 795px;
    font-size: 68px;
    line-height: 1;
    color: black;
    font-weight: 900;
    text-transform: uppercase;
}
#educacion6 .zonatit-subs {
    margin-top: 56px;
    max-width: 875px;
    font-size: 53px;
    line-height: 1.2;
    color: black;
    font-weight: 500;
    text-transform: none;
}
#educacion6 .graf-bocatas {
    height: 680px;
    width: 486px;
	margin-bottom:-9px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
} 
#educacion6 .graf-bocatas-cols {
    height: 100%;
    width: 207px;
    max-height: 680px;
    min-height: 680px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: flex-end;
}
#educacion6 .col-blau {
    width: 207px;
    background-color: var(--my-color-azul-claro);
    border: 4px solid black;
}
#educacion6 .col-lila {
    width: 207px;
    background-color:var(--my-color-morado);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: none!important;
}
#educacion6 .grafica1-edu4, #educacion6 .grafica2-edu4, #educacion6 .grafica3-edu4 {width:486px;text-align:center;}
#educacion6 .nom{font-size:37px;}
.val {font-size:65px; font-weight:700; margin-bottom:16px; text-align:center !important;}
.val-lila{color:var(--my-color-morado);}
.lilabot{background-color:var(--my-color-morado); border:4px solid black; padding:34px; color:white; text-transform:uppercase; font-weight:700; font-size:53px;}
.val-blau{color:var(--my-color-azul-claro);}
.blaubot{background-color:var(--my-color-azul-claro); border:4px solid black; padding:34px; color:white; text-transform:uppercase; font-weight:700; font-size:53px;}
#educacion6 .peu-botones {width:871px;}
/*#educacion6*/



/*#euskaltegis1*/
#euskaltegis1{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden; background-color:#000!important;}
#euskaltegis1 .zonatit-titulo {
	margin-top:106px;
    margin-right: 0px;
    max-width: 320px;
    font-size: 68px;
    line-height: 1.2;
    color: black;
    font-weight: 900;
    text-transform: uppercase;
}
#euskaltegis1 .zonatit-subs {
    margin-top: 0px;
    max-width: 730px;
    font-size: 51px;
    line-height: 1.2;
    color: black;
    font-weight: 700;
    text-transform: uppercase;
}
#euskaltegis1 .zonatit {
    position: absolute;
    top: 104px;
    left: 130px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
#euskaltegis1 .grafica{width:1642px; height:990px; position:absolute; left:0; bottom:132px; 
display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	align-content: center;}
.top{width:1642px; height:980px; display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;}
#euskaltegis1 .graf-bocatas, #sanidad1 .graf-bocatas {
    height: 980px;
   width:1175px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
    margin-bottom: -5px;
    margin-left: -485px;
}
#euskaltegis1 .graf-bocatas-cols, #sanidad1 .graf-bocatas-cols {
    height: 100%;
    width: 156px;
    max-height: 930px;
    min-height: 930px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: flex-end;
}
#euskaltegis1 .bocatas-gran, #sanidad1 .bocatas-gran {
    width: 110px;
    min-height: 110px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
	margin-bottom:10px;
}
#euskaltegis1 .bocatas span, #euskaltegis1 .bocatas-gran span, #sanidad1 .bocatas-gran span {
    font-size: 40px;
    font-weight: 700;
    text-align: left !important;
    margin: 10px 0px 0px 0px;
}
#euskaltegis1 .personitas {
  width: 156px;
    height: 78px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-end;
    align-content: stretch;
}
#euskaltegis1 .col-blau, #sanidad1 .col-blau {
    width: 156px;
    background-color: var(--my-color-azul-claro);
    border: 4px solid black;
}
#euskaltegis1 .col-verd, #sanidad1 .col-verd {
    width: 156px;
    background-color: #579290;
    border: 4px solid black;
}
#euskaltegis1 .col-groc, #sanidad1 .col-groc {
    width: 156px;
    background-color: #d1bb47;
    border: 4px solid black;
}
#euskaltegis1 .col-taronj, #sanidad1 .col-taronj {
    width: 156px;
    background-color: #f08157;
    border: 4px solid black;
}
#euskaltegis1 .col-teula, #sanidad1 .col-teula {
    width: 156px;
    background-color: #c94219;
    border: 4px solid black;
}
#euskaltegis1 .col-lila, #sanidad1 .col-lila {
    width: 125px;
    background-color: var(--my-color-morado);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: none!important;
}
#euskaltegis1 .col-gris, #sanidad1 .col-gris {
    width: 156px;
    background-color: #999999;
    border: 4px solid black;
}
#euskaltegis1 .boc-blau, #sanidad1 .boc-blau {
    color: var(--my-color-azul-claro);
}
#euskaltegis1 .boc-verd, #sanidad1 .boc-verd {
    color: #579290;
}
#euskaltegis1 .boc-groc, #sanidad1 .boc-groc {
    color: #d1bb47;
}
#euskaltegis1 .boc-taronj, #sanidad1 .boc-taronj {
    color: #f08157;
}
#euskaltegis1 .boc-teula, #sanidad1 .boc-teula {
    color: #c94219;
}
#euskaltegis1 .boc-lila, #sanidad1 .boc-lila {
    color: var(--my-color-morado);
}
#euskaltegis1 .boc-gris, #sanidad1 .boc-gris {
    color: #999999;
}
.euskalherria-mapa-gran{position:absolute; top:580px; left:590px; width:891px; height:664px;background-image: url(img/euskalherria-mapa-gran.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;}
.contenedor-mapa {display:block; position:relative; width:100%; height:100%; }
.bizmapa {position: absolute;
    left: 154px;
    top: 105px;
}
.gipmapa {position: absolute;
    left: 310px;
    top: 157px;}
.lapmapa {    position: absolute;
    left: 530px;
    top: 56px;}
.bajmapa {    position: absolute;
    left: 615px;
    top: 109px;
    max-width: 112px;}
.zubmapa {
    position: absolute;
    left: 787px;
    top: 167px;
}
.alamapa {
    position: absolute;
    left: 203px;
    top: 291px;
}
.navmapa {
    position: absolute;
    left: 470px;
    top: 316px;
}
.contenedor-mapa span{font-size:25px; font-weight:700;}	
.coldreta-euskaltegis{width:790px; position:absolute; top:306px; right:408px; display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: center;}
	#euskaltegis1 .coldreta-euskaltegis .zonatit-titulo  {margin-top:27px; max-width:436px;}
	.mapa-euskadi-gran{position:absolute; top:419px; right:65px; width:588px; height:461px;background-image: url(img/mapa-euskadi-gran.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;}
	.eus-bizmapa {position: absolute;
    left: 191px;
    top: 80px;

}
.eus-gipmapa {
    position: absolute;
    left: 355px;
    top: 139px;
}
.eus-alamapa {
    position: absolute;
    left: 233px;
    top: 288px;
}	
	.bloque1, .bloque3{ width:790px; height:223px; position:relative; margin-top:64px; display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;}
	.ajuntament{position:absolute; left:0; botom:0;}
	.numerogrande {    color: black;
    font-size: 170px;
    font-weight: 700;
    margin-left: 208px;
    padding-top: 56px;}
		.titgrande {    color: black;
    font-size: 72px;
    font-weight: 700;
    text-transform:uppercase;
	/*margin-top:23px;*/
	}
	.subtitgrande{color: black;
    font-size: 42px;
    font-weight: 700;
    text-transform:none;
	margin-bottom:48px;}
	.bloque2{
		width: 790px;
		display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;}
	.bloque2-a{width:50%; display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;}
	.bloque2-b {width:50%; display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	align-content: center;}
	.groc-grande{font-size:76px; color:#d1bb47; font-weight:700; margin-right:26px;}
	.textos-bloque {line-height:1; font-size:26px; font-weight:400; text-align:left; max-width:67%;}

	.columnita{display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	margin-left: 180px;}
	
	.columnita 	.textogrande{line-height:1; font-size:53px; font-weight:700; text-align:left; text-transform:uppercase; margin-top:-40px; }
	.columnita 	.numerogrande {    color: black;
    font-size: 170px;
    font-weight: 700;
    margin-left: -20px;
    padding-top: 0px;}
	.dividir {display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	    margin-top: -50px;
	}
	.numerazo{color: black;
    font-size: 124px;
    font-weight: 700;
    margin-left: 0px;
    padding-top: 0px;
	width:50%}
	
	.bloque4{    width: 790px;
    position: relative;}
	.columna{display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-start;
	align-content: flex-end;
	margin-bottom: 20px;
	width:50%;

	}
		.columna 	.tit-alumn{ line-height:1; font-size:63px; font-weight:700; text-align:left; text-transform:uppercase;  }
	.columna 	.texto-anos {  ;  color: black;
    font-size: 43px;
    font-weight: 400; text-transform:uppercase;}
	.alumnos{margin:83px 0px 0px 36px;}
	.textofinal {margin-top:21px;line-height:1; font-size:41px; font-weight:400; text-align:left; text-transform:none;}
	/*#euskaltegis1*/
	
	
	/*popups*/
	.popup {display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	border:6px solid black;}
  .head-pop{width:100%; position:relative;}
  .tanca{width:45px;height:45px; top:23px; right:26px; position:absolute; z-index:201;}
  .cos-pop{width:100%; position:relative;}
	
	/*#vascohablantes-pop*/
	#vascohablantes-pop{position:relative;}
	#vascohablantes-popup{position:relative; width:100%;}
	.mas-info {
    position: relative;
    border: 6px solid black;
    width: 900px;
    height: auto;
    background-color: white;
}
.absolute-pop{position: absolute;
    /* top: 300px; */
    width: auto;
    max-width: 50%;
    /* left: 0; */
    right: 300px;
    margin: auto;
    bottom: -10px;
    height: auto;}
.euskaltegis-pop {min-width: 2290px !important;
    min-height: 1234px !important;background-color:white;}
	

.sabiasque {
    position: relative;
    /* border: 6px solid black; */
    width: 100%;
    /*height: 1000px;*/
    background-color: white;
}
.sabiasque-text {

    font-weight: 400;
    font-size: 63px;
    line-height: 1.1;
    margin-bottom: 62px;
    padding: 270px 0px 100px 0px;
    width: 61%;
    margin: 0% auto 0;

}
.mas-info-tit{position:absolute;     top: 92px;
    left: 76px;
   font-weight:700; font-size:41px;}
  .mas-info-text{font-weight:400; font-size:41px; line-height:1.1; margin-bottom:62px; padding:180px 80px 80px 80px;}
      .absolute-right{right:300px; bottom:-10px; position:absolute;}
  /*#vascohablantes-pop*/

	
   /*#euskaltegis1-pop*/
  #euskaltegis1-pop .text-pop1 .text-bold {display:block; font-weight:700; font-size:43px; line-height:1.1; margin-bottom:62px;}


	.absolute-center{position:absolute;   top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:200;
  } 
  
  .absolute-euskaltegis {
    position: absolute;
   top: 300px;
    min-width: 2290px !important;
    min-height: 1234px !important;
	width: 2290px !important;
	height: 1234px !important;
    left: 0;
    right: 0;
    margin: auto;
	background:white;
	}

  #euskaltegis1-pop{width:2290px;height:1227px; position:relative;}
  #euskaltegis1-pop .tit-pop1{margin-bottom:62px; position:absolute; top:270px; left:288px; width:500px; font-weight:900; font-size:55px; line-height:1; text-transform:uppercase;}
  #euskaltegis1-pop .tit-pop2{margin-bottom:62px; position:absolute; top:270px; right:218px; width:733px; font-weight:900; font-size:55px; line-height:1; text-transform:uppercase;}
  #euskaltegis1-pop .text-pop1 { position:absolute; top:468px; left:288px; width:722px;}
  #euskaltegis1-pop .text-pop2 { position:absolute; top:468px; right:218px; width:722px;}
  #euskaltegis1-pop .text-pop1 .text-normal, #euskaltegis1-pop .text-pop2 .text-normal {display:block; font-weight:400; font-size:43px; line-height:1.1; margin-bottom:62px;}
  #euskaltegis1-pop .text-pop1 .text-bold {display:block; font-weight:700; font-size:43px; line-height:1.1; margin-bottom:62px;}
  .verticaline {position:absolute; top:0; right:0; left:0; margin:auto;}
  .monigote{
    width: 15%;
    position:absolute;
    top:40px;
    left:40px;
}
    /*Imagen desestimada. Display none temporal por si fuera necesario revertirlo */
.bocadillo{
    display:none;
    position:absolute;
    top:40px;
    left:231px;
    width:222px;
    height:200px;
    background-image:url(img/bocadillo.png);
    backgroud-repeat:no-repeat;
    backgroud-position:center;
    background-size:100%;
    /* display: flex; */
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
	.bocadillo span {color:white; font-size:35px; font-weight:700; line-height:1; transform: rotate(-10deg);     margin-left: 37px; margin-top: -33px;}
  /*#euskaltegis1-pop*/
	/*popups*/
	
	
	
	/*usos1*/
	#usos1{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden;background-color:#000; overflow:hidden;}
	#usos1 .absolute-center {border:0px;}
	.cols-usos{width:2722px; height:682px;display: flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
	align-content: flex-start;}
	.mtop{margin-top:51px;}
	.coluso {width:421px; height:621px; position:relative;}
	.coluso .tits {font-size: 36px;position:absolute; left:23px; top:146px; font-weight:900; line-height:1; color:black; text-transform:uppercase; max-width:377px;font-family: 'NeutraText'!important;	font-size:45px;}
	.coluso.col-groc span.tits.gran {text-transform:none !important;}
	.coluso .texts {position: absolute;
    left: 23px;
    top: 308px;
    font-weight: 300;
    font-size: 37px;
    line-height: 1;
    color: black;
    text-transform: none;
    max-width: 377px;}
	.gran{font-size:48px; } .mitja{font-size:37px;}
	#usos1 .col-blau {
    background-color: var(--my-color-azul-claro);
    border: 4px solid black;
	}
	#usos1 .col-teula {
    background-color: var(--my-color-naranja-fuerte);
    border: 4px solid black;
	}
	#usos1 .col-lila {
    background-color: var(--my-color-morado);
    border: 4px solid black;
	}
	.checkon{position:absolute; top:42px; left:23px;}
	.checkoff{position:absolute; top:61px; left:23px;}
	#usos1 .poblacion {position:absolute; bottom:77px; width:366px; left:0; right:0; margin:auto; border-top:4px solid black; border-bottom:4px solid black;}
	#usos1 .edades {
		width:48%;
    color: black;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 21px;
	margin:27px 0;
		margin-top: 0px;
	}
	#usos1 .periodo {
		width:48%;
	    color: black;
	    text-align: center;
	    text-transform: uppercase;
	    font-weight: 400;
		margin:27px 0;
		font-size: 28px;
	}
	
	.peu-color-checks {
		width:567px;
		display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;}
	.peu-color-check {box-shadow: rgba(0, 0, 0, 0.15) 20.4px 20.4px 30.2px; margin-bottom:20px;}
	
	/*usos1*/
	
	
	/*usos2*/
	#usos2{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden;background-color:#000; overflow:hidden;}
	#usos2 .infotit {
    position: absolute;
    top: 315px;
    left: 165px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    /* align-items: center; */
    align-content: center;
}
	#usos2 .zonatit {
    position: static;
    top: 149px;
    left: 154px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
#usos2 .zonatit-titulo {
       max-width: 403px;
    font-size: 68px;
    line-height: 1;
    color: black;
    font-weight: 900;
    text-transform: uppercase;
}
#usos2 .poblacion {
	padding:16px 0px;
    margin: 148px auto 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
	border-top:4px solid black;
	border-bottom:4px solid black;
}
#usos2 .edades {
    /*color: black;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;
	width:170px;*/
}
#usos2 .periodo {
    /*color: black;
    text-align: right;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;*/
}
#usos2 .slider1 {width:100%; height:100%; }
.columneo {display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: center;}
.leyenda-valores{margin:0 auto; width:1479px; display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;
	    margin-bottom: 40px;}
	.valores-col{width:276px; display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	align-self: stretch;
	}
	.valores-col img {width:84px !important; height:84px;margin-top:92px;}
	.valores-col span {margin-top:34px; font-size:30px; line-height:1.1; font-weight:400;}
	.graf-usos2 {
    width: 925px;
    height: 924px;
    border-radius: 100%;
    margin: -236px auto 27px;
    box-shadow: rgb(0 0 0 / 15%) 10px 10px 10px;
}
.top-check {width:66px; position:absolute; top:214px;     left: 165px;}


/*usos2*/



/*usos3*/
	#usos3{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden;background-color:#000;overflow:hidden;}
	#usos3 .infotit {
    position: absolute;
    top: 315px;
    left: 165px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    /* align-items: center; */
    align-content: center;
}
	#usos3 .zonatit {
    position: static;
    top: 149px;
    left: 154px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
#usos3 .zonatit-titulo {
       max-width: 484px;
    font-size: 55px;
    line-height: 1;
    color: black;
    font-weight: 900;
    text-transform: uppercase;
}
#usos3 .zonatit-subs {
    margin-top: 0px;
    max-width: 484px;
    font-size: 53px;
    line-height: 1;
    color: black;
    font-weight: 400;
    text-transform: none;
} 
#usos3 .poblacion {
	padding:16px 0px;
    margin: 148px auto 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
	border-top:4px solid black;
	border-bottom:4px solid black;
}
#usos3 .edades {
    /*color: black;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;
	width:170px;*/
}
#usos3 .periodo {
    /*color: black;
    text-align: right;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;*/
}
#usos3 .slider1 {width:100%; height:100%; }
#usos3 .slider1 img {width:100%;}

/*usos3*/
.carpeta {

    border: 6px solid black;
}

/*usos4*/
	#usos4{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden;background-color:#000; overflow:hidden;}
		#usos4 .infotit {
    position: absolute;
    top: 315px;
    left: 165px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    /* align-items: center; */
    align-content: center;
}
	#usos4 .zonatit {
    position: static;
    top: 149px;
    left: 154px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
#usos4 .zonatit-titulo {
       max-width: 484px;
    font-size: 55px;
    line-height: 1;
    color: black;
    font-weight: 900;
    text-transform: uppercase;
}
#usos4 .zonatit-subs {
    margin-top: 0px;
    max-width: 484px;
    font-size: 53px;
    line-height: 1;
    color: black;
    font-weight: 400;
    text-transform: none;
} 
#usos4 .poblacion {
	padding:16px 0px;
    margin: 148px auto 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
	border-top:4px solid black;
	border-bottom:4px solid black;
}
#usos4 .edades {
    /*color: black;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;
	width:170px;*/
}
#usos4 .periodo {
    /*color: black;
    text-align: right;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;*/
}
#usos4 .slider1 {width:100%; height:100%; }
	
#usos4 .grafica1-edu4, #usos4 .grafica2-edu4 {
    width: 482px;

}
#usos4	.graf-bocatas {
    height: 604px;
    width: 482px;
    margin-bottom: -5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
}
#usos4 .graf-bocatas-cols {
    height: 100%;
    width: 207px;
    max-height: 604px;
    min-height: 604px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: flex-end;
}
#usos4 .col-blau {
    width: 207px;
    background-color: var(--my-color-azul-claro);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
#usos4 .col-lila {
    width: 207px;
    background-color: var(--my-color-morado);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.dividendo {
	width:100%;
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: stretch;}
	.divileft{margin-right:90px; margin-left:75px;}
	.diviright{margin-left:90px;}
	.peusgraf{font-size:31px; text-align:left !important; margin-top:32px; font-weight:700;}
#usos4 .peu-botones {
	position:static;
    width: 532px;
	height:auto;
	
        margin:165px auto 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
} 
#usos4 .blaubot {
    background-color: var(--my-color-azul-claro);
    border: 4px solid black;
    padding: 26px;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 53px;
}
#usos4 .lilabot {
    background-color: var(--my-color-morado);
    border: 4px solid black;
    padding: 26px;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 53px;
}
.confondo {background-image: url(img/confondo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    overflow: hidden;
    height: 599px;}
/*usos4*/




/*usos5*/
	#usos5{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden;background-color:#000; overflow:hidden;}
		#usos5 .infotit {
    position: absolute;
    top: 315px;
    left: 165px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    /* align-items: center; */
    align-content: center;
}
	#usos5 .zonatit {
    position: static;
    top: 149px;
    left: 154px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
#usos5 .zonatit-titulo {
       max-width: 484px;
    font-size: 55px;
    line-height: 1;
    color: black;
    font-weight: 900;
    text-transform: uppercase;
}
#usos5 .zonatit-subs {
    margin-top: 0px;
    max-width: 484px;
    font-size: 53px;
    line-height: 1;
    color: black;
    font-weight: 400;
    text-transform: none;
} 
#usos5 .poblacion {
	padding:16px 0px;
    margin: 148px auto 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
	border-top:4px solid black;
	border-bottom:4px solid black;
}
#usos5 .edades {
    /*color: black;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;
	width:170px;*/
}
#usos5 .periodo {
    /*color: black;
    text-align: right;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;*/
}

#usos5 .slider1 {width:100%; height:100%; }
	#usos5 .titliders {
    text-align: left;
    width: 100%;
    position: absolute;
    z-index: 10;
    top: 81px;
    left: 30%;
    font-size: 60px;
    line-height: 1;
    color: black;
    font-weight: 900;
    text-transform: uppercase;
}
.slider1 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    background-color: var(--my-color-negro-claro) !important;
    border-radius: 50px !important;
}
.amarillito{    background-color: #e8f0b7 !important;
    border-radius: 50px !important;}
/*usos5*/



/*usos5*/
	#usos6{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden;background-color:#000; overflow:hidden;}
		#usos6 .infotit {
    position: absolute;
    top: 315px;
    left: 165px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    /* align-items: center; */
    align-content: center;
}
	#usos6 .zonatit {
    position: static;
    top: 149px;
    left: 154px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
#usos6 .zonatit-titulo {
       max-width: 484px;
    font-size: 55px;
    line-height: 1;
    color: black;
    font-weight: 900;
    text-transform: uppercase;
}
#usos6 .zonatit-subs {
    margin-top: 0px;
    max-width: 484px;
    font-size: 53px;
    line-height: 1;
    color: black;
    font-weight: 400;
    text-transform: none;
} 
#usos6 .poblacion {
	padding:16px 0px;
    margin: 148px auto 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
	border-top:4px solid black;
	border-bottom:4px solid black;
}
#usos6 .edades {
    /*color: black;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;*/
}
#usos6 .periodo {
    /*color: black;
    text-align: right;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;*/
}
#usos6 .slider1 {width:100%; height:100%; }
	#usos6 .titliders {
    text-align: left;
    width: 100%;
    position: absolute;
    z-index: 10;
    top: 81px;
    left: 5%;
    font-size: 60px;
    line-height: 1;
    color: black;
    font-weight: 900;
    text-transform: uppercase;
}
#usos6 .dividendo{
	margin:0 auto;
	width:1683px;
	height:800px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: stretch;}
	
	.triple{
		height:800px;
		width:170px;display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: stretch;
	margin-bottom: -5px;}

	.triple-cols {
    height: 100%;
    width:54px;
    max-height: 800px;
    min-height: 800px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: flex-end;
}
#usos6 .val {
    font-size: 32px!important;
    font-weight: 700;
    margin-bottom: 16px;
    text-align: center !important;
}
.val-taronj {
    color: #f08157;
}
#usos6 .col-blau {
    width: 54px;
    background-color: var(--my-color-azul-claro);
    border: 4px solid black;
}
#usos6 .col-lila {
    width: 54px;
    background-color: var(--my-color-morado);
    border: 4px solid black;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
#usos6 .col-taronj {
    width: 54px;
    background-color: #f08157;
    border: 4px solid black;
}
.confondoz {
    overflow: hidden;
    height: 800px;}
.first{margin-left:116px;}
.taronjbot {
    background-color: #f08157;
    border: 4px solid black;
    padding: 34px;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 53px;
}
.last{margin-right:80px;}
.triple-valores{width:170px;}
.dividendos{
	margin:0 auto;
	width:1683px;
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: stretch;}
#usos6 .peu-botones {
    width: 770px;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 170px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
} 
#usos6 .blaubot, #usos6 .lilabot, #usos6 .taronjbot {
    padding: 17px 34px;
}
#usos6 .val {margin-bottom:3px !important;}
/*usos6*/

/*usos8*/
	#usos8{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden;background-color:#000; overflow:hidden;}
		#usos8 .infotit {
    position: absolute;
    top: 315px;
    left: 165px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    /* align-items: center; */
    align-content: center;
}
	#usos8 .zonatit {
    position: static;
    top: 149px;
    left: 154px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
#usos8 .zonatit-titulo {
       max-width: 367px;
    font-size: 55px;
    line-height: 1;
    color: black;
    font-weight: 900;
    text-transform: uppercase;
}
#usos8 .zonatit-subs {
    margin-top: 130px;
    max-width: 375px;
    font-size: 53px;
    line-height: 1;
    color: black;
    font-weight: 400;
    text-transform: none;
} 
#usos8 .poblacion {
	padding:16px 0px;
    margin: 148px auto 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
	border-top:4px solid black;
	border-bottom:4px solid black;
}
#usos8 .edades {
    /*color: black;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;
	width: 285px*/
}
#usos8 .periodo {
    /*color: black;
    text-align: right;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;*/
}
#usos8 .slider1 {width:100%; height:100%; }
#usos8 .graf-bocatas {
	margin:0 auto -5px;
    height:830px;
    width: 1573px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
}
#usos8 .graf-bocatas-cols {
    height: 100%;
    width: 295px !important;
    max-height: 832px;
    min-height: 832px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: flex-end;
}
#usos8 .col-taronj {
	 width: 295px !important;
    background-color: #f08157;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
} 
#usos8	.col-verd {
	 width: 295px !important;
    background-color: #579290;
    border: 6px solid black;
}
#usos8 .col-teula {
	 width: 295px !important;
    background-color: #c94219;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
} 
#usos8	.col-blau {
	 width: 295px !important;
    background-color: var(--my-color-azul-claro);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
/*#usos8 .bocatas-gran {
    width: 291px;
    min-height: 238px;
    background-image: url(img/usos8-bocata.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
#usos8 .bocatas-gran span {
    font-size: 84px;
    font-weight: 700;
    text-align: left !important;
    margin: 40px 0px 0px 0px;
}*/
#usos8 .boc-teula {
    color: #c94219;
}
#usos8 .boc-blau {
    color: var(--my-color-azul-claro);
}
.valores-usos8{
	margin:34px auto 0px;
	min-width: 1573px;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;}
#usos8 .graf-bocatas-valor {
    height: 100%;
    width: 295px !important;
       display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: flex-end;
	font-size:32px;
	font-weight:700;
	text-align:center !important;
}
/*#usos8 .topoblanco {
    position: absolute;
    top: 66px;
    right: 85px;
    width: 245px;
    height: 282px;
    background-image: url(img/strokeblanco.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    z-index: 10;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
#usos8 .topoblanco img {
    max-width: 120px;
    margin-bottom: 5px;
}
#usos8 .topoblanco span {
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    margin-bottom: 10px;
}*/
.pop-usos{width:1591px; height:1259px; background-image:url(img/pop-up-bg4.png); background-repeat:no-repeat; background-position:center;background-size:contain; position:absolute;     right: 131px;    border-radius: 30px;
    top: 96px; z-index:1000; box-shadow: rgba(0, 0, 0, 0.25) 0px 154px 155px, rgba(0, 0, 0, 0.12) 0px -120px 300px, rgba(0, 0, 0, 0.12) 0px 40px 60px, rgba(0, 0, 0, 0.17) 0px 120px 130px, rgba(0, 0, 0, 0.09) 0px -30px 50px;}
.contenedor-pop-usos{width:100%; height:100%; display:block; position:relative;}
#usos8 .titliders {
    text-align: left;
    width: 100%;
    position: absolute;
    z-index: 10;
    top: 81px;
    left: 5%;
    font-size: 60px;
    line-height: 1;
    color: var(--my-color-naranja);
    font-weight: 900;
    text-transform: uppercase;
}
.tit-graf-pop-usos {font-size:45px; font-weight:700; color:#fff; position:absolute; bottom: 310px;
    left: 20px;}
.graf-pop-usos {
    position: absolute;
    bottom: 180px;
    left: 134px;
    right: 0;
    margin: auto;
    width: 1122px;
    height: 484px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}
	.col-graf-pop-usos{ width:100px; display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: stretch;
	align-content: stretch;
	max-height: 484px;
    min-height: 484px;
	height:100%;}
	.col-graf-pop-usos-span {font-size:53px; font-weight:700; color:#fff; margin-bottom:15px;}
	.col-graf-column{background-color:var(--my-color-azul-claro);border-top-left-radius: 15px;border-top-right-radius: 15px;}
	.val-pop-usos {
    position: absolute;
    bottom: 80px;
    left: 138px;
    right: 0;
    margin: auto;
    width: 1144px;
    height: 60px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}
	.val-pop-usos span{font-weight:700; font-size:53px;}
.val-graf-pop-usos {
    font-weight: 700;
    font-size: 40px;
    position: absolute;
    left: 156px;
    bottom: 80px;
}
#usos8 .columneo {margin-top:310px;}


#usos8 .dividendo {
    margin: 0 auto;
    width: 1683px;
    height: 800px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: stretch;
}	
#usos8 .triple {
    height: 800px;
    width: 223px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: stretch;
    margin-bottom: -5px;
}
#usos8 .triple-cols {
    height: 100%;
    width: 54px;
    max-height: 800px;
    min-height: 800px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: flex-end;
}
#usos8 .val {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 16px;
    text-align: center !important;
}
#usos8 .val-nar {
    color: #f08157;
}
#usos8 .val-red {
    color: #c94219;
}
#usos8 .val-verda {
    color: #569391;
}
#usos8 .col-blaucel {
    width: 54px;
    background-color: var(--my-color-azul-claro);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
#usos8 .col-red {
    width: 54px;
    background-color:#c94219;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
#usos8 .col-nar {
    width: 54px;
    background-color: #f08157;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
#usos8 .col-verda {
    width: 54px;
    background-color: #569391;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
#usos8 .dividendos {
    margin: 0 auto;
    width: 1683px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: stretch;
}
#usos8 .peu-legend{
	margin-top:40px !important;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
	width:70%; margin:0 auto;}
#usos8 .peu-legend img{margin-right:5px;}
#usos8 .legend-peu-blava{display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
	color:var(--my-color-azul-claro);
	font-size:30px; 
	text-align:left;
	font-weight:700;}
	#usos8 .legend-peu-nar{display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
	color:#f08157;
	font-size:30px; 
	text-align:left;
	font-weight:700;}
		#usos8 .legend-peu-red{display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
	color:#c94219;
	font-size:30px; 
	text-align:left;
	font-weight:700;}
		#usos8 .legend-peu-verda{display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
	color:#569391;
	font-size:30px; 
	text-align:left;
	font-weight:700;}
	#usos8 .triple-valores{width:223px; text-align:center;}
	.perzent{position:absolute; bottom: 581px;
    left: 60px; font-size: 54px;
    text-align: left !important;
    font-weight: 700;}
/*usos8*/






/*usos9*/
	#usos9{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden;background-color:#000; overflow:hidden;}
		#usos9 .infotit {
    position: absolute;
    top: 315px;
    left: 165px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    /* align-items: center; */
    align-content: center;
}
	#usos9 .zonatit {
    position: static;
    top: 149px;
    left: 154px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
#usos9 .zonatit-titulo {
       max-width: 367px;
    font-size: 55px;
    line-height: 1;
    color: black;
    font-weight: 900;
    text-transform: none;
}
#usos9 .zonatit-subs {
    margin-top: 130px;
    max-width: 553px;
    font-size: 53px;
    line-height: 1;
    color: black;
    font-weight: 400;
    text-transform: none;
} 
#usos9 .poblacion {
	padding:16px 0px;
    margin: 148px auto 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
	border-top:4px solid black;
	border-bottom:4px solid black;
}
#usos9 .edades {
    /*color: black;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;*/
}
#usos9 .periodo {
    /*color: black;
    text-align: right;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;*/
}
#usos9 .slider1 {width:100%; height:100%; }
#usos9 .dividendo {
	margin-top:465px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: stretch;
}
#usos9 .fondu{overflow: hidden;}
#usos9 .grafica1-edu4 {
    width: 992px;
	    height: 638px;
}	
#usos9 .graf-bocatas {
    height: 638px;
    width: 992px;
    margin-bottom: -5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
}
#usos9 .graf-bocatas-cols {
    height: 100%;
    width: 207px;
    max-height: 638px;
    min-height: 638px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: flex-end;
}
#usos9 .divi-cols {
    width: 992px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: space-between;
}
.divi-cols-cols{width: 207px;}
#usos9 .col-blau {
    width: 207px !important;
    background-color: var(--my-color-azul-claro);
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: 'NeutraText'!important;
    font-size: 28px!important;
}
#usos9 .col-teula {
    width: 207px !important;
    background-color: #c94219;
    border: 6px solid black;
}
#usos9 .peusgraf {
    font-size: 37px;
    text-align: left !important;
    margin-top: 0px;
    font-weight: 700;
} 
#usos9 .val {font-size:93px;}
.val-teula {
    color: #c94219;
}
.intercol{color: white;
    font-weight: 700;
    text-align: left !important;
    line-height: 1.4;
    font-size: 27px;
    display: block;
    width: 87%;
    margin: 20px;}
.finalfondu {
	width:1861px;
	height:1139;
	/*background-image: url(img/finalfundo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;*/
    overflow: hidden;
	margin-bottom: 100px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;}
#usos9 .fila{
	height:78px;
	margin-top:78px;
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;}
.textvalor {width:323px;}
.textvalor span {font-weight:700; color:#fff; text-align:right; margin-right:34px; font-size:40px;display: block;}
.clorofila{border:6px solid black; background-color:#559290; height:78px;}
.value {
	margin-left:23px;
    font-size: 65px;
    font-weight: 700;
    text-align: left !important;
}
.clorofila-value {color:#559290;}
.primera{margin-bottom:149px;}
/*usos9*/



/*actitud1*/
	#actitud1{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden;background-color: #000}
	

	.column-fichas {width:2437px; position:absolute; left:0; right:0; margin:auto; top:397px; 	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;}
/*	.ficha{background-image:url(img/fitxa.png); background-repeat:no-repeat; background-position:center;background-size:100%; overflow:hidden; width:748px; height:1026px; position:relative; color:black !important;}*/
.ficha{border-radius: 45px;background-color: #161616; overflow:hidden; width:748px; height:1026px; position:relative; color:#fff !important;}
	.tit-ficha {    width: 510px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 78px;
    font-weight: 900;
    font-size: 97px;
    text-transform: uppercase;}
	.num-ficha {    position: absolute;
    left: 108px;
    top: 224px;
    font-weight: 700;
    font-size: 212px;
    text-transform: none;}

    .my-num-ficha{
    	text-align: center;
    	font-family: 'NeutraText'!important;
    	font-size: 335px!important;
    }

    .my-num-ficha-mini{
    	font-size: 220px!important;
    }

	.subtit-ficha {width:534px; position:absolute; left:108px; top:480px; font-weight:900; font-size: 48px; text-transform:uppercase; line-height:1.1;}
	.text-ficha{    width: 476px;
    /*position: absolute;
    left: 108px;
    top: 772px;*/
    font-weight: 400;
    font-size: 44px;
    text-transform: uppercase;
    line-height: 1.1;}
/*actitud1*/


/*actitud2*/
	#actitud2{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden; overflow:hidden;background-color: #000;}
.minificha{background-image:url(img/fitxa.png); background-repeat:no-repeat; background-position:center;background-size:contain; overflow:hidden; width:505px; height:656px; position:relative;}
.minificha .tit-ficha {
    width: 298px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 49px;
    font-weight: 900;
    font-size: 58px;
    text-transform: uppercase;
}
.minificha .num-ficha {    position: absolute;
    left: 85px;
    top: 141px;
    font-weight: 700;
    font-size: 128px;
    text-transform: none;}
.minificha	 .subtit-ficha {    width: 321px;
    position: absolute;
    left: 85px;
    top: 320px;
    font-weight: 900;
    font-size: 29px;
    text-transform: uppercase;
    line-height: 1.1;}

.minificha	.text-ficha{width: 300px;
   /* position: absolute;
    left: 85px;
    top: 524px;*/
    font-weight: 400;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 1.1;
} 
.situa-ficha{position:absolute; top:98px;right:77px; z-index:200;  transform: rotate(-10deg); }
.tit-gros-actitud {    position: absolute;
    top: 156px;
    left: -91px;
    right: 0;
    margin: auto;
    width: 485px;
    font-size: 79px;
    font-weight: 900;
    color: black;
    text-transform: uppercase;
    text-align: center;}
.sujetabolas{width:1692; position:absolute; top:277px; display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	left:530px; top:340px;}
.bola1, .bola2 {
    width: 649px;
    height: 649px;
    border-radius: 100%;
        box-shadow: rgb(0 0 0 / 15%) 10px 10px 10px;
}
.col-bolas{display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;}
.titbolas{font-size:87px; font-weight:700;}

.valores-bolas{display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;
	position:absolute; bottom:205px; left:530px; width: 1692;}
.col-valores-bolas {display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;}
.col-valores-bolas span {display:block;  text-align:left; font-weight:700; text-transform:uppercase; font-size:38px; }
/*actitud2*/


/*actitud3*/
	#actitud3{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden; background-color: #000; overflow:hidden;}
	.anoicono-red, .anoicono-groc {display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;}
	.anoicono-red {left:987px; top:422px; position:absolute;}
	.anoicono-groc{right:987px; top:422px; position:absolute;}
	.sujetagrafs{width: 2456px;
/*    background-color: #6ec6d8;*/
    height: 723px;
    position: absolute;
    bottom: 128px;
    left: 241px;}
	.flex-sujetagrafs{position:relative;width: 100%;
    height: 100%;}
	.actitud3-graf1{
		position:absolute; left:300px; bottom:222px;
		width:645px; height:680px; display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;}
		.actitud3-graf2{
			position:absolute; right:300px; bottom:222px;
			width:645px; height:680px; display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;}
	.actitud3-graf1-cols{
	height: 100%;
    width: 207px;
    max-height: 680px;
    min-height: 680px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: flex-end;}
	#actitud3 .col-groc {
    width: 135px;
    background-color: var(--my-color-naranja);
    border-top-left-radius: 15px;border-top-right-radius: 15px;
	}
	#actitud3 .col-teula {
    width: 135px;
    background-color: var(--my-color-azul-claro);
    border-top-left-radius: 15px;border-top-right-radius: 15px;
	}
	#actitud3 .col-blau {
    width: 207px;
    background-color: #3960aa;
    border: 0px solid black;
	}
	.valorcito{font-size:26px; font-weight:700; margin-top:30px; text-align:center; height:0px;}
/*actitud3*/



/*actitud4*/
	#actitud4{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden; background-color: #000; overflow:hidden;}
.tercero{top: 443px !important;}
.year{font-size:87px; font-weight:700;}
.favo {font-size:38px; text-transform:uppercase; font-weight:700; margin-bottom:75px;}
#actitud4 .col-bolas{position:absolute; top:462px; left:0; right:95px; margin:auto;}
.monigos {max-width: 325px;
    position: absolute;
    top: 683px;
    right: 595px;}
.arrou {    position: absolute;
    top: 734px;
    right: 999px;
}
.val-bola1{position:absolute; width:1740px; bottom:184px; left:0; right:0; margin:auto; display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;}
.col-va-bola1{	
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: center;}
.col-va-bola1 span {font-size:40px; text-transform:uppercase; font-weight:700; display:block; min-height:150px; text-align:center; width:100%;}
.posicionar{margin-top:-73px; margin-left:-100px;}
/*actitud4*/






/*actitud5*/
	#actitud5{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden; background-color: #000; overflow:hidden;}
	.sujetagraf-act5 {
    position: absolute;
    top: 393px;
    left: 581px;
    width: 1692;
}
#actitud5 .valores-bolas {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
    position: absolute;
    bottom: 158px;
    left: 600px;
    width: 1692;
}
#actitud5  .col-valores-bolas img {margin-left: 47px;}
#actitud5 .minificha .subtit-ficha {
    width: 367px;
    position: absolute;
    left: 85px;
    top: 304px;
    font-weight: 900;
    font-size: 36px;
    text-transform: uppercase;
    line-height: 1.1;
}
#actitud5 .minificha .text-ficha {
    width: 350px;
   /* position: absolute;
    left: 85px;
    top: 343px;*/
    font-weight: 400;
    font-size: 25px;
    text-transform: uppercase;
    line-height: 1.1;
}
#actitud5 .minificha .text-fichabis {
    width: 350px;
    position: absolute;
    left: 85px;
    top: 383px;
    font-weight: 400;
    font-size: 25px;
    text-transform: uppercase;
    line-height: 1.1;
}
/*actitud5*/




/*cultura1*/
	#cultura1{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden;background-color: #000; overflow:hidden;}
	.animate__animated.animate__pulse {--animate-duration: 5s;}
#cultura1  .ponter {
        position: absolute;
    z-index: 100;
    right: 498px;
    bottom: 686px;
}
	.xbox {position:absolute; left: 379px;
    bottom: 172px;}
	.yutub {
    position: absolute;
    left: 992px;
    bottom: 675px;
	}
	.kenzazpi {
    position: absolute;
    right: 711px;
    top: 680px;
    width: 209px;
	}
	.anari {
    position: absolute;
    right: 911px;
    top: 480px;
    width: 250px;
	}
	.intxi {
    position: absolute;
    right: 231px;
    top: 386px;
    width: 320px;
	}
	.paritu {
    position: absolute;
    right: 630px;
    top: 195px;
    width: 307px;
	}
	.kroko {
    position: absolute;
    left: 67px;
    bottom: 109px;
    width: 171px;
    transform: rotate(-7deg);
	box-shadow: rgb(0 0 0 / 75%) 0px 35px 25px -10px;
	}
	.itxaro {
    position: absolute;
    left: 98px;
    bottom: 369px;
    width: 128px;
    transform: rotate(-1deg);
	box-shadow: rgb(0 0 0 / 75%) 0px 35px 25px -10px;
	}
	.anari {
    position: absolute;
    right: 993px;
    top: 372px;
	width: 314px;
	}
	.aupa {
    position: absolute;
    left: 222px;
    bottom: 369px;
    width: 152px;
    transform: rotate(-1deg);
	box-shadow: rgb(0 0 0 / 75%) 0px 35px 25px -10px;
	}
	.black-is-b {
    position: absolute;
    left: 43px;
    bottom: 620px;
    width: 168px;
    transform: rotate(0deg);
	box-shadow: rgb(0 0 0 / 75%) 0px 35px 25px -10px;
	}
	.denok {
    position: absolute;
    left: 160px;
    top: 79px;
    width: 476px;
    transform: rotate(0.1deg);
	}
	.gip {
        position: absolute;
    left: 807px;
    top: 18px;
    width: 566px;
    transform: rotate(0deg);
	}
	/*cultura1*/
	
	/*cultura2*/
	#cultura2{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden; background-color: #000; overflow:hidden;}
	.libros{    font-size: 40px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    line-height: 1;
    max-width: 450px;
    position: absolute;
    left: 228px;
    top: 365px;}
	.titulos{font-size:62px; font-weight:700; text-align:left; text-transform:uppercase; line-height:1; max-width:423px; position:absolute;     left: 1539px;
    top: 422px;
}
	.percent{font-size:110px; font-weight:700; text-align:left; text-transform:uppercase; line-height:1; max-width:456px; position:absolute;     right: 680px;
    bottom: 580px;}
	.edicion{font-size:37px; font-weight:700; text-align:left; text-transform:none; line-height:1.4; max-width:378px; position:absolute;     right: 525px;
    bottom: 420px;}
	/*cultura2*/
	
	
	/*cultura3*/
	#cultura3{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden; background-color:#000;}
	.espectaculos{font-size:38px; font-weight:700; text-align:center; text-transform:uppercase; line-height:1;     width: 357px;
    height: 412px; position:absolute;left: 158px;
    top: 92px;background-image:url(img/romb-espec.png); background-repeat:no-repeat; background-position:center center;background-size:100%; display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
	.espectaculos span {padding:30px;}
	.columna-izquierda{width:442px; position:absolute; left: 158px;top: 590px; display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;}
	#cultura3 .bertsolari{ font-size:32px; font-weight:700; text-align:left; text-transform:uppercase; line-height:1;}
	.supernum{ font-size:187px; font-weight:700; text-align:left; text-transform:uppercase; line-height:1;letter-spacing: -4px;}
	.supernum sup{font-size:99px;}
	.divi-espec{margin:36px 0;}
	.menosmar{margin:46px 0 22px 0 !important;}
	.minusmar{margin:22px 0 0px 0 !important;}
	.columna-derecha{width:2177px; height:1826px; position:absolute; right:114px; top:34px; background-image:url(img/columna-derecha-cult3.png); background-repeat:no-repeat; background-position: center;background-size:auto; overflow:hidden;}
	.columna-derecha-tits{
	width:360px; position:absolute; top:34px; right:1768px;	
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-end;
	align-content: flex-end;}
	.columna-derecha-tits span{display:block; text-transform:uppercase; font-size:32px; line-height:1.1; text-align:right; font-weight:700; margin-bottom:296px;}
	#cultura3 .columna-derecha-tits span.last {margin-top:-30px; margin-right:0px;}
	.columna-derecha-ley{
	width: 187px;
    position: absolute;
    bottom: 0;
    right: 2310px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;}
	.columna-derecha-ley span{display:block; height:63px; text-transform:uppercase; font-size:22px; line-height:1.1; text-align:right; font-weight:700; margin:14px 0px;}
	#cultura3 .columna-derecha-ley span.last {margin-right:0px;}
	
	
	/*cultura3*/
	
	
	/*cultura4*/
	#cultura4{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden; background-color: #000!important; overflow:hidden; background-color:white;}
	.bertsolaris{font-size:40px; font-weight:700; text-align:left; text-transform:uppercase; line-height:1; max-width:330px; position:absolute;     left: 232px;
    top: 549px;}
	#cultura4 .titulos{font-size: 42px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    line-height: 1;
    max-width: 745px;
    position: absolute;
    left: 651px;
    top: 670px;
	}
	.bertsolari{display:block; font-size:56px; font-weight:700; text-align:left; text-transform:uppercase; line-height:1.3;}
	.cult4-gipu{width: 470px;
    position: absolute;
    left: 620px;
    bottom: 191px;
	}
	.cult4-biz{width:470px; position:absolute; left: 1084px;
    bottom: 638px;}
	.cult4-cae{width:470px; position:absolute;     left: 1805px;
    bottom: 456px;}
	.cult4-ala{width:470px; position:absolute; right: 299px;
    top: 731px;}
	.cult4-nav{width:470px; position:absolute; right: 366px;
    top: 926px;}
	.cult4-nort{width:470px; position:absolute;     right: 366px;
    top: 1198px;
}

	
	
	
	
	
	
	/*cultura4*/
	
	
	
	
	
	
		/*cultura5*/
	#cultura5{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden; background-color: #000; overflow:hidden;}
	.videojuegos{font-size: 44px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    line-height: 1;
    max-width: 330px;
    position: absolute;
    left: 211px;
    top: 635px;
    display: block;
    min-width: 390px;
    text-align: center;}
	#cultura5 .titulos{font-size:77px; font-weight:900; text-align:left; text-transform:uppercase; line-height:1; max-width:1120px; position:absolute;     left: 870px;
    top: 478px;
}
	#cultura5 .percent{font-size:138px; font-weight:700; text-align:left; text-transform:uppercase; line-height:1; max-width:456px; position:absolute;right: 632px;
    bottom: 493px;}
	.masque{font-size: 59px;
    font-weight: 700;
    text-align: center;
    text-transform: none;
    line-height: 1.2;
    max-width: 300px;
    position: absolute;
    right: 605px;
    bottom: 266px;}
	/*cultura5*/
	
	
	
	
	
						/*sanidad1*/
	#sanidad1{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden; background-color: #000;overflow:hidden;}
	.pacientes {width:1971px; color:white; text-transform:uppercase; font-weight:700; line-height:1.3; font-size:61px; text-align:left; position:absolute; top:262px; left:440px;}
	.pacientes-year {color:white; text-transform:uppercase; font-weight:400; line-height:1.3; font-size:61px; text-align:left; position:absolute; top:423px; left:440px;}
	.pacientes-supernum {margin-top: -100px;margin-left:-75px !important; color:white; text-transform:uppercase; font-weight:900; line-height:1.3; font-size:605px; text-align:center; letter-spacing:-15px}
	.osakidetza{position:absolute; bottom:111px; left:364px;}
	.gente{margin-top:130px;margin-left: -100px;}
	.sanidad-pop {background-color:#c7c6c8 !important; bottom:0px !important; z-index:1000; height: 660px; }
	#sanidad1 .topoblanco {
    position: absolute;
       top: 387px;
    right: 187px;
    width: 245px;
    height: 282px;
    background-image: url(img/strokeblanco.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
   z-index: 100;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}#sanidad1 .topoblanco img {
    margin-bottom: 10px;
    margin-left: -20px;
    max-width: 51%;
}#sanidad1 .blur {
    -webkit-filter: blur(3px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}#sanidad1 .carpeta {
    width: 1914px;
    height: 1618px;
    position: absolute;
    top: 120px;
    right: 174px;
    z-index: 10000;
    background-color: #ffffff;
    border-radius: 50px;
}#sanidad1 .titliders {
        text-align: left;
    width: 71%;
    position: absolute;
    z-index: 10;
    top: 81px;
    left: -397px;
    font-size: 51px;
    line-height: 1;
    color: black;
    font-weight: 900;
    text-transform: uppercase;
}
.osasuna{width:1916px; height:690px; background-image:url(img/osasunafons.png); background-repeat:no-repeat; background-position:center center;background-size:100%; }
.osa-tit{position:absolute; top: -5px;
    left: 76px; font-size:40px; font-weight:700;}
.leg-osa-red{font-size:30px; font-weight:700; color:#c84527;position:absolute; top: 643px;
    left: 420px;}
.leg-osa-blau{ font-size:30px; font-weight:700; color:#56c6eb;  position:absolute; top: 643px;
    left: 143px;}
.leg-osa-verd{ font-size:30px; font-weight:700; color:#589493; position:absolute; top: 643px;
    left: 740px;}
	.info-leg-osa{position:absolute; left: 74px;
    top: 750px;}
	.info-leg-osa span{display:block; font-size:22px; font-weight:400; margin-bottom:6px;}
.bolsa-osa{
	position: absolute;
    left: 80px;
    top: 36%;
    width: 1484px;}
	.bolsa-osa-col{max-width:1484px; min-width:1484px; width:100%;display: flex;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: stretch;}
	.row-red{
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: stretch;
		height:50px; border:4px solid black; background-color:#c84527;margin-top:-3px;}
	.row-blau{
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: stretch;
		height:50px; border:4px solid black;background-color:#56c6eb; }
	.row-verd{
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: stretch;
		height:50px; border:4px solid black;background-color:#589493;margin-top:-3px;}
	.row-red span, .row-blau span, .row-verd span {font-size:22px; font-weight:700; color:white; text-align:right; margin-right:10px;}
	.infosasuna{font-size: 24px;
    font-weight: 700;
    text-align: center;
    width: 133px; 
    position: absolute;
    top: 70px;
    right: 109px;
}
	.colnegra{    position: absolute;
    top: 313px;
    right: 124px;
    max-height: 262px;
    height: 100%;
    min-height: 262px;}
	.colnegra-col{width:100px; background-color:black;}
	.colnegra-val{margin-bottom: 10px;
    font-size: 30px;
    font-weight: 700;
    text-align: center;}
	.botis-negro {
    width: 207px;
    height: 101px;
    border: 6px solid black;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 53px;
    font-weight: 700;
    color: white;
    background-color: #000 !important;
    text-align: center;
    border-radius: 40px!important;
}.osa-botis{width:900px !important; position:absolute; bottom:100px; left:0; right:0; margin:auto !important; }
	/*sanidad1*/
	
	
	
				/*redes1*/
	#redes1{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden; background-image:url(img/redes1.png); background-repeat:no-repeat; background-position:center center;background-size:auto; overflow:hidden;}
	.device1-contents{position:relative; width:100%; height:100%; display:block;}
	.device1 {position:absolute; left:335px; top:376px; width:514px; height:1025px;background-image:url(img/device1.png); background-repeat:no-repeat; background-position:center center;background-size:auto; overflow:hidden; transition-timing-function: ease-in-out;}
	.top-device1{width:355px; position:absolute; left:54px; top:197px; font-size:20px; color:white; text-align:left; line-height:1; font-weight:500;}
	.num-device1{width:344px; position:absolute; left:54px; top:383px; font-size:74px; color:white; text-align:left; line-height:1; font-weight:700;}
	.text-device1 {width:344px; position:absolute; left:54px; top:490px; font-size:25px; color:white; text-align:left; line-height:1; font-weight:500; text-transform:uppercase;}
	.num2-device1{width:577px; position:absolute; left:54px; top:631px; font-size:74px; color:white; text-align:left; line-height:1; font-weight:700;}
	.text2-device1 {width:644px; position:absolute; left:54px; top:710px; font-size:25px; color:white; text-align:left; line-height:1; font-weight:500; text-transform:uppercase;}
	.device2-contents{position:relative; width:100%; height:100%; display:block;}
	.device2 {position:absolute; left:1129px; bottom:98px; width:725px; height:1006px;background-image:url(img/device2.png); background-repeat:no-repeat; background-position:center center;background-size:auto; overflow:hidden; transition-timing-function: ease-in-out;}
	.top-device2{width:392px; position:absolute; left:74px; top:210px; font-size:34px; color:black; text-align:left; line-height:1; font-weight:700; text-transform:uppercase;}


	.top-device3{font-family: 'Georgia', sans-serif !important;  position:absolute; right:56px; top:130px; font-size:40px; color:black; text-align:left; line-height:1; font-weight:500;}
	.device3-contents{position:relative; width:100%; height:100%; display:block;}
	.device3 {position:absolute; right:286px; top:180px; width:614px; height:1029px;background-image:url(img/device3.png); background-repeat:no-repeat; background-position:center center;background-size:auto; overflow:hidden; transition-timing-function: ease-in-out;}
	.tit1-device3{font-family: 'Georgia', sans-serif !important;  position:absolute; left: 189px;
    top: 251px; font-size:33px; color:black; text-align:left; line-height:1; font-weight:500;}
	.num1-device3{width:374px; position:absolute; left:189px; top:329px; font-size:90px; color:black; text-align:left; line-height:1; font-weight:700;}
	.tit2-device3{font-family: 'Georgia', sans-serif !important;  position:absolute; left:189px; top:464px; font-size:26px; color:black; text-align:left; line-height:1; font-weight:500;}
	.num2-device3{width:374px; position:absolute; left:189px; top:524px; font-size:90px; color:black; text-align:left; line-height:1; font-weight:700;}
	.paginas{font-family: 'Georgia', sans-serif !important;  position:absolute; left:189px; top:735px; font-size:17px; color:black; text-align:left; line-height:1; font-weight:500;}
	.paginas-num{    position: absolute;
    right: 294px;
    top: 831px;
    font-size: 36px;
    color: black;
    text-align: left;
    line-height: 1;
    font-weight: 700;}
	.visitas{font-family: 'Georgia', sans-serif !important;
    position: absolute;
    right: 109px;
    top: 720px;
    font-size: 17px;
    color: black;
    text-align: left;
    line-height: 1;
    font-weight: 500;
    width: 100px;
	}
	.visitas-num{    position: absolute;
    right: 94px;
    top: 831px;
    font-size: 36px;
    color: black;
    text-align: left;
    line-height: 1;
    font-weight: 700;}
	.graf-device2 {width:470px; height:260px; position:absolute; bottom:332px; left:-62px; right:0; margin:auto;display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;}
	.graf-device2-col{
		 
		display: flex;
	flex-direction: column;
			height:100%; max-height:260px; min-height:260px; width:140px;}
	.cero{position:relative;background-color:#535dad;}
	.diez{position:relative;background-color:#599ecd;}
	.venticinco{position:relative;background-color:#858fc9;}
	.cincuenta{position:relative;background-color:#a0a5d5;}
	.setentaicinco{position:relative;background-color:#0070ad;}
	.cien{position:relative;background-color:#53b0e5;}
	.text-graf-device2{width:470px; position:absolute; bottom:299px; left:-62px; right:0; margin:auto;display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;}
	.text-graf-device2-col{    width:140px;
        font-size: 11px;
    color: black;
    text-align: center;
    line-height: 1;
    font-weight: 700;
	text-transform:uppercase;}
	.numvalores-left{position:absolute; left:3px; bottom:-2px; z-index:300; color:black; text-align:center; font-size:15px;}
	.numvalores-right{position:absolute; right:3px; bottom:-2px; z-index:300; color:black; text-align:center; font-size:15px;}
	.leyes-device2 {
		width:120px;
		display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: center;}
	.leyes-device2 span {text-align:center; font-size:15px; font-weight:700;}
	.leyes-device2 img {max-width:40px; margin-bottom:20px;} 
	.ley-device2{
		position:absolute; bottom:85px; left:-62px; right:0; margin:auto;
		width:470px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;}
	.device2-grow{-webkit-transform: scale(1.5); 
      -ms-transform: scale(1.5); 
          transform: scale(1.5);
		  bottom:426px;}

		 .device1-blur, .device2-blur, .device3-blur{-webkit-filter: blur(3px); 
	-moz-filter: blur(10px); 
	-o-filter: blur(10px); 
	-ms-filter: blur(10px); 
	filter: blur(10px);
	} 
	/*redes1*/

	/*redes1-bis*/
	#redes1-bis{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden; background-image:url(img/redes1.png); background-repeat:no-repeat; background-position:center center;background-size:auto; overflow:hidden;}
	#redes1-bis-popup .mas-info-text {
    margin-bottom: 0px;
    padding: 180px 100px 0px 46px;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif !important;
	}
	#redes1-bis-popup .mas-info-tit {
        position: absolute;
    top: 16px;
    left: 118px;
    font-weight: 300;
    font-size: 27px;
    color: #050708;
    font-family: 'Open Sans', sans-serif !important;
	}
	#redes1-bis-popup .mas-info-tit span{
    font-weight: 300;
    font-size: 17px;
    color: black;
    font-family: 'Open Sans', sans-serif !important;
	display:block;
	}
	#redes1-bis-popup .mas-info-text span {    font-weight: 400;
    font-size: 28px;
    line-height: 1.2; margin-bottom:40px;     display: block;}
	.redes1-bis-pop {
		box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    right: 300px !important;
    bottom: 40px !important;
    position: absolute !important;
    height: 1124px !important;
    width: 751px !important;
	background-image:url(img/special-info.png); background-repeat:no-repeat; background-position:center center;background-size:auto; overflow:hidden;
	}
	.redes1-bis-pop-pop {border:0px !important;}
	/*redes1-bis*/
	
	/*redes2*/
	#redes2{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden; background-image:url(img/redes1.png); background-repeat:no-repeat; background-position:center center;background-size:auto; overflow:hidden;}
			  .device3-grow{-webkit-transform: scale(1.5); 
      -ms-transform: scale(1.5); 
          transform: scale(1.5);
		      top: 388px;    right:40%;}
	#redes2 .device1 {
    position: absolute;
    left: 2255px;}
	#redes2 .device2 {
    position: absolute;
    left: 255px;
    bottom: 389px;}
	/*redes2*/
	
	/*redes2-bis*/
	.special-pop {position:absolute; right:707px; bottom:152px; width:505px; height:1056px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; border-radius: 70px;}
	.special-pop-pop {border-radius: 70px;
    width: 515px;
    height: 1056px;
    background-image: url(img/special-pop.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    overflow: hidden;
    border: 0px !important;
    margin-left: -7px;}
	#redes2-bis-popup .mas-info-tit {
    position: absolute;
	top: 200px;
    left: 50px;
    font-weight: 700;
    font-size: 41px;
	font-family: 'Georgia', sans-serif !important;
	}
	#redes2-bis-popup .mas-info-text {
    font-weight: 400;
    font-size: 31px;
    line-height: 1.4;
    margin-bottom: 0px;
    padding: 0px;
    font-family: 'Georgia', sans-serif !important;
    width: 425px;
    position: absolute;
    top: 346px;
    left: 50px;
	}
	#redes2-bis-popup .tanca {
    width: 45px;
    height: 45px;
    top: 43px;
    right: 51px;
    position: absolute;
    z-index: 201;
	}
	/*redes2-bis*/
	
	/*redes3*/
	#redes3{position:relative; height:1881px; width:2959px; border-radius:75px; overflow:hidden; background-image:url(img/redes1.png); background-repeat:no-repeat; background-position:center center;background-size:auto; }
			#redes3  .device1-grow{-webkit-transform: scale(1.5); 
      -ms-transform: scale(1.5); 
          transform: scale(1.5);
		      top: 388px;    left:45%;}
	#redes3 .device3 {
    position: absolute;
    left: 2113px;}
	#redes3 .device2 {
    position: absolute;
    left: 193px;
    top: 400px;}
	/*redes3*/

	/*redes3-bis*/
	.dark-pop {position:absolute; right:203px; bottom:400px; width:861px; height:789px; box-shadow: rgba(0, 0, 0, 0.45) 0px 45px 40px -20px; border-radius: 10px;}
	.dark-pop-pop {border-radius: 10px;
    width: 866px;
    height: 791px;
    background-image: url(img/dark-pop.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    overflow: hidden;
    border: 0px !important;
    margin-left: -7px;}
	#redes3-bis-popup .mas-info-tit {
        position: absolute;
    top: 43px;
    left: 147px;
    font-weight: 300;
    font-size: 27px;
    color: white;
    font-family: 'Open Sans', sans-serif;
	}
	#redes3-bis-popup .mas-info-text {
    font-weight: 400;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 0px;
    padding: 0px;
    color: white;
    font-family: 'Open Sans', sans-serif;
    width: 754px;
    position: absolute;
    top: 187px;
    left: 50px;
	}
	#redes3-bis-popup .mas-info-text span {display:inline;}
	.hastag {color:#1595d3; margin-left:20px; }
	#redes3-bis-popup .tanca {
	width: 45px;
    height: 45px;
    top: 17px;
    right: 19px;
    position: absolute;
    z-index: 201;
	}

	.dark-sabiasque {position:absolute; left:174px; bottom:248px; width:861px !important; height:681px !important; box-shadow: rgba(0, 0, 0, 0.45) 0px 45px 40px -20px; border-radius: 10px;}
	.dark-sabiasque-pop {border-radius: 10px;
    width: 866px !important;
    height: 681px !important;
    background-image: url(img/dark-sabiasque.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    overflow: hidden;
    border: 0px !important;
    margin-left: -7px;}
	#redes3-bis-sabiasque .mas-info-tit {
        position: absolute;
    top: 43px;
    left: 147px;
    font-weight: 300;
    font-size: 27px;
    color: white;
    font-family: 'Open Sans', sans-serif;
	}
	#redes3-bis-sabiasque .mas-info-text {
    font-weight: 400;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 0px;
    padding: 0px;
    color: white;
    font-family: 'Open Sans', sans-serif;
    width: 754px;
    position: absolute;
    top: 187px;
    left: 50px;
	}
	#redes3-bis-sabiasque .mas-info-text span {display:block; margin-bottom:30px;}
	.hastag {color:#1595d3; margin-left:10px; }
	#redes3-bis-sabiasque .tanca {
	width: 45px;
    height: 45px;
    top: 17px;
    right: 19px;
    position: absolute;
    z-index: 201;
	}
	/*redes3-bis*/
	
	
	/*fuentes pop*/

	#fuentespopup {
    /*position: absolute;
    top: 300px;
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
	z-index:999999;
	background:white;*/
	position: absolute;
    /* top: 300px; */
    /* width: 50%; */
    /* left: 0; */
    right: 300px;
    margin: auto;
    z-index: 999999;
    background: white;
    bottom: -10px;
	}
	.fuentes-tit{display: block;
    font-weight: 700;
    font-size: 43px;
    line-height: 1.1;
    margin-bottom: 62px;}
	.fuentes-text {display: block;
    font-weight: 400;
    font-size: 43px;
    line-height: 1.1;
    margin-bottom: 42px;
	}
	#fuentes.cos-pop{padding: 150px 80px 80px 80px;
    width: 80%;
    margin: 2% auto 2%;}
	/*fuentes pop*/
	
	
	
	/*fondos que se mueven*/
	
		
	
	.card__bg__image {
  height: calc(100% + 30px);
  width: calc(100% + 30px);
  -webkit-animation: card-shift 12s ease-in-out infinite;
  animation: card-shift 12s ease-in-out infinite;
  position: absolute;
  z-index: -3;
  top:0;
  left:0;
  right: 0;
  bottom: 0;
}

.card__bg_image img {
  object-fit: fill;
}

@-webkit-keyframes card-shift {
 0% {
  -webkit-transform:translate3d(-30px,0,0);
  transform:translate3d(-30px,0,0)
 }
 25% {
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 50% {
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 75% {
  -webkit-transform:translate3d(-30px,0,0);
  transform:translate3d(-30px,0,0)
 }
 to {
  -webkit-transform:translate3d(-30px,0,0);
  transform:translate3d(-30px,0,0)
 }
}
@keyframes card-shift {
 0% {
  -webkit-transform:translate3d(-30px,0,0);
  transform:translate3d(-30px,0,0)
 }
 25% {
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 50% {
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0)
 }
 75% {
  -webkit-transform:translate3d(-30px,0,0);
  transform:translate3d(-30px,0,0)
 }
 to {
  -webkit-transform:translate3d(-30px,0,0);
  transform:translate3d(-30px,0,0)
 }
}





@keyframes float {
	0% {
		
		transform: translatey(0px);
	}
	50% {
		
		transform: translatey(-20px);
	}
	100% {
		
		transform: translatey(0px);
	}
}
.mecentro{position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: auto;
	}
.float {
    animation: float 6s ease-in-out infinite;
    opacity: 1;
}
.mareox {
    animation: mareox 10s ease-in-out infinite;
    opacity: .4;
}
	
@keyframes mareox {
	0% {
		
		transform: translatex(20px);
	}
	50% {
		
		transform: translatex(0px);
	}
	100% {
		
		transform: translatex(20px);
	}
}

	
	
.zon-left {
    width: 986px;
	height: 1881px;
   /* background-image: url(img/bizcaya-foto.png);
    background-repeat: no-repeat;
    background-position: -921px;
    background-size: auto;*/
	background-color:#579391;
    border-radius: 75px 0px 0px 75px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
	position:relative;
}	

.zon-center {
    width: 987px;
	height: 1881px;
   /* background-image: url(img/alava-foto.png);
    background-repeat: no-repeat;
    background-position: -1000px;
    background-size: auto;*/
	background-color:#ef8057;
	  border-radius: 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
	position:relative;
}

.zon-right {
    width: 986px;
	height: 1881px;
   /* background-image: url(img/gipuzcoa-foto.png);
    background-repeat: no-repeat;
    background-position: -28px;
    background-size: auto;*/
	background-color:#6fc8d9;
    border-radius: 0px 75px 75px 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
        justify-content: flex-start;
    align-content: flex-start;
	position:relative;
}
.fondo-verde{background-color:#579391;}
.fondo-naranja{background-color:#ef8057;}
.fondo-azul{background-color:#6fc8d9;}





/*diaspora1*/
.diaspora-tits{position:absolute; left:82px; top:542px; bottom:0; margin:auto;max-width: 500px;}
.diaspora-tits .titsg {
	display:block;
	font-size: 87px;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.1;
    }
	.diaspora-tits .titsp{
		display:block;
	margin-top:40px;
	font-size: 67px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.1;
    }
.casas-tits{position:absolute; right:82px; top:580px; bottom:0; margin:auto;max-width: 300px; display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;}
.casas-tits .titsg {
	display:block;
	margin-top:60px;
	font-size: 67px;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
    line-height: 1;
    }
	.casas-tits .titsp{
		display:block;
	margin-top:60px;
	font-size: 47px;
    font-weight: 400;
    text-align: left;
    text-transform: none;
    line-height: 1.1;
    }
	.continentes {width:1321px; display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;
	position:absolute; top:1160px; left:0; right:0; margin:auto; }
	.continente{display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    width: 174px;
    height: 189px;
    border: 6px solid black;
    font-size: 26px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.1;
    padding: 12px;
	color:black !important;}
	.mundo{background-color:#59c4e8;}
	.amnor{background-color:#579290;}
	.amsur{background-color:#d1bb47;}
	.europ{background-color:#c74324;}
	.afri{background-color:#f08157;}
	.asi{background-color:#757bba;}
	.melevo{margin-top:-80px;}
	.lectorado-tits{position:absolute; left:266px;  bottom:86px; max-width: 450px;}
.lectorado-tits .titsg {
	display:block;
	margin-top:60px;
	font-size: 57px;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.1;
    }
	.lectorado-tits .titsp{
		    display: block;
    margin-top: 60px;
    font-size: 52px;
    font-weight: 400;
    text-align: left;
    text-transform: none;
    line-height: 1.1;
    max-width: 300px;
    }
	.datos-dias{width:555px; bottom:40px; left:1272px;display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;}
	.datos-dias-col {width:209px; display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;}
	.cabezaspan {font-size:28px; font-weight:400;margin-bottom:40px;display:block;}
	.datospan {font-size:38px; font-weight:400;display:block;}
	.gordo{font-weight:700;}
	.blancas{color:white !important;}
	#scrollable-content {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
	    height: 405px;
    }
	.datos-centros{
		flex-direction: column;
		display:flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;}
	.datos-centros::-webkit-scrollbar {   	
    display: none !important;
	}
	.datos-centros li {margin:16px 0px; text-align:left; line-height:1.1; font-size:30px; font-weight:400; list-style:none !important;}
	.datos-centros li:first-child{margin-top:0px !important;}
	.mecoloco{position:absolute; right:82px; bottom:250px;}
/*diaspora1*/

/*variaciones diaspora*/
#diaspora1 {background-color:#f3f0f0;}
.fondcasas{overflow: hidden;
    background-image: url(img/fondcasas.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto;}
.fondmund-lect{overflow: hidden;
    background-image: url(img/worldmap.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto;}
.fondeuro-lect {
    overflow: hidden;
    background-image: url(img/foneuro.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto;
}
.fondamnor-lect {
    overflow: hidden;
    background-image: url(img/fonamnor.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto;
}
.fondamsur-lect {
    overflow: hidden;
    background-image: url(img/fonamsur.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto;
}
.fondasia-lect {
    overflow: hidden;
    background-image: url(img/fonasia.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto;
}
.fondafri-lect {
    overflow: hidden;
    background-image: url(img/fonafri.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto;
}



#usos2 .titliders,#usos5 .titliders {
    text-align: left;
    width: 100%;
    position: absolute;
    z-index: 10;
    top: 81px;
    left: 5%;
    font-size: 60px;
    line-height: 1;
    color: black;
    font-weight: 900;
    text-transform: uppercase;
}
#usos2 .euskalherria-bocatas{position: absolute;
position: absolute;
    top: 268px;
    left: 256px;
    width: 1354px;
    height: 1120px;
    background-image: url(img/euskalherria-bocatas.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;}

.bizmapa-usos, .gipmapa-usos, .lapmapa-usos, .bajmapa-usos, .alamapa-usos, .navmapa-usos{font-size:26px; font-weight:700; position:absolute;}
.bizmapa-usos span, .gipmapa-usos span, .lapmapa-usos span, .bajmapa-usos span, .alamapa-usos span, .navmapa-usos span {display:block; font-size:42px;}
.bizmapa-usos{left: 257px;
    top: 166px;}
.gipmapa-usos{    left: 525px;
    top: 241px;}
.lapmapa-usos{left: 826px;
    top: 14px;
}
.bajmapa-usos{left: 1149px;
    top: 116px;}
.alamapa-usos{left: 303px;
    top: 497px;}
.navmapa-usos{left: 796px;
    top: 525px;}
	
	
	


.botis{width:486px; display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin-top:120px;}
.botis-nar{width:207px; height:101px; border:6px solid black; display:flex;	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center; font-size:53px; font-weight:700; color:white; background-color:#f18156 !important; text-align:center;}
.botis-lila{width:207px; height:101px; border:6px solid black; display:flex;	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center; font-size:53px; font-weight:700; color:white; background-color:#757bba; text-align:center;}
.botis-blanco{width:207px; height:101px; border:6px solid black; display:flex;	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center; font-size:53px; font-weight:700; color:black; background-color:white; text-align:center;border-radius: 40px;}
.graf-crec{display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
	align-content: stretch;
	width:1732px;
	    height: 501px;
    margin-bottom: -21px;;
	}
	.foundi{
		/*background-image: url(img/fondui.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto;*/
    margin-bottom:170px;
    margin-top:230px;
}
	.ferst{margin-left:130px;}.lest{margin-right:40px;}
.graf-crec-col{width:78px;
display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: stretch;
	height:97%;
	/*min-height:510px;
	max-height:510px;*/}
.graf-crec-col-valtop{text-align: center;
    margin-bottom: 1px;
    font-weight: 700;
    font-size: 26px;
}
.graf-crec-col-valpeu{text-align:center; margin-top:9px; font-weight:700; font-size:24px;}
.nar{background-color:#f18156 !important;}
.col-crec{background-color:#757bba;  width:50px; margin:0 auto; border-top-left-radius: 15px;border-top-right-radius: 15px;}
.carpetaponter {
    position: absolute;
    bottom: 190px;
    right: 542px;
    z-index: 1000;
}
.titgrafedad {
    position: absolute;
    bottom: 300px;
    left: 0;
    right: 0;
    margin: auto;
    font-weight: 700;
    font-size: 42px;
    width: 200px;
    text-align: center;
    color: #fff;
}






/*finalizar*/
#finalizar {background-color:#6ec6d8;}
#finalizar .carpetaponter {
    position: absolute;
    bottom: 505px;
    right: 792px;
    z-index: 1000;
}
.bocata-fin {position: absolute;
    left: 276px;
    top: 756px;
    width: 1306px;
    height: 581px;
    background-image: url(img/bocata-fin.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    z-index: 3;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
	.bocata-fin span {display: block;
    font-size: 113px;
    font-weight: 900;
    text-transform: uppercase;
    max-width: 955px;
    text-align: center;
    margin-top: -155px;}
	.resultado-fin{z-index: 3;
		position:absolute; right:384px; top:756px;
		width:932px; height:438px;background-image: url(img/resultado-fin.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;	}
	.result-content{
		width:100%; heigth:100%;
		display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
	.fin-numero{font-weight: 700;
    font-size: 99px;
    /* margin-left: 60px; */
    color: black !important;
    min-width: 400px;}
/*finalizar*/

.doomsday {
z-index:2;
    width: 960px;
    height: 693px;
    position: absolute;
    bottom: 0px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
   align-items: flex-end;
    align-content: stretch;
}
.doomsday-col {
    	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    height: 100%;
    max-height: 693px;
    min-height: 693px;
    width: 420px;
}
.doomsday-valores{position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 300;
    color: black;
    text-align: center;
    font-size: 25px;
    display: block;}
	.doomsday-verde{ width: 420px;   position: relative !important;
    background-color: var(--my-color-azul-claro);
}
	.doomsday-pista{ width: 420px;   position: relative !important;
    background-color:  var(--my-color-verde);
}
	.doomsday-blu{  width: 420px;  position: relative !important;
    background-color:  var(--my-color-rojo);
}
.doomsday-text{    display: block;
    font-size: 25px;
    text-align: center;
    font-weight: 700;}
.peusday{
width: 960px;
    position: absolute;
    bottom: 513px;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    align-content: stretch;}	
.peusday-col {
    	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
       width: 420px;
}
.doomsday-base{position: absolute;
    left: 0;
    right: 0;
    top: 542px;
    margin: auto;
    z-index: 1;}
	
.bizminimapa{position: absolute;
    top: 133px;
    left: 119px; font-weight:700;}
.gipminimapa{position: absolute;
    top: 150px;
    right: 81px;font-weight:700;
}
.alaminimapa{position: absolute;
    top: 225px;
    left: 143px;font-weight:700;
}


#vascohablantes-4b .sabiasque-text {
    font-weight: 400;
    font-size: 63px;
    line-height: 1.1;
    margin-bottom: 62px;
    padding: 270px 0px 300px 0px !important;
    width: 61%;
    margin: 0% auto 0;
}

.triple-valores-bis {
    width: 214px;
	word-break:break-word;
}


.nombresito {
    text-align: center;
    font-size: 27px;
    font-weight: 700;
    color: black;
    line-height: 1;
    text-transform: none;
    max-width: 360px;
    min-height: 120px;
    margin: 65px auto 0;
}

.text-center{
	text-align: center;
}

.ocultarContenido{
	display: none;
}

.font-family-NeutraText{
	font-family: 'NeutraText';
}

.my-fc-color-azul{
	color: var(--my-color-azul)!important;	
}

.my-fc-color-azul-claro,.my-num-ficha-2,.my-text-ficha-2{
	color: var(--my-color-azul-claro)!important;	
}

.my-fc-color-morado,.my-num-ficha-1,.my-text-ficha-1{
	color: var(--my-color-morado)!important;	
}

.my-fc-color-rojo{
	color: var(--my-color-rojo)!important;	
}

.my-fc-color-naranja,#educacion2 .bocatas-gran{
	color: var(--my-color-naranja)!important;	
}

.my-fc-color-naranja-fuerte,.my-fecha{
	color: var(--my-color-naranja-fuerte)!important;	
}

.my-fc-color-amarillo,.my-num-ficha-3,.my-text-ficha-3{
	color: var(--my-color-amarillo)!important;	
}

.my-fc-color-verde{
	color: var(--my-color-verde)!important;	
}

.my-fc-color-blanco{
	color: var(--my-color-blanco)!important;	
}

.my-bg-color-morado,.my-num-col-superior.morado{
	background-color: var(--my-color-morado)!important;	
}

.my-bg-color-morado-op{
	background-color: var(--my-color-morado-op)!important;	
}

.my-bg-color-azul{
	background-color: var(--my-color-azul)!important;	
}

.my-bg-color-azul-claro,.my-num-col-superior.azul-claro,.col-azul-claro,.my-clorofila{
	background-color: var(--my-color-azul-claro)!important;	
}

.my-bg-color-azul-claro-op{
	background-color: var(--my-color-azul-claro-op)!important;	
}

.my-bg-color-negro{
	background-color: #000!important;	
}

.my-bg-color-negro-claro{
	background-color: var(--my-color-negro-claro)!important;	
}

.my-bg-color-verde, .my-cuadro-graficas.verde,.col-verde{
	background-color: var(--my-color-verde)!important;	
}

.my-bg-color-verde-op{
	background-color: var(--my-color-verde-op)!important;	
}

.my-bg-color-naranja, .my-cuadro-graficas.naranja{
	background-color: var(--my-color-naranja)!important;	
}

.my-bg-color-naranja-op{
	background-color: var(--my-color-naranja-op)!important;	
}

.my-bg-color-naranja-fuerte, .col-verde{
	background-color: var(--my-color-naranja-fuerte)!important;	
}

.my-bg-color-amarillo, .my-cuadro-graficas.amarillo, .my-num-col-superior.amarillo,.col-amarillo{
	background-color: var(--my-color-amarillo)!important;	
}

.my-bg-colot-black{
	background-color: #000!important;
}

.my-bg-hexa-azul{
	background-image:url(img/hexa_azul.png)!important;
}

.my-bg-hexa-azul-claro{
	background-image:url(img/hexa_azul_claro.png)!important;
}

.my-bg-hexa-naranja{
	background-image:url(img/hexa_naranja.png)!important;
}

.my-bg-hexa-verde{
	background-image:url(img/hexa_verde.png)!important;
}

.my-bg-hexa-amarillo{
	background-image:url(img/hexa_amarillo.png)!important;
}

.my-size-50-px{
	font-size: 50px;
}

.my-size-60-px{
	font-size: 60px;
}

.my-size-65-px{
	font-size: 65px;
}

.my-size-70-px{
	font-size: 70px;
}

.my-size-100-px{
	font-size: 100px;
}

.my-mt-80-px-ne{
	margin-top: -80px;
}

.my-ml-5-px{
    margin-left: 5px;
}

.my-ml-25-px{
    margin-left: 25px;
}

.my-d-flex{
	display: flex;
}

.box-z-index-global{
	position: relative;
    z-index: 2;
    top: 500px;
    left: 60px;
    width: 1930px;
}

.box-z-index-global-full{
	position: relative;
    z-index: 2;
    top: 500px;
    left: 60px;
    width: 2345px;
}

.box-z-index-global-simple{
	position: relative;
    z-index: 2;
}

.my-text-align-left{
	text-align: left;
}

.text-transform-uppercase{
	text-transform: uppercase;
}

.font-family-neutra-text{
	font-family: 'NeutraText';
}

.my-display-flex{
	display: flex;
}

.my-titulo-graficas{
	font-family: 'NeutraText';
	font-weight: bold;
	font-size: 80px;
	margin-bottom: -10px;
	color: var(--my-color-azul);
}

.my-subtitulo-graficas{
	font-family: 'NeutraText';
	font-size: 60px;
	color: var(--my-color-blanco);
}

.my-subtitulo-graficas-2{
	margin-top: 40px;
	font-size: 55px;
}

.my-caja-inferior-graficas{
	display: flex;
	flex-direction: column;
	padding-top: 15px;
    padding-bottom: 50px;
}

.my-titulo-inferior-graficas{
	font-family: 'NeutraText';
	font-size: 45px;
	text-align: center;
	color: var(--my-color-naranja);
}

.my-titulo-inferior-graficas-big{
	font-size: 85px!important;
}

.my-texto-inferior-graficas{
	font-family: 'NeutraText';
	font-size: 45px;
	text-align: center;
	color: var(--my-color-blanco);
	width: 554px;
}

.my-cabecera-graficas{
	font-family: 'NeutraText'!important;
	color: var(--my-color-naranja)!important;
}

.box-completo-pantalla{
    position: absolute;
    width: 2959px;
    height: 1880px;
}

.box-izquierda-diaspora{
	position: absolute;
	top:80px;
    left: 80px;
    width: 750px;
}

.box-izquierda-diaspora-superior{
	padding: 150 50px;
	background-color: #2E2E2E;
	border-radius: 90px;
}

.box-izquierda-diaspora-inferior{
	margin-top: 75px;
}

.titulo-izquierdo-diaspora{
	font-family: 'NeutraText';
	font-size: 70px;
	color: var(--my-color-blanco);
	text-transform: uppercase;
}

.box-central-diaspora{
	position: absolute;
	top: 100px;
	left: 945px;
	width: 1995px;
	text-align: center;
}

.titulo-principal-diaspora{
	font-family: 'NeutraText';
	font-size: 110px;
    color: var(--my-color-azul-claro);
    text-transform: uppercase;
    margin-bottom: -15px;
}

.subtitulo-principal-diaspora{
	font-family: 'NeutraText';
	font-size: 70px;
	color:#fff;
}

.subtitulo-izquierdo-diaspora{
	font-family: 'NeutraText';
	font-size: 70px;
	color: var(--my-color-blanco);
	text-transform: uppercase;
}

.box-fondo-mapa{
	margin-left: -130px;
}

.box-footer-diaspora{
	display: flex;
	margin-top: 10px;
	margin-left: -100px;
}

.separador-hr-blanco{
    margin-top: 65px;
    margin-bottom: 65px;
}

.content-btn-continente{
	display: flex;
	flex-direction: column;
	padding: 75px 40px;
	max-width: 225px;
}

.content-btn-continente.activada{
	background-color: #2E2E2E;
	border-radius: 50px;
}

.my-continente{
	text-transform: uppercase;
	font-family: 'NeutraText';
	font-size: 40px;
	color: #fff;
	margin-top: 20px;
}

.box-info-extra-diaspora{
    width: 630px;
    margin-left: 15px;
    padding: 10px;
	background-color: #2E2E2E;
	border-radius: 50px;
	color: #fff;
}

.size-cabeceras-izquierda-diaspora{
	font-size: 50px;
}

.my-titulo-izquierdo-generico{
	font-family: 'NeutraText';
	font-size: 90px;
	text-align: center;
}

.my-titulo-izquierdo-generico.naranja-fuerte{
	color: var(--my-color-naranja-fuerte)!important;	
}

.my-titulo-izquierdo-generico.amarillo{
	color: var(--my-color-amarillo);
}

.my-subtitulo-izquierdo-generico{
	margin-top: 5px!important;
	text-align: center!important;
	font-weight: bold!important;
}

.my-subtitulo-izquierdo-generico-2{
	margin-top: -240px!important;
	text-align: left!important;
	font-size: 50px!important;
}

.my-titu-rombos{
	font-family: 'NeutraText'!important;
	font-size: 70px!important;
	top: 200px!important;
	left: 475px!important;
}

.my-titu-rombos-2{
	width: 2300px;
	top: -145px!important;
	left: 0px!important;
}

.my-titu-rombos.naranja{
	color: var(--my-color-naranja)!important;	
}

.my-titu-rombos.naranja-fuerte{
	color: var(--my-color-naranja-fuerte)!important;	
}

.my-titu-rombos.amarillo{
	color: var(--my-color-amarillo)!important;	
}

.my-titu-rombos.azul{
	color: var(--my-color-azul)!important;	
}

.my-titu-rombos.verde{
	color: var(--my-color-verde)!important;	
}

.my-rombo-solid{
	top: 55px;
    right: 330px;
    background-image:url(img/hexa_amarillo.png);
    font-family: 'NeutraText' !important;
    font-size: 40px !important;
}

.my-rombo-solid.morado{
	background-image:url(img/hexa_lila.png)!important;
}

.my-rombo-solid.morado span{
	color: #fff!important;
}

.my-rombo-stroke{
    right: 507px;
    top: 367px;
    background-image:url(img/hexa_naranja.png);
}
.my-rombo-stroke span{
	color:#000;
}

.my-topoblanco{
	top: 250px!important;
    right: 70px!important;
}

.my-topoblanco-2{
	background-image: url(img/hex_blanco.png)!important;
}

.my-topoblanco-2 span{
	color: #000!important;
}
.my-topoblanco-bg{
	background-image: none!important;
}
.my-topoblanco-bg::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('img/hex_negro.png');
	background-size: cover;
	background-position: center;
	opacity: 0.8;
	z-index: -1;
}

.my-grafica-content-1,.my-grafica-content-2 {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    height: 505px;
    width: 99%;
    margin-top:1170px;
    padding: 10px;
}
.bar-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 10px;
}
.my-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    width: 100%;
    position: relative;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.my-bar span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    font-family: 'NeutraText';
    font-size: 80px;
}
.my-bar-label {
	width: 612px;
	min-height: 300px;
    margin-top: 20px;
    text-align: left;
    padding-left: 5px;
    color: #fff;
    font-family: 'NeutraText';
    font-size: 45px;
}

.bar-wrapper-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 10px;
}
.my-bar-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    width: 100%;
    position: relative;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.my-bar-2 span {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    font-family: 'NeutraText';
    font-size: 60px;
}
.my-bar-label-2 {
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	width: 612px;
	min-height: 300px;
    margin-top: 20px;
    text-align: left;
    padding-left: 5px;
    color: #fff;
    font-family: 'NeutraText';
    font-size: 45px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.my-bar-label-3 {
	width: 612px;
	min-height: 300px;
    margin-top: 20px;
    text-align: left;
    padding-left: 5px;
    color: #fff;
    font-family: 'NeutraText';
    font-size: 45px;
}

.my-bar-3 span {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    font-family: 'NeutraText';
    font-size: 60px;
}

.my-cuadro-graficas{
	width: 30px;
    height: 30px;
}

.my-valores{
	color: #fff!important;
}

.parraf-text{
	color: #fff!important;
}

.my-piso-top{
	color:black !important;
	position:absolute;
	font-family: 'NeutraText';
	top:140px;
	left:120px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100%;
	width:130px;
	height:150px;
	font-size:70px;
	font-weight:700;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.my-plato{
	background-size: contain!important;
}

.box-contenedor-platos{
	position: relative;
    z-index: 2;
    top:-250px;
    left: -145px;
}

.box-platos-texto-inferior{
	position: absolute;
    top: 820px;
    text-align: center;
}

.box-platos-texto-inferior span{
	font-size: 38px!important;
	text-align: center!important;
	color: #fff!important;
	line-height: normal!important;
}

.my-botis-nar{
	background-color: var(--my-color-azul-claro)!important;
	color: #fff!important;
	border-radius: 40px!important;
}
.my-botis-lila{
	background-color: var(--my-color-morado)!important;
	color: #fff!important;
	border-radius: 40px!important;
}

.my-slider1{
	background-color: var(--my-color-negro-claro)!important;
	color: #fff!important;
}

.my-col-crec{
	width: 75px;
}

.my-graf-crec{
	width: 1920px;
}

.my-platos{
	position: relative;
    z-index: 2;
    top: 500px;
    left: 60px;
    width: 1930px;
}

.my-barras{
	position: relative;
    z-index: 2;
    top: 500px;
    left: 60px;
    width: 1930px;
}

.my-leyenda{
	flex-direction: row!important;
	top:850px;
	margin-left: 40px !important;
    width: 1496px;
    z-index: 2;
}

.my-leyendas{
	color: #fff!important;
	margin-top: 20px;
	margin-left: 0px;
	justify-content: center!important;
	text-transform:uppercase;
	text-align: center;
	font-family: 'NeutraText' !important;
    font-size: 36px !important;
}

.my-valor{
	flex-direction: column;
	width: 450px;
}

.my-valor-2{
	width: 370px;
}

.my-canvas-plato-1{
	background: #004A63;
	border: 50px solid #004A63;
	border-radius: 50%;
	padding-left: 8px;
	padding-top: 10px;
}

.my-canvas-plato-2{
	background: #002029;
	border: 30px solid #002029;
	border-radius: 50%;
	padding-left: 8px;
	padding-top: 10px;
}

.inner2-familia2.my-plato-grande{
	width: 590px;
}

.inner2-familia2.my-plato-mediano{
	width: 450px;
}

.my-nombre-plato-grande{
	margin: 120px auto 0;
    color: #fff;
    margin-left: -59px;
    width: 488px;
}

.my-nombre-plato-mediano{
	margin: 10px auto 0;
    color: #fff;
    font-size: 28px!important;
    min-height: 184px!important;
}

.platera-col-mediana{
	width: 430!important;
}

.my-platera{
	justify-content: start;
	margin-left: 13px;
}

.my-pie-p7-b{
	display: flex;
	margin-top: -250px;
}

.my-flecha-volver{
	margin-top: 720px;
}

.my-flecha-avanzar{
	margin-top: 210px;
	right: 146px;
}

.my-doomsday{
    height: 715px;
    top: 115px;
}

.my-texto-bajo-multibarra{	
    font-family: 'NeutraText';
    font-size: 45px;
    color: #fff;
    margin-bottom: -310px;
    padding-top: 50px;
    height: 260px;
    text-align: center;
}
.my-box-text-multibarra{
	display: flex;
	flex-direction: column;
}
.my-doomsday-valores{
	position: relative!important;
	font-family: 'NeutraText';
    font-size: 45px;
	color: #fff;
}

.my-edu2-bigcol{
	top: 256px!important;
    left: -220px!important;
}

.my-edu2-bigcol-2{
	width:2340px;
	top:345px;
}

.my-num-col-superior{
	font-family: 'NeutraText';
    font-size: 45px;
	color: var(--my-color-naranja);
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.my-nom-col-superior{
	font-family: 'NeutraText';
    font-size: 45px;
	color: var(--my-color-naranja)!important;
}

.my-nom{
	color: #fff!important;
}
.mini-text-bocata{
	font-family: 'NeutraText'!important;
	color:#fff!important;
	font-size: 22!important;
}

.my-fila-graf{
	width: 2720px!important;
	margin-left: -155px!important;
}

#educacion2 .bocatas,.my-bocatas-gran{
	font-family: 'NeutraText';
    font-size: 45px;
}

.my-areas{
	margin-top: 30px;
	position: relative;
    z-index: 2;
}

.my-box-pie-botones{
	width:2350px!important;
}
.my-peu-botones{
	width:2350px!important;
	top:1250px!important;
	justify-content: center;
}

.my-leftbot{
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	background-color: #3E3E3E!important;
	color: #9C999A!important;
	height: 145px!important;
	border: none;
}

.my-righttbot{
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	background-color: #3E3E3E!important;
	color: #9C999A!important;
	height: 145px!important;
	border: none;
}

.my-leftbot-left-activo{
	background-color: var(--my-color-naranja)!important;
	color: #fff!important;
}

.my-leftbot-right-activo{
	background-color: var(--my-color-naranja)!important;
	color: #fff!important;
}

.my-leftbot-left{
	margin-right: -2px!important;
}

.my-texto-zona-superior-grafica{
	font-family: 'NeutraText'!important;	
	font-size:var(--my-size-nom-col-superior)!important;
	color: var(--my-color-naranja)!important;
}

.my-texto-zona-superior-grafica-no-color{
	font-family: 'NeutraText'!important;	
	font-size:var(--my-size-nom-col-superior)!important;
}

.my-bg-graficas-barras{
	background-image: url(img/people-14b.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.bg-grafica-1-izquierda{
	background-image: url(img/bg-gente-left.png);
	background-size: contain;
}

.bg-grafica-1-centro{
	background-image: url(img/bg-gente-center.png);
	background-size: contain;
}

.bg-grafica-1-derecha{
	background-image: url(img/bg-gente-right.png);
	background-size: contain;
}
 
.my-bg-graficas-barras::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      z-index: 1;
}

.bg-grafica-1-izquierda::before,.bg-grafica-1-centro::before,.bg-grafica-1-derecha::before{
	background-color: rgba(10, 10, 10, 0.5) !important;
}

.my-bg-graficas-barras-2::before{
	width: 60%!important;
	background-color: rgba(10, 10, 10, 0.7) !important;
}

.mapas-piso4{
	display: flex;
	margin-top: -100px;
}

.mapa-izquierdo-piso4,.mapa-derecho-piso4{
	display: flex;
}

.mapa-izquierdo-piso4-texto,.mapa-derecho-piso4-texto{
	font-family: 'NeutraText'!important;	
	font-size:45px;
	width: 250px;
    margin-top: 34px;
	color: #fff!important;
}

.mapa-derecho-piso4-texto{
    width: 745px;
    margin-left: 30px;
}

.box-izquierdo-piso4{
	min-width: 1200px;
	width: 1200px;
}

.box-derecho-piso4{
	min-width: 1150px;
	width: 1150px;
}

.cajas-derechas-piso4{
	background-color: #2C2C2C;
	padding: 28px 20px;
	border-radius: 70px;
	padding-left: 70px;
}

.my-numerogrande{
	font-family: 'NeutraText'!important;	
	font-size:80px;
	color: var(--my-color-naranja);
	margin-left: 0px!important;
	padding-top: 0px!important;
}
.my-titgrande{
	font-family: 'NeutraText'!important;	
	font-size:45px;
	color: var(--my-color-verde);
}

.my-subtitgrande{
	font-family: 'NeutraText'!important;	
	font-size:40px;
	color: #fff;
}

.caja-derecha-tit-sub{
	margin-top: 25px;
	margin-left: 40px;
}

.box-my-parrafos-piso4{
	margin-top: 30px!important;
	margin-bottom: 30px!important;
}
.my-parrafos-piso4{
	font-family: 'NeutraText'!important;	
	font-size:30px;
	color: #fff;
}

.my-usos-boxs{
    border-radius: 15px;
    border: none !important;
}

.my-cols-usos{
	justify-content: space-evenly;
}

.my-poblacion-p5{
	flex-direction: column;
}

.my-titulo-p5{
 	font-size: 30px!important;
 	top:75px!important;
}

.my-texts-p5{
	top: 170px!important;
    font-family: 'NeutraText'!important;
    font-size: 28px!important;
}

.my-triple-cols{
	margin-left: 5px;
}
.my-triple-cols-2{
	margin-left: 6px;
}

.my-column-fichas{
	width: 1900px;
}

.my-ficha{
	width:620px;
}

.my-ficha-mini{
	width:420px!important;
	height: 735px!important;
}
.my-subtit-ficha{
	position: relative;
	width: 593px;
	text-align: center;
	margin-left: 15px;
	top:0px;
	left: 0px;
}

.my-subtit-ficha-mini{
	width: 380px!important;
}

.my-subtit-ficha-titulo{
	height: 320px;
	font-family: 'NeutraText'!important;
    font-size: 55px!important;
}

.my-subtit-ficha-titulo-mini{
	height: 255px;
	font-family: 'NeutraText'!important;
	font-size: 40px!important;
}

.my-text-ficha{
	width: 570px;
	text-align: center;
	margin-left: 15px;
	font-family: 'NeutraText'!important;
    font-size: 50px!important;
}

.my-text-ficha-mini{
	width: 380px!important;
	font-size: 35px!important;
	margin-left: 0px;
}

.my-column-fichas-mini{
	width: 422px!important;
	justify-content: start;
    left: -1390px;
    top: 70px;
}

.my-leyenda-cara{
	width: 1855px;
	margin-left: 0px!important;
	left: 0px!important;
	justify-content: center;
}

.my-leyendas-caras{
	width: 500px;
	height: 110px;
	font-family: 'NeutraText' !important;
    font-size: 36px !important;
    margin-top: 0px!important;
}

.my-actitud3-graf1{
	position: absolute;
    left: 450px;
    bottom: 222px;
    width: 435px;
    height: 680px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.my-actitud3-graf2{
	position: absolute;
    right: 860px;
    bottom: 222px;
    width: 435px;
    height: 680px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
;
}

.my-actitud3-graf1-cols{
	height: 100%;
    width: 133px;
    max-height: 680px;
    min-height: 680px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}

.my-sujetagrafs{
	top: 540px;
}

.canvas-forzado{
	width: 900px!important;
}

.my-titulo-principal-cultura{
	font-family: 'NeutraText' !important;
    font-size: 1100px !important;
    color: var(--my-color-amarillo);
    width: 2360px;
    margin-top: -760px;
    text-align: center;
}

.box-cultura-2{
	display: flex;
	justify-content: space-between;
}

.box-cultura-2-content{
    border-radius: 45px;
    background-color: rgba(10, 10, 10, 0.8);
    padding: 70px 40px;
    width: 620px;
}

.my-cultura2-titulo{
	font-family: 'NeutraText' !important;
    font-size: 60px !important;
    color: var(--my-color-azul-claro);
    text-transform:uppercase;
}

.my-cultura2-subtitulo{
	font-family: 'NeutraText' !important;
    font-size: 40px !important;
    color: #fff;
}

.my-box-izquierda-cultura-5{
	font-family: 'NeutraText' !important;
    font-size: 90px !important;
    color: #fff;
    text-transform:uppercase;
    width: 1000px;
    margin-left: 170px;
    margin-top: -210px;
}

.my-box-derecha-cultura-5{
    margin-left: 1490px;
    margin-top: -125px;
}

.box-numero-cultura-5{
	font-family: 'NeutraText' !important;
    font-size: 560px !important;
    color: var(--my-color-amarillo);
    margin-left: 597px;
    margin-top: -500px;
    height: 400px;
}

.my-texto-cultura-5{
	font-family: 'NeutraText' !important;
    font-size: 40px !important;
    color: #fff;
}

.my-bertsolaris{
	left: 85px!important;
    top: 324px!important;
    color: #000;
}

.my-titulos-cultura4{
	font-family: 'NeutraText' !important;
    font-size: 56px !important;
    color: var(--my-color-naranja);
    top: 660px!important;
    left: 990px!important;
}

.my-cult4-gipu{
	left: 80px!important;
    bottom: -611px!important;
    color: #fff!important;
    font-size: 50px !important;
}

.my-cult4-biz{
	left: 55px!important;
    bottom: -911px!important;
    color: #fff!important;
    font-size: 56px !important;
}

.my-cult4-cae{
	left: 1157px!important;
    bottom: -860px!important;
	color: #fff!important;
	font-size: 50px !important;
}

.my-cult4-ala{
	left: 194px!important;
    top: 1384px!important;
}

.my-cult4-nav{
	right: -10px !important;
    top: 1066px !important;
}

.my-cult4-nort{
	right: -60px!important;
    top: 1300px!important;
}

.my-titulo-principal-sanidad{
	font-family: 'NeutraText' !important;
    font-size: 580px !important;
    color: var(--my-color-azul);
    width: 2360px;
    margin-top: -570px;
    text-align: center;
}

.my-parrafo-sanidad-1{
	display: flex;
	justify-content: center;
    margin-top: 150px;
	font-family: 'NeutraText' !important;
    font-size: 69px !important;
    color: #fff!important;
}

.my-box-barras-sanidad{
	display: flex;
	width: 2365px;
	margin-top: -250px;
}

.my-info-leg-osa{
	top: 1085px;
}

.my-info-leg-osa span{
	font-family: 'NeutraText' !important;
    font-size: 30px !important;
    color: #fff!important;
}

#vascohablantes2 .particulas::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1;
}

.my-flechagrande{
	top: 970px!important;
    right: 1202px!important;
}
.my-topoblanco-home{
	top: 860px!important;
    right: 800px!important;
}

.my-textos-flotantes-cultura{
	font-family: 'NeutraText' !important;
    font-size: 70px !important;
    color: #fff!important;
}

.box-opciones-textos-c1{
	display: flex;
}

.my-color-barra-col-1{
	background-color: var(--my-color-azul-claro)!important;
}
.my-color-barra-col-2{
	background-color: var(--my-color-verde)!important;
}
.my-color-barra-col-3{
	background-color: var(--my-color-amarillo)!important;
}

.my-rombo-salud-bg{
	top:415px!important;
	background-image: url(img/hexa_naranja.png)!important;
}

.my-rombo-salud-numeros{
	font-family: 'NeutraText' !important;
	font-size: 60px !important;
}
.my-rombo-salud-texto{
	font-family: 'NeutraText' !important;
	font-size: 25px !important;
	padding: 0px 20px 20px 20px !important;
}