* {box-sizing: border-box; margin: 0; padding: 0; border-style: none;}

header {display: flex; justify-content: center}
.Logo {width: 15vmin; padding-left: 15px;}
.IntranetLogo {display: flex; justify-content: center; background-color: #222222; width: 100%;}
h1 {color:white; font-size: 3vmax; padding-right: 15px; padding-top: 1%;}

.espacio {height: 100px; background-color: none;}
.espacio2 {height: 50px; background-color: none;}

.login0 {display: flex; justify-content: center;}
.login1 {background-color: #22222299; width: 230px; height: 280px; 
        border-radius: 10px; border-color: red; border-style: solid; border-width: 1px;
        display: flex; flex-direction: column; justify-content: center; align-items: center;}
h2 {color: white; font-size: 24px; font-weight: 800px; padding-bottom: 5px;}
.pIngrese {color: white; margin-bottom: 25px;}

.formIngrese {display: flex; flex-direction: column; align-items: start;}
.labelIngrese {color: white; padding-bottom: 7px;}
.inputIngrese {height: 24px; margin-bottom: 12px; border-radius: 4px;}

.botonIngresar {color: white; background-color: #222222; padding: 5px; cursor: pointer; 
                border-radius: 4px; border-color: red; border-style: solid; border-width: 1px;}



.intranetMenu {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.listaProductos {background-color: #22222299; width: 90%; height: auto; margin-bottom: 25px;
                 border-radius: 10px; border-color: red; border-style: solid; border-width: 1px;
                 display: flex; flex-direction: column; justify-content: center; align-items: center;}
h3 {color: white; font-size: 14px; padding-top: 7px;}
.pMenu {color: white; padding-bottom: 7px; font-size: 12px;}

a {color: white; text-decoration: none;}
a:hover {text-decoration:underline;}

.ptarjeta1 {color: white; font-size: 20px; font-weight: 800; padding-top: 7px; text-align: center;}
.ptarjeta2 {color: white; font-size: 17px; font-weight: 700; padding-top: 7px; text-align: center;}