* { margin: 0; padding: 0; bottom: 0; box-sizing: border-box; font-family: helvetica,sans-serif; }

@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; color: black; }

.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: #f3f3f3;/* border-top: 1px solid #dedede; */}
.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: 12%;font-family: helvetica,sans-serif;padding: 20px 15px;display: block;height: 100%;text-align: center;/* text-decoration: underline; *//* border-left: 1px solid #e0e0e0; */}
.navegacion-buttons ul .button:hover { background-color: #7af173; }

.sliderdia-energia {width: 100%;height: 550px;background-color: gray;}
.sliderdia-energia .slider-quijandria {width: 100%;/* max-width: 1028px; */height: 100%;position: relative;margin: 0 auto;background-image: url(../img/slide-image-2.jpg);background-size: cover;}
.sliderdia-energia .slider-quijandria a {position: absolute;bottom: 117px;left: 122PX;padding: 20px 44px;color: black;box-shadow: 0px 2px 6px #404040;font-size: 17px;background-color: #00f16a;text-decoration: none;font-family: 'grotesk';}
.sliderdia-energia .slider-1 {background: red;width: 100%;height: 550px;display: block;background-color: #61625d;}
.sliderdia-energia .slider-2 {background: blue;width: 100%;height: 550px;display: block;background-color: #6f727a;}

.introduccion-energia { width: 100%; height: 502px; background-color: white; }
.introduccion-energia .wrapper-intro { width: 100%; max-width: 1028px; margin: 0 auto; height: 100%; background: url(../img/intro.gif); }
.introduccion-energia .wrapper-intro .texto-intro { width: 50%; height: 100%; float: left; }
.introduccion-energia .wrapper-intro .texto-intro h1 { font-size: 45px; width: 322px; border-bottom: 5px solid #7cf073; font-family: 'grotesk'; margin-left: 70px; margin-top: 109px; }
.introduccion-energia .wrapper-intro .texto-intro p { font-size: 19px; color: #4f4f4f; padding-top: 10px; padding-bottom: 10px; width: 385px; margin-left: 70px; margin-top: 8px; }
.introduccion-energia .wrapper-intro .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'; }
.introduccion-energia .wrapper-intro .texto-intro a:hover { background-color: #2f2f2f; color: white; }
.introduccion-energia .wrapper-intro .imagen-intro { width: 50%; height: 100%; float: left; }

.slider-logos { width: 100%; height: 246px; background-color: #f2f2f2; }
.slider-logos h1 { font-size: 44px; border-bottom: 5px solid #7cf073; font-family: 'grotesk'; width: 212px; margin: 0 auto; padding-top: 40px; margin-bottom: 41px; }
.slider-logos .vitrinas-de-logos { width: 960px; max-width: 1028px; margin: 0 auto; height: 95px; display: block; }
.slider-logos .vitrinas-de-logos div { margin: 0 19px; }
.slider-logos .vitrinas-de-logos-mobile { width: 100%; max-width: 1028px; margin: 0 auto; height: 95px; display: none; }
.slider-logos .vitrinas-de-logos-mobile div { margin: 0 19px; }

.expositores { width: 100%; height: 636px; background-image: url(../img/decoexpo.png); background-repeat: no-repeat; background-position: left bottom; background-size: 12%; background-color: #1f1f1f; text-align: center; }
.expositores img { margin: 0 auto; }
.expositores h1 {font-size: 45px;width: 372px;border-bottom: 5px solid #7cf073;font-family: 'grotesk';color: white;margin: 0 auto;padding-top: 60px;margin-bottom: 20px;}
.expositores h2 { font-size: 31px; font-family: 'grotesk'; color: white; border-bottom: 2px solid #7cf473; padding: 6px; width: 200px; margin: 5px auto; }
.expositores p { color: white; font-size: 16px; font-family: helvetica,sans-serif; padding-top: 20px; padding: 11px; width: 200px; margin: 0 auto; }
.expositores .slide-expositores { width: 1028px; height: 357px; margin: 0 auto; }
.expositores .slide-expositores .slick-dots { bottom: -60px; }
.expositores .slide-expositores-mobile { width: 100%; height: 357px; margin: 0 auto; display: none; }
.expositores .slide-expositores-mobile .slick-dots { bottom: -60px; }
.expositores .expositor {width: 198px;height: 363px;}
.expositores .expositor img { width: 198px; height: 220px; }

.form-energia { width: 100%; min-height: 692px; background-color: white; margin-bottom: 10px; background-image: url(../img/template-energy_02.gif); background-position: center; background-repeat: no-repeat; }
.form-energia h1 { font-size: 45px; width: 407px; border-bottom: 5px solid #7cf073; font-family: 'grotesk'; color: #313131; margin: 0 auto; padding-top: 77px; margin-bottom: 3px; text-align: center; }
.form-energia .formulario { width: 587px; min-height: 300px; margin: 0 auto; }
.form-energia .formulario input { width: 100%; margin: 0 auto; display: block; border: 0; border-bottom: 3px solid #a1f59b; }
.form-energia .formulario .ingreso-texto { height: 40px; margin-bottom: 24px; }
.form-energia .formulario .ingreso-texto:focus { outline: 0; }
.form-energia .formulario textarea { width: 100%; padding: 2px; height: 86px; border: solid 1px #d7d7d7; resize: none; }
.form-energia .formulario textarea:focus { outline: 0; }
.form-energia .formulario .button { width: 100%; height: 46px; margin-top: 20px; border: none; background-color: #313131; color: white; font-size: 15px; }
.form-energia input[placeholder] { padding: 10px; }
.form-energia .socials { width: 587px; min-height: 100px; margin: 0 auto; margin-top: 10px; }
.form-energia .socials .container-social { width: 56%; height: 60px; float: left; margin-bottom: 20px; background-color: #a1f59b; }
.form-energia .socials .container-social2 { width: 41%; height: 60px; margin-left: 3%; float: left; margin-bottom: 20px; background-color: #a1f59b; }

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

.description-social {float: left;width: 70%;padding: 8px;float: left;font-size: 14px;}
.description-social p {font-size: 11px;padding: 10px;}

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

.face { background: url(../img/face.png); background-repeat: no-repeat; background-color: #68ce64; background-position: center; }

.direccion { background: url(../img/direccion.png); background-repeat: no-repeat; background-color: #68ce64; background-position: center; }

.correo { background: url(../img/correo.png); background-repeat: no-repeat; background-color: #68ce64; background-position: center; }

.phone { background: url(../img/phone.png); background-repeat: no-repeat; background-color: #68ce64; background-position: center; }

.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; }
.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: 90px; margin-left: 26px; }
.container-footer .menu-2 ul li { float: left; margin-right: 8%; }

.slider-quijandria2 {width: 100%;/* max-width: 1028px; */height: 100%;position: relative;margin: 0 auto;background-image: url(../img/slide-image-1.png);background-size: cover;}
.slider-quijandria2 a {position: absolute;bottom: 110px;left: 86px;padding: 20px 44px;color: black;box-shadow: 0px 2px 6px #404040;font-size: 17px;background-color: white;text-decoration: none;font-family: 'grotesk';}

@media screen and (max-width: 769px) { .formulario { width: 85% !important; }
  .form-energia { background-image: none; }
  .socials { width: 85% !important; margin: 0 auto; }
  .slide-expositores { width: 100% !important; }
  .vitrinas-de-logos { width: 84% !important; }
  .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-left: 0px !important; margin-top: 0px !important; padding-top: 101px; text-align: center; }
  .texto-intro p { margin: 0 auto; margin-left: 0px !important; 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; }
  .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: 20px; 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; 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; }
  .slick-list { overflow: visible; }
  .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%; }
  .slider-quijandria2 {width: 100%;max-width: 1028px;height: 100%;position: relative;margin: 0 auto;/* background-image: url(../img/slide2-tablet.jpg); */}
  .slider-quijandria2 a { position: absolute; bottom: 96px; left: 37%; padding: 20px 44px; color: black; box-shadow: 0px 2px 6px #404040; font-size: 17px; background-color: white; text-decoration: none; font-family: 'grotesk'; }
  .slider-quijandria {/* background-image: url(../img/slide1-tablet.jpg) !important; */}
  .slider-quijandria a { position: absolute; bottom: 110px; left: 80px !important; padding: 20px 44px; color: black; box-shadow: 0px 2px 6px #404040; font-size: 17px; background-color: white; text-decoration: none; font-family: 'grotesk'; } }
@media screen and (max-width: 450px) { .navegacion-buttons-mobile ul .despliega { min-height: 59px; background-size: 10%; }
  .formulario { width: 85% !important; }
  .form-energia { background-image: none; min-height: 722px; }
  .form-energia h1 { padding-top: 21px; margin-bottom: 21px; width: 85%; font-size: 40px; }
  .socials { width: 85% !important; min-height: 313px !important; }
  .slide-expositores { width: 100% !important; }
  .socials { width: 85% !important; margin-bottom: 10px; }
  .container-social { width: 100% !important; display: block; float: none; }
  .container-social2 { width: 100% !important; display: block; float: none; margin-left: 0% !important; }
  .expositores .slide-expositores { display: none !important; }
  .expositores .slide-expositores-mobile { display: block !important; }
  .expositores .expositor { margin: 0 auto !important; }
  .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: 90% !important; margin-top: 0px !important; padding-top: 80px; 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; }
  .vitrinas-de-logos { display: none !important; }
  .vitrinas-de-logos-mobile { width: 100%; margin: 0 auto !important; height: 95px; display: block !important; }
  .vitrinas-de-logos-mobile div { margin: 0 auto !important; }
  .vitrinas-de-logos-mobile div img { margin: 0 auto; }
  .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; }
  .slider-quijandria2 {width: 100%;max-width: 1028px;height: 100%;position: relative;margin: 0 auto;/* background-image: url(../img/slide-2-mobile.jpg); */background-position: center;}
  .slider-quijandria2 a { position: absolute; bottom: 85px; left: 30%; padding: 20px 44px; color: black; box-shadow: 0px 2px 6px #404040; font-size: 17px; background-color: white; text-decoration: none; font-family: 'grotesk'; }
  .slider-quijandria {width: 100%;max-width: 1028px;height: 100%;position: relative;margin: 0 auto;/* background-image: url(../img/slide-1-mobile.jpg) !important; */background-position: center;}
  .slider-quijandria a { position: absolute; bottom: 85px; left: 30% !important; padding: 20px 44px; color: black; box-shadow: 0px 2px 6px #404040; font-size: 17px; background-color: white; text-decoration: none; font-family: 'grotesk'; }
  .slick-prev, .slick-next { display: none !important; }
  .slider-logos h1 { font-size: 40px; width: 185px; }
  .expositores { background-image: none; } }
@media screen and (max-width: 380px) { .form-energia h1 { font-size: 2.3em; margin-bottom: 18px; }
  .menu-2 { display: none; }
  .expositores h1 {font-size: 39px;width: 319px;} }
@media screen and (max-width: 360px) { .form-energia h1 { font-size: 2.1em; margin-bottom: 18px; }
  .texto-intro h1 { font-size: 35px !important; width: 93% !important; } }
@media screen and (max-width: 320px) { .slider-quijandria2 { background: url(../img/slide-2-mobile-2.jpg); background-repeat: no-repeat; background-position: center; }
  .slider-quijandria2 a { left: 25%; }
  .slider-quijandria { background: url(../img/slide-1-mobile-2.jpg) !important; background-repeat: no-repeat; background-position: center; }
  .slider-quijandria a { left: 26% !important; bottom: 125px !important; }
  .slick-prev, .slick-next { display: none !important; }
  .container-footer .logo-quijandria { background-size: 84%; width: 100%; }
  .form-energia h1 { font-size: 2em; margin-bottom: 18px; } }

/*# sourceMappingURL=estilos.css.map */