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);
  }

/*portada*/
svg text{
	stroke: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 160px;
	font-weight: 200;
	stroke-width: 3px;
	opacity: 0;
  }
  
  svg text#a{
	animation: textAnimate 6s ease forwards 1.6s;
  }
  svg text#f{
	animation: textAnimate 6s ease forwards 1.9s;
  }
  svg text#r{
	animation: textAnimate 6s ease forwards 2.2s;
  }
  svg text#i{
	animation: textAnimate 6s ease forwards 2.6s;
  }
  svg text#c{
	animation: textAnimate 6s ease forwards 2.9s;
  }
  svg text#a2{
	animation: textAnimate 6s ease forwards 3.3s;
  }
  
 .desactiva
  {
	  cursor: not-allowed;
	  pointer-events:none;
  }

  
  @keyframes presentacion1a {
    0% {opacity:0;}
    100% {opacity:1;}
}
  
  @keyframes textAnimate{
	0%{
	  stroke-dasharray: 0 50%;
	  opacity: 0;
	}
	50%{
	  stroke-dasharray: 50% 0;
	  opacity: 1;
	}
   10%{
	  opacity: 1;
	}
	100%{
	  stroke-width: 0px;
	  fill: white;
	  opacity: 1;
	}
  }
/*
  .header-image figure {
	  width: 100%;
	  height: 100vh;
	-webkit-mask-image: linear-gradient(to right 50%, transparent, #fff, transparent);
	-webkit-mask-size: 10% 100%;
	mask-image: linear-gradient(to right, transparent 50%, #fff, transparent);
	mask-size: 10% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	animation-delay: 6s;
	-webkit-animation-delay: 6s;
	animation: clip-fade-mk 5s 2 alternate;
  }*/

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

  .header-image figure {
	width: 100%;
	height: 100vh;
  -webkit-mask-image: linear-gradient(to right, transparent, #fff, transparent);
  -webkit-mask-size: 10% 100%;
  mask-image: linear-gradient(to right, transparent, #fff, transparent);
  mask-size: 10% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  animation-delay: 5s;
  -webkit-animation-delay: 5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-name: clip-fade-mk;
  animation-timing-function: linear;
  animation-iteration-count: 2;

  -webkit-animation-name: clip-fade-mk;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  /*-webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;*/
}

#wrapper
{
 margin:0 auto;
 padding:0px;
 text-align:center;
 width:995px;
}
#wrapper .fullscreen_button
{
 background:none;
 border:2px solid #585858;
 color:#585858;
 width:200px;
 height:40px;
 font-weight:bold;
}	

.header-image2 figure {
	width: 100%;
	height: 100vh;
  -webkit-mask-image: linear-gradient(to right, transparent, #fff, transparent);
  -webkit-mask-size: 10% 100%;
  mask-image: linear-gradient(to right, transparent, #fff, transparent);
  mask-size: 10% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  animation-delay: 5.5s;
  -webkit-animation-delay: 5.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-name: clip-fade-mk2;
  animation-timing-function: linear;
  animation-iteration-count: 2;

  -webkit-animation-name: clip-fade-mk2;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}


@-webkit-keyframes clip-fade-mk {
	0%{
		-webkit-mask-position: left;
		mask-position: left;
		opacity: 0.7;
	}99%{
		-webkit-mask-position: right;
		mask-position: right;
		opacity: 0.7;
	}100%{
		opacity: 0;
	}
  }

  @-webkit-keyframes clip-fade-mk2 {
	0%{
		opacity: 0;
	}1%{
		-webkit-mask-position: left;
		opacity: 0.7;
	}100%{
		-webkit-mask-position: right;
		opacity: 0.7;
	}
  }

  @keyframes clip-fade-mk {
	0%{
		mask-position: left;
		opacity: 0.7;
	}99%{
		mask-position: right;
		opacity: 0.7;
	}100%{
		opacity: 0;
	}
  }

  @keyframes clip-fade-mk2 {
	0%{
		opacity: 0;
	}1%{
		mask-position: left;
		opacity: 0.7;
	}100%{
		mask-position: right;
		opacity: 0.7;
	}
  }
	
.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); 
	}
  }

/****************************POPUP 1 itinerario***************************************/
.popover__wrapper {
	position: absolute;
	display: inline-block;
   }
.popover__wrapper a{
	display: inline-flex;
}
.popover__content {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	right: 30px;
	top:-20px;
	transform: translate(0, 10px);
	background-color: #ffffff;
	color: #686868;
	padding: 0.5rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	width: auto;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-align: center;
}
.popover__wrapper:hover .popover__content {
	z-index: 10;
	opacity: 0.9;
	width: 230px;
	border-radius: 10px;
	visibility: visible;
	transform: translate(0, -50px);
	transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__content a{
	text-decoration: none;
	padding: 5px;
	color: rgb(105, 105, 105);
}
.popover__content a:hover{
	text-decoration: none;
	color: rgb(56, 56, 58);
	font-weight: 500;
}
.popover__content a h1{
	font-weight: 400;
	font-style: normal;
	font-size: 12pt;
	text-align: center; 
}
.popover__content a h1:hover{
	font-weight: 600;
	font-style: normal;
	font-size: 12pt;
	text-align: center; 
}

.popover__content p {
	font-weight: 500;
	font-style: normal;
	font-size: 12pt;
	text-align: center; 
}



/*popup 2 itinerarios*/
.popover__wrapper_2paginas {
	position: absolute;
	margin-top: 1rem;
	display: inline-block;
   }
.popover__wrapper_2paginas a{
	display: inline-flex;
}
.popover__content_2paginas {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	right: 30px;
	bottom:-120px;
	transform: translate(0, 10px);
	background-color: #ffffff;
	color: #686868;
	padding: 0.5rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	width: auto;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-align: center;
}
.popover__wrapper_2paginas:hover .popover__content_2paginas {
	z-index: 10;
	opacity: 0.9;
	width: 230px;
	border-radius: 10px;
	visibility: visible;
	transform: translate(0, -50px);
	transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__content_2paginas a{
	text-decoration: none;
	padding: 5px;
	color: rgb(105, 105, 105);
}

.popover__content_2paginas a:hover{
	text-decoration: none;
	color: rgb(56, 56, 58);
	font-weight: 500;
}

.popover__content_2paginas p {
	font-weight: 500;
	font-style: normal;
	font-size: 12pt;
	text-align: center; 
}
/********************  Popover home  ************************/

.popover__wrapper_home {
	position: absolute;
	display: inline-block;
   }
.popover__wrapper_home a{
	display: inline-flex;
}
.popover__content_home {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 9px;
	bottom:-30px;
	transform: translate(0, 10px);
	background-color: #ffffff;
	color: #686868;
	padding: 0.5rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	width: auto;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-align: center;
}
.popover__wrapper_home:hover .popover__content_home {
	z-index: 10;
	opacity: 0.9;
	width: 230px;
	border-radius: 10px;
	visibility: visible;
	transform: translate(0, -50px);
	transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__content_home a{
	text-decoration: none;
	padding: 5px;
	color: rgb(105, 105, 105);
}
.popover__content_home a:hover{
	text-decoration: none;
	color: rgb(56, 56, 58);
	font-weight: 500;
}
.popover__content_home a h1{
	font-weight: 400;
	font-style: normal;
	font-size: 12pt;
	text-align: center; 
}
.popover__content_home a h1:hover{
	font-weight: 600;
	font-style: normal;
	font-size: 12pt;
	text-align: center; 
}
.popover__content_home p {
	font-weight: 500;
	font-style: normal;
	font-size: 12pt;
	text-align: center; 
}

/**************************** FIN POPUP***************************************/


.cataiBoloFoto ellipse:hover{
	fill: rgb(116, 148, 143);
	stroke-width: 0px;
}

.cataiBoloFoto circle:hover{
	fill: rgb(116, 148, 143);
	stroke-width: 0px;
}

.piedefoto{
	transition: 1.5s; 
	opacity: 0;
}
.piedefoto:hover{
	transition: 1.5s; 
	opacity: 1;
}

.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);
}

.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);
}

