@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Plus+Jakarta+Sans:wght@300;400;500;700&family=Raleway:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


html, body
{
	scrollbar-width: auto;
	scrollbar-color: #d4d0d8 #fff;  
}


.thumbsarr {
    display: block;
    position: fixed;
    z-index: 9999;
	left: 10px;
	bottom: 105px;
    width: 68px;
    height: 68px;
    margin: 50 50 50 50;
    text-align: center;
    outline: 0;
    background: url(../images/arrows-slider2.svg) no-repeat;
    opacity: .7;
    will-change: transform;
  }

  .thumbsarl {
    display: block;
    position: fixed;
    z-index: 9999;
    left: 95%;
	bottom: 105px;
    width: 68px;
    height: 68px;
    margin: 10 0 0 0;
    text-align: center;
    outline: 0;
    background: url(../images/arrows-slider2.svg) no-repeat;
    opacity: .7;
    will-change: transform;
	transform: scaleX(-1);
  }


  
 .desactiva
  {
	  cursor: not-allowed;
	  pointer-events:none;
  }

  
  .multiplicar{
	  mix-blend-mode: multiply;
  }





	
.scroll-none-showScroll-updown {
	opacity: 0.5;
	-webkit-animation: updown 1.2s ease-in-out alternate infinite;
	-moz-animation: updown 1.2s ease-in-out alternate infinite;
	animation: updown 1.2s ease-in-out alternate infinite;
	transition-duration: 1.2s;
}

.scroll-none-showScroll-RiLe {
	opacity: 0.5;
	-webkit-animation: rile 1.2s ease-in-out alternate infinite;
	-moz-animation: rile 1.2s ease-in-out alternate infinite;
	animation: rile 1.2s ease-in-out alternate infinite;
	transition-duration: 1.2s;
}


@keyframes updown {
	0% {
	  transform: translate(0px, -10px); 
	}100% { 
		transform: translate(0px, 10px); 
	}
  }

  @-webkit-keyframes  updown {
	0% {
		-webkit-transform: translate(0px, -10px); 
	}100% { 
		-webkit-transform: translate(0px, 10px); 
	}
  }

  @keyframes rile {
	0% {
	  transform: translate(10px, 0px); 
	}100% { 
		transform: translate(-10px, 0px); 
	}
  }

  @-webkit-keyframes  rile {
	0% {
		-webkit-transform: translate(10px, 0px); 
	}100% { 
		-webkit-transform: translate(-10px, 0px); 
	}
  }





.upgrade{
	display: inline-flex;
}

.upgradeIcon{
	display: inline-flex;
	transform-origin: 0 50%;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
 }
.upgradeIcon:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.amplia{
	display: inline-flex;
	transform-origin: 0 50%;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
 }
.amplia:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.amplia2{
	display: inline-flex;
	transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
 }
.amplia2:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.amplia_centro{
	display: inline-flex;
	transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
 }
 
.amplia_centro:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}


.upgradeIconmitad{
	display: inline-flex;
	transform-origin: 50% 0;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
 }
.upgradeIconmitad:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.lupa{
	display: inline-flex;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
	transform-origin: top left;
 }

.lupa:hover{
	-webkit-transform: scale(1.4);
	transform: scale(1.4) translate(-50px, -50px);
}


.lupaconfondo{
	display: inline-flex;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
	transform-origin: top left;
 }

.lupaconfondo:hover{
	-webkit-transform: scale(1.4);
	transform: scale(1.4) translate(50px, 50px);
}
/* Banderas redondas */
.banderas{
	display: inline-flex;
	transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.4s;
    transition: all 0.4s ease-in-out;
 }
 
 .banderas:hover{
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* Banderas cuadradas
.banderas{
	display: inline-flex;
	border-radius: 15%;
	transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.4s;
    transition: all 0.4s ease-in-out;
 }
 
 .banderas:hover{
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	box-shadow: -2px -2px 11px rgba(0,0,0,0.5);
}

.banderas_selected{
	border-radius: 15%;
 }
*/
/**/

.subrayar a{
	color: rgb(146, 146, 146);
}
.subrayar:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0px;
	left: 0px;
	opacity: 0.15;
	background: #4be7ff;
	visibility: hidden;
	border-radius: 5pt;
	transform-origin: bottom;
	transform: scaleY(0);
	margin-left: 0px;
	transition: .25s linear;
}
.subrayar:hover:before,
.subrayar:focus:before {
visibility: visible;
transform-origin: bottom;
transform: scaleY(1);
}

