* 																{-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;}

:root {
  --header-bg: #000;
}

@media (min-width: 769px){

#btn-actions {display: none;}	

.left {float:left;}
.right {float:right;}
	
#m1 															{width:100%; min-width:1200px; background:var(--header-bg);}
#m1 .b1															{width:1200px; padding:20px 0; margin:0 auto;}

#m1 .b1 .d1														{float:left;}
#m1 .b1 .d1	img													{height:90px;}

#m1 .b1 .d2														{float:right; margin: 30px 0 0 0 ;}
#m1 .b1 .d2 .t1													{border: 2px solid #fff; padding: 0 20px; cursor: pointer; border-radius: 30px; float:right; font-size:16px; color:#fff; 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:#fff; font-size:16px; color:#000; 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:100%; width:65px; height: 65px; text-align: center; position: fixed; right: 30px; bottom: 30px; z-index: 99;}
#m1 .b1 .d2 .whatsapp a											{font-size:40px; color:#fff; font-weight:700; line-height:65px; }


#m3 															{width:100%; min-width:1200px; background:url(../imagenes/banner-home.jpg) no-repeat center center; position:relative;}
#m3 .b1															{width:1200px; margin:0 auto; padding:50px 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 10px 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: 550px; position:relative; z-index:10;}
#m3 .b1 .d2 h1													{font-size: 58px; line-height: 60px; color:#fff; margin:80px 0 25px 0; font-weight: 400;}
#m3 .b1 .d2 p													{font-size: 24px; line-height: 30px; color:#fff; font-weight: 300;}
	

#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: 25%; 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:16px; 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;}
#m5 .b1 .d2 ul 													{overflow: hidden; margin: 0 0 20px 0;}
#m5 .b1 .d2 h3 													{margin: 0 0 10px 0;}

#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;}


#m7 															{width:100%; height:600px; 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:110px; left:10px; 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:500px; position:relative;}
#m7 .b2 iframe 													{width:100%; height:500px; border:0;}


#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){

body {padding: 0 0 60px 0;}


#btn-actions{width:100%;height:64px;position:fixed;bottom:0;z-index:100;box-shadow:0 0 6px 0 hsla(0,0%,51%,.5); background:#25d366;display:block}
#btn-actions li{width:50%;float:left;border-right:1px solid #fff;line-height:24px;padding:20px 0;text-align:center;font-size:16px;color:#fff}
#btn-actions li a{font-size:16px;color:#fff}
#btn-actions li i{width:24px;height:24px;line-height:24px;display:inline-block;margin:0 10px 0 0;font-size:20px}
#btn-actions li:last-child{border:0}
#btn-actions .whatsapp{display:block}
	

#m1 															{width:100%; background:var(--header-bg); position: fixed; z-index: 999;}
#m1 .b1															{display:block; text-align:center; padding:10px 20px;}
#m1 .b1 .d1														{display: inline-block;}
#m1 .b1 .d1	img													{height:80px;}
	
#m1 .b1 .d2														{display:none;}

	
#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;}
	

#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;}


#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;}
#m5 .b1 .d2 p 													{margin:0 0 15px 0;}
#m5 .b1 .d2 ul 													{overflow: hidden; margin: 0 0 20px 0;}
#m5 .b1 .d2 h3 													{margin: 0 0 10px 0;}

#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:500px; 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:500px;}


#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: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;}