/**/

.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 a{
	color: rgb(146, 146, 146);
}
.upgradeBox:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0px;
	left: 0px;
	opacity: 0.15;
	background: #ffffff;
	visibility: hidden;
	border-radius: 5pt;
	transform-origin: bottom;
	transform: scaleY(0);
	margin-left: 0px;
	transition: .25s linear;
}
.upgradeBox:hover:before,
.upgradeBox:focus:before {
visibility: visible;
transform-origin: bottom;
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);
}




.marcadorindice:hover {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0px;
	left: 0px;
	opacity: 0.8;
	background: rgba(0, 0, 0, 0.1);
	border-left: red solid 7px;

	visibility: visible;
	transform-origin: bottom;
	transform: scaleY(1);
	margin-left: 0px;
	mix-blend-mode: multiply;
	transition: .25s linear;
}

.bolillo{

}
.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);
  }


  .galeriahoteles{
	-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;
}

.galeriahoteles:hover{
	border-left: solid 10px rgb(255, 255, 255);
	border-radius: 10px;
}






.botonactselectedred{
    background: #F53F5B;
}

.botonactselectedred p{
    color: #ffffff;
}

.botonact4{
    background: #ffd5d8;
}

.botonact4:hover{
    background: #F53F5B;
}

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

.botonact4.selected{
    background: #F53F5B;
}

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


