@font-face {
    font-family: 'mar';
    src: url('../../fonts/mar.eot?i2sd5i');
    src: url('../../fonts/mar.eot?i2sd5i#iefix') format('embedded-opentype'), url('../../fonts/mar.ttf?i2sd5i') format('truetype'), url('../../fonts/mar.woff?i2sd5i') format('woff'), url('../../fonts/mar.svg?i2sd5i#mar') format('svg');
    font-weight: normal;
    font-display: swap;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mar' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon_ajuste_top_14:before {
    top: 14px !important;
}
.icon_ajuste_top_18:before {
    top: 18px !important;
}
.icon_ajuste_left_1:before {
    left: 1px !important;
}
.ico_menu {
    display: inline-block;
    position: absolute;
    left: 17px;
    top: 2px;
}
.ico_mapa_recientes {
    display: inline-block;
    position: absolute;
    font-size: 0.7em !important;
    left: 17px;
    top: 2px;
}
.icon-ic_tiempo:before {
    content: "\e900";
    color: #848383;
    font-size: 1.4em;
    position: relative;
}
.icon-ic_tiempo_b:before {
    content: "\e901";
    color: #fff;
    font-size: 1.4em;
    position: relative;
}
.icon-ic_tiempo_b_cabecera:before {
    content: "\e901";
    color: #fff;
    font-size: 1.4em;
    position: relative;
}
.icon-ic_coeficiente:before {
    content: "\e902";
    color: #848383;
    font-size: 0.9em;
    position: relative;
    top: 2px;
    left: -1px;
}
.icon-ic_coeficiente_b:before {
    content: "\e903";
    color: #fff;
    font-size: 0.9em;
    position: relative;
    top: 2px;
    left: -1px;
}
.icon-ic_coeficiente_b_cabecera:before {
    content: "\e903";
    color: #fff;
    font-size: 0.9em;
    position: relative;
    top: 2px;
    left: -1px;
}
.icon-ic_fase:before {
    content: "\e904";
    color: #848383;
    font-size: 1em;
    position: relative;
    top: 2px;
    left: 1px;
}
.icon-ic_fase_b:before {
    content: "\e905";
    color: #fffdfd;
    font-size: 1em;
    position: relative;
    top: 2px;
    left: 1px;
}
.icon-ic_fase_b_estacion:before {
    content: "\e905";
    color: #fffdfd;
    font-size: 1.2em;
    position: relative;
    top: 15px;
    left: 1px;
}
.icon-ic_fase_b_estacion_cabecera:before {
    content: "\e905";
    color: #fffdfd;
    font-size: 1.2em;
    position: relative;
    top: 15px;
    left: 1px;
}
.icon-ic_luna:before {
    content: "\e906";
    color: #848383;
    font-size: 0.7em;
    position: relative;
    top: 1px;
}
.icon-ic_luna_b:before {
    content: "\e907";
    color: #fff;
    font-size: 0.7em;
    position: relative;
    top: 1px;
}
.icon-ic_luna_b_cabecera:before {
    content: "\e907";
    color: #fff;
    font-size: 0.7em;
    position: relative;
    top: 1px;
}
.icon-ic_mapa:before {
    content: "\e908";
    color: #848383;
    font-size: 1.3em;
    position: relative;
    top: 1px;
    left: -1px;
}
.icon-ic_mapa_b:before {
    content: "\e909";
    color: #fff;
    font-size: 1.3em;
    position: relative;
    top: 1px;
    left: -1px;
}
.icon-ic_mapa_b_cabecera:before {
    content: "\e909";
    color: #fff;
    font-size: 1.3em;
    position: relative;
    top: 1px;
    left: -1px;
}
.icon_ajuste_mapa:before {
    top: 16px !important;
    font-size: 1em !important;
    left: 0px;
}
.icon_ajuste_mapa_inicio:before {
    top: 7px !important;
    font-size: 1em !important;
    left: 0px;
}
.icon-ic_observacion:before {
    content: "\e90a";
    color: #848383;
    font-size: 1.1em;
    position: relative;
    top: 2px;
    left: 1px;
}
.icon-ic_observacion_b:before {
    content: "\e90b";
    color: #fff;
    font-size: 1.1em;
    position: relative;
    top: 2px;
    left: 1px;
}
.icon-ic_observacion_b_estacion:before {
    content: "\e90b";
    color: #fff;
    font-size: 1.2em;
    position: relative;
    top: 15px;
    left: 1px;
}
.icon-ic_observacion_b_estacion_cabecera:before {
    content: "\e90b";
    color: #fff;
    font-size: 1.2em;
    position: relative;
    top: 15px;
    left: 1px;
}
.icon-ic_oleaje:before {
    content: "\e90c";
    color: #848383;
    font-size: 1.4em;
    position: relative;
    left: 2px;
}
.icon-ic_oleaje_b:before {
    content: "\e90d";
    color: #fff;
    font-size: 1.4em;
    position: relative;
    left: 2px;
}
.icon-ic_periodos:before {
    content: "\e90e";
    color: #848383;
    font-size: 1em;
    position: relative;
    top: 3px;
}
.icon-ic_periodos_b:before {
    content: "\e90f";
    color: #fff;
    font-size: 1em;
    position: relative;
    top: 3px;
}
.icon-ic_periodos_b_cabecera:before {
    content: "\e90f";
    color: #fff;
    font-size: 1em;
    position: relative;
    top: 3px;
}
.icon-ic_pleamar:before {
    content: "\e910";
    color: #848383;
    font-size: 1.4em;
    position: relative;
}
.icon-ic_pleamar_b:before {
    content: "\e911";
    color: #fff;
    font-size: 1.4em;
    position: relative;
}
.icon-ic_pleamar_b_cabecera:before {
    content: "\e911";
    color: #fff;
    font-size: 1.4em;
    position: relative;
}
.icon-ic_tabla:before {
    content: "\e912";
    color: #848383;
    font-size: 0.8em;
    position: relative;
    top: 2px;
    left: 2px;
}
.icon-ic_tabla_b:before {
    content: "\e913";
    color: #fff;
    font-size: 0.8em;
    position: relative;
    top: 2px;
    left: 2px;
}
.icon-ic_tabla_b_estacion:before {
    content: "\e913";
    color: #fff;
    font-size: 1.1em;
    position: relative;
    top: 16px;
}
.icon-ic_tabla_b_estacion_cabecera:before {
    content: "\e913";
    color: #fff;
    font-size: 1.1em;
    position: relative;
    top: 16px;
}
.icon-ic_tabla_aviso_estacion_cabecera:before {
    content: "\e93e";
    color: #fff;
    font-size: 1.1em;
    position: relative;
    top: 16px;
}
.icon-ic_temperatura_agua:before {
    content: "\e914";
    color: #807f7f;
    font-size: 1.6em;
    position: relative;
    left: 1px;
}
.icon-ic_temperatura_agua_b:before {
    content: "\e915";
    color: #fff;
    font-size: 1.6em;
    position: relative;
    left: 1px;
}
.icon-seccion_submenu1:before {
    content: "\e916";
    color: #fff;
    position: relative;
    top: 6px;
}
.icon-seccion_submenu2:before {
    content: "\e917";
    color: #fff;
    position: relative;
    top: 6px;
}
.icon-seccion_submenu3:before {
    content: "\e918";
    color: #fff;
    position: relative;
    top: 6px;
}
.icon-seccion_submenu4:before {
    content: "\e919";
    color: #fff;
    position: relative;
    top: 7px;
    font-size: 0.9em;
}
.icon-seccion_submenu5:before {
    content: "\e91a";
    color: #fff;
    position: relative;
    top: 6px;
}
.icon-seccion_submenu6:before {
    content: "\e91c";
    color: #fff;
    position: relative;
    top: 7px;
    font-size: 0.9em;
}
.no_decoration {
    text-decoration: none;
}
.icon-ic_compartir_email .path1:before {
    content: "\e91b";
    color: rgb(62, 62, 61);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_email .path2:before {
    content: "\e91d";
    margin-left: -1em;
    color: rgb(255, 255, 255);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_email2 .path1:before {
    content: "\e91e";
    color: rgb(248, 153, 29);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_email2 .path2:before {
    content: "\e91f";
    margin-left: -1em;
    color: rgb(255, 255, 255);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_email3:before {
    content: "\e920";
    color: #fff;
    font-size: 2.2em;
    position: relative;
    top: 1px;
    text-decoration: none;
}
.icon-ic_compartir_facebook .path1:before {
    content: "\e921";
    color: rgb(62, 62, 61);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_facebook .path2:before {
    content: "\e922";
    margin-left: -1em;
    color: rgb(255, 255, 255);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_facebook2 .path1:before {
    content: "\e923";
    color: rgb(30, 77, 142);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_facebook2 .path2:before {
    content: "\e924";
    margin-left: -1em;
    color: rgb(255, 255, 255);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_facebook3:before {
    content: "\e925";
    color: #fff;
    font-size: 2.2em;
    position: relative;
    top: 1px;
    text-decoration: none;
}
.icon-ic_compartir_pinterest .path1:before {
    content: "\e92d";
    color: rgb(62, 62, 61);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_pinterest .path2:before {
    content: "\e92e";
    margin-left: -1em;
    color: rgb(255, 255, 255);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_pinterest2 .path1:before {
    content: "\e92f";
    color: rgb(203, 32, 39);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_pinterest2 .path2:before {
    content: "\e930";
    margin-left: -1em;
    color: rgb(255, 255, 255);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_pinterest3:before {
    content: "\e931";
    color: #fff;
    font-size: 2.2em;
    position: relative;
    top: 1px;
    text-decoration: none;
}
.icon-ic_compartir_twitter .path1:before {
    content: "\e932";
    color: rgb(62, 62, 61);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_twitter .path2:before {
    content: "\e933";
    margin-left: -1em;
    color: rgb(255, 255, 255);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_twitter2 .path1:before {
    content: "\e934";
    color: rgb(0, 151, 218);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_twitter2 .path2:before {
    content: "\e935";
    margin-left: -1em;
    color: rgb(255, 255, 255);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_twitter3:before {
    content: "\e936";
    color: #fff;
    font-size: 2.2em;
    position: relative;
    top: 1px;
    text-decoration: none;
}
.icon-ic_compartir_whatsapp .path1:before {
    content: "\e937";
    color: rgb(62, 62, 61);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_whatsapp .path2:before {
    content: "\e938";
    margin-left: -1em;
    color: rgb(255, 255, 255);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_whatsapp2 .path1:before {
    content: "\e939";
    color: rgb(42, 178, 0);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_whatsapp2 .path2:before {
    content: "\e93a";
    margin-left: -1em;
    color: rgb(255, 255, 255);
    font-size: 2.2em;
    position: relative;
}
.icon-ic_compartir_whatsapp3:before {
    content: "\e93b";
    color: #fff;
    font-size: 2.2em;
    position: relative;
    top: 1px;
    text-decoration: none;
}
.icon-ic_oleaje_2:before {
    content: "\e926";
    color: #fff;
    font-size: 1.2em;
    position: relative;
    top: 14px;
}
.icon-ic_oleaje_2_cabecera:before {
    content: "\e926";
    color: #fff;
    font-size: 1.2em;
    position: relative;
    top: 14px;
}
.icon-ic_temperatura:before {
    content: "\e927";
    color: #fff;
    font-size: 1.6em;
    position: relative;
    top: 14px;
}
.icon-ic_temperatura_cabecera:before {
    content: "\e927";
    color: #fff;
    font-size: 1.6em;
    position: relative;
    top: 14px;
}
.icon-ic_tabla_mareas_alturas:before {
    content: "\e928";
    color: #aed4e9;
    font-size: 2.2em;
    position: absolute;
    top: 20px;
    margin: auto;
    left: 16px;
}
.icon-ic_tabla_mareas_info:before {
    content: "\e929";
    color: #aed4e9;
    font-size: 2.5em;
    position: absolute;
    top: 20px;
    margin: auto;
    left: 16px;
}
.icon-ic_tabla_mareas_info_cal:before {
    content: "\e929";
    color: #aed4e9;
    font-size: 1.5em;
    position: absolute;
    top: 6px;
    margin: auto;
    left: 0px;
}
.icon-ic_tabla_mareas_reloj:before {
    content: "\e92a";
    color: #aed4e9;
    font-size: 2.5em;
    position: absolute;
    top: 20px;
    margin: auto;
    left: 16px;
}
.icon-anzuelo_color:before {
    content: "\e92b";
    color: #fff;
    font-size: 1.6em;
    opacity: 0.5;
}
.icon-barco:before {
    content: "\e92c";
    color: #fff;
    font-size: 1.6em;
    opacity: 0.5;
}
.icon-ic_altura_max_leyenda:before {
    content: "\e93c";
    color: #009cfc;
    position: absolute;
    font-size: 2em;
    right: 0px;
    top: 2px;
}
.icon-ic_altura_min_leyenda:before {
    content: "\e93d";
    color: #f47171;
    position: absolute;
    font-size: 2em;
    right: 0px;
    top: 2px;
}
.icon-ic_aviso:before {
    content: "\e93e";
    color: #aaa;
    position: absolute;
    font-size: 1.5em;
    left: 5px;
    top: -4px;
}
.icon-ic_coef_alto_leyenda:before {
    content: "\e941";
    color: #c63;
    position: absolute;
    font-size: 1.4em;
    right: 0px;
    top: 5px;
}
.icon-ic_coef_bajo_leyenda:before {
    content: "\e942";
    color: #449a42;
    position: absolute;
    font-size: 1.4em;
    right: 0px;
    top: 5px;
}
.icon-ic_coef_medio_leyenda:before {
    content: "\e943";
    color: #e5b42d;
    position: absolute;
    font-size: 1.4em;
    right: 0px;
    top: 5px;
}
.icon-ic_coef_muy_alto_leyenda:before {
    content: "\e944";
    color: #c33d41;
    position: absolute;
    font-size: 1.4em;
    right: 0px;
    top: 5px;
}
.icon-ic_pleamar_tabla_leyenda:before {
    content: "\e950";
    color: #29b6f6;
    position: absolute;
    font-size: 0.7em;
    right: 0px;
    top: 5px;
}
.icon-ic_coeficiente_leyenda:before {
    content: "\e945";
    color: #bababa;
    position: absolute;
    font-size: 1.2em;
    right: 0px;
    top: 2px;
}
.icon-ic_cuadro_leyenda_azul .path1:before {
    content: "\e946";
    color: rgb(52, 170, 255);
    position: relative;
    font-size: 1.8em;
    left: 21px;
}
.icon-ic_cuadro_leyenda_azul .path2:before {
    content: "\e947";
    margin-left: -1.5498046875em;
    color: rgb(48, 159, 239);
    position: relative;
    font-size: 1.8em;
    left: 21px;
}
.icon-ic_cuadro_leyenda_blanco .path1:before {
    content: "\e948";
    color: rgb(255, 255, 255);
    position: relative;
    font-size: 1.8em;
    left: 25px;
}
.icon-ic_cuadro_leyenda_blanco .path2:before {
    content: "\e949";
    margin-left: -1.06640625em;
    color: rgb(127, 127, 127);
    position: relative;
    font-size: 1.8em;
    left: 25px;
}
.icon-ic_cuadro_leyenda_naranja:before {
    content: "\e94a";
    color: #e77d27;
    position: relative;
    font-size: 1.8em;
    left: 28px;
}
.icon-ic_estado_actual:before {
    content: "\e94b";
    color: #b2b2b2;
    position: absolute;
    font-size: 1.6em;
    left: 0px;
    top: 4px;
}
.icon-ic_linea_azul_leyenda:before {
    content: "\e94c";
    color: #52abf4;
    position: relative;
    font-size: 1.8em;
    left: 30px;
}
.icon-ic_pez_leyenda, .icon-ic_pez_leyenda2 {
    position: relative;
    float: left;
    display: inline-block;
    margin-right: 5px;
}
.icon-ic_pez_leyenda:before {
    content: "\e94d";
    color: #89acc1;
    position: relative;
    font-size: 1.8em;
}
.icon-ic_pez_leyenda2:before {
    content: "\e951";
    color: #c6e4f5;
    position: relative;
    font-size: 1.8em;
}
.icon-ic_pez_leyenda3 {
    position: relative;
    float: right;
    display: inline-block;
    margin-left: 5px;
}
.icon-ic_pez_leyenda3:before {
    content: "\e94d";
    color: #89acc1;
    position: relative;
    font-size: 1.8em;
}
.icon-ic_pez_leyenda_super {
    position: relative;
    float: right;
    display: inline-block;
    margin-left: 5px;
    top: -3px;
}
.icon-ic_pez_leyenda_super:before {
    content: "\e94e";
    color: #22586b;
    position: relative;
    font-size: 1.8em;
    top: 5px;
}
.icon-ic_bajamar_leyenda:before {
    content: "\e93f";
    color: #c33d41;
    position: absolute;
    font-size: 1.4em;
    right: 0px;
    top: 5px;
}
.icon-ic_pleamar_leyenda:before {
    content: "\e94f";
    color: #3997c8;
    position: absolute;
    font-size: 1.4em;
    right: 0px;
    top: 5px;
}
.icon-ic_bajamar_tabla:before {
    content: "\e940";
    color: #ef5350;
    position: absolute;
    font-size: 1em;
    left: 0px;
    top: 5px;
}
.icon-ic_pleamar_tabla:before {
    content: "\e950";
    color: #29b6f6;
    position: absolute;
    font-size: 1em;
    left: 0px;
    top: 5px;
}
.icon-ic_bajamar_tabla_leyenda:before {
    content: "\e940";
    color: #ef5350;
    position: absolute;
    font-size: 0.7em;
    right: 0px;
    top: 5px;
}
.icon-ic_puesta_sol_tabla:before {
    content: "\e95f";
    color: #fcbf0e;
    position: absolute;
    font-size: 1.4em;
    left: 0px;
    top: 0px;
}
.icon-ic_salida_sol_tabla:before {
    content: "\e96e";
    color: #fcbf0e;
    position: absolute;
    font-size: 1.4em;
    left: 0px;
    top: 0px;
}
.icon-ic_puesta_sol_tabla_leyenda:before {
    content: "\e95f";
    color: #fcbf0e;
    position: absolute;
    font-size: 1.2em;
    right: 0px;
    top: 0px;
}
.icon-ic_salida_sol_tabla_leyenda:before {
    content: "\e96e";
    color: #fcbf0e;
    position: absolute;
    font-size: 1.2em;
    right: 0px;
    top: 0px;
}
.icon-tick:before {
    content: "\e96f";
    color: #fff;
    font-size: 1em;
}
.icon-ic_pez_amarillo, .icon-ic_pez_gris, .icon-ic_pez_verde, .icon-ic_pez_amarillo2, .icon-ic_pez_gris2, .icon-ic_pez_verde2 {
    position: relative;
    float: left;
    display: inline-block;
    margin-right: 5px;
}
.icon-ic_pez_amarillo, .icon-ic_pez_verde {
    margin-top: 8px;
}
.icon-ic_pez_amarillo:before {
    content: "\e952";
    color: #e6b52e;
}
.icon-ic_pez_amarillo2:before {
    content: "\e953";
    color: #eee8dd;
    opacity: 0.1;
    filter: alpha(opacity=10);
}
.icon-ic_pez_gris:before {
    content: "\e954";
    color: #727272;
    position: relative;
    font-size: 1.8em;
}
.icon-ic_pez_gris2:before {
    content: "\e955";
    color: #939393;
    position: relative;
    font-size: 1.8em;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.icon-ic_pez_verde:before {
    content: "\e956";
    color: #38984b;
}
.icon-ic_pez_verde2:before {
    content: "\e957";
    color: #38984b;
    opacity: 0.1;
    filter: alpha(opacity=10);
}
/* FASE LUNAR */
.icon-lunar_ajuste {
    font-size: 1.8em;
}
.icon-calendario_lunar_ajuste {
    font-size: 2.5em;
    margin: 5px 5px 20px 5px;
    position: relative;
    display: block;
}
.icon-fase_lunar_ajuste {
    font-size: 3em;
    margin: 0px;
    position: relative;
    display: block;
    top: -9px;
    left: 0px;
}
.icon-hn0:before {
    content: "\e958";
    color: #494c55;
    opacity: 0.0500;
}
.icon-hn0 .path1 {
    display: none;
}
.icon-hn0 .path2 {
    display: none;
}
.icon-hn1 .path1:before {
    content: "\e959";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn1 .path2:before {
    content: "\e95a";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn2 .path1:before {
    content: "\e95b";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn2 .path2:before {
    content: "\e95c";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn3 .path1:before {
    content: "\e95d";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn3 .path2:before {
    content: "\e95e";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn4 .path1:before {
    content: "\e960";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn4 .path2:before {
    content: "\e961";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn5 .path1:before {
    content: "\e962";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn5 .path2:before {
    content: "\e963";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn6 .path1:before {
    content: "\e964";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn6 .path2:before {
    content: "\e965";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn6b .path1:before {
    content: "\e966";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn6b .path2:before {
    content: "\e967";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn7 .path1:before {
    content: "\e968";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn7 .path2:before {
    content: "\e969";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn8 .path1:before {
    content: "\e96a";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn8 .path2:before {
    content: "\e96b";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn9 .path1:before {
    content: "\e96c";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn9 .path2:before {
    content: "\e96d";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn10 .path1:before {
    content: "\e970";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn10 .path2:before {
    content: "\e971";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn11 .path1:before {
    content: "\e972";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn11 .path2:before {
    content: "\e973";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn12 .path1:before {
    content: "\e974";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn12 .path2:before {
    content: "\e975";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn13 .path1:before {
    content: "\e976";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn13 .path2:before {
    content: "\e977";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn14:before {
    content: "\e978";
    color: #fff;
}
.icon-hn15 .path1:before {
    content: "\e979";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn15 .path2:before {
    content: "\e97a";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn16 .path1:before {
    content: "\e97b";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn16 .path2:before {
    content: "\e97c";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn17 .path1:before {
    content: "\e97d";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn17 .path2:before {
    content: "\e97e";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn18 .path1:before {
    content: "\e97f";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn18 .path2:before {
    content: "\e980";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn19 .path1:before {
    content: "\e981";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn19 .path2:before {
    content: "\e982";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn20 .path1:before {
    content: "\e983";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn20 .path2:before {
    content: "\e984";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn21 .path1:before {
    content: "\e985";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn21 .path2:before {
    content: "\e986";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn22 .path1:before {
    content: "\e987";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn22 .path2:before {
    content: "\e988";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn23 .path1:before {
    content: "\e989";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn23 .path2:before {
    content: "\e98a";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn24 .path1:before {
    content: "\e98b";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn24 .path2:before {
    content: "\e98c";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn25 .path1:before {
    content: "\e98d";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn25 .path2:before {
    content: "\e98e";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn26 .path1:before {
    content: "\e98f";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn26 .path2:before {
    content: "\e990";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn27 .path1:before {
    content: "\e991";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn27 .path2:before {
    content: "\e992";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn28 .path1:before {
    content: "\e993";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn28 .path2:before {
    content: "\e994";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn29 .path1:before {
    content: "\e995";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hn29 .path2:before {
    content: "\e996";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hn30:before {
    content: "\e997";
    color: #494c55;
    opacity: 0.0500;
}
.icon-hn30 .path1 {
    display: none;
}
.icon-hn30 .path2 {
    display: none;
}
.icon-hs0:before {
    content: "\e998";
    color: #494c55;
    opacity: 0.0500;
}
.icon-hs0 .path1 {
    display: none;
}
.icon-hs0 .path2 {
    display: none;
}
.icon-hs1 .path1:before {
    content: "\e999";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs1 .path2:before {
    content: "\e99a";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs2 .path1:before {
    content: "\e99b";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs2 .path2:before {
    content: "\e99c";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs3 .path1:before {
    content: "\e99d";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs3 .path2:before {
    content: "\e99e";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs4 .path1:before {
    content: "\e99f";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs4 .path2:before {
    content: "\e9a0";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs5 .path1:before {
    content: "\e9a1";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs5 .path2:before {
    content: "\e9a2";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs6 .path1:before {
    content: "\e9a3";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs6 .path2:before {
    content: "\e9a4";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs7 .path1:before {
    content: "\e9a5";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs7 .path2:before {
    content: "\e9a6";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs8 .path1:before {
    content: "\e9a7";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs8 .path2:before {
    content: "\e9a8";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs9 .path1:before {
    content: "\e9a9";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs9 .path2:before {
    content: "\e9aa";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs10 .path1:before {
    content: "\e9ab";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs10 .path2:before {
    content: "\e9ac";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs11 .path1:before {
    content: "\e9ad";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs11 .path2:before {
    content: "\e9ae";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs12 .path1:before {
    content: "\e9af";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs12 .path2:before {
    content: "\e9b0";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs13 .path1:before {
    content: "\e9b1";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs13 .path2:before {
    content: "\e9b2";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs14:before {
    content: "\e9b3";
    color: #fff;
}
.icon-hs15 .path1:before {
    content: "\e9b4";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs15 .path2:before {
    content: "\e9b5";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs16 .path1:before {
    content: "\e9b6";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs16 .path2:before {
    content: "\e9b7";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs17 .path1:before {
    content: "\e9b8";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs17 .path2:before {
    content: "\e9b9";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs18 .path1:before {
    content: "\e9ba";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs18 .path2:before {
    content: "\e9bb";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs19 .path1:before {
    content: "\e9bc";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs19 .path2:before {
    content: "\e9bd";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs20 .path1:before {
    content: "\e9be";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs20 .path2:before {
    content: "\e9bf";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs21 .path1:before {
    content: "\e9c0";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs21 .path2:before {
    content: "\e9c1";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs22 .path1:before {
    content: "\e9c2";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs22 .path2:before {
    content: "\e9c3";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs23 .path1:before {
    content: "\e9c4";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs23 .path2:before {
    content: "\e9c5";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs24 .path1:before {
    content: "\e9c6";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs24 .path2:before {
    content: "\e9c7";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs25 .path1:before {
    content: "\e9c8";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs25 .path2:before {
    content: "\e9c9";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs26 .path1:before {
    content: "\e9ca";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs26 .path2:before {
    content: "\e9cb";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs27 .path1:before {
    content: "\e9cc";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs27 .path2:before {
    content: "\e9cd";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs28 .path1:before {
    content: "\e9ce";
    color: rgb(73, 76, 85);
    opacity: 0.0500;
}
.icon-hs28 .path2:before {
    content: "\e9cf";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-hs29:before {
    content: "\e9d0";
    color: #494c55;
    opacity: 0.0500;
}
.icon-hs29 .path1 {
    display: none;
}
.icon-hs29 .path2 {
    display: none;
}
.icon-hs30:before {
    content: "\e9d1";
    color: #494c55;
    opacity: 0.0500;
}
.icon-hs30 .path1 {
    display: none;
}
.icon-hs30 .path2 {
    display: none;
}
.icon-flecha1:before {
    content: "\e9d2";
    color: #fff;
    position: relative;
    font-size: 0.7em;
    top: 7px;
}
.icon-flecha2:before {
    content: "\e9d3";
    color: #fff;
}
.icon-ficha_bajamar:before {
    content: "\e9d4";
    color: #e63446;
}
.icon-ficha_coef:before {
    content: "\e9d5";
    color: #607d8b;
    position: relative;
    font-size: 1.2em;
    bottom: 2px;
}
.icon-ficha_luna:before {
    content: "\e9d6";
    color: #607d8b;
    position: relative;
    font-size: 1em;
    bottom: 2px;
}
.icon-ficha_max:before {
    content: "\e9d7";
    color: #607d8b;
}
.icon-ficha_min:before {
    content: "\e9d8";
    color: #607d8b;
}
.icon-ficha_pez:before {
    content: "\e9d9";
    position: relative;
    font-size: 2.6em;
}
.icon-ficha_pleamar:before {
    content: "\e9da";
    color: #2196f3;
}
.icon-ficha_puesta:before {
    content: "\e9db";
    color: #607d8b;
}
.icon-ficha_salida:before {
    content: "\e9dc";
    color: #607d8b;
    position: relative;
    font-size: 1.1em;
    top: 1px;
}
.icon-ficha_sol:before {
    content: "\e9dd";
    color: #607d8b;
    position: relative;
    font-size: 1.6em;
    bottom: 8px;
}
@media all and (min-width: 685px) {
    .icon-calendario_lunar_ajuste {
        font-size: 3.5em;
        margin-bottom: 20px;
    }
}