/*Hoja de estilos principal*/
body {
	font-family: 'Roboto', sans-serif, Verdana;
	color: #333333;
}
a {
	text-decoration: none !important;
}
.Overflow_Hidden {
	overflow-x: hidden;
}
*:focus {
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
/*Menu Header*/
.dropdown-toggle::after {
	border-top: solid 0px !important;
}

.dropdown-menu.show {
	-webkit-animation: fadeIn 0.3s alternate;
	/* Safari 4.0 - 8.0 */
	animation: fadeIn 0.3s alternate;
}
.Lato {
	font-family: 'Lato', sans-serif;
}
.FondoGris {
	background-color: #f2f2f2;
}
.FondoBlanco {
	background-color: #ffffff;
}
.FondoTurquesa {
	background-color: #00aeef;
}
.FondoNegro {
	background-color: #000000;
}
.carousel-caption {
	top: 19%;
	left: 10%;
	z-index:99;
	border: solid 0px #fff;
}
.TextoNegro {
	color:#000000;
}
.TextoBlanco {
	color: #ffffff;
}
.TextoRojo {
	color: #ee332e;
}
.TextoTitulos {
	font-size: 30px;
	line-height: 36px;
}
.TextoMarcas {
	font-size: 18px;
	line-height: 21px;
}
.TextoContenido {
	font-size:20px;
	line-height:24px;
}
.TextoContenidoChico {
	font-size: 14px;
	line-height: 21px;
}
.Bold {
	font-weight: bold;
}

.SemiBold {
	font-weight: 500;
}

.Normal {
	font-weight: normal;
}

.Light {
	font-weight: 300;
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
	background-size:30px;
	background-position-x:0%;
	background-color: #d9d9d9;
	border-radius: 25px;
	width: 35px;
	height: 35px;
}
.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	background-size: 30px;
	background-position-x: 100%;
	background-color: #d9d9d9;
	border-radius: 25px;
	width: 35px;
	height: 35px;
}
.FondoTecnico {
	background-image: url("../images/Tecnico.png");
	background-size: 350px;
	background-position:0% 100%;
	background-repeat:no-repeat;
}

.FondoFormulario {
	background-image: url("../images/FondoFormulario.png");
	background-position: 0% 0%;
	background-repeat: no-repeat;
}
.FondoLogoFormulario {
	background-image: url("../images/Logo_Vertical.png");
	background-size: 15px;
	background-position: 90% 20%;
	background-repeat: no-repeat;
}
.Img3Puntos {
	background-image: url("../images/3Puntos.png");
	width: 85px;
	height: 12px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
}

.navbar-toggler {
	border: none;
	padding: 0;
	outline: none;
}

	.navbar-toggler:focus {
		box-shadow: none;
	}

	.navbar-toggler .hamburger-toggle {
		position: relative;
		display: inline-block;
		width: 50px;
		height: 50px;
		z-index: 11;
		float: right;
	}

		.navbar-toggler .hamburger-toggle .hamburger {
			position: absolute;
			transform: translate(-50%, -50%) rotate(0deg);
			left: 50%;
			top: 50%;
			width: 50%;
			height: 50%;
			pointer-events: none;
		}

			.navbar-toggler .hamburger-toggle .hamburger span {
				width: 100%;
				height: 4px;
				position: absolute;
				background: #333;
				border-radius: 2px;
				z-index: 1;
				transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
				left: 0px;
			}

				.navbar-toggler .hamburger-toggle .hamburger span:first-child {
					top: 10%;
					transform-origin: 50% 50%;
					transform: translate(0% -50%) !important;
				}

				.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
					top: 50%;
					transform: translate(0, -50%);
				}

				.navbar-toggler .hamburger-toggle .hamburger span:last-child {
					left: 0px;
					top: auto;
					bottom: 10%;
					transform-origin: 50% 50%;
				}

			.navbar-toggler .hamburger-toggle .hamburger.active span {
				position: absolute;
				margin: 0;
			}

				.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
					top: 45%;
					transform: rotate(45deg);
				}

				.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
					left: 50%;
					width: 0px;
				}

				.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
					top: 45%;
					transform: rotate(-45deg);
				}

.list-group-item {
	border: solid 0px !important;
	color: #333333 !important
}

.icons {
	display: inline-flex;
	margin-left: auto;
}

	.icons a {
		transition: all 0.2s ease-in-out;
		padding: 0.2rem 0.4rem;
		color: #ccc !important;
		text-decoration: none;
	}

		.icons a:hover {
			color: white;
			text-shadow: 0 0 30px white;
		}
.altoIcono {
	min-height: 100px;
}
.navbar-light .navbar-nav .nav-link {
	color: #333333;
	padding-top: 20px;
	padding-bottom: 20px;
}
.nav-link:hover {
	color: #00aeef !important;
}

.bg-light {
	--bs-bg-opacity: 1;
	background-color: #ffffff !important;
	
}
.Borde_Nav {
	border-bottom: 1px solid rgba(0,0,0,.15);
	background-color:#ffffff;
}
.Borde_Footer {
	border-bottom: 1px solid #ffffff;
}