/*AMERICA LATINA*/
.botonactselected{
    background: #796a9a;
}

.botonactselected p{
    color: #ffffff;
}

.botonact{
    background: #e2e0ea;
}

.botonact:hover{
    background: #796a9a;
}

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

.botonact.selected{
    background: #796a9a;
}

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

/*CHINA Y JAPÓN*/
.botonactselectedCJ{
    background: #812a2a;
}

.botonactselectedCJ p{
    color: #ffffff;
}

.botonactCJ{
    background: #e5c6c6;
}

.botonactCJ:hover{
    background: #812a2a;
}

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

.botonactCJ.selected{
    background: #812a2a;
}

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


/*SUDESTE ASIATICO*/
.botonactselectedSA{
    background: rgb(64, 107, 68);
}

.botonactselectedSA p{
    color: #ffffff;
}

.botonactSA{
    background: rgb(202, 214, 203);
}

.botonactSA:hover{
    background: rgb(64, 107, 68);
}

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

.botonactSA.selected{
    background: rgb(64, 107, 68);
}

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

/*ISLAS EXÓTICAS*/
.botonactselectedIE{
    background: rgb(72,140,138);
}

.botonactselectedIE p{
    color: #ffffff;
}

.botonactIE{
    background: rgb(220, 239, 238);
}

.botonactIE:hover{
    background: rgb(72,140,138);
}

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

.botonactIE.selected{
    background: rgb(72,140,138);
}

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

/*PACÍFICO*/
.botonactselectedPA{
    background: rgb(25,102,112);
}

.botonactselectedPA p{
    color: #ffffff;
}

.botonactPA{
    background: rgb(221, 232, 234);
}

.botonactPA:hover{
    background: rgb(25,102,112);
}

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

.botonactPA.selected{
    background: rgb(25,102,112);
}

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

/*LAPONIAN*/
.botonactselectedLA{
    background:rgb(72,131,170);
}

.botonactselectedLA p{
    color: #ffffff;
}

.botonactLA{
    background: rgb(218,230,238);
}

.botonactLA:hover{
    background:rgb(72,131,170);
}

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

.botonactLA.selected{
    background:rgb(72,131,170);
}

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

/*ESCANDINAVIA*/
.botonactselectedES{
    background:rgb(41,90,137);
}

.botonactselectedES p{
    color: #ffffff;
}

.botonactES{
    background: rgb(208,220,228);
}

.botonactES:hover{
    background:rgb(41,90,137);
}

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

.botonactES.selected{
    background:rgb(41,90,137);
}

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

/*EUROPA*/
.botonactselectedEU{
    background:rgb(97,113,139);
}