.upgradeBox{
}
	.upgradeBox a{
		color: rgb(146, 146, 146);
	 }
 .upgradeBox:before {
		content: "";
		position: absolute;
		width: 5px;
		height: 100%;
		top: 0;
		left: 0;
		background: #ffd900;
		visibility: hidden;
		border-radius: 5pt;
		transform: scaleY(0);
		margin-left: -11px;;
		transition: .25s linear;
}
.upgradeBox:hover:before,
.upgradeBox:focus:before {
	visibility: visible;
	transform: scaleY(1);
}


.botontrama {
	opacity: 0.9;
}
.botontrama:before {
	content: "";

	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0px;
	left: 0px;
	opacity: 0.9;
	/*background: #150b3d;*/
	border-left: 1.5px solid rgb(245, 63, 91);
	border-right: 1.5px solid rgb(245, 63, 91);
	/*box-shadow: -2px 0px 0px 0px rgb(223, 8, 8), 2px 0px 0px 0px rgb(201, 9, 9);*/
	visibility: hidden;
	/*border-radius: 5pt;*/
	transform-origin: bottom;
	transform: scaleY(0);
	margin-left: 0px;
	transition: .25s linear;
}
.botontrama:hover:before,
.botontrama:focus:before {
visibility: visible;
transform-origin: bottom;
transform: scaleY(1);
}

.botontrama.selected{
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0px;
	left: 0px;
	opacity: 1;
	/*background: #150b3d;*/
	border-left: 1.5px solid rgb(245, 63, 91);
	border-right: 1.5px solid rgb(245, 63, 91);
}


.sombra1{
	-webkit-box-shadow: 10px 10px 13px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 13px -4px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 13px -4px rgba(0,0,0,0.75);
}

.marcadorindice:before {
	content: "";
	position: absolute;
	width: 95%;
	height: 7%;
	border-radius: 20em;
	bottom: 0px;
	left: 0px;
	background: #f60;
	visibility: hidden;
	border-radius: 5pt;
	transform: scaleX(0);
	margin-left: 0px;
	transition: .25s linear;
	opacity: 100%;
	transform-origin: 0 0;
}
.marcadorindice:hover:before,
.marcadorindice:focus:before {
visibility: visible;
transform: scaleX(1.1);
}


.marcadorindicemapa:before {
	content: "";
	position: absolute;
	width: 85%;
	height: 2px;
	border-radius: 20em;
	bottom: 0px;
	left: 0px;
	background: #f60;
	visibility: hidden;
	border-radius: 5pt;
	transform: scaleX(0);
	margin-left: 0px;
	transition: .25s linear;
	opacity: 100%;
	/*mix-blend-mode: multiply;*/
	transform-origin: 0 0;
}

.marcadorindicemapa:hover:before,
.marcadorindicemapa:focus:before {
visibility: visible;
transform: scaleX(1);
}


.marcadorindiceorig:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 20em;
	bottom: 0px;
	left: 0px;
	background: #80b3ca;
	visibility: hidden;
	border-radius: 5pt;
	transform: scaleX(0);
	margin-left: 0px;
	transition: .25s linear;
	opacity: 20%;
	mix-blend-mode: multiply;
	transform-origin: 0 0;
}

.marcadorindiceorig:hover:before,
.marcadorindiceorig:focus:before {
visibility: visible;
transform: scaleX(1);
}


.bolillo:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 20em;
	bottom: 0px;
	left: 0px;
	background: #00aeff;
	visibility: hidden;
	border-radius: 5pt;
	transform: scaleX(0);
	margin-left: 0px;
	transition: .25s linear;
	opacity: 20%;
	transform-origin: 0 0;
}
.bolillo:hover:before,
.bolillo:focus:before {
visibility: visible;
transform: scaleX(1);
}



.mkalfa1{
	-webkit-transition:  ease-in .3s;
	-moz-transition:  ease-in .3s;
	transition:  ease-in .3s;
	border-bottom-left-radius:11px;
	border-bottom-right-radius:11px;
}
.mkalfa1:hover{
	/*opacity: 0.8;*/
	/*background: rgb(146, 158, 178) !important;*/
	box-shadow: 10px 15px 15px 0px rgba(0,0,0,0.75);
}


/*MKcolor*/

@-webkit-keyframes fadeinmk3 {
	from { opacity: 1; }
	to { opacity: 0.4; }
}
@-moz-keyframes fadeinmk3 {
	from { opacity: 1; }
	to { opacity: 0.4; }
}
@keyframes fadeinmk3 {
	from { opacity: 1; }
	to { opacity: 0.4; }
}

