@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "MicrogrammaDBolExt";
    src: url(../FONTS/MicrogrammaDBolExt_Regular.eot); /* IE */
    src: local("MicrogrammaDBolExt"), url(../FONTS/MicrogrammaDBolExt_Regular.ttf) format("truetype"), url(../FONTS/MicrogrammaDBolExt_Regular.woff) format("woff"), url(../FONTS/MicrogrammaDBolExt_Regular.otf) format("opentype"); /* resto de navegadores */
}

@font-face {
    font-family: "Ethnocentric Rg";
    src: url(../FONTS/ethnocentric_rg.eot); /* IE */
    src: local("Ethnocentric Rg"), url(../FONTS/ethnocentric_rg.ttf) format("truetype"), url(../FONTS/ethnocentric_rg.woff) format("woff"), url(../FONTS/MicrogrammaDBolExt_Regular.otf) format("opentype"); /* resto de navegadores */
}

@font-face {
    font-family: "Social Media Circled";
    src: url(../FONTS/SocialMediaCircled.eot); /* IE */
    src: local("Social Media Circled"), url(../FONTS/SocialMediaCircled.ttf) format("truetype"), url(../FONTS/SocialMediaCircled.woff) format("woff"), url(../FONTS/SocialMediaCircled.otf) format("opentype"), url(../FONTS/SocialMediaCircled.woff2) format("woff2"); /* resto de navegadores */
}

a:hover, a:active, a:focus {outline: none}

