body {margin: 10px;
   background-image: url("foto_fondo_todo_Porto.png");
}
.logo{
margin: 15px;
border: solid;
text-align: center;
width: 90%;
border-radius: 20px;
height: 100px;
padding: 30px;
border-width: 4px;
}

.boton_2{width: 760px;
   height: 75px;
   font-size: 30px;

}
.boton_3{
   width: 190px;
   height: 70px;
   font-size: 30px;
}
.boton_4{
   width: 200px; height: 70px; font-size: 30px; border: solid; border-width: 2px;
}

.union {
   width: 100%;
   display: inline;
}
.pagar{
   margin: 10px;
   float:left ;
}
.carrito{
   margin: 10px;
   float:left ;
}
.producto{
   margin: 10px;
   float:left ;
}
.ofertas{
   margin: 10px;
   float:left ;
}
.combos{
   margin: 10px;
   float:left ;
}
.mensajes{
   margin: 10px;
   float:left ;
}
.inicio {
   width: 80%;
   margin: 20px;
   height: 80px;
   font-size: 50px;
   border: solid;
}

.boton_1 {
   width: 300px;
   height: 130px;
   font-size: 40px;
   border-radius: 40px;
   border-width: 5px;
   box-shadow: 5px 5px;
}

.todo_productos {
   width: 910px; 
   padding: 10px; 
   border: solid; 
   border-width: 10px;
   border-radius: 30px; 
   height: 280px;   
   background-color: rgb(89, 236, 255); 
   box-shadow: 5px 5px;
}

.div_confirma_producto {
   width: 100%;
   padding: 20px;
   height: 75px;
}

.text__confirma_producto {
   text-align: center;
   font-size: 50px;
}

.input_finaliza {
   width: 760px;
   height: 80px;
   font-size: 50px;
   border: solid;
}
.imagen{
   margin: 10px; 
   float: left;
}
.renglon_1{
   margin: 10px; 
   width: 650px; 
   float: left; 
   font-size: 40px;
}
.renglon_2{
   font-size: 35px;
}
.coeficiente{
   font-size: 40px; 
   float: left;
}