@-webkit-keyframes fadeinmk5 {
	from { opacity: 1; }
	to { opacity: 0.7; }
}
@-moz-keyframes fadeinmk5 {
	from { opacity: 1; }
	to { opacity: 0.7; }
}
@keyframes fadeinmk5 {
	from { opacity: 1; }
	to { opacity: 0.7; }
}

.mkcolor1 {
	-webkit-animation: fadeinmk5 0.8s ease-in alternate infinite;
	-moz-animation: fadeinmk5 0.8s ease-in alternate infinite;
	animation: fadeinmk5 0.8s ease-in alternate infinite;
	transition-duration: 0.8s;
  }

  .mkcolor1:hover {
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
	transition-duration: 0s;
  }


.mkcolor3 {
	-webkit-animation: fadeinmk3 0.45s ease-in alternate infinite;
	-moz-animation: fadeinmk3 0.45s ease-in alternate infinite;
	animation: fadeinmk3 0.4s ease-in alternate infinite;
	transition-duration: 0.4s;
  }

  .mkcolor3:hover {
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
	transition-duration: 0s;
  }

  .ampar_ri {
	transform-origin: 100% 0;
	-webkit-animation: fadeinmk3 1.45s ease-in alternate infinite;
	-moz-animation: fadeinmk3 1.45s ease-in alternate infinite;
	animation: fadeinmk3 1.4s ease-in alternate infinite;
	transition-duration: .6s;
  }

	.ampar_ri:hover {
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
	transition-duration: .6s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
  }

  .ampar_up {
	transform-origin: 50% 0;
	-webkit-animation: fadeinmk3 1.45s ease-in alternate infinite;
	-moz-animation: fadeinmk3 1.45s ease-in alternate infinite;
	animation: fadeinmk3 1.4s ease-in alternate infinite;
	transition-duration: .6s;
  }

  .ampar_up:hover {
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
	transition-duration: .6s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
  }


.botonactselectedred{
    background: #f60;
}

.botonactselectedred p{
    color: #ffffff;
}

.botonact4{
    /*background: rgb(0,35,78);*/
	background: rgb(206, 214, 225);
}

.botonact4:hover{
    background: #f60;
	color: #ffffff;
}

.botonact4 p:hover{
    color: #ffffff;
}

.botonact4.selected{
    background: #f60;
}

.botonact4.selected p{
    color: #ffffff;
}


.selecionable{
	cursor: auto;
	user-select: text;
	-webkit-user-select: text; /* Safari fallback only */
	-moz-user-select: text; /* Firefox */
	-ms-user-select: text; /* IE10+ */
}

@keyframes presentacion1a {
    0% {opacity:0;}
    100% {opacity:1;}
}


@media screen and (max-width:1400px){
	.thumbsarl {
		left: 90%;
	  }
}

@media screen and (max-width: 400px), 
   screen and (max-height: 400px) {


}

@media screen and (max-width: 200px), 
   screen and (max-height: 200px) {

}



@media (orientation:landscape){ 

	/***************************************/
	/* -------- Menú superior ------------ */
	/***************************************/

	#ico-miniaturas {display: none;}
	#container-wrap 
	{
		top:40px !important;
		background: rgb(240, 240, 240);
	}
	#miniaturas {
		font-family: sofia-pro, sans-serif;
		font-size: 18px;
		position: fixed;
		right: 53px;
		top: 12px !important;
		color: #000;
		z-index: 999;
	}
	#miniaturas a {
		padding: 0 8px;
	}

	#viewer-options-bar {
		color:rgb(111, 145, 150);
		fill:rgb(111, 145, 150);
		background-color: #f7f7f7 !important;
		top: 0;
		height: 40px;
	}

	#viewer-options-bar:hover {
		color: #00234e;
		fill:#00234e;
	}

	#viewer-options-wrap {
		top: 0;
		height: 32px;
		transform: none;
		transition: none;
		box-shadow: 0px 0px 6px 0px #adadad;
	}
	#viewer-thumb-wrap {
		top:40px;
	}
	#viewer-options{
		min-width: 340px;
	}

}





#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; padding: 0px 0px;}
#colorbox{
	border-radius:0px;
    box-shadow:0 0 0px 0px;
}
#cboxOverlay { 
	background-color: #ececec !important;
	opacity: 0.95 !important;
}
#cboxContent{ overflow:hidden;}
#cboxClose{position:absolute; top:0px; right:0px; display:block; background:url('../images/cerrar_fondoblanco.svg') no-repeat top center; text-indent:-9999px;width: 40px; height: 40px; background-size: cover; margin: 20px;}
#cboxTopCenter {height: 0px;}




  /*MENU*/

  .c_compartir{
	/*fill: #f60;*/
  }
  

/*CCMM*/

