@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
* {    font-family: 'Poppins', sans-serif;}
body {margin-top: 20px;}
.mw {/*max-width: 1300px*/max-width:1350px;margin: 0px auto;margin-top:50px;}
.mw-gris {
  background-color:#F8F8F8;
  position: relative;
  display: grid;
	padding-bottom:50px;
	padding-top:30px;
}
.mw-gris:before {
  content:"";
  background-color:#F8F8F8;
  position: absolute;
  height: 100%;
  width: 200vw;
  left: -100vw;
  z-index: -1;
}

.img-conf {
text-align: center;
display: block;
    margin: 0px auto;
}


p {
   font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 152.69%;
text-align: center;
color: #1D1D1B;
}

h1 {text-align: center;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 139.69%;
text-transform: uppercase;
color: #1D1D1B;
}

h2 {
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 152.69%;
text-transform: uppercase;
color: #1D1D1B;
}

h3{
	font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 105.69%;
text-align: center;
color: #1D1D1B;
}

.tipos {
    width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;
}


.tipo {
    min-width: 125px;width:12%;min-height: 154px;height: 194px;
    /*border:2px solid #1D1D1B;box-sizing: border-box;border-radius: 4px;margin:47px 1%;text-align: center;*/
    cursor:pointer;
	margin-left:15px;
	margin-right:15px;
}

.div-img > img {
    max-width: 80%;
    max-height: 80%;
    margin: auto;
	margin-bottom:20px;
}

/*revisar*/
.tipo input:checked ~ .div-img{
	border: 2px solid #1D1D1B;
box-sizing: border-box;
border-radius: 5px;
	margin-bottom:5px;
}

.tipo input:hover ~ .div-img{
	border: 2px solid #1D1D1B;
box-sizing: border-box;
border-radius: 5px;
	margin-bottom:5px;
}
/*revisar*/

.dimensiones {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

}
.tipo input:checked ~ div.div-desc-tipo {
  background: #F9A409;
	border: 1px solid #F9A409;
box-sizing: border-box;
border-radius: 5px;
		margin-bottom:5px;
}

.tipo input:checked ~ div > p {
    color:white;
		font-weight: bold;
	font-style: normal;
}

input[name="filt_cat"]:hover ~ img {
    border: 2px solid #1D1D1B;
box-sizing: border-box;
border-radius: 5px;
}

input[name="filt_cat"]:checked ~ img{
    /*background: #F9A409;*/
border: 2px solid #1D1D1B;
box-sizing: border-box;
border-radius: 5px;
}

.active:hover ~ div.div-desc-tipo{
  background: transparent !important;
} 
.tipo input:hover ~ div.div-desc-tipo {
  background: transparent;
		border: 2px solid #1D1D1B;
box-sizing: border-box;
border-radius: 5px;
}

.tipo input:hover ~ div > p {
    color:#1D1D1B

}

.div-img {
   width: 100%;
   height: 150px;
   display: flex;align-items: flex-end;
}

.desc-tipo {
    margin:0px auto;color: #1D1D1B;
}

.div-desc-tipo {
    display:flex;align-items: center;width:100%;height:40px;
}


#navigation {
    
    width:100%;
}
#navigation:target .nav-items {
  height: auto;
  display: unset;
}

.control-menu {
        display: flex;
    align-items: center;
    min-height: 55px;
    box-sizing: border-box;
}


input[type="submit"] {
    width: 200px;height: 45px;background: #F9A409;
    border-radius: 0px;color:#F9A409;border-style:none;outline:none;
    font-family: "Poppins",sans-serif;
font-family: Poppins;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 152.69%;
text-align: center;
color: #1D1D1B;
cursor: pointer;
}

input[type="submit"]:hover {
border-radius: 0px;color: #F9A409;border-style:none;
	color: white;
}

.dimensiones p {
    color: #1D1D1B;
}

.txt-dim {
    width: 274px;margin:10px;
}

input[type="number"] {
    color: #1D1D1B;border-radius:0px;border: 1px solid #1D1D1B;
box-sizing: border-box;
width: 200px;
height: 45px;outline:none;
	font-family: "Poppins",sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
	padding-left:17px;
}
.lab-cat {
    min-width:145px;height: 175px;width: 14%;margin:18px 3%;display: block;flex-grow: 1;
}

.lab-cat:hover {cursor:pointer;}


.lab-cat > img {
    display: block;margin:auto;
}
.lab-cat > p {
    color: #1D1D1B;

}

.show-all {
    background: #1D1D1B; color: #ffffff !important;
   padding:10px 25px;
        
border-radius: 4px;color: #1D1D1B;
}

.show-all:hover {
     background: #C6E0FF; color: #1D1D1B;
border-radius: 4px;
}

#productos {
        display: flex;
    flex-wrap: wrap;
    justify-content: left;
    
}

.a-prod {
    text-decoration:none;min-width:145px;width: 16%;height: 270px;margin-top:40px ;margin-left: 2%;margin-right: 2%;margin-bottom: 60px;
}

.div-prod{
   float:left;width: 100%;height:100%;justify-content: center;
}
.div-prod > p {
    font-family: Open Sans,sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
text-align: left;

}

.div-productos {
    
    max-width: 1300px;
    margin-top:50px;padding-top: 37px;
    margin:0px auto;
    height: auto;
}
form[method="POST"] {
    margin-top: 1em;
    display: block;
        justify-content: left;margin-bottom: 80px;
}

.formh {
    display:flex;flex-wrap: wrap;margin-bottom: 30px;
}


.not-found {
    height: 300px;

    background: #f1f1f1;
    display: flex;
    align-items: center;
}
.not-found h2 {font-family: Open Sans,sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 33px;
letter-spacing: 0em;
text-align: center;
}
input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

.dimensiones p {margin:27px 0px 18px 0px;text-align: unset;font-size: 16px;}

.no-results-found {
    max-width: 834px;margin:0px auto;margin-top:60px;
}

.no-results-found > img {
    margin: 0px auto;display: block;
}

.no-results-found > a {
        margin: 0px auto;display: block;/*border: 2px solid #1D1D1B;*/
box-sizing: border-box;
/*border-radius: 4px;background: #f1f1f1;font-family: Open Sans, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 27px;
letter-spacing: 0em;*/
text-align: center;
/*color:#1D1D1B;*/padding:10px 25px;
    text-decoration: none;
    /*width: 157px;height:55px ;*/
}
.no-results-found > p {
    font-size:16px;color:#1D1D1B;
}

.control-menu > h2 {
    margin-left: 20px;margin-right: 20px;
}

.descripcion{
	width:60%;
	text-align: center;
display: block;
    margin: 0px auto;
}

@media screen and (max-width: 768px){
    .descripcion{
        width: 100%;
    }
}


/*botones*/
.div_contacto{
	display:flex;
    justify-content: center;
    align-items: center;
}
.boton_contacto{
	float:left;
	margin:10px;
}


#productos a.a-prod div.div-prod p span{
	font-weight: 600;
font-size: 22px;
line-height: 152.69%;
}