.botonactselectedEU p{
    color: #ffffff;
}

.botonactEU{
    background: rgb(211,214,219);
}

.botonactEU:hover{
    background:rgb(97,113,139);
}

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

.botonactEU.selected{
    background:rgb(97,113,139);
}

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

/*INDIA*/
.botonactselectedIN{
    background:rgb(185,85,105);
}

.botonactselectedIN p{
    color: #ffffff;
}

.botonactIN{
    background: rgb(225,203,203);
}

.botonactIN:hover{
    background:rgb(185,85,105);
}

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

.botonactIN.selected{
    background:rgb(185,85,105);
}

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

/*ASIA CENTRAL*/
.botonactselectedAC{
    background:rgb(157,92,85);
}

.botonactselectedAC p{
    color: #ffffff;
}

.botonactAC{
    background: rgb(227,209,207);
}

.botonactAC:hover{
    background:rgb(157,92,85);
}

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

.botonactAC.selected{
    background:rgb(157,92,85);
}

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


/*AMERICA DEL NORTE*/
.botonactselectedAN{
    background:rgb(90,70,117);
}

.botonactselectedAN p{
    color: #ffffff;
}

.botonactAN{
    background: rgb(223,216,234);
}

.botonactAN:hover{
    background:rgb(90,70,117);
}

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

.botonactAN.selected{
    background:rgb(90,70,117);
}

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

/*ORIENTE MEDIO*/
.botonactselectedOM{
    background:rgb(192,128,58);
}

.botonactselectedOM p{
    color: #ffffff;
}

.botonactOM{
    background: rgb(246,228,212);
}

.botonactOM:hover{
    background:rgb(192,128,58);
}

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

.botonactOM.selected{
    background:rgb(192,128,58);
}

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

/*ÁFRICA*/
.botonactselectedAF{
    background:rgb(119,90,74);
}

.botonactselectedAF p{
    color: #ffffff;
}

.botonactAF{
    background: rgb(226,211,199);
}

.botonactAF:hover{
    background:rgb(119,90,74);
}

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

.botonactAF.selected{
    background:rgb(119,90,74);
}

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

/*EMIRATOS ÁRABES*/
.botonactselectedEA{
    background:rgb(79,63,63);
}

.botonactselectedEA p{
    color: #ffffff;
}

.botonactEA{
    background: rgb(228,208,205);
}

.botonactEA:hover{
    background:rgb(79,63,63);
}

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

.botonactEA.selected{
    background:rgb(79,63,63);
}

.botonactEA.selected p{
    color: #ffffff;
}
/*SOSTENIBILIDAD*/
.botonactselectedSO{
    background:rgb(15, 125, 90);
}

.botonactselectedSO p{
    color: #ffffff;
}

.botonactSO{
    background: rgb(205, 225, 215);
}

.botonactSO:hover{
    background:rgb(15, 125, 90);
}

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

.botonactSO.selected{
    background:rgb(15, 125, 90);
}

.botonactSO.selected p{
    color: #ffffff;
}
/*NOVIOS*/
.botonactselectedNO{
    background:rgb(0, 135, 191);
}

.botonactselectedNO p{
    color: #ffffff;
}

.botonactNO{
    background: rgb(186, 213, 233);
}

.botonactNO:hover{
    background:rgb(0, 135, 191);
}

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

.botonactNO.selected{
    background:rgb(0, 135, 191);
}

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


/*VENTA ANTICIPADA*/
.botonactselectedVA{
    background:rgb(117, 101, 153);
}

.botonactselectedVA p{
    color:rgb(235, 233, 240);
}

.botonactVA{
    background: rgb(235, 233, 240);
}

.botonactVA:hover{
    background:rgb(117, 101, 153);
}

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

.botonactVA.selected{
    background:rgb(117, 101, 153);
}

.botonactVA.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: 850px), 
  screen and (max-height: 850px) {
	.cita
	{
		 font-size: 15pt !important;
	}

	.paises
	{
		 font-size: 14pt !important;
	}

}
*/

@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) {

}