/*Color para fondos de Secciones*/
.bg-colorFondo{
	background: rgba(69, 161, 247, 0.1);
}
.bg-colorRojo{
	background: rgba(247, 69, 69, 0.1);
}
.bgTransparencia{
	background: rgba(13, 14, 13, 0.3)
}

/*Colores de texto*/
.textColorBlack{
	color:black;
}
.textColorWhite{
	color: white;
}
.colorBordeW{
	fill: white;
}

/*MODIFICACION ESTILOS DE BOOTSTRAP*/
/*Color blanco a menu navbar*/
.nav-link{
	color: white;
}
.nav-link:hover{
	color: white;
	text-transform: uppercase;
	color:black;
	background: transparent;
}
.bi-botonreducidomenu{
	visibility: hidden;
}

/*Color blanco de submenu Inicio en navbar*/
.dropdown-menu .dropdown-item{
	color: white;
	align-content: flex-end;
}
.dropdown-menu{
	border-color: white;
}

/*Color negro a Sobre Texto submenu navbar*/
.dropdown-menu .dropdown-item:hover{
	text-transform: uppercase;
	color:black;
	background: transparent;
}

/*ESTILOS SECCION PLANES*/
/*Color Cubos, Estrellas y Textos*/
.bg-colorGreen{
	color: #85c34a;
}
.bg-colorRed{
	color: red;
}
.bg-colorWhite{
	color: white;
}
.bg-colorSky{
	color: rgb(163, 171, 241);
}

/*Efecto zoom sobre cajas de planes*/
.zoomCaja:hover{
	border: 5px solid #85c34a;
}
.zoomCaja2:hover{
	border: 5px solid red;
}

/*Efecto sobre boton Contratar Planes*/
.btn:hover{
	text-transform: uppercase;
	font-size: 25px;
}

/* Carousel */
.carousel-caption {
    padding-bottom: 1%;
}
.bg-slider{
	background: rgba(31, 59, 11, 0.6)
}
.centrarTodo{
	align-content: center;
	align-items: center;
	align-self: center;
}
.justificarCentro{
	justify-content: center;
	justify-items: center;
	justify-self: center;
}

/*Banner Aval*/
#banner{
	background: url(../imagenes/certificadoras/logosAval.png);
	background-position: center center;
	background-attachment: fixed;
    background-repeat: no-repeat;
	background-size: cover;
    background-color: #669999;
}
.wTitle{
    padding: 150px 20px;    
}
.logoEccos{
	height: 70px;
	width: 70px;
}

/*TAMAÑO IMAGENES SECCION STAFF*/
.staffImg{
	width: 20%;
	height: 20%;
}

.nav-link svg{
	font-size: 16px;
}
button svg:hover{
	color: black;
}
.caja svg{
	color: white;
	font-size: 14px;
	padding-right: 2px;
	margin-top: -8px;
}
#caja:hover, #caja svg:hover{
	color: black;
}
.container svg{
	font-size: 50px;
}
/*Medium devices (tablets, 1080px and up)*/
@media only screen and (max-width:1080px) {
    .txtlogoResponsivo{
        display:none;
	}
	.nav-link svg{
		font-size: 12px;
	}
	.logoEccos{
		height: 30px;
		width: 30px;
	}
	.navbarResponsivo{
		font-size: 12px;
	}
	.footerResponsivo{
		font-size: 12px;
	}
	.container svg{
		font-size: 70px;
	}
}
/*Medium devices (tablets, 300px and up)*/
@media only screen and (max-width:400px) {
	.bi-botonmenu{
		visibility: hidden;
	}

	.bi-botonreducidomenu{
		visibility: visible;
	}

	.footerResponsivo{
		font-size: 8px;
	}
	.container svg{
		font-size: 30px;
	}
}