/* cabecera */
p {
	letter-spacing: 0px!important;
}


/* lightbox */
.portfolio-filter-tab-1 li a {color: #fff !important;}


#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; padding: 0px 0px;}
/*linea 464*/
#colorbox{
	border-radius:0px;
    box-shadow:0 0 0px 0px;
}

iframe html {padding: 50px;}
/*linea 450*/
#cboxOverlay { 
	background-color: #fff !important;
	opacity: 0.95 !important;
}
/*linea 451*/
#cboxContent{ overflow:hidden;}

#cboxClose{position:absolute; top:0px; right:0px; display:block; background:url('../../recursos/imagenes/cerrar.svg') no-repeat top center; text-indent:-9999px;width: 60px; height: 12px; background-size: cover; margin: 20px;}
#cboxTopCenter {height: 0px;}

.turn-page-gutter {display: none !important;}
#view-toggle, #viewer_progress_bar {display: none;}

/* ANIMACIONES GRAFICOS */

img.base {
	display: block;
	animation: reveal 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;
}

img.datos {
	display: block;
	animation: reveal 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;
	animation-delay: 2s;
}

img.grafico {
	display: block;
	animation: reveal 4.5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;
	animation-delay: 2s;
}

img.destacado {
	display: block;
	animation: reveal-down 4.5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;
	animation-delay: 2s;
}

@keyframes reveal {
	0% {
	  transform: translate(0,100%);
	}
	100% {
	  transform: translate(0,0);
	}
  }

  @keyframes reveal-down {
	0% {
	  transform: translate(0,150%);
	}
	100% {
	  transform: translate(0,0);
	}
  }


  h1 {
	margin: 0;
	text-align: center;
	font-size: 200px;
	overflow: hidden;
	line-height: 1;
  }
  h1 span {
	display: block;
	animation: reveal 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;
  }

  #cboxLoadedContent {
	overflow: hidden!important;
  }


  .boton-p {
	-webkit-animation:fadeInLeft 1s ease ;
    animation:fadeInLeft 1s ease ;
	margin-left: 50px;
	margin-top: 50px;
	color: #fff!important;
  }

  .boton-p a:after{
	content: "";
    display: block;
    background: url("../../recursos/imagenes/boton-mas-negro.svg") no-repeat;
    width: 35px;
    height: 35px;
    float: right;
	right: 50px;
    background-size: cover;
	position: absolute;
	bottom: 15px;
	-webkit-animation:rollIn 1s ease ;
    animation:rollIn 1s ease ;
  }

  .boton-p a:hover::after {
    background: url("../../recursos/imagenes/boton-mas-hover.svg") no-repeat;
	-webkit-animation:escalar 1s ease ;
    animation:escalar 1s ease ;
	transform: scale(1.3);
 }

 .boton-p a:before{
	content: "";
    display: block;
    background: url("../../recursos/imagenes/boton-base.svg") no-repeat;
    width: 440px!important;
    height: 97px!important;
    float: left;
	left: -26px;
    background-size: cover;
	position: absolute;
	margin-top: 7px;
	-webkit-animation:fadeInRight 1s ease ;
    animation:fadeInRight 1s ease ;
	z-index: -1;
  } 

  /* boton 2 líneas  */
  p.boton-p-2-lineas,   p.boton-p-3-lineas {
	border-top: none!important;
	padding-left: 0px !important;
  }


  .boton-p-2-lineas, p.boton-p-3-lineas {
	-webkit-animation:fadeInLeft 1s ease ;
    animation:fadeInLeft 1s ease ;
	margin: 60px 0 75px 38px;
	color: #fff!important;

  }

 .boton-p-2-lineas:after {
	content: "";
    display: block;
    background: url("../../recursos/imagenes/boton-mas-negro.svg") no-repeat;
    width: 35px;
    height: 35px;
    float: right;
	right: 75px;
	top: 0px;
    background-size: cover;
	position: absolute;
	/* bottom: 15px; */
	-webkit-animation:rollIn 1s ease ;
    animation:rollIn 1s ease ;
	z-index: 2;
  }

  .boton-p-2-lineas:hover::after {
	
    background: url("../../recursos/imagenes/boton-mas-hover.svg") no-repeat;
	-webkit-animation:escalar 1s ease ;
    animation:escalar 1s ease ;
	transform: scale(1.3);
 }
  .boton-p-2-lineas:before {
	content: "";
    display: block;
    background: url("../../recursos/imagenes/boton-base.svg") no-repeat;
    width: 440px!important;
    height: 97px!important;
    float: left;
	left: -40px;
    background-size: cover;
	position: absolute;
	top: -30px;
	-webkit-animation:fadeInRight 1s ease ;
    animation:fadeInRight 1s ease ;
	z-index: -1;
  } 


  p.boton-p-3-lineas a:after {
	content: "";
    display: block;
    background: url("../../recursos/imagenes/boton-mas-negro.svg") no-repeat;
    width: 35px;
    height: 35px;
    float: right;
	right: 75px;
	top: 10px;
    background-size: cover;
	position: absolute;
	/* bottom: 15px; */
	-webkit-animation:rollIn 1s ease ;
    animation:rollIn 1s ease ;
	z-index: 2;
  }

  .boton-p-3-lineas a:before{
	content: "";
    display: block;
    background: url("../../recursos/imagenes/boton-base.svg") no-repeat;
    width: 460px!important;
    height: 100px!important;
    float: left;
	left: -40px;
    background-size: cover;
	position: absolute;
	top: -20px;
	-webkit-animation:fadeInRight 1s ease ;
    animation:fadeInRight 1s ease ;
	z-index: -1;
  } 

 .boton-p-3-lineas a:hover::after {
	
    background: url("../../recursos/imagenes/boton-mas-hover.svg") no-repeat;
	-webkit-animation:escalar 1s ease ;
    animation:escalar 1s ease ;
	transform: scale(1.3);
 }

   /* boton 2 líneas  MOVIL */

 p.boton-p-2-lineas-mv,  p.boton-p-3-lineas-mv  {
	border-top: none;
	margin-bottom: 100px!important;
	margin-top: 100px !important;
 }


