.bodycata {
  background: url(../images/81.jpg)no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.cabeceradelsection{
  width: 100%;
  background: url(../images/81.jpg)no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.cabeceradelsection img{
  width:30%;
  margin-top: 5%;
  margin-bottom: 3%;
  margin-left: 35%;
}
.logoazu{
  width: 115px;
}
.gyeonlinkes{
  width: 100%;
  text-align: center;
  position: fixed;
  background: white;
  padding: 10px;
}
.gyeonlinkes a{
  font-size: 15px;
  color: #322d50;
}
.articulosdelcatalogo{
  width: 70%;
  display: flex;
  margin-left: 15%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 2px;
  background: rgb(255,255,255,0.8);
  border-top: solid 4px #4b456a;
  box-shadow: 1px 1px 10px #4b456a;


}
.imagendelcatalogo{
  width: 40%;
  margin-left: 10%;
  text-align: center;
}
.imagendelcatalogo img{
  width: 40%;
}
.textodelcatalogo{
  text-align: center;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100&family=Oswald:wght@700&display=swap');
.textodelcatalogo h1{
  text-transform:uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #4b456a;
}
.imagendelcatalogo sup{
  color:#4b456a;
  font-size:15px;
  text-align: center;
}
.parrafodescri{
  color: #4b456a;
}
.solicitarwhasa{
  color: white;
  background:#4b456a;
  border: solid 0.5px #4b456a;
  padding: 6px;
  transition: 1s;
}
.solicitarwhasa:hover{
  color: white;
  opacity: 0.8;
}
.parrfodeprecio{
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: 700;
}
.sanpedri{
  color: #4b456a;
}
.sanpedri:hover{
  color: #4b456a;
  opacity: 0.9;
}

.page{
  float: right;
  margin-right: 15px;
}
.page:hover{
opacity: 0.9;
}
.page i{
font-size:35px;
}
.bajar{
  width: 100%;
  text-align: center;
}
.bajar i{
font-size: 35px;
color:white;
}

.modalContainer {
			display: none;
			position: fixed;
			z-index: 1;
			padding-top: 100px;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: auto;
			background-color: rgb(0,0,0);
			background-color: rgba(0,0,0,0.4);
		}

		.modalContainer .modal-content {
			background-color: #fefefe;
			margin: auto;
			padding: 20px;
			border: 1px solid lightgray;
			border-top: 10px solid #58abb7;
			width: 60%;
		}

		.modalContainer .close {
			color: #aaaaaa;
			float: right;
			font-size: 28px;
			font-weight: bold;
		}

		.modalContainer .close:hover,
		.modalContainer .close:focus {
			color: #000;
			text-decoration: none;
			cursor: pointer;
		}

@media(max-width:820px){
  .articulosdelcatalogo{
    width: 98%;
    margin-left: 1%;
}
  .textodelcatalogo h1{
    font-size: 20px;
    font-weight: bold;
    color:#322d50;
}
  .imagendelcatalogo{
    width: 50%;
    margin-left: 5%;
    text-align: center;
  }
  .imagendelcatalogo img{
    width: 150px;
    margin-top: 25px;
}
.cabeceradelsection img{
  width: 250px;
  margin-left: 20%;
  margin-top: 75px;
}

.cabeceradelsection{
  height: 350px;
}
.bodycata {
  background: url(../images/81.jpg)no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;

}
.articulosdelcatalogo{
  background: rgb(255,255,255,0.7);

}

}
.fotterimaginario{
  background: #4b456a;
  text-align: center;
}
.fotterimaginario a{
  color:white;
}
.catalogi i{
color:#322d50;
}

.headerinfo{
  width: 100%;
  height:auto;
}

.headerinfo img{
  margin-left: 40%;
  width: 155px;

}
.elinstag{
  margin-left: 40%;

}
.volver{
  margin-left: 1%;
  margin-top:2px;
  float: right;
  margin-right: 5%;
  border:solid 1px #322d50;
  padding: 6px;
}
.volver:hover{
  opacity: 0.8;
}

.contenedor-infoprod{
  width: 100%;
  position: relative;
  margin-top: 3%;
display: flex;
background: url(../images/poli1.png)no-repeat;
background-size: 140px;
background-position: 12%;

background-attachment: fixed;
}
.cont-title-info{
width: 40%;
}
.cont-title-info h6{
  margin-top: 3%;
  margin-bottom: 3%;
  color:#322d50;
}
.textverti h4{
color:#322d50;
font-weight: lighter;
font-size: 20px;
float: left;
transform: rotate(90deg);
margin-top: 40%;
width: 5%;
margin-left: 8%;

}
.textverti span{
  font-weight: 900;
color:#322d50;
}
.imagendelprod-info{
  width: 40%;
  background: url(../images/fondo_ar.png)no-repeat;
background-size: contain;

}
.imagendelprod-info img{
  width: 100%;

}
.dosbotones{
  width: 100%;
display: flex;
margin-top: 2%;
margin-left: 40%;
}
.boton1{
border: solid 1px #322d50;
padding: 18px;
color:#322d50
}
.boton1 a{
  color:#322d50;
}

.boton2{
border: solid 1px #322d50;
padding: 18px;
margin-left: 2%;
color:#322d50;
}
.boton1:hover{
  background:#322d50;
}
.boton1:hover a{
  color:white;
}
.boton2:hover{
  background:#322d50;
}
.boton2:hover a{
  color:white;
}

@media(max-width:820px){
  .bodycata {
    background: url(../images/81.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;

  }
  .contenedor-infoprod{
    display: block;
}
.cont-title-info{
  width: 80%;
  margin-left: 15%;
}
.textverti{
  width: 85px;
}
.imagendelprod-info{
  width: 80%;
  margin-left: 10%;
}
.dosbotones{
  margin-left: 5%;
}
.headerinfo img{
  margin-left: 5%;
}
.elinstag {
  margin-left: 5%;
}
.catalogi{
  display: grid;
}
.volver {
  width: 85px;
  margin-left: 70%;
}
.sanpedri{
  margin-top: 18px;
}

}
.agregaralcarro{
  color:white;
  background: #540D9B;
  padding: 5px;
}
@media(max-width:820px){
  .agregaralcarro{
    color:white;
    background: #540D9B;
    padding: 3px;
    font-size: 12px;
  }
}