@import url('https://fonts.googleapis.com/css?family=Roboto:400,700|Roboto+Slab:400,700');
@import url('all.min.css');
@import url('slides.css');

* {-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: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 37.49%, rgba(0,0,0,0.2) 60.1%, rgba(0,0,0,1) 200%); z-index:8;}

.lSSlideOuter .lSPager.lSpg > li {width: initial!important; padding: 0 5px!important; float: initial!important;}

@media (min-width: 769px){

.desk {display: block;}	
.mobile {display: none;}	

#m1 {width:100%; min-width:1200px; position: absolute; top:0; z-index: 99;}
#m1 .b1 {width:1200px; padding:15px 0; margin:0 auto; display: flex; align-items: center; justify-content: space-between}
#m1 .b1 .d1 {width: 50%;}
#m1 .b1 .d1	img {height: 50px;}

#m1 .b1 .d2 {width: 50%;}
#m1 .b1 .d2 .t1 {padding:0 20px 0 0; float:right; font-size:14px; color:#fff; font-weight:700; line-height:42px;}
#m1 .b1 .d2 .t1 i {color:#fff; height:42px; line-height:42px; font-size:14px; text-align:center; float:left; margin:0 10px 0 0;}
#m1 .b1 .d2 .t1 a {font-size:14px; color:#fff; font-weight:700; line-height:42px;}
#m1 .b1 .d2 .t2 {float:right;}
#m1 .b1 .d2 .t2 a {font-size:12px; font-weight: 700; border: 1px solid #fff; color:#fff; text-transform: uppercase; letter-spacing: 1px; border-radius:3px; line-height:40px; border-radius: 30px; -webkit-border-radius:30px; padding:0 20px; display:block; cursor:pointer;}
#m1 .b1 .d2 .t2 a:hover {background:#fff; color:#096;}
#m1 .b1 .d2 .t3 {display:none;}


#m2 {width:100%; min-width:1200px; background:url(../imagenes/banner.jpg?v=4) no-repeat center center; background-size:cover; position:relative;}
#m2 .b1 {width:1200px; margin:0 auto; padding:100px 0;}
#m2 .b1 .d1 {float:right; width:420px; background:#fff; padding:40px; text-align:center; position:relative; z-index:10;}
#m2 .b1 .d1 label {color:#333; font-size:24px; font-weight:700; display:block; margin:0 0 5px 0;}
#m2 .b1 .d1 label b {color:#00a650;}

#m2 .b1 .d1 label:nth-of-type(2) {color:#777; font-size:20px; font-weight:400; margin:0 0 20px 0;}
#m2 .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;}
#m2 .b1 .d1 textarea {width:100%; height:80px; padding:10px; background:#fff; border:1px solid #ccc; color:#222; font-size:14px; border-radius:3px;}
#m2 .b1 .d1 select {width:100%; height:40px; line-height:40px; padding:0 10px; background:#fff; color:#222; font-size:14px; border-radius:3px;}
#m2 .b1 .d1 button {background:#096; width:100%; height:50px; line-height:50px; border-radius:30px; -webkit-border-radius:30px; border:0; color:#fff; font-size:16px; cursor:pointer; text-transform: capitalize;}
#m2 .b1 .d1 button:hover {opacity: .8}
#m2 .b1 .d1 .i-error {border:1px dashed #eb340a; background:#faebe7;}
#m2 .b1 .d2 {float:left; width:700px; padding: 120px 0 0 0; position:relative; z-index:10;}
#m2 .b1 .d2 h2 {font-size:16px; color:#fff; margin:0 0 20px 0; font-weight:700; letter-spacing:.5px; }
#m2 .b1 .d2 h1 {font-size:70px; color:#fff; margin:0 0 20px 0; font-weight:700; letter-spacing:.5px; text-shadow: 0 2px 2px rgba(0,0,0,0.3); text-transform: capitalize;}
#m2 .b1 .d2 p {font-size:24px; color:#fff; font-weight:400; text-shadow: 0 2px 2px rgba(0,0,0,0.3);}
#m2 .b1 .d2 a {display: none;}


#m3  {width: 100%; min-width: 1200px; border-bottom: 1px solid #ddd; background: #fff;}
#m3 .b1 {width: 1200px; margin: 0 auto; padding: 40px;  text-align: center;}
#m3 .b1 h2{color: #222; font-size: 28px; letter-spacing: .5px; margin: 0 0 30px 0;}
#m3 .b1 p{font-size: 16px; color:#787878; padding: 0 0 20px 0;}
#m3 .b1 ul{display: flex; flex-wrap: wrap; padding: 20px;}
#m3 .b1 li{padding: 0 10px 15px 10px; text-align: center; width:33%;}
#m3 .b1 li .image{display: flex; align-items: center; align-content: center; justify-content: center;}
#m3 .b1 li .image img{width:100%;}
#m3 .b1 li .title {font-size: 18px; font-weight: 700; padding: 0 0 5px 0;}
#m3 .b1 li:nth-child(1) .title {color:#006d4a;}
#m3 .b1 li:nth-child(2) .title {color:#4c4c4c;}
#m3 .b1 li:nth-child(3) .title {color:#2e4380;}

#m3 .b1 li .subtitle {font-size: 16px; color:#999;}


#m4  {width: 100%; min-width: 1200px; background: #f4f4f4; border-bottom: 1px solid #ddd; display: flex; align-items: center; justify-content: center;}
#m4 .b1 {width: 50%; padding: 50px; align-items: center;}
#m4 .b1 h2{color: #222; font-size: 34px; letter-spacing: .5px; margin: 0 0 10px 0;}
#m4 .b1 p{font-size: 18px; color:#787878; padding: 0 0 20px 0; max-width: 500px;}
#m4 .b2 {width: 50%; display: flex; align-items: center;}
#m4 .b2 img{width: 100%;}
#m4 .b1 a {background:#096; text-transform: capitalize; letter-spacing: .5px; font-size:16px; font-weight: 700; color:#fff; text-align:center; border-radius:30px; -webkit-border-radius:30px; line-height:50px; padding:0 40px; display: inline-block; cursor:pointer;}
#m4 .b1 a:hover {opacity: 0.8;}


#m6{width:100%; min-width:1200px; overflow:hidden; padding:0;}
#m6 .b1 {width: 1200px; margin: 0 auto; padding: 40px; text-align: center;}
#m6 .b1 h1{width:80%; font-size: 28px; color:#096;  letter-spacing: .5px; margin: 0 auto; padding: 0 0 10px 0}
#m6 .b1 p{width:80%; font-size: 16px; color:#787878; margin: 0 auto; padding: 0 0 20px 0}
#m6 .b1 ul{display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
#m6 .b1 li{width: 16%;}
#m6 .b1 li .image{width:100%;}
#m6 .b1 li img{width:100%; padding: 15px;}
#m6 .b1 li:hover img {opacity: .8; }

#m7 {width:100%; height:700px; position:relative; background: url('../imagenes/banner-footer.jpg') no-repeat;}

#m7 .b1 {height:510px; position:absolute; z-index:3; top:0; left:50px; right:0; bottom: 0; margin: auto 0;}
#m7 .b1 ul {width:450px; background:#fff; padding:40px; float:left;}
#m7 .b1 li {display:block; margin:0 0 30px 0;}
#m7 .b1 li i {font-size: 30px; line-height: 50px; margin:0 10px 0 0; float: left; width: 50px; height: 50px; text-align: center; background: #eee; border-radius: 5px; -webkit-border-radius:5px;}
#m7 .b1 li strong {font-size:16px; color:#222;  display: block; padding: 5px 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:#096; text-transform: capitalize; letter-spacing: .5px; font-size:16px; font-weight: 700; color:#fff; text-align:center; border-radius:30px; -webkit-border-radius:30px; line-height:50px; padding:0 40px; display:block; cursor:pointer;}
#m7 .b1 li:last-child a:hover {opacity: 0.8;}

#m7 .b2 {width:100%; min-width:1200px; height:700px; position:relative; overflow: hidden;}
#m7 .b2 #google-map {width:130%; height:700px; position:absolute; top:0; left: -320px;}

#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:87px; height:20px; background:url(../imagenes/signos.png) no-repeat left center;}

}