.boton-p-2-lineas-mv, .boton-p-3-lineas-mv {
	-webkit-animation:fadeInLeft 1s ease ;
    animation:fadeInLeft 1s ease ;
	margin-left: 45px;
	margin-top: 100px;
	color: #fff!important;
  }

 .boton-p-2-lineas-mv:after{
	content: "";
    display: block;
    background: url("../../recursos/imagenes/boton-mas-negro.svg") no-repeat;
    width: 60px;
    height: 60px;
    float: right;
	right: 50px;
	top: 5px;
    background-size: cover;
	position: absolute;
	/* bottom: 15px; */
	-webkit-animation:rollIn 1s ease ;
    animation:rollIn 1s ease ;
	z-index: 2;
  }

  .boton-p-2-lineas-mv:hover::after, .boton-p-3-lineas-mv a:hover::after {
    background: url("../../recursos/imagenes/boton-mas-hover.svg") no-repeat;  
	-webkit-animation:escalar 1s ease ;
    animation:escalar 1s ease ;
	transform: scale(1.3);
 }
  .boton-p-2-lineas-mv:before{
	content: "";
    display: block;
    background: url("../../recursos/imagenes/boton-base.svg") no-repeat;
    width: 750px!important;
    height: 170px!important;
    float: left;
	left: -40px;
    background-size: cover;
	position: absolute;
	top: -50px;
	-webkit-animation:fadeInRight 1s ease ;
    animation:fadeInRight 1s ease ;
	z-index: -1;
  } 

  p.boton-p-3-lineas-mv {
	padding-left: 5px;

  }

  .boton-p-3-lineas-mv a:after{
	content: "";
    display: block;
    background: url("../../recursos/imagenes/boton-mas-negro.svg") no-repeat;
    width: 60px;
    height: 60px;
    float: right;
	right: 50px;
	top: 10px;
    background-size: cover;
	position: absolute;
	-webkit-animation:rollIn 1s ease ;
    animation:rollIn 1s ease ;
	z-index: 2;
  }

  .boton-p-3-lineas-mv a:before{
	content: "";
    display: block;
    background: url("../../recursos/imagenes/boton-base.svg") no-repeat;
    width: 750px!important;
    height: 170px!important;
    float: left;
	left: -40px;
    background-size: cover;
	position: absolute;
	top: -40px;
	-webkit-animation:fadeInRight 1s ease ;
    animation:fadeInRight 1s ease ;
	z-index: -1;
  } 
  

/* scrollbar */

 .scroll-img{

	animation: scroll-mover 2s ease-in-out infinite;
}

