* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} body {background:#fff; font-family: 'Roboto', sans-serif; padding:0; margin:0;} h1,h2,h3,h4,p,span {font-family: 'Roboto', sans-serif; padding:0; margin:0; font-weight:normal;} ul,li {font-family: 'Roboto', sans-serif; padding:0; margin:0; list-style-type:none;} a {font-family: 'Roboto', sans-serif; text-decoration:none;} img {border:0;} input,select,textarea,label,fieldset,button {font-family: 'Roboto', sans-serif; padding:0; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} a,input,select,textarea,img,button {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} input,select,textarea {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); margin:0 0 10px 0;} .clear {clear:both;} ::-ms-clear {display:none;} :focus {outline:none;} ::-webkit-input-placeholder {color:inherit;} i {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .mask_b1 {position:absolute; width:100%; height:100%; background:url(../imagenes/bg.png); z-index:9;} .mask_b2 {position:absolute; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:8;} .white {background: #ffffff;} .gray {background: #f4f4f4;} @media (min-width: 769px){ .left {float:left;} .right {float:right;} #m1 {width:100%; min-width:1200px; background:#fff;} #m1 .b1 {width:1200px; padding:20px 0; margin:0 auto;} #m1 .b1 .d1 {float:left;} #m1 .b1 .d1 img {height:60px;} #m1 .b1 .d2 {float:right; margin: 15px 0 0 0;} #m1 .b1 .d2 .t1 {border: 2px solid #448aff; padding: 0 20px; cursor: pointer; border-radius: 30px; float:right; font-size:16px; color:#448aff; font-weight:700; line-height:40px; height: 40px;} #m1 .b1 .d2 .t2 {float:right; margin: 0 0 0 10px;} #m1 .b1 .d2 .t2 a {background:#448aff; font-size:16px; color:#fff; border-radius:30px; line-height:40px; padding:0 20px; display:block; cursor:pointer;} #m1 .b1 .d2 .t2 a:hover {opacity: 0.8;} #m1 .b1 .d2 .t3 {display:none;} #m1 .b1 .d2 .whatsapp {background:#00c853; cursor: pointer; border-radius: 30px; float:right; padding:0 20px; height: 40px; text-align: center; margin: 0 10px 0 0;} #m1 .b1 .d2 .whatsapp a {font-size:20px; color:#fff; font-weight:700; line-height:40px; width: 40px; height: 40px;} #m3 {width:100%; min-width:1200px; background:url(../imagenes/banner-home.jpg) no-repeat center top; position:relative;} #m3 .b1 {width:1200px; margin:0 auto; padding:40px 0;} #m3 .b1 .d1 {float:right; width:420px; background:#fff; padding:40px; text-align:center; position:relative; z-index:10;} #m3 .b1 .d1 label {color:#333; font-size:30px; font-weight:700; letter-spacing:-1px; display:block; margin:0 0 5px 0;} #m3 .b1 .d1 label:nth-of-type(2) {color:#777; font-size:20px; font-weight:400;} #m3 .b1 .d1 input {width:100%; height:40px; line-height:40px; padding:0 10px; background:#fff; border:1px solid #ccc; color:#222; font-size:14px; border-radius:3px;} #m3 .b1 .d1 textarea {width:100%; height:80px; padding:10px; background:#fff; border:1px solid #ccc; color:#222; font-size:14px; border-radius:3px;} #m3 .b1 .d1 select {width:100%; height:40px; line-height:40px; padding:0 10px; background:#fff; color:#222; font-size:14px; border-radius:3px;} #m3 .b1 .d1 button {background:#16a400; width:100%; height:45px; line-height:35px; border-radius:3px; border:0; color:#fff; font-size:16px; cursor:pointer;} #m3 .b1 .d1 button:hover {opacity: .8;} #m3 .b1 .d1 .i-error {border:1px dashed #eb340a; background:#faebe7;} #m3 .b1 .d2 {float:left; width: 600px; position:relative; z-index:10;} #m3 .b1 .d2 h1 {font-size: 46px; line-height: 60px; color:#fff; margin:80px 0 5px 0; font-weight: 400;} #m3 .b1 .d2 h2 {font-size: 32px; line-height: 30px; color:#fff; font-weight: 300; margin:0 0 25px 0;} #m3 .b1 .d2 p {font-size: 24px; line-height: 30px; color:#fff; font-weight: 300;} #m3 .b1 .d2 li {display:block; font-size: 16px; color: #555; line-height: 24px;} #m3 .b1 .d2 .button_mayorista {background: #448aff; font-size: 16px; color: #fff; border-radius: 3px; border: 0; line-height: 40px; padding: 0 20px; display: block; cursor: pointer; margin: 10px; width: 50%; height: 45px; text-transform: uppercase;} #m4 {background:#fff; width:100%; min-width:1200px; border-top: 1px solid #ddd;} #m4 .b1 {text-align:center; padding:60px 0; width: 1200px; margin: 0 auto;} #m4 .b1 h1 {font-size:36px; color:#333; font-weight:500; margin: 0 0 5px 0;} #m4 .b1 p {font-size:16px; color:#858585; margin:0 0 50px 0;} #m4 .b1 li {width: 20%; float: left;} #m4 .b1 li .icon {width:80px; height:80px; display:inline-block; line-height:80px; margin:0 0 20px 0;} #m4 .b1 li .icon img {width:80px; vertical-align: middle;} #m4 .b1 li .title {font-size:18px; color:#333; display:block; padding: 0 20px;} #beneficios {background:#f9f9f9; width:100%; min-width:1200px; border-top: 1px solid #ddd;} #beneficios .b1 {text-align:center; padding:60px 0; width: 1200px; margin: 0 auto;} #beneficios .b1 h1 {font-size:36px; color:#333; font-weight:500; margin: 0 0 5px 0;} #beneficios .b1 p {font-size:16px; color:#858585; margin:0 0 50px 0;} #beneficios .b1 li {width: 16.5%; float: left;} #beneficios .b1 li .icon {width:80px; height:80px; display:inline-block; line-height:80px; margin:0 0 20px 0;} #beneficios .b1 li .icon img {width:80px; vertical-align: middle;} #beneficios .b1 li .title {font-size:18px; color:#333; display:block; padding: 0 20px;} #beneficios25 {background:#f9f9f9; width:100%; min-width:1200px; border-top: 1px solid #ddd;} #beneficios25 .b1 {text-align:center; padding:60px 0; width: 1200px; margin: 0 auto;} #beneficios25 .b1 h1 {font-size:36px; color:#333; font-weight:500; margin: 0 0 5px 0;} #beneficios25 .b1 p {font-size:16px; color:#858585; margin:0 0 50px 0;} #beneficios25 .b1 li {width: 20%; float: left;} #beneficios25 .b1 li .icon {width:80px; height:80px; display:inline-block; line-height:80px; margin:0 0 20px 0;} #beneficios25 .b1 li .icon img {width:80px; vertical-align: middle;} #beneficios25 .b1 li .title {font-size:18px; color:#333; display:block; padding: 0 20px;} #beneficios33 {background:#f9f9f9; width:100%; min-width:1200px; border-top: 1px solid #ddd;} #beneficios33 .b1 {text-align:center; padding:60px 0; width: 1200px; margin: 0 auto;} #beneficios33 .b1 h1 {font-size:36px; color:#333; font-weight:500; margin: 0 0 5px 0;} #beneficios33 .b1 p {font-size:16px; color:#858585; margin:0 0 50px 0;} #beneficios33 .b1 li {width: 33%; float: left;} #beneficios33 .b1 li .icon {width:250px; height:250px; display:inline-block; line-height:80px; margin:0 0 20px 0;} #beneficios33 .b1 li .icon img {width:250px; vertical-align: middle;} #beneficios33 .b1 li .title {font-size:18px; color:#333; display:block; padding: 0 20px;} #m5 {width:100%; min-width:1200px;} #m5 .b1 {width:100%;} #m5 .b1 .d1 {width:50%; height: 700px; border:1px solid #ddd; position:relative; text-align:center; overflow:hidden;} #m5 .b1 .d1 .image {width:100%; height: 700px; background-size: cover; background-position: center center;} #m5 .b1 .d2 {width:50%; padding:50px; height: 700px; background: #f9f9f9; position: relative;} #m5 .b1 .d2 h1 {color:#848484; font-weight:700; margin-bottom: 35px; text-transform: uppercase; padding-bottom: 20px;margin: 0 0 20px; font-size: 16px; position: relative;} #m5 .b1 .d2 h1:after {background-color: #00c853; bottom: -2px; content: ''; height: 2px; left: 0; position: absolute; width: 60px;} #m5 .b1 .d2 h2 {font-size: 32px; line-height: 38px; margin: 0 0 25px; color:#444;} #m5 .b1 .d2 p {font-size: 16px; font-weight: 300; line-height: 22px; color: #848484; padding: 0 0 30px 0;} #m5 .b1 .d2 a {background:#16A400; font-size:16px; color:#fff; border-radius:30px; line-height:44px; padding:0 30px; display:inline-block; cursor:pointer; margin:20px 0 0 0;} #m5 .b1 .d2 a:hover {opacity: 0.8;} #m5 .b1 .d2 li {display:block; font-size: 16px; color: #555; line-height: 24px;} #m8 {width:100%; min-width:1200px; background:url(../imagenes/banner-footer.jpg) center top no-repeat; position:relative;} #m8 .b1 {width:1200px; height:600px; margin:0 auto; position:relative;} #m8 .b1 .d1 {position:absolute; top:20%; z-index:99; left:0;} #m8 .b1 .d1 h1 {color:#fff; font-weight:700; margin-bottom: 35px; text-transform: uppercase; padding-bottom: 20px;margin: 0 0 20px; font-size:30px; position: relative;} #m8 .b1 .d1 h1:after {background-color: #fff; bottom: -2px; content: ''; height: 2px; left: 0; position: absolute; width: 60px;} #m8 .b1 .d1 li {font-size: 20px; line-height:26px; color:#fff; font-weight: 300;} #m8 .b1 .d1 a {background:#16A400; font-size:16px; color:#fff; border-radius:30px; line-height:44px; padding:0 30px; display:inline-block; cursor:pointer; margin:30px 0 0 0;} #m8 .b1 .d1 a:hover {opacity: 0.8;} #m9 {background: #f9f9f9; width:100%; min-width:1200px; border-top: 1px solid #ddd;} #m9 .b1 {text-align:center; padding:60px 0; width: 1200px; margin: 0 auto;} #m9 .b1 h1 {font-size:30px; color:#333; font-weight:500; margin: 0 0 5px 0;} #m9 .b1 h2 {font-size:18px; color:#858585; margin:0 0 55px 0; text-align: center;} #m9 .b1 li {width: 30%; float: left; position: relative; padding: 0 10px; margin: 0 0px 20px 30px; text-align: center; background: #fff;} #m9 .b1 li .img {width: 100%; height: 240px; position: relative; overflow:hidden;} #m9 .b1 li .img img {width: 140px; height: 260px; padding: 15px;} #m9 .b1 li .icon {width:75px; height:75px; line-height:75px; box-shadow:1px 1px 1px rgba(0,0,0,.3); border-radius: 100%; position: absolute; left:15px; top: 90px; text-align: center;} #m9 .b1 li .icon img {width:36px; vertical-align: middle;} #m9 .b1 li .content {padding: 15px;} #m9 .b1 li .title {font-size:18px; color:#333; padding:0 0 15px 0;} #m9 .b1 li p {font-size:14px; color:#858585; height: 32px; line-height: 16px;} #servicios3C {background: #ffffff; width:100%; min-width:1200px; border-top: 1px solid #ddd;} #servicios3C .b1 {text-align:center; padding:60px 0; width: 1200px; margin: 0 auto;} #servicios3C .b1 h1 {font-size:30px; color:#333; font-weight:500; margin: 0 0 5px 0;} #servicios3C .b1 h2 {font-size:18px; color:#858585; margin:0 0 55px 0; text-align: center;} #servicios3C .b1 li {width: 47%; float: left; position: relative; margin: 0 0px 20px 30px; text-align: center; background: #fff;} #servicios3C .b1 li .img {width: 100%; position: relative; overflow:hidden;} #servicios3C .b1 li .img img {width: 100%;} #servicios3C .b1 li .icon {width:75px; height:75px; line-height:75px; box-shadow:1px 1px 1px rgba(0,0,0,.3); border-radius: 100%; position: absolute; left:15px; top: 90px; text-align: center;} #servicios3C .b1 li .icon img {width:36px; vertical-align: middle;} #servicios3C .b1 li .content {padding: 15px;} #servicios3C .b1 li .title {font-size:18px; color:#333; padding:0 0 15px 0;} #servicios3C .b1 li p {font-size:14px; color:#858585; height: 32px; line-height: 16px;} #servicios {background: #ffffff; width:100%; min-width:1200px; border-top: 1px solid #ddd;} #servicios .b1 {text-align:center; padding:60px 0; width: 1200px; margin: 0 auto;} #servicios .b1 h1 {font-size:30px; color:#333; font-weight:500; margin: 0 0 5px 0;} #servicios .b1 h2 {font-size:18px; color:#858585; margin:0 0 55px 0; text-align: center;} #servicios .b1 li {width: 20%; float: left; position: relative; margin: 0 0px 20px 30px; text-align: center; background: #fff;} #servicios .b1 li .img {width: 100%; position: relative; overflow:hidden;} #servicios .b1 li .img img {width: 100%;} #servicios .b1 li .icon {width:75px; height:75px; line-height:75px; box-shadow:1px 1px 1px rgba(0,0,0,.3); border-radius: 100%; position: absolute; left:15px; top: 90px; text-align: center;} #servicios .b1 li .icon img {width:36px; vertical-align: middle;} #servicios .b1 li .content {padding: 15px;} #servicios .b1 li .title {font-size:18px; color:#333; padding:0 0 15px 0;} #servicios .b1 li p {font-size:14px; color:#858585; height: 32px; line-height: 16px;} #clientes {background: #ffffff; width:100%; min-width:1200px;} #clientes .b1 {text-align:center; padding:0 0 60px; width: 1200px; margin: 0 auto;} #clientes .b1 h1 {font-size:30px; color:#333; font-weight:500; margin: 0 0 5px 0;} #clientes .b1 h2 {font-size:18px; color:#858585; margin:0 0 55px 0; text-align: center;} #clientes .b1 li {width: 8%; float: left; position: relative; margin: 0 0px 20px 30px; text-align: center; background: #fff;} #clientes .b1 li .img {width: 100%; position: relative; overflow:hidden;} #clientes .b1 li .img img {width: 100%;} #clientes .b1 li .icon {width:75px; height:75px; line-height:75px; box-shadow:1px 1px 1px rgba(0,0,0,.3); border-radius: 100%; position: absolute; left:15px; top: 90px; text-align: center;} #clientes .b1 li .icon img {width:36px; vertical-align: middle;} #clientes .b1 li .content {padding: 15px;} #clientes .b1 li .title {font-size:18px; color:#333; padding:0 0 15px 0;} #clientes .b1 li p {font-size:14px; color:#858585; height: 32px; line-height: 16px;} #m7 {width:100%; height:700px; background:url(../imagenes/banner-mapa.jpg); position:relative;} #m7 .b3 {line-height:100px; background: #fff; color:#333; font-size:30px; height:100px; display:block; text-align:center;} #m7 .b1 {width:400px; height:450px; position:absolute; z-index:3; top:150px; left:50px; right:0;} #m7 .b1 ul {width:400px; background:#fff; padding:40px; float:left;} #m7 .b1 li {display:block; margin:0 0 30px 0;} #m7 .b1 li strong {font-size:16px; color:#333; margin:0 0 15px 0;} #m7 .b1 li a {display:block; font-size:14px; color:#777;} #m7 .b1 li p {display:block; font-size:14px; color:#777;} #m7 .b1 li:last-child {margin:0;} #m7 .b1 li:last-child a {background:#16A400; font-size:16px; color:#fff; text-align:center; border-radius:30px; line-height:44px; padding:0 30px; display:block; cursor:pointer;} #m7 .b1 li:last-child a:hover {opacity: .8} #m7 .b2 {width:100%; min-width:1200px; height:600px; position:relative;} #m7 .b2 #mapa {width:100%; height:100%; position:absolute; z-index:2; left:0; top:0;} #m7 .b2 #google-map {width:100%; height:600px;} #footer {background:#fff;} #footer .b1 {width:1200px; background:#fff; margin:0 auto; padding:40px 0;} #footer .b1 .d1 {float:left; line-height:20px; color:#777; font-size:14px;} #footer .b1 .d1 a {color:#777; font-size:14px;} #footer .b1 .d2 {float:right;} #footer .b1 .d2 a {float:right; width:58px; height:20px; background:url(../imagenes/massweb.png) no-repeat left center;} } @media (max-width: 768px){ #m1 {width:100%; background:#fff; position: fixed; z-index: 999; border-bottom: 1px solid #ddd;} #m1 .b1 {display:block; text-align:left; padding:5px 10px 10px 5px;} #m1 .b1 .d1 {display: inline-block;} #m1 .b1 .d1 img {height:35px; margin: 5px 0 0 0;} #m1 .b1 .d2 {float: right; margin: 3px 0 0 0;} #m1 .b1 .d2 .t1 {display:none;} #m1 .b1 .d2 .t2 {display:none;} #m1 .b1 .d2 .t3 {display:none;} /*#m1 .b1 .d2 .t3 {display:inline-block;}*/ #m1 .b1 .d2 .t3 a {background:#00c853; text-align: center; font-size:20px; color:#fff; border-radius:100%; width: 40px; line-height:40px; height: 40px; display:block; cursor:pointer;} #m1 .b1 .d2 .whatsapp {background:#00c853; cursor: pointer; border-radius: 100%; float:right; width:40px; height: 40px; text-align: center; display:inline-block; margin: 0 0 0 10px;} #m1 .b1 .d2 .whatsapp a {font-size:20px; color:#fff; font-weight:700; line-height:40px; width: 40px; height: 40px;} #m3 {width:100%; position:relative;} #m3 .b1 {display:block; background:url(../imagenes/banner-home.jpg) center top; background-size:cover; padding:118px 30px 30px 30px;} #m3 .b1 .d1 {width:100%; background:#fff; text-align:center; padding:30px; position:relative; z-index:10;} #m3 .b1 .d1 label {color:#333; font-size:24px; font-weight:700; letter-spacing:-1px; display:block; margin:0 0 5px 0;} #m3 .b1 .d1 label:nth-of-type(2) {color:#777; font-size:18px; font-weight:400; margin: 0 0 20px 0;} #m3 .b1 .d1 input {width:100%; height:40px; line-height:40px; padding:0 10px; background:#fff; border:1px solid #ccc; color:#222; font-size:14px; border-radius:3px;} #m3 .b1 .d1 textarea {width:100%; height:80px; padding:10px; background:#fff; border:1px solid #ccc; color:#222; font-size:14px; border-radius:3px;} #m3 .b1 .d1 select {width:100%; height:40px; line-height:40px; padding:0 10px; background:#fff; color:#222; font-size:14px; border-radius:3px;} #m3 .b1 .d1 button {background:#16a400; width:100%; height:45px; line-height:45px; border-radius:30px; border:0; color:#fff; font-size:16px; cursor:pointer;} #m3 .b1 .d1 .i-error {border:1px dashed #eb340a; background:#faebe7;} #m3 .b1 .d2 {position:relative; z-index:10;} #m3 .b1 .d2 h1 {font-size: 40px; line-height: 38px; color:#fff; margin:70px 0 25px 0; font-weight: 400;} #m3 .b1 .d2 p {font-size: 24px; line-height: 30px; color:#fff; font-weight: 300; margin: 0 0 30px 0;} #m3 .b1 .d2 h2 {font-size: 32px; line-height: 30px; color:#fff; font-weight: 300; margin:0 0 25px 0;} #m3 .b1 .d2 .button_mayorista {background: #448aff; font-size: 16px; color: #fff; border-radius: 3px; border: 0; line-height: 40px; padding: 0 20px; display: block; cursor: pointer; margin-bottom: 30px; width: 100%; height: 45px; text-transform: uppercase;} #m4 {background:#fff; width:100%; border-top: 1px solid #ddd;} #m4 .b1 {text-align:center; padding:30px;} #m4 .b1 h1 {font-size:32px; color:#333; font-weight:500; margin: 0 0 5px 0;} #m4 .b1 p {font-size:16px; color:#858585; margin:0 0 50px 0;} #m4 .b1 li {width: 50%; float: left; padding: 0 0 20px 0;} #m4 .b1 li .icon {width:80px; height:80px; display:inline-block; line-height:80px; margin:0 0 20px 0;} #m4 .b1 li .icon img {width:80px; vertical-align: middle;} #m4 .b1 li .title {font-size:16px; color:#333; display:block; padding: 0 20px;} #m4 .b1 li:nth-of-type(4) {display: none;} #beneficios {background:#f9f9f9; width:100%; border-top: 1px solid #ddd;} #beneficios .b1 {text-align:center; padding:30px;} #beneficios .b1 h1 {font-size:32px; color:#333; font-weight:500; margin: 0 0 5px 0;} #beneficios .b1 p {font-size:16px; color:#858585; margin:0 0 50px 0;} #beneficios .b1 li {width: 50%; float: left; padding: 0 0 20px 0;} #beneficios .b1 li .icon {width:80px; height:80px; display:inline-block; line-height:80px; margin:0 0 20px 0;} #beneficios .b1 li .icon img {width:80px; vertical-align: middle;} #beneficios .b1 li .title {font-size:16px; color:#333; display:block; padding: 0 20px;} /*#beneficios .b1 li:nth-of-type(4) {display: none;}*/ #beneficios25 {background:#f9f9f9; width:100%; border-top: 1px solid #ddd;} #beneficios25 .b1 {text-align:center; padding:30px;} #beneficios25 .b1 h1 {font-size:32px; color:#333; font-weight:500; margin: 0 0 5px 0;} #beneficios25 .b1 p {font-size:16px; color:#858585; margin:0 0 50px 0;} #beneficios25 .b1 li {width: 50%; float: left; padding: 0 0 20px 0;} #beneficios25 .b1 li .icon {width:80px; height:80px; display:inline-block; line-height:80px; margin:0 0 20px 0;} #beneficios25 .b1 li .icon img {width:80px; vertical-align: middle;} #beneficios25 .b1 li .title {font-size:16px; color:#333; display:block; padding: 0 20px;} #beneficios33 {background:#f9f9f9; width:100%; border-top: 1px solid #ddd;} #beneficios33 .b1 {text-align:center; padding:30px;} #beneficios33 .b1 h1 {font-size:32px; color:#333; font-weight:500; margin: 0 0 5px 0;} #beneficios33 .b1 p {font-size:16px; color:#858585; margin:0 0 50px 0;} #beneficios33 .b1 li {width: 50%; float: left; padding: 0 0 20px 0;} #beneficios33 .b1 li .icon {width:80px; height:80px; display:inline-block; line-height:80px; margin:0 0 20px 0;} #beneficios33 .b1 li .icon img {width:80px; vertical-align: middle;} #beneficios33 .b1 li .title {font-size:16px; color:#333; display:block; padding: 0 20px;} #m5 .b1 {width:100%;} #m5 .b1 .d1 {width:100%; border:1px solid #ddd; position:relative; text-align:center; overflow:hidden;} #m5 .b1 .d1 .image {width:100%; height:350px; background-size: cover; background-position: center center;} #m5 .b1 .d2 {width:100%; padding: 30px;} #m5 .b1 .d2 h1 {color:#848484; font-weight:700; margin-bottom: 35px; text-transform: uppercase; padding-bottom: 20px;margin: 0 0 20px; font-size: 16px; position: relative;} #m5 .b1 .d2 h1:after {background-color: #00c853; bottom: -2px; content: ''; height: 2px; left: 0; position: absolute; width: 60px;} #m5 .b1 .d2 h2 {font-size: 32px; line-height: 38px; margin: 0 0 25px; color:#444;} #m5 .b1 .d2 a {background:#16A400; font-size:16px; color:#fff; border-radius:30px; line-height:44px; padding:0 30px; display:inline-block; cursor:pointer; margin:20px 0 0 0;} #m5 .b1 .d2 li {display:block; font-size: 16px; color: #555; line-height: 24px;} #m8 {width:100%; background:url(../imagenes/banner-footer.jpg) center top no-repeat; background-size:cover; position:relative;} #m8 .b1 {padding:100px 0;position:relative;} #m8 .b1 .d1 {display:block; padding:30px; z-index:99; position:relative;} #m8 .b1 .d1 h1 {color:#fff; font-weight:700; margin-bottom: 35px; text-transform: uppercase; padding-bottom: 20px;margin: 0 0 20px; font-size:30px; position: relative;} #m8 .b1 .d1 h1:after {background-color: #fff; bottom: -2px; content: ''; height: 2px; left: 0; position: absolute; width: 60px;} #m8 .b1 .d1 li {font-size: 20px; line-height:26px; color:#fff; font-weight: 300;} #m8 .b1 .d1 a {background:#16A400; font-size:16px; color:#fff; border-radius:30px; line-height:44px; padding:0 30px; display:inline-block; cursor:pointer; margin:20px 0 0 0;} #m9 {background:#fff; width:100%; border-top: 1px solid #ddd;} #m9 .b1 {text-align:center; padding:20px 0;} #m9 .b1 h1 {font-size:32px; color:#333; font-weight:500; margin: 0 0 5px 0; padding: 0 20px;} #m9 .b1 h2 {font-size:16px; color:#858585; margin:0 0 55px 0; text-align: center; padding: 0 20px;} #m9 .b1 li {width: 100%; float: left; position: relative; text-align: center;} #m9 .b1 li .img {width: 100%; position: relative; overflow:hidden;} #m9 .b1 li .img img {width: 100px; height: 200px; padding: 10px;} #m9 .b1 li .icon {width:75px; height:75px; line-height:75px; background: #fff; box-shadow:1px 1px 1px rgba(0,0,0,.3); border-radius: 100%; position: absolute; left:15px; top: 90px; text-align: center;} #m9 .b1 li .icon img {width:36px; vertical-align: middle;} #m9 .b1 li .content {padding: 15px; background: #f9f9f9; width: 100%;} #m9 .b1 li .title {font-size:16px; line-height: 16px; color:#333;} #m9 .b1 li p {font-size:14px; color:#858585; height: 64px; line-height: 16px;} #servicios3C {background:#fff; width:100%; border-top: 1px solid #ddd;} #servicios3C .b1 {text-align:center; padding:20px 0;} #servicios3C .b1 h1 {font-size:32px; color:#333; font-weight:500; margin: 0 0 5px 0; padding: 0 20px;} #servicios3C .b1 h2 {font-size:16px; color:#858585; margin:0 0 55px 0; text-align: center;} #servicios3C .b1 li {width: 100%; float: left; position: relative; text-align: center;} #servicios3C .b1 li .img {width: 100%; position: relative; overflow:hidden;} #servicios3C .b1 li .img img {width: 100%; padding: 10px;} #servicios3C .b1 li .icon {width:75px; height:75px; line-height:75px; background: #fff; box-shadow:1px 1px 1px rgba(0,0,0,.3); border-radius: 100%; position: absolute; left:15px; top: 90px; text-align: center;} #servicios3C .b1 li .icon img {width:36px; vertical-align: middle;} #servicios3C .b1 li .content {padding: 15px; background: #fff; width: 100%;} #servicios3C .b1 li .title {font-size:16px; line-height: 16px; color:#333;} #servicios3C .b1 li p {font-size:14px; color:#858585; height: 64px; line-height: 16px;} #servicios {background:#fff; width:100%; border-top: 1px solid #ddd;} #servicios .b1 {text-align:center; padding:20px 0;} #servicios .b1 h1 {font-size:32px; color:#333; font-weight:500; margin: 0 0 5px 0; padding: 0 20px;} #servicios .b1 h2 {font-size:16px; color:#858585; margin:0 0 55px 0; text-align: center;} #servicios .b1 li {width: 50%; float: left; position: relative; text-align: center;} #servicios .b1 li .img {width: 100%; position: relative; overflow:hidden;} #servicios .b1 li .img img {width: 100%; padding: 10px;} #servicios .b1 li .icon {width:75px; height:75px; line-height:75px; background: #fff; box-shadow:1px 1px 1px rgba(0,0,0,.3); border-radius: 100%; position: absolute; left:15px; top: 90px; text-align: center;} #servicios .b1 li .icon img {width:36px; vertical-align: middle;} #servicios .b1 li .content {padding: 15px; background: #fff; width: 100%;} #servicios .b1 li .title {font-size:16px; line-height: 16px; color:#333;} #servicios .b1 li p {font-size:14px; color:#858585; height: 64px; line-height: 16px;} #clientes {background:#fff; width:100%;} #clientes .b1 {text-align:center; padding:0;} #clientes .b1 h1 {font-size:32px; color:#333; font-weight:500; margin: 0 0 5px 0; padding: 0 20px;} #clientes .b1 h2 {font-size:16px; color:#858585; margin:0 0 55px 0; text-align: center;} #clientes .b1 li {width: 25%; float: left; position: relative; text-align: center;} #clientes .b1 li .img {width: 100%; position: relative; overflow:hidden;} #clientes .b1 li .img img {width: 100%; padding: 20px;} #clientes .b1 li .icon {width:75px; height:75px; line-height:75px; background: #fff; box-shadow:1px 1px 1px rgba(0,0,0,.3); border-radius: 100%; position: absolute; left:15px; top: 90px; text-align: center;} #clientes .b1 li .icon img {width:36px; vertical-align: middle;} #clientes .b1 li .content {padding: 15px; background: #fff; width: 100%;} #clientes .b1 li .title {font-size:16px; line-height: 16px; color:#333;} #clientes .b1 li p {font-size:14px; color:#858585; height: 64px; line-height: 16px;} #m7 {width:100%; background:#fff; position:relative;} #m7 .b3 {color:#333; background: #fff; border-bottom: 1px solid #ddd; font-size:30px; line-height:32px; display:block; text-align:left; padding:30px;} #m7 .b1 {width:100%;} #m7 .b1 ul {width:100%; background:#fff; padding:30px; border-bottom: 1px solid #ddd;} #m7 .b1 li {display:block; margin:0 0 40px 0;} #m7 .b1 li strong {font-size:16px; color:#333; margin:0 0 5px 0; display: block;} #m7 .b1 li a {display:block; font-size:14px; color:#777;} #m7 .b1 li p {display:block; font-size:14px; color:#777;} #m7 .b1 li:last-child {margin:0;} #m7 .b1 li:last-child a {background:#16A400; font-size:16px; color:#fff; border-radius:30px; line-height:44px; padding:0 30px; display:inline-block; cursor:pointer;} #m7 .b2 {width:100%; height:300px; position:relative; /*display: none;*/} #m7 .b2 #mapa {width:100%; height:100%; position:absolute; z-index:2; left:0; top:0;} #m7 .b2 #google-map {width:100%; height:300px;} #footer {width:100%; text-align:center;} #footer .b1 {background:#f4f4f4; padding:30px;} #footer .b1 .d1 {color:#777; font-size:14px;} #footer .b1 .d1 a {color:#777; font-size:14px;} #footer .b1 .d2 {display:inline-block; margin:10px 0 0 0;} #footer .b1 .d2 a {float:right; width:58px; height:20px; background:url(../imagenes/massweb.png) no-repeat left center;} } .notification {width:100%; margin:0 0 20px 0;} .error {padding:15px; border:1px solid #ebccd1; background:#f2dede; color:#a94442; font-size:14px; border-radius:3px; line-height:15px; text-align:center; display:block;} .success {padding:15px; border:1px solid #d6e9c6; background:#dff0d8; color:#3c763d; font-size:14px; border-radius:3px; line-height:15px; text-align:center; display:block;} .warning {padding:15px; border:1px solid #f5e79e; background:#f8f0c3; color:#8a6d3b; font-size:14px; border-radius:3px; line-height:15px; text-align:center; display:block;} .info {padding:15px; border:1px solid #bce8f1; background:#d9edf7; color:#31708f; font-size:14px; border-radius:3px; line-height:15px; text-align:center; display:block;}