*
{
	scroll-behavior: smooth !important;
}
@font-face {
	font-family: "GothamPro-Bold";
	src: url("../fonts/GothamPro-Bold.woff");
}

@font-face {
	font-family: "GothamPro-Medium";
	src: url("../fonts/GothamPro-Medium.woff");
}

@font-face {
	font-family: "GothamPro-Light";
	src: url("../fonts/GothamPro-Light.woff");
}

.fw400 {
	font-weight: lighter !important;
	font-family: "GothamPro-Light",
		sans-serif;
		color: #d2d2d2;
		padding-top: .5%;
}

.fw600 {
	font-weight: lighter ;
	font-family: "GothamPro-Light",
		sans-serif;
	color: #fdfdfd;
	padding-top: .5%;
	font-size: 1.2em !important;
	text-align: center;
}
.fw601 {
	font-weight: lighter ;
	font-family: "GothamPro-Light",
		sans-serif;
	color: #13427a;
	padding-top: .5%;
	font-size: 1.2em !important;
	text-align: center;
}
.fw600 span {
	
	font-family: "GothamPro-bold", sans-serif;
}
.fw601 span {
	
	font-family: "GothamPro-bold", sans-serif;
}

.fw500 {
	font-weight: lighter !important;
	font-family: "GothamPro-Light",
		sans-serif;
	color: #d2d2d2;
	padding-top: .5%;
	font-size: .95em !important;
	text-align: center;
}

.menuflota {
	background: #fdfdfd;
}

.menuflota a {
	color: #13427a!important;
}

.menuflota a:hover {
	color: #2e6fb3!important;
}

.cclaro
{
	font-style: 1.1em !important;
	color: #2F71B1;
}

.btn-fixed
{
	z-index: 10;
	position: fixed;
	right: 0;
	width: max-content;
	top: 80% ;
	font-size: 1.2em;
}
.img-principal 
{
width: 100%;
max-width: 100%;
height: auto;
padding: 2% 0% 0% 0%;

}
.nav-link
{
	color: #13427A !important;
}
.nav-link:hover {
	
	color: #4995e6 !important;
		transition: color 0.5s ease-in-out;
	float: inline-start !important;
	transition: padding 0.5s ease-in-out;
}

.desktop{
	display: block;
}
.movil
{
	display: none;
}
body {
  font-family: "GothamPro-Medium", sans-serif;
  background: #f6f9f7;
  color: #2e6fb3;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "GothamPro-Bold", sans-serif;
}

ul#ui-id-1.ui-autocomplete {
	z-index: 2021;
}

.cur {
	cursor: pointer;
}


#cuerpo {
	background: #fff;
	margin-top: -56px;
}

form {
  font-family: "GothamPro-Light", sans-serif;
}

.cazul {
	color: #13427a;
}

.cnaranja {
	color: #db5142;
}

.camarillo {
	color: #eb9e40;
}

.cazulc {
	color: #6eb7e3;
}

.cgris {
	color: #8c96ac;
}

.dtd span{
	font-size: 1.7rem;
	font-family: "GothamPro-Bold", sans-serif;
}

.dtd p {
	font-size: .9rem;
	font-family: "GothamPro-Light", sans-serif;
}

#quienes .txt span {
	font-family: "GothamPro-Light", sans-serif;
	font-size: 1.2rem;
}

#beneficios h5 {
	font-family: "GothamPro-Medium";
}

#beneficios p {
	font-family: "GothamPro-Light", sans-serif;
	font-size: .8rem;
}

#shadow {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000ec;
    z-index: 1;
    opacity: 0.5;
}

span.registra {
	position: fixed;
	right: 10px;
	bottom: 50px;
	z-index: 20;
	cursor: pointer;
	-webkit-transition:all 1500ms ease;
	-o-transition:all 1500ms ease;
	transition:all 1500ms ease;

}


.informes {
	position: fixed;
	width:35%;
	background: rgb(255, 249, 249);
		bottom: 0;
		right: -10000px;
	padding: 2rem;
	z-index: 2;
		box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	-webkit-transition:all 1000ms ease;
	-o-transition:all 1000ms ease;
	transition:all 1000ms ease;
	overflow-y: auto;
}

.numer span {
	font-size: 2.4rem;
	font-family: "GothamPro-Light", sans-serif;
}

.numer p {
	font-size: 1.3rem;
	font-family: "GothamPro-Bold", sans-serif;
}

#formProgramas {
	display: none;
	width: 420px;
	background: #2f70b4;
	padding: 20px;
	border-radius: .5rem;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -195px;
	margin-left: -210px;
	z-index: 10;
}

.plus {
	position: absolute;
	color: #fff;
	top: 50%;
	left: 50%;
	margin-top: -24px;
	margin-left: -20px;
}

