.paralogo {
    margin-bottom: 0px;
    margin-top: 1px;
    height: 38px;
    font-family: 'Arial Narrow';
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #235787;
}
.suproveedor {
    margin-bottom: 1px;
    font-family: 'Arial Narrow';
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #235787;
    margin-top: -16px;
animation: primeraanimacion 10s linear 0s infinite;
}
@keyframes primeraanimacion{
	0% {transform: translateX(0px)}
	25% {transform: translateX(12px)}
	50% {transform: translateX(24px)}	
	75% {transform: translateX(12px)}
	100% {transform: translateX(0px)}
}
.derechos {
    width: auto;
    font-size: 16px;
    font-family: 'Arial Narrow';
    text-align: center;
}
body {
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
    font-family: 'Arial Narrow';
    font-size: 20px;
}
.titulop {
    font-size: 24px;
}
/*
.todobuscar {
padding-left: 5px;
background-color: whitesmoke;
border-radius: 20%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.cajabuscar {
border: none;
background: none;
outline: none;
font-size: 16px;
float: left;
line-height: 20px;
transition: 0.3s;
width: 0;
}
@media screen and (max-width:480px){
    .todobuscar{margin-left: 45px;}
    .todobuscar > .cajabuscar{width: 80px;}
}
@media screen and (min-width:500px){
    .todobuscar:hover > .cajabuscar{width: 80px;}
}
.botonbuscar {
    width: 40px;
    height: 40px;
    border: none;
    border-radius:20%;
    background-color: whitesmoke;
}
*/
.dashicons {
font-size: 25px;
margin-top: 2px;
margin-right: 9px;
color: green;
}
.iconwhats {
    height: 42px;
    width: 47px;
    border-radius: 20%;
    background-color: whitesmoke;
    margin-top: 10px;
    padding-left: 11px;
    padding-top: 6px;
}
.iconwhats:hover {
    background-color: rgb(64, 255, 47);
}