@font-face {
    font-family: 'montserratregular';
    src: url('montserrat-regular-webfont.eot');
    src: url('montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('montserrat-regular-webfont.woff2') format('woff2'),
         url('montserrat-regular-webfont.woff') format('woff'),
         url('montserrat-regular-webfont.ttf') format('truetype'),
         url('montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'montserratextra_bold';
    src: url('montserrat-extrabold-webfont.eot');
    src: url('montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('montserrat-extrabold-webfont.woff2') format('woff2'),
         url('montserrat-extrabold-webfont.woff') format('woff'),
         url('montserrat-extrabold-webfont.ttf') format('truetype'),
         url('montserrat-extrabold-webfont.svg#montserratextra_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* trablet y celu */
@media screen and (max-width: 768px){

.menu {position: relative;z-index: 1000;background-color: #fff;padding-bottom: 15px;border-bottom: 3px solid #c4c4c4;display: none;}
.menu a {display: block;background-color: #fff;text-align: center; font-size: 1.2em;margin: 5px 0px;}
.menu div{display: none;position:absolute; left: 0px;bottom:15px; z-index: 1000; width: 100%;}
.watsapp {position: fixed; bottom: 30%;right: 2%;width: 15%;}
.watsapp img {width: 100%;}


}
/* WEB SOLO */
@media screen and (min-width: 769px) {
.menu {position: relative;float: right;display: inline-block;z-index: 1000;margin-top: 30px;}
.menu div{display: none;position:absolute; left: 0px;top:-4px; z-index: 1000; width: calc(100% - 30px);background-color: #fff;}
.celmen {display: none;}
.watsapp {position: fixed; bottom: 15%;right: 4%;width: 5%;}
.watsapp img {width: 100%;}


}

@media screen and (min-width: 789px) and (max-width: 1240px) {
header a img{width: 75%;max-width: 220px !important}
.menu a {font-size: 0.8em;}
}

header a img{width: 75%;max-width: 280px;}
* {margin: 0; padding: 0}
img {border: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; }
body{text-rendering: optimizeLegibility;color: #383838; text-align: center;font-size: 14px;font-family: montserratregular, Georgia, sans-serif; }
header .lupa{vertical-align: middle;width: 20px !important;}
header {z-index: 1000;width: 100%; margin: 0px auto;color:#03933c;font-family: montserratextra_bold, Georgia, sans-serif; 
background-image: -webkit-gradient(linear, 80% 0%, 80% 100%, color-stop(0%, #ffffff),color-stop(100%, rgba(255,255,255,0)));
    background-image: -moz-linear-gradient(top, #ffffff 80%,rgba(255,255,255,0) 100%);
    background-image: -webkit-linear-gradient(top, #ffffff 80%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, #ffffff 80%,rgba(255,255,255,0) 100%);
    position: fixed;text-align: left; padding: 4px 0px;box-sizing: border-box;height: 87px;}

header section {padding-top: 10px;width: 100%;max-width: 1278px; margin: 0px auto;}


.celmen {float: right; width: 30px; margin: 2% 6% 0px 0px;cursor: pointer; }
.menu a {color:#03933c; text-decoration: none;padding: 0px 5px;transition-duration: 0.5s;}
.menu a:hover {color: #c4c4c4;}

.menu div input {box-sizing: border-box;width: 99%; border: 1px solid #9c9ea0; color: #9c9ea0; padding: 4px 10px;border-radius: 5px;}
main.primem {padding-top: 100px !important;}
main {width: 100%; margin: 0px auto;max-width: 986px; padding-top: 30px;margin-bottom: 30px;box-sizing: border-box; }

footer {background-color:#03933c;color: #fff;font-weight: 500;padding: 30px 0px;}

.hormiga {text-align: left; width: 95%; margin: 10px auto; font-size: 1em;border-bottom: 1px solid #03933c; padding: 10px 0px}
.hormiga a {color: #9c9ea0;text-decoration: none;}
.hormiga a:hover {text-decoration: underline}
.hormiga span {font-weight: bold;}
a {box-sizing: border-box;}