/*construcción*/
body {background-color:#FFF}
.todoenref img {width:40%; margin-left:auto; margin-right:auto; display:block; padding-top:2%}
.index-txt {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:150%; margin-top:3% }
.index-h {margin-top:3%; clear:both; border:none}
.index-txt-2 {text-align:center; font-family: 'Questrial', sans-serif; font-size:100%; margin-top:13%}
.pie-construccion {position:fixed; bottom:0; background-color:#0981AE}

.ter-inicio img {width:80%; border-bottom:none; margin-left:auto; margin-right:auto; padding-bottom:10px; margin-top:3%}

/*contenidos*/
.menufondo {background-color:#FFF; position:fixed; top:0; width:100%; padding-bottom:0.5%; z-index:9999; box-shadow: 0px 2px 20px -5px #000}
.logo-resp {display:none; visibility:hidden}
.space { margin-top:10%; clear:both; border:none}
.space2 {clear:both; border:none; height:10px}
.space3 {border-bottom:4px solid #8C6828; width:80%; margin-left:auto; margin-right:auto;}
.space4 {clear:both; border:none; height:30px}
.space5 {border-bottom:4px solid #8C6828; width:50%; margin-left:auto; margin-right:auto;}
.pleca img {width:40%; margin-left:auto; margin-right:auto; display:block}
.text-principal {font-family: 'Questrial', sans-serif; font-size:150%; text-align:center}
.text-title {font-family: 'Questrial', sans-serif; font-size:200%; text-align:center}
.text-expl {font-family: 'Questrial', sans-serif; font-size:120%; text-align:center; margin-left:5%; margin-right:5%}
footer {background-color:#8C6828; bottom:0px}

.blanco {background-color:#FFF; top:0; width:100%; padding-bottom:0.5%}
.title-index {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:150%; color:#0981AE; padding-top:3%; padding-bottom:1%}
.index-h-2 {margin-top:10%; clear:both; border:none}
.txt-nosotros {text-align:center; font-family: 'Questrial', sans-serif; font-size:110%; line-height:120%; color:#000; margin-left:7%; margin-right:7%}
.valores-cel-sep {display:none}
.inter {clear:both; border:none; padding-top:1%}
.box-mvv {background-color:#CCC; padding-top:3%; padding-bottom:3%}
.box-mvv img {width:15%}
.mvv-center {display:flex; justify-content:center; align-items:center}
.txt-mvv {text-align:center; font-family: 'Ethnocentric Rg', sans-serif; font-size:100%; color:#0981AE; padding-top:2%}
.renglon-vacio {clear:both; border:none; height:25px}
.txt-mvv-desc {text-align:center; font-family: 'Questrial', sans-serif; font-size:90%; color:#333; margin-left:10%; margin-right:10%; margin-top:5%}
.txt-mvv-desc-2 {text-align:center; font-family: 'Questrial', sans-serif; font-size:90%; color:#333; margin-left:10%; margin-right:10%; margin-top:5%}
.line-right {border-right: 3px solid #3DBAEB}
.MRP {background-color:#0981AE; color:#FFF; text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:120%; padding-top:1%; padding-bottom:1%}
.MRP a {color:#333333; list-style:none; text-decoration:none}
.slider-scale {width:90%; text-align:center}
.slider-center {margin-left:auto; margin-right:auto}
.title-contacto {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:150%; color:#000; padding-top:1%}
.line-contacto {clear:both; border:none; background-color:#3DBAEB; width:60%; height:3px}
.line-center {display:flex; justify-content:center; align-items:center}
.title-gracias {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:180%; color:#333; padding-top:3%}
.txt-gracias {text-align:left; font-family: 'Questrial', sans-serif; font-size:120%; color:#000; text-align:center; padding-top:5%}
.title-ub {text-align:left; font-family: 'Questrial', sans-serif; font-size:140%; color:#0981AE}
.text-ub {text-align:left; font-family: 'Questrial', sans-serif; font-size:100%; color:#000}
.ub-center {display:flex; justify-content:center; align-items:center}
.ub-sep {clear:both; border:none; background-color:none; height:15px}
.contacto-sep {clear:both; border:none; background-color:none; padding-top:3%}
.margin-ub {margin:10px}

#mapa {width:95%; margin:10px}

.title-distrib {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:150%; color:#0981AE; padding-top:3%; padding-bottom:1%}
.distrib-logo img {width:10%; margin-left:auto; margin-right:auto}
.distrib-scale {width:90%; margin:0 auto; background-color:#F2F2F2}
.equip-name {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:150%; color:#0981AE; margin-top:5%}
.equip-descrip {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:150%; color:#0981AE; margin-top:5%}
.txt-distrib {text-align:center; font-family: 'Questrial', sans-serif; color:#000; margin:15px}
.txt-distrib-list {text-align:center; font-family: 'Questrial', sans-serif; color:#000; margin:15px; line-height:120%}
.columna1 {width:25%}
.columna1 img {width:80%; margin:0 auto}
.columna2 {width:40%}
.columna3 {width:40%}
.distrib-sep {clear:both; border:none; background-color:#3DBAEB; height:2px; width:50%; margin-left:auto; margin-right:auto}
.distrib-sep-blanc {clear:both; border:none; background-color:none; padding-top:2%}

.proveedor {display:flex; justify-content:center; align-items:center; background-color:#0981AE;}
.proveedor-bar { padding-top:1%; padding-bottom:1%; text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:120%; color:#FFF}
.proveedor-bar img {width:25px; margin:0 auto}
.proveedor-bar a {text-decoration:none; color:#1A1A1A; list-style:none}
.proveedor-bar a:hover {color:#FFF}

.clientes-bar {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:100%; color:#333; padding-top:1%; padding-bottom:1%}
.clientes-table-center {display:flex; justify-content:center; align-items:center}
.clientes-medicion-table-scale {width:90%}
.clientes-medicion {table-layout:fixed; text-align:center}
.clientes-medicion img {width:50%; margin: 0 auto}
.clientes-antirruidos-table-scale {width:90%}
.clientes-antirruidos {table-layout:fixed; text-align:center}
.clientes-antirruidos img {width:60%; margin: 0 auto}
.clientes-antirruidos-2 {table-layout:fixed; text-align:center}
.clientes-antirruidos-2 img {width:90%; margin: 0 auto}
.clientes-inicio-table-scale {width:98%}
.clientes-inicio {table-layout:fixed; text-align:center}
.clientes-inicio img {width:80%; margin: 0 auto}
.marcas-bar {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:130%; color:#FFF; background-color:#333; padding-top:1%; padding-bottom:1%}
.marcas-sep {clear:both; border:none; background-color:#3DBAEB; height:4px; width:30%; margin-left:auto; margin-right:auto}
.marca-logos-center {display:flex; justify-content:center; align-items:enter}
.marca-logos-center img {width:35%}
.marca-logos-center-neu {display:flex; justify-content:center; align-items:enter}
.marca-logos-center-neu img {width:15%; padding-bottom:2%}

.marcas-title {text-align:center; color:#0981AE; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:150%; padding-bottom:1%}
.marcas-txt {text-align:center; font-family: 'Questrial', sans-serif; color:#000; margin-left:35px; margin-right:35px; font-size:110%; line-height:120%}
.marca-img {display:flex; justify-content:center; align-items:center}
.marca-img img {width:85%}
.marcas-web {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; color:#999}
.marcas-web a {text-decoration:none; color:#3DBAEB}
.marcas-web-2 {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; color:#999; font-size:85%}

.slider-distrib-center {display:flex; align-items:center; justify-content:center}
.slider-distrib-scale {width:90%}

.servicios-txt {text-align:center; font-family: 'Questrial', sans-serif; font-size:110%; line-height:120%; color:#000; margin-left:4%; margin-right:4%; line-height:120%}
.servicios-title {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:150%; color:#0981AE}





/*MENU*/
nav {width:100%; text-align:center; font-family: 'Questrial', sans-serif; margin-top:1%;}
ul li {list-style:none; display:inline-block; border-bottom:5px solid #0981AE}
ul li a {height:15px; display:block; text-decoration:none; padding-top:8px; padding-bottom:8px; color:#000}
ul li a:hover {color:#FFF}

ul li ul {display:none}
ul li:hover ul {display:block; width:100%; position:fixed; padding:0; background-color:#FFF; box-shadow: 0px 2px 20px -5px #000}
ul li ul li {display:inline-block; color:#808080; font-size:90%; list-style:none; border-bottom:0; padding-bottom:4%; padding-top:4%}
ul li ul li a {background-color:#FFF; text-decoration:none}
ul li ul li a:hover {background-color:#FFFFFF; color:#0981AE}

.padd {padding-top:2.5%}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0981AE;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}




/*BOTÓN WHATSAPP*/
.whatsapp-button {display:block; position:fixed; bottom:10px; right:0px; float:right; z-index:100}
.whatsapp-button img {width:70%}
.whatsapp-button:hover {right:10px; transition:all ease-in 200ms}




/*PIE DE PÁGINA*/
#pie-movil {display:none}
#pie-desktop {display:block}

.pie {background-color:#1A1A1A; padding-top:2%; padding-bottom:3%}
.pie-title {font-family: 'Questrial', sans-serif; font-size:90%; text-align:left; color:#0981AE}
.transpoint {opacity:0}
.title-space-1 {background-color:#CCC; height:2px; border:none; width:70%; margin-top:3%}
.pie-cont {font-family: 'Questrial', sans-serif; font-size:75%; text-align:left; color:#FFF; line-height:110%}
.pie-space {clear:both; border:none; padding:3%}
.pie-cont a {text-align:left; color:#FFF; text-decoration:none}
.pie-cont a:hover {color:#0981AE}
.pie-txt-redes {font-family: "Social Media Circled"; display:inline; font-size:100%; text-align:left; color:#FFF; letter-spacing:8px}
.pie-txt-redes a {text-decoration:none; color:#FFF}

.pie-back {background-color:#1A1A1A; padding-top:2%; padding-bottom:3%}
.table-center-cont {display:flex; justify-content:center; align-items:center}
.table-pie {width: 90%; table-layout:fixed}
.txt-end {font-family: 'Questrial', sans-serif; font-size:75%; text-align:center; color:#FFF}




/*FORMULARIO*/
.form {font-family: 'Questrial', sans-serif; color:#0981AE; padding-bottom:5px; width:100%; margin-left:auto; margin-right:auto}
input, textarea, select, button {border-radius:15px; width:auto; border:0; margin:0; background-color:#F2F2F2;
  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
          box-sizing: border-box;}
input {height:25px}
.text-form {text-align:left; padding-bottom:1%; padding-top:1%}
.box-text {width:100%}


button {background-color:#333; color:#0981AE; width:30%; height:30px; border-radius:40px}
button:hover {background-color:#0981AE; color:#FFFFFF; cursor:pointer}
.center-button {display:flex; align-items:center; justify-content:center}

.sep-form {clear:both; border:none; background-color:none; padding-top:3%}
.form-scale {width:90%}




/*GALERIA*/
.gal-sep {clear:both; border:none}
.gal {display: flex; justify-content: center}
.gal img{transform:scale(0.95);
        -ms-transform:scale(0.95); /* IE 9*/ 
        -moz-transform:scale(0.95); /* Firefox*/ 
        -webkit-transform:scale(0.95); /* Safari and Chrome*/ 
        -o-transform:scale(0.95); /* Opera*/ 
        -webkit-transition: all 300ms ease-in-out; /* IE 9*/
        -moz-transition: all 300ms ease-in-out; /* Firefox*/
        -ms-transition: all 300ms ease-in-out; /*Safari and Chrome */
        -o-transition: all 300ms ease-in-out; /*Opera */ 
		opacity:1;     
    }        
.gal img:hover{width:100%; display:block;
            transform:scale(0.8);
            -ms-transform:scale(0.8); /* IE 9 */
            -moz-transform:scale(0.8); /* Firefox */
            -webkit-transform:scale(0.8); /* Safari and Chrome */
            -o-transform:scale(0.8); /* Opera*/
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
			opacity:0.6;
        }
	





@media all and (max-width:640px) {
	
.todoenref img {width:50%; margin-left:auto; margin-right:auto; display:block; padding-top:5%}
.index-txt {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:130%; margin-left:10%; margin-right:10%}
.index-h {margin-top:3%; clear:both; border:none}
.index-txt-2 {text-align:center; font-family: 'Questrial', sans-serif; font-size:100%; margin-top:20%}

.box-mvv {background-color:#CCC; padding-top:5%; padding-bottom:8%}
.txt-nosotros {text-align:center; font-family: 'Questrial', sans-serif; font-size:100%; line-height:120%; color:#000; margin-left:7%; margin-right:7%}
.valores-cel-sep {display:block; clear:both; border:none; padding-top:5%}
.txt-mvv-desc {text-align:center; font-family: 'Questrial', sans-serif; font-size:120%; color:#333; margin-left:10%; margin-right:10%; margin-top:5%}
.txt-mvv-desc-2 {text-align:center; font-family: 'Questrial', sans-serif; font-size:120%; color:#333; margin-left:10%; margin-right:10%; margin-top:5%}
.line-right {border-right:none}

.title-contacto {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:150%; color:#000; padding-top:3%}

.distrib-scale {width:100%; margin:0 auto; background-color:#F2F2F2}
.distrib-logo img {width:20%; margin-left:auto; margin-right:auto}
.title-distrib {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:100%; color:#0981AE; padding-top:3%; padding-bottom:1%; margin:1%}
.equip-name {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:100%; color:#0981AE; margin-top:5%}
.equip-descrip {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:100%; color:#0981AE; margin-top:5%}
.txt-distrib {text-align:center; font-family: 'Questrial', sans-serif; color:#000; margin:15px}

.menu {visibility:hidden; display:none}
.logo-resp {visibility:visible; display:block}
.logo-resp img {width:55%; margin-left:auto; margin-right:auto; padding-bottom:0.5%}
.table-center {width:30%; margin-left:auto; margin-right:auto; display:block}
.table-center td {padding-left:2%; padding-right:2%; padding-top:10%}
footer {bottom:0}

.form {font-family: 'Questrial', sans-serif; color:#0981AE; padding-bottom:5px; width:90%; margin-left:auto; margin-right:auto; padding-top:5%}
button {background-color:#333; color:#0981AE; width:30%; height:30px; border-radius:40px}
button:hover {background-color:#0981AE; color:#FFFFFF; cursor:pointer}
.center-button {display:flex; align-items:center; justify-content:center}

.clientes-medicion-table-scale {width:95%}
.clientes-medicion {table-layout:fixed; text-align:center}
.clientes-medicion img {width:80%; margin: 0 auto}
.proveedor-bar { padding-top:2%; padding-bottom:2%; text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:90%; color:#FFF}
.clientes-bar {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:100%; color:#333; padding-top:4%; padding-bottom:2%}
.proveedor-bar img {width:15px; margin:0 auto}
.proveedor-bar a {text-decoration:none; color:#1A1A1A; list-style:none}
.proveedor-bar a:hover {color:#FFF}
.clientes-antirruidos-table-scale {width:95%}
.clientes-antirruidos {table-layout:fixed; text-align:center}
.clientes-antirruidos img {width:85%; margin: 0 auto}
.clientes-antirruidos-2 {table-layout:fixed; text-align:center}
.clientes-antirruidos-2 img {width:100%; margin: 0 auto}
.slider-distrib-scale {width:98%}


.whatsapp-button {display:block; position:fixed; bottom:20px; right:0px; width:15%; float:left; z-index:100; margin-right:0}
.whatsapp-button img {width:80%}
.whatsapp-button:hover {right:10px; transition:all ease-in 200ms}

.ub-center {display:block !important}

.title-ub {text-align:center; font-family: 'Questrial', sans-serif; font-size:140%; color:#0981AE}
.text-ub {text-align:center; font-family: 'Questrial', sans-serif; font-size:100%; color:#000}
.margin-ub {margin:0 auto}
.marcas-bar {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:100%; color:#FFF; background-color:#333; padding-top:1%; padding-bottom:1%}
.marca-logos-center {display:flex; justify-content:center; align-items:enter}
.marca-logos-center img {width:50%}
.marcas-sep {clear:both; border:none; background-color:#3DBAEB; height:4px; width:40%; margin-left:auto; margin-right:auto}
.marcas-web {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; color:#999; font-size:90%}
.marcas-web a {text-decoration:none; color:#3DBAEB}
.marca-logos-center-neu {display:flex; justify-content:center; align-items:enter}
.marca-logos-center-neu img {width:30%; padding-bottom:2%; padding-top:2%}

.txt-distrib {text-align:center; font-family: 'Questrial', sans-serif; color:#000; margin:15px; font-size:85%}
.txt-distrib-list {text-align:center; font-family: 'Questrial', sans-serif; color:#000; margin:15px; line-height:120%; font-size:85%}


#mapa {width:100%; margin:0 auto}

/*PIE DE PÁGINA*/
#pie-movil {display:block}
#pie-desktop {display:none}

.pie {background-color:#1A1A1A; padding-top:2%; padding-bottom:4%}
.pie-title {font-family: 'Questrial', sans-serif; font-size:110%; text-align:center; color:#0981AE; padding-top:6%}
.transpoint {opacity:0}
.title-space-1 {background-color:#CCC; height:2px; border:none; width:40%; margin-top:1%; margin-left:auto; margin-right:auto}
.pie-cont {font-family: 'Questrial', sans-serif; font-size:100%; text-align:center; color:#FFF; line-height:130%}
.pie-space {clear:both; border:none; padding:1%}
.pie-cont a {text-align:left; color:#FFF; text-decoration:none}
.pie-txt-redes2 {font-family: 'Social Media Circled'; display:block; font-size:150%; text-align:center; color:#FFF; letter-spacing:8px}
.pie-txt-redes2 a {text-decoration:none; color:#FFF}
.txt-end {font-family: 'Questrial', sans-serif; font-size:80%; text-align:center; color:#FFF}
.pie-movil-space {clear:both; border:none; height:50px}

iframe {width:100%}

}

@media all and (max-width:520px) {

.todoenref img {width:60%; margin-left:auto; margin-right:auto; display:block; padding-top:15%}
.index-txt {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:150%}
.index-h {margin-top:3%; clear:both; border:none}
.index-txt-2 {text-align:center; font-family: 'Questrial', sans-serif; font-size:100%; margin-top:35%}

.box-mvv {background-color:#CCC; padding-top:5%; padding-bottom:8%}
.txt-nosotros {text-align:center; font-family: 'Questrial', sans-serif; font-size:100%; line-height:120%; color:#000; margin-left:7%; margin-right:7%}
.valores-cel-sep {display:block; clear:both; border:none; padding-top:5%}
.txt-mvv-desc {text-align:center; font-family: 'Questrial', sans-serif; font-size:120%; color:#333; margin-left:10%; margin-right:10%; margin-top:5%}
.txt-mvv-desc-2 {text-align:center; font-family: 'Questrial', sans-serif; font-size:120%; color:#333; margin-left:10%; margin-right:10%; margin-top:5%}
.line-right {border-right:none}



.whatsapp-button {display:block; position:fixed; bottom:20px; right:0px; width:15%; float:left; z-index:100; margin-right:0}
.whatsapp-button img {width:80%}
.whatsapp-button:hover {right:10px; transition:all ease-in 200ms}


/*PIE DE PÁGINA*/
#pie-movil {display:block}
#pie-desktop {display:none}

.pie {background-color:#1A1A1A; padding-top:2%; padding-bottom:4%}
.pie-title {font-family: 'Questrial', sans-serif; font-size:110%; text-align:center; color:#0981AE; padding-top:6%}
.transpoint {opacity:0}
.title-space-1 {background-color:#CCC; height:2px; border:none; width:40%; margin-top:1%; margin-left:auto; margin-right:auto}
.pie-cont {font-family: 'Questrial', sans-serif; font-size:100%; text-align:center; color:#FFF; line-height:130%}
.pie-space {clear:both; border:none; padding:1%}
.pie-cont a {text-align:left; color:#FFF; text-decoration:none}
.pie-txt-redes2 {font-family: 'Social Media Circled'; display:block; font-size:150%; text-align:center; color:#FFF; letter-spacing:8px}
.pie-txt-redes2 a {text-decoration:none; color:#FFF}
.txt-end {font-family: 'Questrial', sans-serif; font-size:80%; text-align:center; color:#FFF}
.pie-movil-space {clear:both; border:none; height:50px}
	
}

@media all and (max-width:480px) {
	
.todoenref img {width:70%; margin-left:auto; margin-right:auto; display:block; padding-top:20%}
.index-txt {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:100% }
.index-h {margin-top:3%; clear:both; border:none}
.index-txt-2 {text-align:center; font-family: 'Questrial', sans-serif; font-size:100%; margin-top:35%}

.box-mvv {background-color:#CCC; padding-top:5%; padding-bottom:8%}
.txt-nosotros {text-align:center; font-family: 'Questrial', sans-serif; font-size:90%; line-height:120%; color:#000; margin-left:7%; margin-right:7%}
.valores-cel-sep {display:block; clear:both; border:none; padding-top:5%}
.txt-mvv-desc {text-align:center; font-family: 'Questrial', sans-serif; font-size:100%; color:#333; margin-left:10%; margin-right:10%; margin-top:5%}
.txt-mvv-desc-2 {text-align:center; font-family: 'Questrial', sans-serif; font-size:100%; color:#333; margin-left:10%; margin-right:10%; margin-top:5%}
.line-right {border-right:none}

.whatsapp-button {display:block; position:fixed; bottom:20px; right:0px; width:15%; float:left; z-index:100; margin-right:0}
.whatsapp-button img {width:80%}
.whatsapp-button:hover {right:10px; transition:all ease-in 200ms}
.marca-logos-center {display:flex; justify-content:center; align-items:enter}
.marca-logos-center img {width:50%}
.marcas-sep {clear:both; border:none; background-color:#3DBAEB; height:4px; width:50%; margin-left:auto; margin-right:auto}
.marcas-web {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; color:#999; font-size:90%}
.marcas-web a {text-decoration:none; color:#3DBAEB}
.marca-logos-center-neu img {width:30%; padding-bottom:2%; padding-top:2%}

.txt-distrib {text-align:center; font-family: 'Questrial', sans-serif; color:#000; margin:15px; font-size:85%}
.txt-distrib-list {text-align:center; font-family: 'Questrial', sans-serif; color:#000; margin:15px; line-height:120%; font-size:85%}


/*PIE DE PÁGINA*/
#pie-movil {display:block}
#pie-desktop {display:none}

.pie {background-color:#1A1A1A; padding-top:2%; padding-bottom:4%}
.pie-title {font-family: 'Questrial', sans-serif; font-size:110%; text-align:center; color:#0981AE; padding-top:6%}
.transpoint {opacity:0}
.title-space-1 {background-color:#CCC; height:2px; border:none; width:40%; margin-top:1%; margin-left:auto; margin-right:auto}
.pie-cont {font-family: 'Questrial', sans-serif; font-size:100%; text-align:center; color:#FFF; line-height:130%}
.pie-space {clear:both; border:none; padding:1%}
.pie-cont a {text-align:left; color:#FFF; text-decoration:none}
.pie-txt-redes2 {font-family: 'Social Media Circled'; display:block; font-size:150%; text-align:center; color:#FFF; letter-spacing:8px; margin-left:auto; margin-right:auto}
.pie-txt-redes2 a {text-decoration:none; color:#FFF}
.txt-end {font-family: 'Questrial', sans-serif; font-size:80%; text-align:center; color:#FFF}
.pie-movil-space {clear:both; border:none; height:50px}
	
}

@media all and (max-width:360px) {

.todoenref img {width:80%; margin-left:auto; margin-right:auto; display:block; padding-top:15%}
.index-txt {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; font-size:100% }
.index-h {margin-top:3%; clear:both; border:none}
.index-txt-2 {text-align:center; font-family: 'Questrial', sans-serif; font-size:100%; margin-top:30%}

.box-mvv {background-color:#CCC; padding-top:5%; padding-bottom:8%}
.txt-nosotros {text-align:center; font-family: 'Questrial', sans-serif; font-size:90%; line-height:120%; color:#000; margin-left:7%; margin-right:7%}
.valores-cel-sep {display:block; clear:both; border:none; padding-top:5%}
.txt-mvv-desc {text-align:center; font-family: 'Questrial', sans-serif; font-size:100%; color:#333; margin-left:10%; margin-right:10%; margin-top:5%}
.txt-mvv-desc-2 {text-align:center; font-family: 'Questrial', sans-serif; font-size:100%; color:#333; margin-left:10%; margin-right:10%; margin-top:5%}
.line-right {border-right:none}

.whatsapp-button {display:block; position:fixed; bottom:20px; right:0px; width:15%; float:left; z-index:100; margin-right:0}
.whatsapp-button img {width:80%}
.whatsapp-button:hover {right:10px; transition:all ease-in 200ms}
.marca-logos-center {display:flex; justify-content:center; align-items:enter}
.marca-logos-center img {width:50%}
.marcas-sep {clear:both; border:none; background-color:#3DBAEB; height:4px; width:50%; margin-left:auto; margin-right:auto}
.marcas-web {text-align:center; font-family: 'MicrogrammaDBolExt', sans-serif; color:#999; font-size:85%}
.marcas-web a {text-decoration:none; color:#3DBAEB}
.marca-logos-center-neu img {width:30%; padding-bottom:2%; padding-top:2%}

.txt-distrib {text-align:center; font-family: 'Questrial', sans-serif; color:#000; margin:15px; font-size:85%}
.txt-distrib-list {text-align:center; font-family: 'Questrial', sans-serif; color:#000; margin:15px; line-height:120%; font-size:85%}


/*PIE DE PÁGINA*/
#pie-movil {display:block}
#pie-desktop {display:none}

.pie {background-color:#1A1A1A; padding-top:2%; padding-bottom:4%}
.pie-title {font-family: 'Questrial', sans-serif; font-size:110%; text-align:center; color:#0981AE; padding-top:6%}
.transpoint {opacity:0}
.title-space-1 {background-color:#CCC; height:2px; border:none; width:40%; margin-top:1%; margin-left:auto; margin-right:auto}
.pie-cont {font-family: 'Questrial', sans-serif; font-size:100%; text-align:center; color:#FFF; line-height:130%}
.pie-space {clear:both; border:none; padding:1%}
.pie-cont a {text-align:left; color:#FFF; text-decoration:none}
.pie-txt-redes2 {font-family: 'Social Media Circled'; display:block; font-size:150%; text-align:center; color:#FFF; letter-spacing:8px; margin-left:auto; margin-right:auto}
.pie-txt-redes2 a {text-decoration:none; color:#FFF}
.txt-end {font-family: 'Questrial', sans-serif; font-size:80%; text-align:center; color:#FFF}
.pie-movil-space {clear:both; border:none; height:50px}

	
}