*{padding:0;margin:0}
.fondo-grommets{background-image:url(../images/grommets-puertos-multiconexion-para-oficinas.png);background-repeat:no-repeat;background-size:cover;background-position:center}
.fondo-no-modulables{background-image:url(../images/grommets-multiconexiones-con-estructura-no-modulable.png);background-repeat:no-repeat;background-size:cover;background-position:center}
.fondo-modulables{background-image:url(../images/grommet-modulables-para-conexiones.png);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100%}
header{display:flex;padding-left:2%;padding-right:2%;background-color:rgba(240,240,240,.781);position:fixed;height:100px;align-items:center;width:96%;box-shadow:0 4px 5px #cec9c9}
header img{width:50%}
.logo{width:170px;margin-left:4%;cursor:pointer}
header ul{width:calc(96% - 170px);display:inline-block}
header ul li{width:10%;display:list-item;float:right;}
header ul li a{text-decoration:none;font-size:20px;font-family:sans-serif;color:#333}
header ul li a:hover{color:#2285eb}
.container{width:calc(100% - 60px);display:inline-block;margin-top:150px;padding:30px}
.container h1{text-align:center;color:#fff;font-family:sans-serif;font-size:50px;margin-bottom:30px}
.container-c{width:96%;display:inline-block;padding:20px 2%;margin-bottom:70px}
.container-c .card2{width:calc(45% - 2px);float:left;text-align:center;border:1px solid #fff;border-radius:20px;margin:15px 2%}
.container-c .card2:hover{transform:scale(1.1);transition:1s;background-color:rgba(255,255,255,.274);color:#333}
.container-c .card2 img{width:50%}
.container-c .card2 label{width:100%;display:inline-block;color:#fff;font-size:35px;font-family:sans-serif;padding:17px 0;font-weight:600}
.container-c .card2 span{width:calc(100% - 70px);display:inline-block;color:#fff;font-size:25px;font-family:sans-serif;text-align:left;padding:15PX 35PX}
.container-c .card3{width:calc(20% - 2px);float:left;text-align:center;border:1px solid #fff;border-radius:20px;margin:15px 2%}
.container-c .card3:hover{transform:scale(1.1);transition:1s;background-color:rgba(255,255,255,.274);color:#333}
.container-c .card3 img{width:50%}
.container-c .card3 label{width:100%;display:inline-block;color:#fff;font-size:20px;font-family:sans-serif;padding:17px 0;font-weight:600}
#manual:checked~#container-c .electrico,#manual:checked~#container-c .piso,#manual:checked~#container-c .pushup{display:none}
#piso:checked~#container-c .electrico,#piso:checked~#container-c .manual,#piso:checked~#container-c .pushup{display:none}
#pushup:checked~#container-c .electrico,#pushup:checked~#container-c .manual,#pushup:checked~#container-c .piso{display:none}
#electrico:checked~#container-c .manual,#electrico:checked~#container-c .piso,#electrico:checked~#container-c .pushup{display:none}
.btnfilter{width:20px;height:20px;float:left;margin:0 20px}
.namefilter{margin:0;padding:0;height:20px;display:flex;align-items:center;float:left;color:#fff;font-size:21px;font-family:sans-serif}
.container-c .product{width:calc(50% - 2px);float:left;text-align:center;border:1px solid #fff}
.product-smaill-img img{width:100%;border:1px solid rgba(240,240,240,.781);padding:8px;margin:10px 10px 15px;cursor:pointer}
.product-smaill-img{width:8%;display:flex}
.img-container img{height:460px}
.img-container{padding:10px}
.container-formulario{width:96%;display:inline-block;padding:20px 2%;margin-bottom:50px}
.container-formulario .heading-form{width:96%;display:inline-block;padding:20px 2%;text-align:center}
.container-formulario .heading-form h2{font-size:30px;font-family:sans-serif;color:#232323;font-weight:800}
.container-formulario .heading-form h2::before{background:#2687eb none repeat scroll 0 0;content:"";height:2px;left:50%;position:absolute;width:50px;margin-left:-10px;margin:43px 0}
.container-formulario .heading-form h2::after{background:#232323 none repeat scroll 0 0;content:"";height:2px;left:53%;margin-left:-40px;position:absolute;width:35px;margin:43px 0}
.container-formulario .heading-form h2 span{font-size:30px;font-family:sans-serif;color:#2687eb;font-weight:800}
.container-formulario .formulario{width:calc(100% - 400px);display:inline-block;padding:30px 200px}
.container-formulario .formulario .casilla3{width:calc(33% - 60px);display:inline-block;padding:1px 30px}
.container-formulario .formulario .casilla3 input{width:calc(100% - 24px);display:inline-block;padding:12px;box-shadow:0 0 2px 1px #54a0ef;border:1px solid #ccc;border-radius:4px}
.container-formulario .formulario .casilla3 input:focus{outline-color:#b9fdf8;border:1px}
.container-formulario .formulario .casilla1{width:calc(100% - 60px);display:inline-block;padding:30px}
.container-formulario .formulario .casilla1{width:calc(100% - 60px);display:inline-block;padding:30px}
.container-formulario .formulario .casilla1 textarea{width:calc(100% - 24px);display:inline-block;padding:12px;box-shadow:0 0 2px 1px #54a0ef;border:1px solid #ccc;border-radius:4px;font-family:sans-serif}
.container-formulario .formulario .casilla1 textarea:focus{outline-color:#b9fdf8;border:1px}
.container-formulario .formulario .btnform{width:calc(100% - 60px);display:inline-block;padding:1px 30px}
.container-formulario .formulario .btnform button{width:calc(100% - 60px);display:inline-block;background-color:#2687eb;color:#fff;border:2px solid #2687eb;width:100%;height:50px;border-radius:26px;font-size:25px;cursor:pointer}
.container-formulario .formulario .btnform button:hover{background-color:#fff;color:#2687eb}
footer{width:calc(100% - 30px);background-color:#e9e9e9;padding:30px 15px;text-align:center}
footer p{color:#000;font-weight:600;font-family:sans-serif}
footer p a{color:#000;font-weight:600;font-family:sans-serif;color:#2687eb;text-decoration:none}