@import url(fuentes.css);

/*GENERALES*/

#colores .contenedor, #utilidades .contenedor, #enviamos .contenedor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.encabcol {
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: "fpbook";
    letter-spacing: 15px;
    color: rgb(94,94,94);
    margin-bottom: 30px;
}

/*HOVER DE IMAGENES*/

.box {
	position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

.box img {
	width: 100px;
	height: 100px;
}

.box .hover {
	opacity: 0;
	background-size: 100px 100px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: 0.5s all;
}

.box:hover .hover {
	opacity: 1;
}

.amarillo {
    background: url(../img/Links/Colores/Baltac-color-amarillo-1.png) no-repeat;
}

.azul {
    background: url(../img/Links/Colores/Baltac-color-azul-1.png) no-repeat;
}

.blanco {
    background: url(../img/Links/Colores/Baltac-color-blanco-1.png) no-repeat;
}

.negro {
    background: url(../img/Links/Colores/Baltac-color-negro-1.png) no-repeat;
}

.rojo {
    background: url(../img/Links/Colores/Baltac-color-rojo-1.png) no-repeat;
}

.cafe {
    background: url(../img/Links/Colores/Baltac-color-cafe-1.png) no-repeat;
}

.verde {
    background: url(../img/Links/Colores/Baltac-color-verde-1.png) no-repeat;
}

.naranja {
    background: url(../img/Links/Colores/Baltac-color-naranja-1.png) no-repeat;
}

/*UTILIDADES*/

.unaimagen img {
    width: 100%;
    border-radius: 10px;
}

.unaimagen {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}

/*ENVIAMOS*/

#enviamos img {
    width: 120px;
}

#enviamos td {
    padding-left: 20px;
    padding-right: 20px;
}

#enviamos p {
    font-size: 40px;
    color: rgb(163, 1, 1);
    font-family: "fpbook";
    text-align: center;
}