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; cursor: pointer;} img {border:0;} input,select,textarea,label,fieldset {font-family: 'Roboto', sans-serif; padding:0; margin:0; border:0; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} a,input,select,textarea,img {-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;} .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(../images/bg.png); z-index:9;} .mask_b2 {position:absolute; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:8;} @media (min-width: 769px){ #m1 {min-width:1200px; background:#232323;} #m1 .b1 {background:#232323; max-width:1200px; height:100px; margin:0 auto;} #m1 .b1 .d1 {width:290px; height:32px; float:left; padding:34px 0 0 0;} #m1 .b1 .d1 a {width:290px; height:32px; float:left; background:url(../images/logo.png) no-repeat left center;} #m1 .b1 .d2 {float:right;} #m1 .b1 .d2 .t1 {height:68px; font-size:16px; font-weight:700; padding:32px 0; float:right; display: flex;} #m1 .b1 .d2 .t1 div {border:1px solid #fff; border-radius: 30px; line-height:40px; height: 40px; padding:0 15px; display: inline-block; color: #fff; font-size: 16px;} /*#m1 .b1 .d2 .t1 a {border:1px solid #fff; border-radius: 30px; line-height:40px; height: 40px; padding:0 15px; display: inline-block; color: #fff; font-size: 16px; margin: 0 0 0 5px;}*/ #m1 .b1 .d2 .t1 a.whatsapp {border:1px solid #06ba42; background:#06ba42; border-radius: 30px; line-height:40px; height: 40px; padding:0 15px; display: inline-block; color: #fff; font-size: 16px; margin: 0 0 0 5px;} #m1 .b1 .d2 .t2 {height:40px; line-height:40px; float:right; font-size:16px; color:#fff; background:#06ba42; padding:0 30px; margin:30px 0 0 0; cursor:pointer;} #m1 .b1 .d2 .t2:hover {background:#fff; color:#333;} #m3 {min-width:1200px; background:url(../images/banner-header.jpg) no-repeat center top; position:relative;} #m3 .b1 {width:1200px; margin:0 auto; background:url(../images/banner-header.jpg) no-repeat center top; padding:50px 0; height:450px;} #m3 .b1 .d1 {width:430px; float:right; background:rgba(255,255,255,.9); border-top:3px solid #f11300; padding:30px 0 0 0; text-align:center; position:relative; z-index:10;} #m3 .b1 .d1 h1 {font-size:25px; line-height:30px; color:#333; padding:0 0 10px 0; font-weight:700;} #m3 .b1 .d1 p {font-size:18px; line-height:20px; color:#555; padding:0 0 20px 0; padding:0 30px;} #m3 .b1 .d1 fieldset:nth-of-type(1) {padding:15px 20px 8px 20px;} #m3 .b1 .d1 fieldset:nth-of-type(2) {padding:25px 60px; background:#333333;} #m3 .b1 .d1 input {width:100%; height:40px; line-height:40px; padding:0 15px; margin:0 0 15px 0; background:#fff; color:#555; font-size:16px; border:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #m3 .b1 .d1 textarea {width:100%; height:80px; padding:5px 15px; margin:0 0 15px 0; font-size:16px; color:#555; border:1px solid #ccc; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #m3 .b1 .d1 input[type=button] {width:100%; height:50px; line-height:50px; padding:0; margin:0; border:0; background:#06ba42; color:#fff; font-size:18px; font-weight:700; cursor:pointer;} #m3 .b1 .d1 input[type=button]:hover {background:#fff; color:#333;} #m3 .b1 .d1 .i-error {border:1px dashed #eb340a; background:#faebe7;} #m3 .b1 .d2 {float:left; width:700px; position:relative; z-index:10; padding:0 0 0 0;} #m3 .b1 .d2 h1 {font-size:60px; line-height:65px; font-weight:700; color:#fff;} #m3 .b1 .d2 h2 {font-size:18px; color:#fff;} #m3 .b1 .d2 .credit-card {display: block; padding: 10px 0 0 0;} #m3 .b1 .d2 .credit-card img {width: 50px;} #m3 .b1 .d2 ul {width:700px; padding:30px 0 0 0;} #m3 .b1 .d2 li {width:220px; float:left; margin:0 20px 0 0; text-align:center;} #m3 .b1 .d2 li span {font-size:20px; color:#fff; display:block; line-height:40px; background:rgba(235, 16, 0, .8);} #m3 .b1 .d2 li img {width:220px;} #m3 .b1 .d2 li:last-child {margin:0;} #m2 {min-width:1200px; background:#fff;} #m2 .b1 {background:#fff; width:1200px; margin:0 auto; text-align:center;} #m2 .b1 li {width:299px; float:left; border-left:1px solid #ddd; padding:50px 0;} #m2 .b1 li i {display:inline-block; width: 64px; height: 64px; font-size: 22px; line-height: 64px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.16),0 2px 10px rgba(0,0,0,0.12);-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.16),0 2px 10px rgba(0,0,0,0.12); box-shadow: 0 2px 5px rgba(0,0,0,0.16),0 2px 10px rgba(0,0,0,0.12); color:#ffffff; margin-bottom: 25px; background-color: #d32f2f; border-radius:100%;} #m2 .b1 li span {display:block; font-size:16px; color:#333;} #m2 .b1 li:last-child {border-right:1px solid #ddd; width:298px;} #m4 {min-width:1200px; background:#eff3f8;} #m4 .b1 {background:#eff3f8; width:1200px; margin:0 auto; padding:40px 0;} /*#m4 .b1 img {margin:0 0 20px 0;}*/ #m4 .b1 h1 {font-size:40px; font-weight:700; color:#333; margin:0 0 10px 0;} #m4 .b1 h2 {font-size:16px; font-weight:700; color:#f97307; margin:0 0 10px 0;} #m4 .b1 p {font-size:16px; color:#555; margin:0 0 20px 0;} #m4 .b1 p b {font-size:18px; color:#555;} #m4 .b1 li {font-size:16px; color:#555; line-height:20px; display:block;} #m4 .b1 li i {color:#d32f2f;} #m4 .b1 a {display:inline-block; height:60px; line-height:60px; padding:0 30px; font-size:20px; font-weight:700; color:#fff; background:#06ba42; margin:30px 0 0 0;} #m5 {min-width:1200px; background:#fff;} #m5 .b1 {background:#fff; width:900px; margin:0 auto; padding:40px 0; text-align:center;} #m5 .b1 .d1 {font-size:18px; color:333; border-bottom:1px solid #ddd; display:block; padding:0 0 10px 0; margin:0 0 20px 0;} #m5 .b1 li {width:224px; float:left; line-height:40px; font-size:14px; color:#333; border:1px solid #ddd; border-left:0;} #m5 .b1 li .t1 {background:#2980b9; color:#fff; font-size:14px; height:50px; line-height:normal; padding:5px 0;} #m5 .b1 li .t1 span {font-size:20px; display:block; text-transform:uppercase; line-height:normal;} #m5 .b1 li:nth-of-type(1) {width:223px; border-left:1px solid #ddd;} #m5 .b1 li:nth-of-type(1) .t1 span {line-height:50px;} #m5 .b1 li b {display:block; font-weight:normal; background:#e5f2f6;} #m5 .b1 li a {display:block; height:40px; line-height:40px; font-size:16px; color:#fff; background:#06ba42; margin:10px 20px;} #info {min-width:1200px; background:url(../images/footer-filter.jpg) no-repeat center top; position:relative;} #info .b1 {background:url(../images/footer-filter.jpg) no-repeat center top; width:1200px; margin:0 auto; padding:150px 0; text-align:center;} #info .b1 .d2 {display:block; text-align:center; position:relative; z-index:10;} #info .b1 .d2 h1 {font-size:30px; margin:0 0 30px 0; color:#fff; text-transform:uppercase;} #info .b1 .d2 li {display:inline-table; color:#fff; font-size:14px; padding:0 20px;} #info .b1 .d2 li i {width:50px; height:50px; line-height:50px; font-size:20px; display:inline-block; border:2px solid #fff; color:#fff; border-radius:100%; text-align:center; margin:0 0 10px 0;} #info .b1 .d2 li span {font-size:18px; color:#fff; text-transform:uppercase; font-weight:700; display:block;} #info .b1 .d2 li a {font-size:14px; color:#fff; display:block;} #footer {background:#333;} #footer .b1 {width:1200px; background:#333; margin:0 auto;} #footer .b1 .d1 {float:left; height:84px; line-height:84px; color:#f9f9f9; font-size:13px;} #footer .b1 .d1 a {color:#f11300; font-size:13px; font-weight:400;} #footer .b1 .d2 {float:right;} #footer .b1 .d2 a {float:right; width:87px; height:84px; background:url(../images/signos.png) no-repeat left center;} } @media (max-width: 768px){ #m1 {max-width:100%;} #m1 .b1 {background:#232323; padding:30px; text-align:center;} #m1 .b1 .d1 {width:290px; height:32px; display:inline-block; margin:0 0 20px 0;} #m1 .b1 .d1 a {width:290px; height:32px; float:left; background:url(../images/logo.png) no-repeat;} #m1 .b1 .d2 {display:block;} #m1 .b1 .d2 .t1 {width: 100%; color} #m1 .b1 .d2 .t1 div {border:1px solid #fff; border-radius: 30px; line-height:40px; height: 40px; padding:0 15px; display: inline-block; color: #fff; font-size: 16px;} /*#m1 .b1 .d2 .t1 a {border:1px solid #fff; border-radius: 30px; line-height:40px; padding:0 15px; display: inline-block; color: #fff; font-size: 16px; margin: 0 0 10px 0}*/ #m1 .b1 .d2 .t1 a.whatsapp {border:1px solid #06ba42; background:#06ba42; border-radius: 30px; line-height:40px; padding:0 15px; display: inline-block; color: #fff; font-size: 16px;} #m1 .b1 .d2 .t2 {display: none;} #m3 {max-width: 100%; position:relative;} #m3 .b1 {display:block; background:url(../images/banner-header.jpg) center top; padding:30px;} #m3 .b1 .d1 {background:rgba(255,255,255,.9); padding:30px 0 0 0; border-top:3px solid #f11300; text-align:center; z-index:10; position:relative;} #m3 .b1 .d1 h1 {font-size:24px; line-height:30px; color:#333; padding:0 0 10px 0; font-weight:700;} #m3 .b1 .d2 h2 {font-size:18px; color:#fff; margin:0 0 20px 0;} #m3 .b1 .d1 p {font-size:16px; line-height:20px; color:#555; padding:0 0 20px 0;} #m3 .b1 .d1 input {width:100%; height:40px; line-height:40px; padding:0 15px; margin:0 0 15px 0; background:#fff; color:#555; font-size:16px; border-radius:5px; border:2px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #m3 .b1 .d1 textarea {width:100%; height:80px; padding:5px 15px; margin:0 0 15px 0; font-size:16px; color:#555; border-radius:5px; border:2px solid #ccc; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #m3 .b1 .d1 input[type=button] {width:100%; height:50px; line-height:50px; padding:0; margin:0; border:0; border-radius:0; background:#06ba42; color:#fff; font-size:18px; font-weight:700; cursor:pointer;} #m3 .b1 .d1 .i-error {border:1px dashed #eb340a; background:#faebe7;} #m3 .b1 .d1 fieldset:nth-of-type(1) {padding:30px;} #m3 .b1 .d1 fieldset:nth-of-type(2) {padding:30px; background:#333333;} #m3 .b1 .d2 {display:block; margin:0 0 30px 0; z-index:10; position:relative; text-align:center;} #m3 .b1 .d2 h1 {font-size:40px; line-height:45px; margin:0 0 15px 0; font-weight:700; color:#fff;} #m3 .b1 .d2 .credit-card {display: block; padding:0 0 15px 0;} #m3 .b1 .d2 .credit-card img {width:40px;} #m3 .b1 .d2 li {width:100%; margin:0 0 20px 0; text-align:center;} #m3 .b1 .d2 li span {font-size:20px; color:#fff; display:block; line-height:40px; background:rgba(235, 16, 0, .8);} #m3 .b1 .d2 li img {width:100%;} #m2 {max-width: 100%;} #m2 .b1 {background:#fff; text-align:center;} #m2 .b1 li {display:inline-table; padding:30px 20px;} #m2 .b1 li i {display:inline-block; width: 64px; height: 64px; font-size: 22px; line-height: 64px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.16),0 2px 10px rgba(0,0,0,0.12);-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.16),0 2px 10px rgba(0,0,0,0.12); box-shadow: 0 2px 5px rgba(0,0,0,0.16),0 2px 10px rgba(0,0,0,0.12); color:#ffffff; margin-bottom: 25px; background-color: #d32f2f; border-radius:100%;} #m2 .b1 li span {display:block; font-size:16px; color:#333;} #m4 {max-width:100%;} #m4 .b1 {background:#fff;} #m4 .b1 img {width:100%; margin:0 0 20px 0;} #m4 .b1 h1 {font-size:40px; color:#333; margin:0 0 10px 0; font-weight:700; padding:0 30px;} #m4 .b1 p {font-size:16px; color:#555; margin:0 0 20px 0;} #m4 .b1 p b {font-size:24px; color:#555;} #m4 .b1 li {font-size:16px; color:#555; line-height:20px; margin:0 0 5px 0;} #m4 .b1 li i {color:#f11300;} #m4 .b1 a {display:block; height:60px; line-height:60px; text-align:center; padding:0 30px; font-size:20px; font-weight:700; color:#fff; background:#06ba42; margin:30px;} #m5 {max-width:100%;} #m5 .b1 {background:#fff; text-align:center;} #m5 .b1 .d1 {font-size:18px; color:#fff; background:#333; display:block; padding:20px 0; margin:0 0 20px 0;} #m5 .b1 li {display:block; line-height:40px; font-size:14px; color:#333; border:1px solid #ddd; margin:0 30px 30px 30px;} #m5 .b1 li .t1 {background:#2980b9; color:#fff; font-size:14px; height:50px; line-height:normal; padding:5px 0;} #m5 .b1 li .t1 span {font-size:20px; display:block; text-transform:uppercase; line-height:normal;} #m5 .b1 li:nth-of-type(1) .t1 span {line-height:50px;} #m5 .b1 li b {display:block; font-weight:normal; background:#e5f2f6;} #m5 .b1 li a {display:block; height:40px; line-height:40px; font-size:16px; color:#fff; background:#06ba42; margin:10px 20px;} #info {max-width:100%; text-align:center; position:relative;} #info .b1 {background:url(../images/bg-footer-filter.jpg) right -910px top; background-size:cover; padding:100px 0;} #info .b1 .d1 {width:100%; height:250px; margin:0 0 30px 0;} #info .b1 .d1 iframe {width:100%; height:250px;} #info .b1 .d1 #mapa {width:100%; height:250px; position:absolute;} #info .b1 .d2 {display:block; text-align:center; position:relative; z-index:10; padding:0 30px;} #info .b1 .d2 h1 {font-size:30px; margin:0 0 30px 0; color:#fff; text-transform:uppercase;} #info .b1 .d2 li {display:block; color:#fff; font-size:14px; margin:0 0 30px 0;} #info .b1 .d2 li i {width:50px; height:50px; line-height:50px; font-size:20px; display:inline-block; border:2px solid #fff; color:#fff; border-radius:100%; text-align:center; margin:0 0 10px 0;} #info .b1 .d2 li span {font-size:18px; color:#fff; text-transform:uppercase; font-weight:700; display:block;} #info .b1 .d2 li a {font-size:14px; color:#fff; display:block; margin:0 0 10px 0;} #info .b1 .d2 li:last-child {margin:0;} #footer {max-width:100%; text-align:center;background:#333;} #footer .b1 {padding:30px;} #footer .b1 .d1 {color:#f9f9f9; font-size:14px;} #footer .b1 .d1 a {color:#f11300; font-size:14px;} #footer .b1 .d2 {display:inline-block; margin:10px 0 0 0;} #footer .b1 .d2 a {float:right; width:87px; height:20px; background:url(../images/signos.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;}