.navcolor{
	color: #2D529F;
}

.navcolor:hover{
	background-color: #2D529F;
	color: #ffffff;
}

.activo{
	color: #008FE2;
}

.activo:hover{
	background-color: #008FE2;
	color: #ffffff;
}

#dropdownMenuButton{
	background-color: #ffffff;

}

#dropdownMenuButton.navcolor:hover{
	background-color: #2D529F;
	color: #ffffff;
}

.activo:hover#dropdownMenuButton:hover{
	background-color: #008FE2;
	color: #ffffff
}

.nactivo:hover{
	background-color: #2D529F;
	color: #ffffff;
}

.stlboton{
	margin-top: 20px; 
	border-radius: 80px; 
	padding-right: 30px; 
	padding-left: 30px; 
	border: 3px #242424 solid; 
	background-color: rgba(255,255,255,0); 
	color: #242424;
}

.stlboton:hover{
	color: #fff;
	background-color: #313131;
	border: 3px #242424 solid; 
}

#stlbtn{
	margin-bottom: 20px; 
	border-radius: 80px; 
	padding-right: 30px; 
	padding-left: 30px; 
	border: 3px #242424 solid; 
	background-color: rgba(255,255,255,0); 
	color: #242424;
}

#stlboton:hover{
	color: #fff;
	background-color: #313131;
	border: 3px #242424 solid; 
}

.jbtron{
	background-color: #2d519f;
	margin-bottom: 0px;
	padding-bottom: 30px;
}

.stlatn{
	display: inline-block;
    min-width: 80px;
    margin-right: 10px;
}

.stlinfo::after{
	content: ':';
    display: block;
    float: right;
}

.aligtxt{
	text-align: right;
}

.aligtxtl{
	text-align: left;
}

.justval{
	justify-content: flex-end;
}

@media all and (max-width: 960px) {
	.colapso1{
		display: flex;
		flex-direction: column;
		margin-bottom: 20px;
	}

	.stlborde{
		border-bottom: 1px #e8e8e8 solid;
	}
	
	.mgrow{
		margin-right: 15px;
		margin-bottom: 15px;
	}

	.aligtxt{
		text-align: center;
	}

	.aligtxtl{
		text-align: center;
	}

	.ordn2{
		order: 2;
	}

	.justval{
		justify-content: center;
	}

	.fntsize{
		font-size: 1.8rem;
	}

	.imagender{
		width: 70%;
	}
}

.borde:focus{
	outline: none;
}

@media all and (max-width: 414px) {
	.txtsmll{
		font-size: 14px;
	}
}

.bckgndsect{
	background-image:linear-gradient(to right, #3BAFBF 25%, #3697C3, #327EC7);
	padding-top: 30px;
	padding-bottom: 30px;
}

.stlsect1{
	background-color: #f4f4f4; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-bottom: 1px #e6e6e6 solid;
}

.stlicons1{
	margin-right: 8px; 
	margin-left: 10px; 
	color: #646464;
}

.stlinfo1{
	padding-right: 10px; 
	color: #8ea0ae;
}

.stlinfo1bd{
	border-right: 2px #d1dee9 solid;
}

.szletter14{
	font-size: 14px;
}

.hdrstl{
	background-color: #ffffff; 
	margin-top: -10px;  
	border-bottom: 2px #e9e9e9 solid; 
	box-shadow: 0px 21px 42px -34px rgba(180,180,180,1);
}

.stlbars{
	padding: 15px; 
	background-color: #008fe2
}

.pdd0{
	padding: 0px;
}

.mgtp-15{
	margin-top: -15px;
}

.szletter20{
	font-size: 20px
}

.sectcopy{
	background-color: #213d76; 
	padding-bottom: 6px; 
	padding-top: 6px;
}

.mgr10{
	margin-right: 10px;
}

.mgt30{
	margin-top: 30px;
}

.mgb30{
	margin-bottom: 30px;
}

.mgtb80{
	margin-top: 80px; 
	margin-bottom: 80px;
}

.mgt80{
	margin-top: 80px;
}

.pdb20{
	padding-bottom: 20px;
}

.pdb80{
	padding-bottom: 80px;
}

.pdt10{
	padding-top: 10px;
}

.sectg{
	background-color: #f4f4f4; 
	padding-top: 50px; 
	padding-bottom: 50px;
}


.szletterrem{
	font-size: 1.25rem;
}

.bordeinf{
	border-bottom: 1px #c8c8c8 solid;
}

.flex-container{
  display: flex;
  flex-direction: column;
}

.flex-item{
  padding: 5px;
  width: auto;
  height: 50px;
  margin: 10px;
  color: white;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
}

.pdr20{
	padding-right: 20px;
}

.consulta{
	padding-top: 70px;
	padding-bottom: 50px;
}

.bt{
	margin: 0px; 
	padding: 0px; 
	justify-content: center;
}

.mens{
	width: 20rem;
	margin:0px;
	z-index: 1001;
	align-items: center;
	background-color: #327EC7;
	color: white;
	font-size: 16px;
	box-shadow: 3px 5px 1px 3px #f1f0ef;
}

.datos{
	margin-top: -30px;
}

.bdr{
	border: 0px;
}

.pdb50{
	padding-bottom: 50px;
}

.pdt50{
	padding-top: 50px;
}


.imgdoc{
	width: 20rem;
}

.txtdoc{
	margin-left: 20px;
	margin-right: 20px;
}

.team-card {
	
	margin-left: 20px;
	margin-bottom: 20px;
	
}

.team-avatar {
  position: relative;
  height: 300px;
  width: 20rem;
  overflow: hidden;
  border-radius: 5px;
  border: 1px #c8c8c8 solid;
  text-align: center;
  margin-bottom: 20px;
  padding-top: 20px;
 
}
.team-avatar i{
	color: #339af0;

	}

.team-description {
  position: absolute;
  background: #fff;
  top: 120px;
  height: 100%;

  transition: all 0.3s cubic-bezier(0.2, 0, 0.265, 1);
}

.team-name {
  display: inline-block;
  font-weight: bold;
  font-size: 1.5rem;
}

.team-position {
  display: inline-block;
  padding-left:20px;
  padding-right:20px;
  border-radius: 100px;
  font-size: 1rem;
  line-height: -100px;
  margin-bottom: 15px;
}

.team-card .team-description {
  top: 0;
  background-color:rgb(50, 126, 199, 0.6);
  color:white;
  padding-top: 80px;
}

.iconct::before{
	content: ':';
    display: block;
    float: left;
    padding-right: 20px;
}

.iconct1{
    padding-left: 25px;
}

.mgb0{
	margin-bottom: 0px;
}

@media all and (max-width: 576px) {
	.txtsize{
		font-size: 1.40rem;
	}
}

.iconserv{
	color: #2d519f;
}

@media all and (max-width: 767px) {
	.sctoct{
		display: none;
	}
}

.pdd10{
	padding-right: 20px;
	padding-left: 20px;
}

.txtdec:hover{
	text-decoration: none;
}

#myTab{
	font-size: 15px;
}

