@font-face { font-family: 'grotesk'; src: url("../fonts/grotesk-webfont.woff2") format("woff2"), url("../fonts/grotesk-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
a { text-decoration: none !important; color: black !important; }


.logo-dia-energia { width: 100%; height: 155px; background-color: white; }
.logo-dia-energia img { margin: 0 auto; padding-top: 22px; display: block; }

.navegacion-buttons { position: relative; width: 100%; height: 59px; background-color: #e4e4e4; }
.navegacion-buttons ul { list-style: none; padding: 0px; margin: 0 auto; width: 100%; max-width: 1028px; height: 100%; }
.navegacion-buttons ul .button {float: left;width: 20%;font-family: helvetica,sans-serif;padding: 20px 15px;display: block;height: 100%;box-sizing: border-box;text-align: center;}
.navegacion-buttons ul .button:hover { background-color: #7af173; }

.texto-intro { width: 100%; }
.texto-intro h1 {font-size: 45px;min-width: 213px;width: 100%;border-bottom: 5px solid #7cf073;font-family: 'grotesk';margin-top: 20px;margin-left: auto;margin-right: auto;max-width: 341px;}
.texto-intro p { font-size: 19px; color: #4f4f4f; padding-top: 10px; padding-bottom: 10px; width: 385px; margin-left: 70px; margin-top: 8px; }
.texto-intro a { padding: 13px; background-color: #7cf073; margin-left: 70px; color: black; display: block; text-align: center; text-decoration: none; margin-top: 13px; height: 49px; width: 222px; font-size: 19px; font-family: 'grotesk'; }
.texto-intro a:hover { background-color: #2f2f2f; color: white; }

.energia {width: 100%;height: 187px;background-color: #212121;margin-top: 10px;}

.logito { width: 70px; height: 100%; background-color: #68ce64; display: block; float: left; }

.navegacion-buttons-mobile { display: none; }

.congresos { position: relative; }

.desplegado-escritorio { position: absolute; min-height: 59px; z-index: 4; left: 0px; display: none; top: 59px; }
.desplegado-escritorio li { padding: 20px 64px; font-size: 14px; background-color: white; border-bottom: 1px solid #e6e6e6; cursor: pointer; }
.desplegado-escritorio li:hover { background-color: #f1f1f1; }

.container-footer { width: 100%; max-width: 1028px; height: 100%; margin: 0 auto; font-family: helvetica,sans-serif;}
.container-footer .logo-quijandria { width: 30%; height: 100%; float: left; display: block; background: url(../img/logo.jpg); background-size: 80%; background-repeat: no-repeat; background-position: 20px; }
.container-footer .menu-2 { width: 70%; height: 100%; float: left; }
.container-footer .menu-2 ul {list-style: none;color: white;margin-top: 63px;margin-left: 26px;}
.container-footer .menu-2 ul li {float: left;margin-right: 8%;padding: 2px;font-size: 16px;color: white;}

section#portafolio { margin: 0 auto; width: 80%; }

#logo { background: none repeat scroll 0 0 #222222; margin-bottom: 10px; padding: 12px 10px 0; }

.contenedor{ width: 100%; max-width: 960px; min-height: 300px; margin: 0 auto; text-align: center; }
.contenedor img{width: 315px;display: inline-block;border: 1px solid #e0e0e0;}
.contenedor h2{font-size: 2.3em;font-family: 'grotesk';color: gray;/* text-decoration: underline; */}

@media screen and (max-width: 769px) { .introduccion-energia .wrapper-intro { background: url(../img/landing-energi-final-mobile_07.jpg); background-position: 0px; background-size: cover; }
  .texto-intro { margin: 0 auto; float: none !important; }
  .texto-intro h1 { margin: 0 auto; width: 375px !important; margin-top: 0px !important; padding-top: 20px; text-align: center; }
  .texto-intro p { margin: 0 auto; margin-top: 0px !important; padding-top: 18px !important; text-align: center; padding-bottom: 26px !important; }
  .texto-intro a { margin: 0 auto; margin-top: 0px !important; font-size: 23px; }
  .navegacion-buttons { display: none; }
  .navegacion-buttons-mobile { width: 100%; min-height: 59px; background-color: #eaeaea; display: block;  font-size: helvetica,sans-serif;}
  .navegacion-buttons-mobile .menu-sandwich { width: 100%; height: 59px; background-color: #eaeaea; }
  .navegacion-buttons-mobile .menu-sandwich span { float: right; padding: 12px; }
  .navegacion-buttons-mobile .menu-sandwich p {float: right;padding: 5px;font-family: helvetica,sans-serif;box-sizing: border-box;padding-right: 0px;}
  .navegacion-buttons-mobile ul { list-style: none; padding: 0px; margin: 0 auto; width: 100%; display: none; }
  .navegacion-buttons-mobile ul .button-mobile {display: block;width: 100%;min-height: 59px;box-sizing: border-box;font-family: helvetica,sans-serif;padding: 20px 20px;display: block;background-color: white;border-bottom: 1px solid #c5c5c5;text-align: center;}
  .navegacion-buttons-mobile ul .despliega { min-height: 59px; background-size: 5%; }
  .navegacion-buttons-mobile ul .button-mobile:hover { background-color: #f1f1f1; }
  .navegacion-buttons-mobile ul .desplegado { display: none; }
  .navegacion-buttons-mobile ul .desplegado li { background-color: #eaeaea; }
  .container-footer { width: 100%; max-width: 1028px; height: 100%; margin: 0 auto; }
  .container-footer .logo-quijandria { width: 50%; height: 100%; float: none; margin: 0 auto; background: url(../img/logo.jpg); background-size: initial; background-repeat: no-repeat; background-position: 20px; }
  .container-footer .menu-2 { width: 70%; height: 100%; float: left; display: none; }
  .container-footer .menu-2 ul { list-style: none; color: white; margin-top: 90px; margin-left: 26px; }
  .container-footer .menu-2 ul li { float: left; margin-right: 8%; } }
@media screen and (max-width: 450px) { .navegacion-buttons-mobile ul .despliega { min-height: 59px; background-size: 10%; }
  .logo-dia-energia { background-image: url(../img/landing-energi-final-mobile_03.jpg); background-repeat: no-repeat; background-position: 67px; background-size: 58%; }
  .logo-dia-energia img { display: none; }
  .texto-intro { width: 85% !important; margin: 0 auto; float: none !important; }
  .texto-intro h1 { margin: 0 auto !important; width: 95% !important; margin-top: 0px !important; padding-top: 20px; font-size: 40px !important; text-align: center; }
  .texto-intro p { margin: 0px; margin-left: 0px !important; width: 100% !important; margin-top: 0px !important; padding-top: 18px !important; font-size: 15px !important; text-align: center; padding-bottom: 26px !important; }
  .texto-intro a { margin: 0px; margin-left: 0px !important; width: 100% !important; margin-top: 0px !important; }
  .energia {width: 100%;height: 187px;/* margin-bottom: 10px; */background-color: #212121;}
  .introduccion-energia { height: 410px; }
  .introduccion-energia .wrapper-intro { background: url(../img/landing-energi-final-mobile_07.jpg); background-position: -21px; background-size: cover; }
  .container-footer .logo-quijandria { width: 90%; height: 100%; float: none; margin: 0 auto; background: url(../img/logo.jpg); background-size: 85%; background-repeat: no-repeat; background-position: 20px; } }
@media screen and (max-width: 360px) { .texto-intro h1 { font-size: 35px !important; width: 98% !important; } }
@media screen and (max-width: 320px) { .container-footer .logo-quijandria { background-size: 84%; width: 100%; } }

@font-face { font-family: 'grotesk'; src: url("../fonts/grotesk-webfont.woff2") format("woff2"), url("../fonts/grotesk-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
a { text-decoration: none !important; color: black !important; }


.logo-dia-energia { width: 100%; height: 155px; background-color: white; }
.logo-dia-energia img { margin: 0 auto; padding-top: 22px; display: block; }

.navegacion-buttons { position: relative; width: 100%; height: 59px; background-color: #e4e4e4; }
.navegacion-buttons ul { list-style: none; padding: 0px; margin: 0 auto; width: 100%; max-width: 1028px; height: 100%; }
.navegacion-buttons ul .button {float: left;width: 20%;font-family: helvetica,sans-serif;padding: 20px 15px;display: block;height: 100%;box-sizing: border-box;text-align: center;}
.navegacion-buttons ul .button:hover { background-color: #7af173; }

.texto-intro { width: 100%; }
.texto-intro h1 {font-size: 45px;min-width: 213px;width: 100%;border-bottom: 5px solid #7cf073;font-family: 'grotesk';margin-top: 20px;margin-left: auto;margin-right: auto;max-width: 341px;}
.texto-intro p { font-size: 19px; color: #4f4f4f; padding-top: 10px; padding-bottom: 10px; width: 385px; margin-left: 70px; margin-top: 8px; }
.texto-intro a { padding: 13px; background-color: #7cf073; margin-left: 70px; color: black; display: block; text-align: center; text-decoration: none; margin-top: 13px; height: 49px; width: 222px; font-size: 19px; font-family: 'grotesk'; }
.texto-intro a:hover { background-color: #2f2f2f; color: white; }

.energia {width: 100%;height: 187px;background-color: #212121;margin-top: 10px;}

.logito { width: 70px; height: 100%; background-color: #68ce64; display: block; float: left; }

.navegacion-buttons-mobile { display: none; }

.congresos { position: relative; }

.desplegado-escritorio { position: absolute; min-height: 59px; z-index: 4; left: 0px; display: none; top: 59px; }
.desplegado-escritorio li { padding: 20px 64px; font-size: 14px; background-color: white; border-bottom: 1px solid #e6e6e6; cursor: pointer; }
.desplegado-escritorio li:hover { background-color: #f1f1f1; }

.container-footer { width: 100%; max-width: 1028px; height: 100%; margin: 0 auto; font-family: helvetica,sans-serif;}
.container-footer .logo-quijandria { width: 30%; height: 100%; float: left; display: block; background: url(../img/logo.jpg); background-size: 80%; background-repeat: no-repeat; background-position: 20px; }
.container-footer .menu-2 { width: 70%; height: 100%; float: left; }
.container-footer .menu-2 ul {list-style: none;color: white;margin-top: 63px;margin-left: 26px;}
.container-footer .menu-2 ul li {float: left;margin-right: 8%;padding: 2px;font-size: 16px;color: white;}

section#portafolio { margin: 0 auto; width: 80%; }

#logo { background: none repeat scroll 0 0 #222222; margin-bottom: 10px; padding: 12px 10px 0; }

.contenedor{ width: 100%; max-width: 960px; min-height: 300px; margin: 0 auto; text-align: center; }
.contenedor img{width: 315px;display: inline-block;border: 1px solid #e0e0e0;}
.contenedor h2{font-size: 2.3em;font-family: 'grotesk';color: gray;/* text-decoration: underline; */}

@media screen and (max-width: 769px) { .introduccion-energia .wrapper-intro { background: url(../img/landing-energi-final-mobile_07.jpg); background-position: 0px; background-size: cover; }
  .texto-intro { margin: 0 auto; float: none !important; }
  .texto-intro h1 { margin: 0 auto; width: 375px !important; margin-top: 0px !important; padding-top: 20px; text-align: center; }
  .texto-intro p { margin: 0 auto; margin-top: 0px !important; padding-top: 18px !important; text-align: center; padding-bottom: 26px !important; }
  .texto-intro a { margin: 0 auto; margin-top: 0px !important; font-size: 23px; }
  .navegacion-buttons { display: none; }
  .navegacion-buttons-mobile { width: 100%; min-height: 59px; background-color: #eaeaea; display: block;  font-size: helvetica,sans-serif;}
  .navegacion-buttons-mobile .menu-sandwich { width: 100%; height: 59px; background-color: #eaeaea; }
  .navegacion-buttons-mobile .menu-sandwich span { float: right; padding: 12px; }
  .navegacion-buttons-mobile .menu-sandwich p {float: right;padding: 5px;font-family: helvetica,sans-serif;box-sizing: border-box;padding-right: 0px;}
  .navegacion-buttons-mobile ul { list-style: none; padding: 0px; margin: 0 auto; width: 100%; display: none; }
  .navegacion-buttons-mobile ul .button-mobile {display: block;width: 100%;min-height: 59px;box-sizing: border-box;font-family: helvetica,sans-serif;padding: 20px 20px;display: block;background-color: white;border-bottom: 1px solid #c5c5c5;text-align: center;}
  .navegacion-buttons-mobile ul .despliega { min-height: 59px; background-size: 5%; }
  .navegacion-buttons-mobile ul .button-mobile:hover { background-color: #f1f1f1; }
  .navegacion-buttons-mobile ul .desplegado { display: none; }
  .navegacion-buttons-mobile ul .desplegado li { background-color: #eaeaea; }
  .container-footer { width: 100%; max-width: 1028px; height: 100%; margin: 0 auto; }
  .container-footer .logo-quijandria { width: 50%; height: 100%; float: none; margin: 0 auto; background: url(../img/logo.jpg); background-size: initial; background-repeat: no-repeat; background-position: 20px; }
  .container-footer .menu-2 { width: 70%; height: 100%; float: left; display: none; }
  .container-footer .menu-2 ul { list-style: none; color: white; margin-top: 90px; margin-left: 26px; }
  .container-footer .menu-2 ul li { float: left; margin-right: 8%; } }
@media screen and (max-width: 450px) { .navegacion-buttons-mobile ul .despliega { min-height: 59px; background-size: 10%; }
  .logo-dia-energia { background-image: url(../img/landing-energi-final-mobile_03.jpg); background-repeat: no-repeat; background-position: 67px; background-size: 58%; }
  .logo-dia-energia img { display: none; }
  .texto-intro { width: 85% !important; margin: 0 auto; float: none !important; }
  .texto-intro h1 { margin: 0 auto !important; width: 95% !important; margin-top: 0px !important; padding-top: 20px; font-size: 40px !important; text-align: center; }
  .texto-intro p { margin: 0px; margin-left: 0px !important; width: 100% !important; margin-top: 0px !important; padding-top: 18px !important; font-size: 15px !important; text-align: center; padding-bottom: 26px !important; }
  .texto-intro a { margin: 0px; margin-left: 0px !important; width: 100% !important; margin-top: 0px !important; }
  .energia {width: 100%;height: 187px;/* margin-bottom: 10px; */background-color: #212121;}
  .introduccion-energia { height: 410px; }
  .introduccion-energia .wrapper-intro { background: url(../img/landing-energi-final-mobile_07.jpg); background-position: -21px; background-size: cover; }
  .container-footer .logo-quijandria { width: 90%; height: 100%; float: none; margin: 0 auto; background: url(../img/logo.jpg); background-size: 85%; background-repeat: no-repeat; background-position: 20px; } }
@media screen and (max-width: 360px) { .texto-intro h1 { font-size: 35px !important; width: 98% !important; } }
@media screen and (max-width: 320px) { .container-footer .logo-quijandria { background-size: 84%; width: 100%; } }