/*Botones*/
.BtnCeleste {
	padding: 10px 30px;
	background-color: #00aeef;
	box-shadow: none;
	text-decoration: none;
	border: solid 2px #00aeef ;
	transition-property: background-color, color;
	transition-duration: 2s;
	transition-timing-function: ease-out;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 1s;
	-o-transition-property: background-color, color;
	-o-transition-duration: 2s;
}

	.BtnCeleste:hover, .BtnCeleste:active, .BtnCeleste:focus {
		background-color: transparent;
		border: solid 2px #00aeef;
		color: #ffffff ;
		box-shadow: none;
		text-decoration: none !important;
		transition-property: background-color, color;
		transition-duration: 2s;
		transition-timing-function: ease-out;
		-webkit-transition-property: background-color, color;
		-webkit-transition-duration: 1s;
		-o-transition-property: background-color, color;
		-o-transition-duration: 2s;
		outline: none !important;
		outline-style: none !important;
	}

.BtnCelesteTextoBlanco {
	padding: 10px 30px;
	background-color: #00aeef;
	box-shadow: none;
	text-decoration: none;
	border: solid 2px #00aeef;
	transition-property: background-color, color;
	transition-duration: 2s;
	transition-timing-function: ease-out;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 1s;
	-o-transition-property: background-color, color;
	-o-transition-duration: 2s;
}

	.BtnCelesteTextoBlanco:hover, .BtnCelesteTextoBlanco:active, .BtnCelesteTextoBlanco:focus {
		background-color: transparent;
		border: solid 2px #00aeef;
		color: #00aeef;
		box-shadow: none;
		text-decoration: none !important;
		transition-property: background-color, color;
		transition-duration: 2s;
		transition-timing-function: ease-out;
		-webkit-transition-property: background-color, color;
		-webkit-transition-duration: 1s;
		-o-transition-property: background-color, color;
		-o-transition-duration: 2s;
		outline: none !important;
		outline-style: none !important;
	}


/*Estilos generales*/
.AnchoMaximo {
	max-width: 1440px;
}
.AltoHeader {
	padding-top:120px;
}
ul {
	list-style: none;
}

li {
	margin: 0.25rem 0;
}

.Captio_Aliado {
	top:auto !important;
	left:0 !important;
	right:0 !important;
	bottom: 0 !important;
	height:120px !important;
}
.navbar-expand-lg .navbar-nav .nav-link {
	margin-left:20px;
}
.Ilus_Recursos {
	max-width:150px;
}
.HoverSelectorMarcas {
	cursor:pointer;
	background-image: linear-gradient(to right, #ffffff 50%, #4dc6e2 50%);
	background-position: 0 100%;
	background-size: 200% 3px;
	background-repeat: repeat-x;
	transition: all 0.4s;
	padding:5px;
}

.InputContacto {
	border: solid 0px;
	border-radius: 0;
	border-bottom: solid 2px #d9d9d9;
}

	.InputContacto:focus {
		border-bottom: solid 2px #00aeef;
	}
.RecuadroForm {
	background-color: #ffffff;
}
/*Owl Carrousel*/

.owl-prev, .owl-next {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block !important;
	background-color: transparent !important;
	border: solid 0px !important;
}


.owl-carousel .owl-prev {
	left: -50px;
}

.owl-carousel .owl-next {
	right: -50px;
}

.owl-dots {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
}

	.owl-dots button.owl-dot {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		display: inline-block;
		background: #cccccc !important;
		margin: 0 3px;
	}

		.owl-dots button.owl-dot.active {
			background-color: #4dc6e2 !important;
		}

		.owl-dots button.owl-dot:focus {
			outline: none;
		}

.owl-carousel .owl-stage {
	display: flex;
	align-items: center;
}

.owl-carousel .caption {
	text-align: center;
}

#carousel-empresas > .owl-stage-outer {
	height: 8rem !important;
}

.ImgNosAcompanan {
	width: 100% !important;
	max-height: 150px;
}
#BtnWhatsApp {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9999 !important;
}
.IconoWhatsAap {
	width: 70px;
}



/*Media query por si hace falta modificar algo en un break point especifico*/
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1280px) {
	.carousel-caption {
		top: 14%;
		left: 10%;
	}
	.altoIcono {
		min-height: 90px;
	}
	.FondoTecnico {
		background-size: 300px;
	}

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

	.Img3Puntos {
		bottom: -50px;
	}
}
@media screen and (max-width: 1024px) {
	.carousel-caption {
		top: 4%;
		left: 10%;
	}
	.TextoTitulos {
		font-size: 26px;
		line-height: 32px;
	}

	.TextoContenido {
		font-size: 18px;
		line-height: 22px;
	}
	.altoIcono {
		min-height: 75px;
	}
	.FondoTecnico {
		background-size: 250px;
	}
	.owl-prev, .owl-next {
		display: none !important;
	}

}
@media screen and (max-width: 768px) {
	.carousel-caption {
		top: 15%;
		left: 10%;
	}
	.FondoTecnico {
		background-image: none;
	}
	.IconoWhatsAap {
		width: 50px;
	}
	
	
}
@media screen and (max-width: 600px) {
	.carousel-caption {
		top: 2%;
		left: 10%;
	}
	.altoIcono {
		min-height: 100px;
	}
	
}
@media screen and (max-width: 411px) {
	.LogoHeader {
		max-width: 200px;
	}

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


}
@media screen and (max-width: 280px) {
	.LogoHeader {
		max-width: 150px;
	}
	.TextoTitulos {
		font-size: 24px;
		line-height: 30px;
	}

	.TextoContenido {
		font-size: 18px;
		line-height: 22px;
	}
	.carousel-indicators {
		margin-bottom: 0.5rem;
	}
	.altoIcono {
		min-height: 80px;
	}

}