#programas p span {
	font-family: "GothamPro-Light", sans-serif;
	font-size: .8rem;
}

.botonera
{
	display: grid;
	justify-content: center;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 2%;
	padding: 2%;
	max-width: 80%;
	margin: 0 auto;
}

.botones
{
	border: 0;
	border-radius: 25px;
	padding: .5rem .2rem;
	align-content: center;
	display: grid;
}
.btn-azul
{
	background-color: #13427A;
	color: #fff;
}
.btn-blanco
{
	color: #13427A;
	background-color: #fff;
}
.btn-blanco:hover {
	background-color: #13427A;
	color: #fff;
}

.btn-azul:hover {
	color: #13427A;
	background-color: #fff;
}
.botones:focus, .botones:hover,.botones:active {
	border: 0;
	transition: .3s all;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	margin-left:.1rem ;
}

.carousel-indicators{
	bottom: -20px;
}

.carousel-item.active{
	opacity: 1 !important;
}

.carousel-item{
	width: 100% !important;
	padding: 0 10% !important;
	display: flex !important;
	justify-content: space-around !important;
	opacity: 0 !important;

}

.img-carousel{
	width: auto;
    
    margin: 0 8px;
    height: 6vw;
}


.modal-body h5
{
text-align: center;
color: #13427A;
padding: .1% 5%;
}
label
{
	color: #13427A;
	font-size: .97em !important;
}
.modal-body p {
	text-align: center !important;
	color: #13427A;
	font-size:.8em !important;
	font-family: "GothamPro-Light", sans-serif;
	padding: 2% 8%;

}
.modal-content
{
	background-color: #EAF8FF;
}

.form-control 
{
	outline: #2F71B1 !important;
	border-color: #2F71B1 !important;
}
.img-close
{
	color: #13427A !important;
	float: right !important;
	padding: 1%;
	width: 2.2rem !important;
	margin-left: auto !important;
	cursor: pointer;
}



/*----------------------------------------
Versión Movil
----------------------------------------*/
@media screen and (max-width:1600px) {
	.img-principal {
			width: 100%;
			max-width: 100%;
			height: auto;
			padding: 2rem 0% 0% 0%;
	
		}

				.btn-fixed {
					z-index: 10;
					position: fixed;
					right: 0;
					width: max-content;
					top: 80% ;
					font-size: 1em !important;
				}
}	
/* Dispositivo sm */
@media screen and (max-width:1200px) {

	

	

	.img-principal {
			width: 100%;
			max-width: 100%;
			height: auto;
			padding: 3rem 0% 0% 0%;
	
		}

	.desktop {
			display: none;
		}
	
		.movil {
			display: block;
		}
	.banner img {
		margin-top: 35px;
	}

	.nav-link {
		padding: .5rem;
	}

	.plus {
		display: none;
	}

	#formProgramas {
		width: 300px;;
		margin-top: -195px;
		margin-left: -150px;
	}

	#programas p{
		font-size: .6rem;
	}

	#programas p span {
		font-size: .5rem;
	}

		.informes {
	
			width: 95%;
			height: auto;
			z-index: 999;
			overflow-y: auto;
		}
				.fw600 {
					font-size: 1em;
				}

				h1
				{
					font-size: 1.6em;
				}
				h2
				{
					font-size: 1.3em;
				}
				h3
				{
					font-size: 1.1em;
				}
				.botonera {
					display: grid;
					justify-content: center;
					grid-template-columns: repeat(1, 1fr) !important;
					grid-gap: 5%;
					align-items: center;
					max-width: 100%;
					margin: 0 auto;
					align-content: center;
				}
				.botones h5
				{
					font-size: 1em !important;
					align-items: center;
						align-content: center;
				}
				.img-f
				{
					max-width: 70%;
					margin: 0 auto;
				}

								.botones {
									border: 0;
									border-radius: 25px;
									padding:1.5%;
									align-content: center;
									display: grid;
									justify-content: center;
								}


						.nav-link {
			margin: 0 auto;
			text-align: center;
			
						}

												.btn-fixed {
													z-index: 10;
													position: fixed;
													right: 0;
													width: 100% ;
													top: inherit;
													font-size: 1em ;
													bottom: 0 ;
													padding: 3% 0% ;
												}
												.pg6
												{
													padding-bottom: 4rem !important;
												}
}

@media screen and (max-width:750px) {

	
	
	.carousel-item{
		
		flex-flow: column;
		justify-content: center !important;
	
	
	}
	
	.img-carousel{
		width: 65%;
		max-width: 280px;
		height: auto;
		margin: 0 auto;
	}


}


@media screen and (max-width:405px) {

	.logo-p
	{
		width: 70% !important;
	}

}