@media (max-width: 768px){

.desk {display: none;}	
.mobile {display: block;}	
	
#m1 {width:100%; position: absolute; z-index: 999}

#m1 .b1 {display:flex; align-items: center; justify-content: center; text-align:center; padding:10px 20px;}
#m1 .b1 .d1 {margin:0 auto 0 0;}
#m1 .b1 .d1	img {height:30px;}
	
#m1 .b1 .d2 {margin:0 0 0 auto;}
#m1 .b1 .d2 .t1 {display:none;}
#m1 .b1 .d2 .t2 {display:none;}
#m1 .b1 .d2 .t3 {display:inline-block;}
#m1 .b1 .d2 .t3 a {font-size:16px; color:#fff; border:1px solid #fff; border-radius:30px; line-height:40px; padding:0 15px; display:block; cursor:pointer;}

#m2 {width:100%; position:relative; border-bottom: 1px solid #ddd;}
#m2 .b1 {display:block; padding:0;}

#m2 .b1 .d1 {width:100%; background:#fff; text-align:center; padding:30px; position:relative; z-index:10;}
#m2 .b1 .d1 label {color:#333; font-size:24px; font-weight:700; letter-spacing:-1px; display:block; margin:0 0 5px 0;}
#m2 .b1 .d1 label:nth-of-type(2) {color:#777; font-size:18px; font-weight:400; margin: 0 0 20px 0;}
#m2 .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;}
#m2 .b1 .d1 textarea {width:100%; height:80px; padding:10px; background:#fff; border:1px solid #ccc; color:#222; font-size:14px; border-radius:3px;}
#m2 .b1 .d1 select {width:100%; height:40px; line-height:40px; padding:0 10px; background:#fff; color:#222; font-size:14px; border-radius:3px;}
#m2 .b1 .d1 button {background:#096; width:100%; height:50px; line-height:50px; border-radius:30px; -webkit-border-radius:30px; border:0; color:#fff; font-size:16px; letter-spacing: .1px; font-weight: 700; cursor:pointer; text-transform: capitalize;}

#m2 .b1 .d1 .i-error {border:1px dashed #eb340a; background:#faebe7;}
#m2 .b1 .d2 {position:relative; z-index:10; background:url(../imagenes/banner.jpg?v=1) center top; background-size:cover; width: 100%; height: 600px;  padding: 120px 30px 30px 30px;}
#m2 .b1 .d2:before {content: " "; position: absolute; background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 37.49%, rgba(0,0,0,0.2) 60.1%, rgba(0,0,0,1) 200%); z-index: 11; width: 100%; height: 600px; left: 0; top: 0}
#m2 .b1 .d2 .content {z-index:12;position: relative; text-align: center;}
#m2 .b1 .d2 h2 {font-size:16px; color:#fff; margin:0 0 20px 0; font-weight:700; letter-spacing:.5px; text-shadow: 0 2px 2px rgba(0,0,0,0.3);}
#m2 .b1 .d2 h1 {font-size:40px; color:#fff; margin:30px 0 20px 0; text-align: center; font-weight:700; letter-spacing:.5px; text-shadow: 0 2px 2px rgba(0,0,0,0.3);  text-transform: capitalize;}
#m2 .b1 .d2 p {font-size:16px; color:#fff; font-weight:400; text-shadow: 0 1px 1px rgba(0,0,0,0.3);}
#m2 .b1 .d2 a {background:#096; font-size:16px; color:#fff; border-radius:30px; -webkit-border-radius:30px; line-height:50px; padding:0 30px; display:inline-block; cursor:pointer; margin:20px 0 0 0;}

#m3  {width: 100%; border-bottom: 1px solid #ddd; background: #fff;}
#m3 .b1 {width: 100%; margin: 0 auto; padding: 40px 20px; text-align: center;}
#m3 .b1 h2{color: #222; font-size: 22px; letter-spacing: .5px; margin: 0 0 10px 0;}
#m3 .b1 p{font-size: 16px; color:#787878; padding: 0 0 20px 0;}
#m3 .b1 ul{display: block; overflow: hidden;}
#m3 .b1 li{padding: 0 0 20px 0; text-align: center; width: 100%;}
#m3 .b1 li .image{border-radius: 100%; width: 120px; height: 120px; background: #efefef; color:#fff; font-size: 38px; margin: 0 auto 15px auto; display: flex; align-items: center; align-content: center; justify-content: center;}
#m3 .b1 li .image img{width:80%;}
#m3 .b1 li .title {font-size: 18px; font-weight: 700;}
#m3 .b1 li:nth-child(1) .title {color:#006d4a;}
#m3 .b1 li:nth-child(2) .title {color:#4c4c4c;}
#m3 .b1 li:nth-child(3) .title {color:#2e4380;}
#m3 .b1 li .subtitle {font-size: 16px; color:#999;}

#m3 .b1 iframe {width:100%; height: 300px;}

#m4  {width: 100%; background: #f4f4f4; border-bottom: 1px solid #ddd;}
#m4 .b1 {width: 100%; padding: 50px; align-items: center;}
#m4 .b1 h2{color: #222; font-size: 34px; letter-spacing: .5px; margin: 0 0 10px 0;}
#m4 .b1 p{font-size: 18px; color:#787878; padding: 0 0 20px 0; max-width: 500px;}
#m4 .b2 {width: 100%; display: flex; align-items: center;}
#m4 .b2 img{width: 100%;}
#m4 .b1 a {background:#096; text-transform: capitalize; letter-spacing: .5px; font-size:16px; font-weight: 700; color:#fff; text-align:center; border-radius:30px; -webkit-border-radius:30px; line-height:50px; padding:0 40px; display: inline-block; cursor:pointer;}
#m4 .b1 a:hover {opacity: 0.8;}

#m6{width:100%; background: #f9f9f9}
#m6 .b1 {width: 100%; margin: 0 auto; padding: 40px 20px; text-align: center;}
#m6 .b1 h1{font-size: 22px; color:#222;  letter-spacing: .5px; margin: 0 auto; padding: 0 20px 10px 0;}
#m6 .b1 p{font-size: 16px; color:#787878; margin: 0 auto; padding: 0 20px 20px 0;}
#m6 .b1 ul{display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
#m6 .b1 li{width: 33%;}
#m6 .b1 li .image{width:100%;}
#m6 .b1 li img{width:100%; padding: 15px; border-radius: 100%;}
#m6 .b1 li:hover img {opacity: .8; }

#m7 {width:100%; border-bottom: 1px solid #ddd; background: url('../imagenes/banner-footer.jpg') no-repeat;}
#m7 .b1 {height:100%;}
#m7 .b1 ul {width:100%; background:#fff; padding:40px 20px; float:left;}
#m7 .b1 li {display:block; margin:0 0 30px 0;}
#m7 .b1 li i {font-size: 30px; line-height: 50px; margin:0 10px 0 0; float: left; width: 50px; height: 50px; text-align: center; background: #eee; border-radius: 5px; -webkit-border-radius:5px;}
#m7 .b1 li strong {font-size:16px; color:#222;  display: block; padding: 5px 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:#096; letter-spacing: .5px; font-size:16px; font-weight: 700; color:#fff; text-align:center; border-radius:30px; -webkit-border-radius:30px; line-height:50px; display:block; cursor:pointer;  text-transform: capitalize;}
#m7 .b2 {display: none;}

#footer {width:100%; text-align:center;}
#footer .b1 {background:#fff; 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:87px; height:20px; background:url(../imagenes/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;}


.field {
  margin-bottom: 10px;
}

.field label {
  display: block;
  font-size: 12px;
  color: #777;
}

.field input {
  display: block;
  min-width: 250px;
  line-height: 1.5;
  font-size: 14px;
}

input[type="submit"] {
  display: block;
  padding: 6px 30px;
  font-size: 14px;
  background-color: #4460AA;
  color: #fff;
  atyle>order: none
}