#sty{
	color:#2D529F;
	font-size: 15px;
}

.list-group-flush{
	margin-top: 20px;
}

.mgt20{
	margin-top: 20px;
}

#mamo{
	margin-top: 20px;
}

.mglr0{
	margin-right: 0px;
	margin-left: 0px;
}

@media only screen and (max-width: 1000px) {
   .nav-tabs > li {
      width: 100%;
   }
}

#slider{
  width:100%;
  /*height:500px;*/
  position:relative;
  overflow:hidden;
  margin:0 auto;
 
}
@keyframes load{
  from{left:-10%;}
  to{left:0;}
}
.slides{
  width:400%;
  /*height:100%;*/
  position:relative;
  animation:slide 25s infinite;
}
@keyframes slide{
  0% 100%{margin-left:0%}
  5%{margin-left:0%}
  10%{margin-left:0%}
  15%{margin-left:0%}
  20%{margin-left:0%}
  25%{margin-left:-100%}
  30%{margin-left:-100%}

  40%{margin-left:-100%}
  45%{margin-left:-100%}
  50%{margin-left:-200%}
  
  60%{margin-left:-200%}
  65%{margin-left:-200%}

  70%{margin-left:-200%}

  75%{margin-left:-300%}
  80%{margin-left:-300%}
  85%{margin-left:-300%}
  90%{margin-left:-300%}
  95%{margin-left:0%}
  
}

.slider{
  width:25%;
  /*height:100%;*/
  float:left;
  position:relative;
  z-index:1;
  overflow:hidden;
}

.slide img{
  width:100%;
  /*height:100%;*/

}

.image{
  width:100%;
  /*height:100%;*/
}
.image img{
  width:100%;
  /*height:auto;*/
}


.legend {
  border:500px solid transparent;
  border-left:800px solid rgba(54, 151, 195, .7);
  border-bottom:0;
  position:absolute;
  bottom:0;
  animation:leg 6s infinite;

}
@keyframes leg{

  0%{opacity:1;left:-420px}
  5%{opacity:1;left:-420px}
  10%{opacity:1;left:-420px}
  15%{opacity:1;left:0px}
  20%{opacity:1;left:0px}
  23%{opacity:1;left:0px}
  24%{opacity:1;left:0px}
  25%{opacity:1;left:0px}
  30%{opacity:1;left:0px}
  40%{opacity:1;left:0px}
  45%{opacity:1;left:0px}
  
  55%{opacity:1;left:0px}
  57%{opacity:1;left:0px}
  60%{opacity:1;left:0px}
  63%{opacity:1;left:0px}
  65%{opacity:1;left:0px}
  70%{opacity:1;left:0px}
  80%{opacity:1;left:0px}
  85%{opacity:1;left:0px}
  90%{opacity:1;left:-420px}
  95%{opacity:1;left:-420px}
  100%{opacity:1;left:-420px}
}



.content{
  width:100%;
  height:300%;
  position:absolute;
  overflow:hidden;

  
 
}
.content .row{
  height: 10%;
  
}


.content-txt{
  width:100%;
  /*height:100px;*/
  float:left;
  position:absolute;
  animation:content-s 6s infinite;
  z-index:1;

  
}

@keyframes content-s{
  0%{left:-420px;}
  5%{left:-420px;}
  10%{left:20px;}
  15%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:0px;}
  90%{left:0px;}
  100%{left:-420px;}
}

.content-txt h1{

  width:100%;
  text-transform:uppercase;
  font-size:24px;
  color:#fff;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom:10px;
 
  
}
.content-txt h2{
  width:100%;
  
  font-weight:normal;
  font-size:14px;
  font-style:italic;
  color:#fff;
  padding-left: 20px;
  padding-right: 20px;
}

@media all and (max-width: 800px){
  .content-txt{
  background-color: rgba(54, 151, 195, .7);
 
  
  
  }
 
}