@-webkit-keyframes scroll-mover {
    0% { -webkit-transform: translateY(0%);
		opacity: 1; }
    100% { -webkit-transform: translateY(20%);
		opacity: 0; }
}


  /* Tamaño del scroll */
  *::-webkit-scrollbar {
	width:20px;
  
  }
  
   /* Estilos barra (thumb) de scroll */
   ::-webkit-scrollbar-thumb {
	background: #418fde;
	border: 8px solid transparent;
	background-clip: content-box;
	border-radius: 20px;
  
  
  }
  
  *::-webkit-scrollbar-thumb:active {
	background-color: #418fde;
  }
  
  ::-webkit-scrollbar-track {
	background: #fff;
	border: 9px solid transparent;
  
	background-clip: padding-box;
  
  }
  
  *::-webkit-scrollbar-thumb:hover {
	background: #418fde;
	border: 8px solid transparent;
	background-clip: content-box;
	border-radius: 20px;
	/* box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); */
  }
  
  *::-webkit-scrollbar-track:hover, 
  *::-webkit-scrollbar-track:active {
	background: rgb(207, 207, 207);
	border: 9px solid transparent;
	background-clip: padding-box;
  
  }
  
  ::-webkit-scrollbar-button:start:decrement,
  ::-webkit-scrollbar-button:end:increment {
	  display: block;
  }
   
  /* Turn off the down area up on top, and up area on bottom */
  ::-webkit-scrollbar-button:start:increment,
  ::-webkit-scrollbar-button:end:decrement {
	  display: none;
  }
   
  /* Place The scroll down button at the bottom */
  ::-webkit-scrollbar-button:end:increment {
	  background-image: url('down.svg');
  }
   
  /* Place The scroll up button at the up */
  ::-webkit-scrollbar-button:start:decrement {
	  background-image: url('up.svg');
  }

  /* FIN SCROLL */


  @-webkit-keyframes escalar {
	0% {
	   opacity: 0;
	   -webkit-transform: scale(1);
	}
	100% {
	   opacity: 1;
	   -webkit-transform: scale(1.3);
	}
 }
 
 @keyframes escalar {
	0% {
	   opacity: 0;
	   transform: scale(1);
	}
	100% {
	   opacity: 1;
	   transform: scale(1.3);
	}
 }


@-webkit-keyframes fadeInRight {
	0% {
	   opacity: 0;
	   -webkit-transform: translateX(150px);
	}
	100% {
	   opacity: 1;
	   -webkit-transform: translateX(0);
	}
 }
 
 @keyframes fadeInRight {
	0% {
	   opacity: 0;
	   transform: translateX(150px);
	}
	100% {
	   opacity: 1;
	   transform: translateX(0);
	}
 }
 
 .fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
 }


 @-webkit-keyframes fadeInLeft {
	0% {
	   opacity: 0;
	   -webkit-transform: translateX(-150px);
	}
	100% {
	   opacity: 1;
	   -webkit-transform: translateX(0);
	}
 }
 
 @keyframes fadeInLeft {
	0% {
	   opacity: 0;
	   transform: translateX(-150px);
	}
	100% {
	   opacity: 1;
	   transform: translateX(0);
	}
 }
 
 .fadeInLeft {
 -webkit-animation-name: fadeInLeft;
 animation-name: fadeInLeft;
 } 

 @-webkit-keyframes rollIn {
	0% { 
	   opacity: 0; 
	   -webkit-transform: translateX(-100%) rotate(-120deg); 
	}
	100% { 
	   opacity: 1; 
	   -webkit-transform: translateX(0px) rotate(0deg); 
	}
 }
 
 @keyframes rollIn {
	0% { 
	   opacity: 0; 
	   transform: translateX(-100%) rotate(-120deg); 
	}
	100% { 
	   opacity: 1; 
	   transform: translateX(0px) rotate(0deg); 
	}
 }
 .rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
 }

 
 @media screen and (max-width: 1000px) { 
	body, #container-wrap {
		background: #fff url(../../recursos/imagenes/bg-body-mv.jpg) no-repeat !important;
	}
}

/* modificaciones  */
.titular-linea, #item6313, #item3794 {
	background: #FFF!important ;
	height: 2px!important;
 }

 .pastillas-bold, .A4-H_-_pastilla-regular, .A-medida-V_-_pastilla-regular {
	color: #000!important;
 }
 #item3532 {
	width: 760px!important;
 }