@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

body { margin: 0px;padding: 0px;font-family: Roboto;font-size: 14px;color:#333;  }
a { outline: 0px;border:0px;text-decoration: none; }
img { outline: 0px;border:0px; }

.banners { width: 100%;height: 400px; }
.banners .banner { width: 100%;height: 100%;background-size: cover;background-position: center; }

.menu { width: 100%;position: fixed;z-index: 90;background-color: #FFF; }
.menu .contenidoMenu { width: calc(100% - 2.52em);margin: 0 auto;max-width: 980px; }
.menu .logo { float: left;width: 200px;margin-right: 20px;margin-top: 8px; }
.menu .logo img { width: 100%; }
.menu .opcion { font-weight: 300;font-size: 16px;float: left;padding: 20px 16px;color:#333; }
.menu .opcion:hover { background-color: rgba(6,75,170, 1);color:#FFF; }
.menu .opcion.seleccionado { background-color: rgba(6,75,170, 1);color:#FFF; }
.menu .idioma { float: right;color:#FFF;font-size: 18px; }
.menu .textoIdioma { float: right;margin-right: 10px;font-size: 18px;line-height: 58px;text-transform: uppercase;color:#0768ee; }

.degradado { background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.02));height:10px;position: fixed;width:100%;top: 60px;z-index:90; }

.submenu { position: absolute;border:1px solid #0768ee;border-top: 0px;display: none;z-index: 99; }
.submenu .opcionSubmenu { background-color: #4f92ef;padding: 20px;color:#FFF;border-top:1px solid #0768ee; }
.submenu .opcionSubmenu:hover { background-color: rgba(6,75,170, 1); }
.submenu .opcionSubmenu.seleccionado { background-color: rgba(6,75,170, 1); }

.footer { padding: 30px 0px;background-color: rgba(6,75,170, 1); }
.footer .contenidoFooter { width: calc(100% - 2.52em);max-width: 980px;margin: 0 auto; }

.footer .contenidoFooter .columna { float: left;width: 200px;margin-right: 20px; }
.footer .contenidoFooter .columna.primera { width: 400px; }
.footer .contenidoFooter .columna .titulo { font-size: 16px;color:#FFF;font-weight: 500; }
.footer .contenidoFooter .columna .texto { padding-top: 20px;font-size: 14px;color:#FFF;line-height: 1.5em; }
.footer .contenidoFooter .columna .texto .codigo { font-size: 13px; }
.footer .contenidoFooter .columna .texto a { color:#FFF; }
.footer .contenidoFooter .columna .texto a:hover { color:#FFF;text-decoration: underline; }


.construccion { padding: 50px 0px;text-align: center;font-size: 18px; }