*{margin:0;padding:0;font-family:arial,sans-serif;box-sizing:border-box}html,body{font-size:14px;min-width:300px;width:100%;height:100%;color:#555;font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif}div.container1200,div.container600{max-width:100%;padding:2rem;text-align:center;margin:0 auto}div.container1200{width:1200px}div.container600{width:600px}div.top div.contact{width:100%;position:absolute;right:0;text-align:right;line-height:30px;overflow:hidden;font-size:12px;color:#555;padding-right:2rem}#presentacion{overflow:hidden;clear:both;display:block;position:relative;z-index:1;padding-top:0}.cpresentacion{width:100%;position:relative;height:auto;background:url("/img/pxfondo.jpg") no-repeat #c6c4c4;background-size:100% auto;background-attachment:fixed;background-position:0 0;clear:both;overflow:hidden}#presentacion .layer{float:left;width:100%;margin-right:-100%;height:100%;overflow:hidden;margin-top:0}#presentacion img{width:100%;height:auto;overflow:hidden}#presentacion .layer:last-child img{width:100%}#presentacion .layerf{background:rgba(0,151,234,.5);width:100%;position:absolute;top:0;bottom:0;left:0;right:0}div.top{background:rgba(255,255,255);width:100%;z-index:1000;position:fixed;text-align:center;color:#396baa;box-shadow:0 3px 5px #aaa;height:80px;min-width:300px}div.top div.menu ul li{float:left}div.top div.menu ul li a{display:block;line-height:47px;padding:0 10px;transition:.5s all;border-bottom:3px solid transparent;font-weight:bold;color:#112446;background:white}div.top div.menu ul li a:hover{transition:.5s all;border-bottom:3px solid #112446}div.top div.logo{text-align:center;padding:0 2rem;transition:1s all;display:block;float:left}div.top div.logo div{background:white;height:80px;width:100%;text-align:center;padding:.5rem;transition:1s all}div.top div.logo img{width:auto;height:100%;transition:1s all;float:right}div.top div.menu{text-align:center;display:inline-block;float:right;padding-top:30px}div#productos,div#servicios,div#contacto,div#cloud{padding:3rem 0}div#nosotros{background:url("/img/nosotros.jpg") no-repeat #efefef;background-size:cover;background-attachment:fixed;background-position:center}div#nosotros div.nosotros{padding:3rem 0;background:rgba(255,255,255,.9)}.revelar,.revelar11,.revelar12,.revelar13,.revelar2,.revelar21,.revelar22,.revelar23,.revelar24,.revelar25,.revelar26,.revelar27,.revelar3,.revelar31,.revelar32,.revelar33,.revelar34,.revelar35,.revelar36,.revelar4{opacity:0;-webkit-transform:rotate(40deg) scale(0.5);-moz-transform:rotate(40deg) scale(0.5);-ms-transform:rotate(40deg) scale(0.5);-o-transform:rotate(40deg) scale(0.5);transform:rotate(40deg) scale(0.5);-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out}.revelar.visible,.revelar11.visible,.revelar12.visible,.revelar13.visible,.revelar2.visible,.revelar21.visible,.revelar22.visible,.revelar23.visible,.revelar24.visible,.revelar25.visible,.revelar26.visible,.revelar27.visible,.revelar3.visible,.revelar31.visible,.revelar32.visible,.revelar33.visible,.revelar34.visible,.revelar35.visible,.revelar36.visible,.revelar4.visible{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.justify{text-align:justify}.left{text-align:left}.fleft{float:left;overflow:hidden;clear:none}.center{text-align:center}.right{text-align:right}.fright{float:right;overflow:hidden;clear:none}div#nosotros div.caja{border-radius:10px;color:#555;margin:.3rem;display:flex;height:100%}div#nosotros i{font-size:3rem}div#nosotros div div:first-child{border-radius:10px}div#nosotros div.caja div:last-child{border-radius:0}div#nosotros div.mision,div#nosotros div.vision,div#nosotros div.valores{background:white;border-right:10px solid #555}div#nosotros div.mision:hover,div#nosotros div.vision:hover,div#nosotros div.valores:hover{border-right:10px solid #17afd7}div#nosotros div.mision:hover i,div#nosotros div.vision:hover i,div#nosotros div.valores:hover i,div#nosotros div.mision:hover h3,div#nosotros div.vision:hover h3,div#nosotros div.valores:hover h3{color:#17afd7}div#productos{background:#efefef}div#productos div.producto{background:white;margin:10px;position:relative;cursor:pointer}div#productos div.producto:hover{transition:.3s all;box-shadow:5px 5px 5px #666}div#productos div.producto a.masinfo{transition:.3s all;display:none}div#productos div.producto:hover a.masinfo{transition:.3s all;display:block}.flex{display:flex;flex-flow:row wrap;justify-content:center;height:100%}div.flex>div.cflex{margin:1%;max-width:330px;padding:2rem;border:1px solid #efefef;min-width:300px;align-items:center;flex:1;justify-content:center;text-align:center}div.flex>div .fproducto{width:auto;height:auto;display:block}div.fproducto img{max-height:220px;max-width:100%}.iconoserv{width:25%;float:left}.iconoserv i{margin-right:0;background-color:#0091ea;border-radius:50%;color:#fff;font-size:18px;height:48px;width:48px;overflow:hidden;clear:none;text-align:center;line-height:48px;float:left}.serv{clear:none;padding:1rem;float:right;width:75%;height:100%;border-left:2px solid #0091ea}div.pie{background:#122647;background:-moz-linear-gradient(0,rgba(0,0,0,1) 0,rgba(18,38,71,1) 100%);background:-webkit-linear-gradient(0,rgba(0,0,0,1) 0,rgba(18,38,71,1) 100%);background:linear-gradient(0,rgba(0,0,0,1) 0,rgba(18,38,71,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#122647",GradientType=1);width:100%;padding:25px;color:white;text-align:right}a.appWhatsapp{background:#4ced69;color:#fff;padding:.5rem 0;border-radius:50%;font-size:2rem;position:fixed;right:26px;bottom:100px;width:60px;height:60px;z-index:1000;text-align:center}a.appWhatsapp i{width:3rem;text-align:center;font-size:3.3rem}div.rrss{font-size:2rem;padding:.5rem}.rrss a{background:white;text-align:center;color:white;transition:.5s all}.rrss i{text-align:center}span.rrss a{width:15px;border-top:4px solid transparent;display:inline-block}span.rrss a.tf{border-top:4px solid transparent;height:15px;width:auto;display:inline-block}span.rrss i{font-size:12px}div.rrss a{padding:.5rem 0;border-radius:5px}div.rrss i{width:3rem;font-size:2rem}.rrss a.tw{color:#1da1f2}.rrss a.fb{color:#3c5a98}.rrss a.im{color:#5c6cb2}.rrss a.yt{color:red}.rrss a.wp{color:#4ced69}div.rrss a.tw:hover{background:#1da1f2;color:#fff}div.rrss a.fb:hover{background:#3c5a98;color:#fff}div.rrss a.im:hover{color:white;background:#f4ab59;background:-moz-radial-gradient(-50% 100%,rgba(244,171,89,1) 0,rgba(218,71,95,1) 50%,rgba(92,108,178,1) 100%);background:-webkit-radial-gradient(-50% 100%,rgba(244,171,89,1) 0,rgba(218,71,95,1) 50%,rgba(92,108,178,1) 100%);background:radial-gradient(at -50% 100%,rgba(244,171,89,1) 0,rgba(218,71,95,1) 50%,rgba(92,108,178,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4ab59",endColorstr="#5c6cb2",GradientType=1)}div.rrss a.yt:hover{background:red;color:#fff}div.rrss a.wp:hover{background:#4ced69;color:#fff}span.rrss a.tf:hover{border-top:4px solid #ff3860}span.rrss a.tw:hover{border-top:4px solid #1da1f2}span.rrss a.fb:hover{border-top:4px solid #3c5a98}span.rrss a.im:hover{border-top:4px solid #5c6cb2}span.rrss a.yt:hover{border-top:4px solid red}span.rrss a.wp:hover{border-top:4px solid #4ced69}div.sellob{padding:.5rem}div.sellob img{width:auto;height:100px}#map{width:100%;height:250px;max-height:100%;background-color:grey;border:0}.ok{color:#7eda66;font-weight:bold}.alerta{color:#990;font-weight:bold}.error{color:#da6666;font-weight:bold}#btn-menu,#btn-menu ~ label{display:none;height:50px;width:50px;font-size:25px;line-height:50px;text-align:center;overflow:hidden;clear:none;transition:.5s margin;position:absolute;top:0;right:0;border-left:1px solid #ddd}#btn-menu:hover ~ label{background:rgba(50,50,50,.2)}#btn-menu:checked ~ .btn-menu,#btn-menu:checked+label{background:rgba(50,50,50,.4);color:white}.modal,.modal2,.modal3,.modalfoto{display:none;position:fixed;z-index:1;padding-top:30px;padding-bottom:30px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#969696;background-color:rgba(50,50,50,0.9);z-index:9999998;border:0}.modal-contenido,.modal2-contenido,.modal3-contenido,.modalfoto-contenido{position:relative;background-color:#fefefe;margin:auto;padding:0;width:90%;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s;border:0;border-radius:5px;min-width:300px;max-width:1000px}.modal form,.modal2 form,.modal3 form{padding-bottom:3rem}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.modal-cabecera,.modal2-cabecera,.modal3-cabecera,.modalfoto-cabecera{padding:2rem;color:#1199d3;overflow:hidden;display:inline-block;width:100%;border:0}.modal-cerrar,.modal2-cerrar,.modal3-cerrar,.modalfoto-cerrar{color:#94b9ca;float:right;font-weight:bold;font-size:2rem;text-decoration:none;cursor:pointer}.modal-cerrar:hover,.modal-cerrar:focus,.modal2-cerrar:hover,.modal2-cerrar:focus,.modal3-cerrar:hover,.modal3-cerrar:focus,.modalfoto-cerrar:hover,.modalfoto-cerrar:focus{color:#000;text-decoration:none;cursor:pointer}.modalfoto-cerrar{position:absolute;right:10px}.modal-titulo,.modal2-titulo,.modal3-titulo,.modalfoto-titulo{font-weight:bold;font-size:2rem}.modal-cuerpo,.modal2-cuerpo,.modal3-cuerpo{padding:0 3rem 3rem 3rem}.modal-pie,.modal2-pie,.modal3-pie,.modalfoto-pie{padding:2px 16px;background-color:#0097ea;color:white;border:0}.dproducto div.logo,.avisodeprivacidad p{width:100%;padding-bottom:1rem}.dproducto div,.dproducto ul{padding-bottom:1rem}.dproducto .img{padding:1rem 2rem;float:right;width:50%}h1{font-size:1.5rem}.promocion{max-width:1030px;width:100%}.promocion .fproducto{float:left}.promocion>div{padding:1rem}@media screen and (max-width:768px){.top{height:50px !important;transition:1s all}#presentacion{padding-top:50px}.cpresentacion{background-position:0 50px}div.top div.logo div{height:50px;transition:1s all}div.top div.logo{padding:0 1rem}div.contact{display:none}div.top div.menu{padding-top:0;width:100%}div.top div.menu ul{margin-left:100%;border-top:1px solid #ddd;transition:.5s all}div.top div.menu ul li,div.top div.menu ul{float:unset;width:100%}#btn-menu ~ label{display:inline-block}#btn-menu:checked ~ ul{margin-left:0;transition:.5s all;display:block;padding:0}div.fproducto img{max-height:150px}div.top div.menu ul li a{border-bottom:1px solid #ccc}div.top div.menu ul li a:hover{border-bottom:1px solid #112446}.dproducto .img{float:right;width:100%;padding:1rem 0}}.has-text-danger{color:#900 !important}