#share-wrap {
	display: none;
   
	position: absolute;
    top: 40px;
    right: 245px;

    background-color: rgba(67, 20, 20, 0);
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,0);
    z-index:9999;
    opacity: 0.2;
    -webkit-animation:share-fadein 0.2s ease 0.5s;
    animation:share-fadein 0.2s ease 0.5s;
}
#share-wrap:hover{
    opacity: 1;
}
/*#share-wrap.align-right { right:0; left:auto; }
#share-wrap.align-bottom {left:auto; right:20px; bottom:0; top:auto; padding-bottom:12px; }
#share-wrap.align-top {left:auto; right:40px; top:0; padding-top:8px; }
#share-wrap > a > span { display: none; }*/
#share-wrap > a {
	opacity: 0.9;
    display:block;
    width:30px;
    height:30px;
    border-radius:50%;
    background:url(../images/sharebtns.png) no-repeat;
    background-size: 392px 30px;
    -webkit-background-size: 392px 30px;
    -moz-background-size: 392px 30px;
    margin:5px;
    padding:3px;
}
#share-wrap > a:hover {
	opacity: 1;
}
#share-wrap.align-top > a, #share-wrap.align-bottom > a { display:inline-block; }
#share-wrap > a#sb-fb { background-color:#5873b4; background-position:-27px 50%; }
#share-wrap > a#sb-tw { background-color:#5e5e5e; background-position: -265px 50%; }
#share-wrap > a#sb-li { background-color:#6bc057; background-position: -116px 50%; }
#share-wrap > a#cerrar { background-color:#ffffff; background-position: -330px 50%; width:20px; height:20px; }
#share-wrap > a:hover { border: 2px solid rgb(255, 255, 255);}


#share-wrap.align-right {
    right: 245px;
	left: auto;
  }




  @media all and (max-width:780px) {
	#ico-miniaturas {display: none;}
	#container-wrap 
	{
		top:45px !important;
		background: rgb(17, 17, 17);
	}
	#miniaturas {
		font-family: sofia-pro, sans-serif;
		font-size: 18px;
		position: fixed;
		right: 53px;
		top: 12px !important;
		color: #000;
		z-index: 999;
	}
	#miniaturas a {
		padding: 0 8px;
	}

	#viewer-options-bar {
		color:#000;
		fill:#000;
		background-color: #fff !important;
		top: 0px;
		height: 48px;
	}

	#viewer-options-bar #view-toggle {
		
		/*position:absolute;
		right:8px;
		bottom:0px;*/
		/*display:block;
		width:70px;
		height:50px;
		border-radius:2px 2px 0 0;
		cursor:pointer;*/
		display:none;
		fill:#2bbb29;
	}



	#viewer-options{
		/*position: absolute;
		top: -500px;*/
		clear: none;
		float: right;
		max-height: none;
		display: inline;
	}


	#viewer-pagecount{
		position: absolute;
		top: -500px;
		}


	#viewer-options-bar #viewer-logo object{
		position: absolute;
		bottom: -15px;
	}

	/*v3*/
	#viewer-options-wrap.collapsed {
		/*-ms-transform:translateY(120px);
		-webkit-transform:translateY(120px) translateZ(0);*/
		transform:translateY(0px) translateZ(0);
		transition:transform .5s;
		
	}

	#viewer-options-wrap.collapsed #view-toggle svg {
		/*-ms-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);*/
		fill:#5e29bb;
	}

	#viewer-options-wrap.collapsed #viewer-options-thumb-images { display:none; }

	
	#viewer-options-wrap {
		top: 0;
		height: 40px;
		transform: none;
		transition: none;
		/*box-shadow: 0px 0px 6px 0px #dfdfdf;*/
	}
	#viewer-thumb-wrap {
		top:48px;
	}
	#viewer-options{
		min-width: 340px;
	}

	
	#viewer-pagecount{
		display: none;
	}
	#opt-zoom-in-btn{
		display: none;
	}
	#opt-zoom-out-btn{
		display: none;
	}
	#opt-fs-btn{
		display: none;
	}
	.viewer-option-btn{
		display: none;
	}
	.c_compartir{
		float: right;
		display: block ;
		transform: scale(.7);
		margin-right: 0px;
	}

	

	.c_pdf{
		float: right;
		display: block ;
		transform: scale(.7);
		margin-right:10px;
	}


	#share-wrap.align-right { right: 9px !important; }
	/*#share-wrap.align-bottom {left:auto; right:20px; bottom:0; top:auto; padding-bottom:12px; }
	#share-wrap.align-top {left:auto; right:40px; top:0; padding-top:8px; }
	#share-wrap > a > span { display: none; }*/

}