@font-face {
	font-family: "Outfit", sans-serif;
}

body{
	font-family: "Outfit", sans-serif;
	font-size: 16px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
}

p{
	font-size:1.3em;
}

ul{
	color: #ffffff;
	font-size: 1.3em;
	list-style-position: inside;
	text-align: left;
	padding:0px 100px;
}

h1{
	font-size: 3em;
	color: #19255B;
	padding: 20px 0;
	/* animation: mover-izquierda-derecha 2s; */
	view-timeline-name: --text;
	view-timeline-axis: block;
	
	animation-timeline: --text;
	animation-name: showh1;
	
	animation-range: entry 25% cover 50%;
}

@keyframes showh1{
	from{
		transform:translateX(-400px);
	}
	to{
		transform:translateX(10px);
	}
}

@keyframes show{
	from{
		opacity: 0;
		scale:25%;
	}
	to{
		opacity: 1;
		scale:100%;
	}
}

h2{
	font-size: 2em;
	color: #19255B;
}

h3{
	font-size: 1.5em;
}

.nav-item {
    margin-left:30px;
    margin-right:30px;
	font-weight: bold;
    }
	
.fondo-azul{
	color: #ffffff;
	background-color: #19255B;
	padding: 50px 0px;
}

.fondo-azul a{
	color: #19255B;
}

.fondo-azul p{
	color: #fff;
	font-size: 1.2em;
	padding:20px 30px;
}

.fondo-azul h1 {
	font-weight: bold;
	font-size: 1.4em;
	margin: 20px 0px;
}

.fondo-azul h2{
	font-size: 2em;
	color: #19255B;
	text-align: center;
}

.fondo-azul ul{
	color: #19255B;
	font-size: 0.9em;
	padding:5px 30px;	
	list-style-position: inside;
	text-align: left;
	padding:0px 100px;
}

.fondo-azul .texto{
	font-family: "Outfit", sans-serif;
	margin: 30px 0px;
	color: #ffffff;
	font-weight: normal;
	font-size: 1em;
	line-height: normal;
}

.fondo-azul2{
	color: #ffffff;
	background-color: #243674;
	padding: 0px 0px;
}

.fondo-azul2 p{
	color: #fff;
	font-size: 1.2em;
	padding:20px 30px;
}

.fondo-azul2 ul{
	color: #ffffff;
	font-size: 1.3em;
	padding:5px 30px;	
	list-style-position: inside;
	text-align: left;
	padding:0px 100px;
}

.fondo-verde{
	background-color: #B3BC60;
	padding: 50px 0px;
}

.fondo-blanco{
	color: #19255B;
	background-color: #ffffff;
	padding: 0px 0px;
}

.fondo-blanco p{
	padding: 10px 30px;
	font-size: 1.2em;
}
.fondo-blanco ul{
	color: #19255B;
	font-size: 1.2em;
	padding:5px 30px;	
	list-style-position: inside;
	text-align: left;
	padding:0px 80px;
}

.fondo-blanco h1{
	font-size: 2em;
	color: #19255B;
	text-align: center;
	font-style: bold;
}

.fondo-blanco h2{
	font-size: 1.5em;
	color: #19255B;
	text-align: center;
}

.fondo-gris p{
	color: #19255B;
	padding: 10px 30px;
	font-size: 1.2em;
}

.fondo-gris ul{
	color: #19255B;
	font-size: 1.2em;
	padding:5px 30px;	
	list-style-position: inside;
	text-align: left;
	padding:0px 80px;
}

	
.fondo-claro{
	color: #ffffff;
	background-color: #66AADD;
	padding: 0px 10px;
}

.fondo-claro h1{
	color: #fff;
	font-size: 2em;
	padding: 20px;
	/* animation: mover-izquierda-derecha 2s; */
	view-timeline-name: --text;
	view-timeline-axis: block;
	
	animation-timeline: --text;
	animation-name: showh1;
	
	animation-range: entry 25% cover 50%;
}

.fondo-claro p{
	padding: 10px 30px;
	font-size: 1.2em;
}
.fondo-claro ul{
	font-size: 1.2em;
	padding:5px 30px;	
	list-style-position: inside;
	text-align: left;
	padding:0px 80px;
}

.fondo-blanco a:hover, .fondo-blanco a:active,  .fondo-blanco a:link{
	color: #037D8A;
}

.fondo-gris{
	background-color: #F1F1F1;
	padding: 0px 10px;
}

.fondo-gris p{
	color: #19255B;
	margin-top:10px;
}

.fondo-web-socios{
	background: url('img/websocios.jpg') no-repeat fixed center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   height: 100%;
   width: 100% ;
   text-align: center;	padding: 50px 50px 80px;
}

.fondo-blanco-transparente{
	color: #082b53;
	/* opacity: 1; */
	padding: 0px 100px;
	float:left;
	position:relative;
	text-align: center;
	background-color:rgba(255,255,255,0.9);
}

.fondo-blanco-transparente h1{
	color: #082b53;
	font-size: 2em;
	padding: 20px;
	/* animation: mover-izquierda-derecha 2s; */
	view-timeline-name: --text;
	view-timeline-axis: block;
	
	animation-timeline: --text;
	animation-name: showh1;
	
	animation-range: entry 25% cover 50%;
}

.fondo-blanco-transparente p{
	color: #082b53;
}

.fondo-blanco-transparente ul{
	color: #082b53;
	font-size: 1.2em;
	padding:5px 30px;	
	list-style-position: inside;
	text-align: left;
	padding:0px 80px;
}

  .bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }

/*  Responsivo  */
  @media (max-width: 480px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}

	.fondo-azul2{
		padding: 10px 10px;
	}

	.fondo-azul2 h1{
		font-size: 1.4em;
	}

	.fondo-azul2 ul{
		color: #ffffff;
		font-size: 1.3em;
		padding:5px 10px;	
		list-style-position: inside;
		text-align: left;
		padding:0px 20px;
	}

	.fondo-claro h1{
		font-size: 1.4em;
	}

	.fondo-blanco h1{
		font-size: 1.4em;
	}

	.fondo-blanco-transparente{
		padding: 0px 30px;
	}

	.fondo-blanco-transparente h1{
		font-size: 1.4em;
	}

	.fondo-blanco-transparente ul{
		text-align:left;
	}
	
	.fondo-consultoria{
	   text-align: center;	padding: 20px 20px 40px;
	}
  }

  @media (max-width: 768px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}

	.fondo-azul2{
		padding: 10px 10px;
	}

	.fondo-azul2 h1{
		font-size: 1.6em;
	}

	.fondo-azul2 ul{
		color: #ffffff;
		font-size: 1.3em;
		padding:5px 10px;	
		list-style-position: inside;
		text-align: left;
		padding:0px 35px;
	}

	.fondo-claro h1{
		font-size: 1.6em;
	}

	.fondo-blanco h1{
		font-size: 1.6em;
	}

	.fondo-blanco-transparente{
		padding: 0px 30px;
	}

	.fondo-blanco-transparente h1{
		font-size: 1.4em;
	}

	.fondo-blanco-transparente ul{
		text-align:center;
	}
	
	.fondo-consultoria{
	   text-align: center;	padding: 20px 20px 40px;
	}
  }

  @media (min-width: 1024px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}

	.fondo-azul2{
		padding: 10px 10px;
	}

	.fondo-azul2 h1{
		font-size: 1.8em;
	}

	.fondo-azul2 ul{
		color: #ffffff;
		font-size: 1.3em;
		padding:5px 10px;	
		list-style-position: inside;
		text-align: left;
		padding:0px 40px;
	}

	.fondo-claro h1{
		font-size: 1.8em;
	}

	.fondo-blanco h1{
		font-size: 1.8em;
	}

	.fondo-blanco-transparente{
		padding: 0px 30px;
	}

	.fondo-blanco-transparente h1{
		font-size: 1.4em;
	}

	.fondo-blanco-transparente ul{
		text-align:center;
	}

	.fondo-consultoria{
	   text-align: center;	padding: 20px 20px 40px;
	}
  }
/*  Responsivo  */

.pull-right {
     float: right !important;
}

.tw {
        display:inline-block;
        background: url('img/iconos/x.png');
		width:40px;
		height:40px;
		margin: 10px 10px;
}
.fb {
        display:inline-block;
        background: url('img/iconos/fb.png');
		width:40px;
		height:40px;
		margin: 10px 10px;
}
.ln {
        display:inline-block;
        background: url('img/iconos/ln.png');
		width:40px;
		height:40px;
		margin: 10px 10px;
}

.btn-primary {
    color: #FFFFFF;
    background-color: #037D8A;
	border-color: #037D8A;
}

.btn-primary:hover {
    color: #037D8A;
    background-color: #7DC2CA;
	border-color: #7DC2CA;
	transition-duration:0.5s;
}

.negrita{
	font-weight: bold;
	font-size: 1.1em;
}

.sombra {
-webkit-box-shadow: 10px 10px 10px #037D8A;
  -moz-box-shadow: 10px 10px 10px #037D8A;
  filter: shadow(color=#037D8A, direction=135, strength=2);
}

.engrane {
        display:inline-block;
        background: url('img/engrane.png');
		width:100px;
		height:100px;
		margin: 30px 0px 0px 0px;
		text-align:center;
}

.estrella {
        display:inline-block;
        background: url('img/estrella.png');
		width:100px;
		height:100px;
		margin: 30px 0px 0px 0px;
		text-align:center;
}

footer{
	font-size: 0.8em;
	line-height:0.8em;
}

.footerlnk{
	color: #FFFFFF;
	
}

.three:hover {
  animation-name: stretch;
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: 3s;
  animation-fill-mode: forwards;
  animation-play-state: running;
}

@keyframes stretch {
  0%, 100% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1.3);
  }
}
.two:hover {
  animation-name: wiggle;
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: 3s;
  animation-fill-mode: forwards;
  animation-play-state: running;
}

@keyframes wiggle {
  0%,
  100% {
    transform: translate(0,0);
  }
  25%,
  75% {
    transform: translate(10px,0);
  }
  50% {
    transform: translate(-10px,0);
  }
}

.numero{
	height:100%;
	width: 100%;
	font-size: 10em;
	font-weight: bold;
	color: #555;
	background-color:#fff;
	position: absolute;
	mix-blend-mode: screen;
	display: flex;
	
}

.cuenta{
	font-size:3em;
	font-weight: bold;
}

.topservicios{
	background-image:url('img/fondoserv.png');
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	color: #ffffff;
	
}


.fondo-consultoria{
	background: url('img/s11.png') no-repeat fixed center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   height: 100%;
   width: 100% ;
   text-align: center;	padding: 50px 50px 80px;
}

.separador{
	background: url('img/separador.png');
	background-repeat: no-repeat;
   /* -webkit-background-size: cover; */
   /* -moz-background-size: cover; */
   /* -o-background-size: cover; */
  background-size: 100%;
  margin: 0 0 -40px 0;
  padding: 0 0 -40px;
  width:100%;
  height:50px;
  }