@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul, ul{list-style:none;}ol{list-style:decimal !important;} ol[type="a"]{list-style: lower-latin !important;} ol[type="I"]{list-style: upper-roman !important;}  blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=submit],input[type=button],button{margin: 0;background: transparent;padding: 0;border: 0;}input,select,a img{vertical-align:middle;}
html,
body {
    margin: 0; 
    padding: 0;
    width: 100%;
    height: 100%
}
body {
    color: #222;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
    overflow: scroll;
    text-align: left;
    line-height: 1;
    position: relative;
}
input:focus, button {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
/* ---- */
@font-face {
    font-family: 'foundrymonolinebold';
    src: url('/lacnic/font/foundrymonoline-bold-webfont.woff2') format('woff2'),
         url('/lacnic/font/foundrymonoline-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'foundrymonolinelight';
    src: url('/lacnic/font/foundrymonoline-light-webfont.woff2') format('woff2'),
         url('/lacnic/font/foundrymonoline-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* ---- */
html:lang(es) .en,
html:lang(es) .pt {
  display: none !important;
}
html:lang(en) .es,
html:lang(en) .pt {
  display: none !important;
}
html:lang(pt) .en,
html:lang(pt) .es {
  display: none !important;
}
/* ---- */
a {
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #0098c5;
    margin: 0;
    padding: 0;
}
a:hover {
    color: #00adef
}
p,
h2,
h3,
h4 {
    padding: 0
}
p, section article ul li, section article ol li {
   font-family: 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 12pt;
    color: #333;
    padding: 6px 0;
    margin: 0;
    text-align: justify;
    font-weight: 400;
    line-height: 1.3;
}
strong { 
    font-weight: bold;
}
h1 {
    font-family: 'foundrymonolinebold', helvetica;
    font-size: 26pt;
    color: #009dca; 
    padding: 10px 10px 10px 0;
    margin: 10px 0;
    text-align: left;
    line-height: 1.1;
}
h2 {
    font-family: 'foundrymonolinelight', helvetica;
    font-size: 20pt;
    color: #009dca;
    padding: 10px 10px 10px 0;
    margin: 0;
    text-align: left; 
}
h3 {
    font-family: 'foundrymonolinelight';
    font-size: 18pt;
    color: #222;
    padding: 10px 10px 10px 0;
    margin: 10px 0;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
h4 {
    font-family: 'foundrymonolinelight';
    font-size: 16pt;
    color: #222;
    padding: 10px 10px 10px 0;
    margin: 10px 0;
    text-align: left; 
}
h5 {
    font-family: arial;
    font-weight: bold;
    padding: 10px;
    font-size: 14px;
}
h6 {
    font-size: 12px;
    font-family: arial;
    padding: 10px;
}
pre {
    position: relative;
    padding: 10px 18px 8px 18px;
    margin-bottom: 10px;
    border: 1px solid rgba(0,0,0,0.1); 
    border-radius: 2px;
    font-size: 13px;
    line-height: 20px;
    background: #f1f1f1;
    overflow: auto;
    width: 100%;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
/* ---- */
table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}   
    table#agenda tr th {
        background: rgba(0,0,0,0.7);
        color: #FFF;
    }
    table#agenda tr th, table#agenda tr td {
        text-align: center;
    }
    table#agenda tr:nth-child(2n+1) {
        background-color: rgba(0, 0, 0, 0.03);
    }
    table#agenda a {
        color: #000;
    }
table.main-agenda {
    width: 980px; 
    font-size: 11pt;
}
    table.main-agenda tr {
        border-bottom: 1px solid rgba(0,0,0,0.4);
    }
    table.main-agenda th:first-child {
        width: 10%;
    }
    table.main-agenda tr th {
        vertical-align: middle;
        padding: 7px 10px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        line-height: 18px;
        text-align: left;
        background: rgba(0, 0, 0, 0.03);
        color: #323232;
    }
    table.main-agenda tr td {
        padding: 8px 11px;
        border: 1px solid rgba(0,0,0,0.09);
        vertical-align: middle;
        line-height: 1.1;
        text-align: left;
    }
    div.table-scroll { 
        overflow: scroll;
    }
/* --- */
div.agenda_wrap {
    width: 100%;
    margin: 20px 0;
    border: 1px solid #e1e4ea;
    border-radius: 8px;
    overflow: visible;
    box-shadow: 0 7px 10px 0px rgb(0 0 0 / 7%);
}
    table.agenda {
        position: relative;
        width: 980px;
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed; 
        font-size: 10pt;
    } 
    table.agenda tr {
        border-bottom: 1px solid #e1e4ea;
    }
    table.agenda tr:nth-child(2n+1) {
        background-color: rgba(0, 0, 0, 0.03);
    } 
    table.agenda tr:last-child {
        border-bottom: none;
    }
    table.agenda tr td, table.agenda tr th {
        vertical-align: middle;
        line-height: 20px; 
        padding: 5px;
        border-right: 1px solid #e1e4ea;
        text-align: center;
        color: #000;
    }
    table.agenda tr td:first-child, table.agenda tr th:first-child {
        position: sticky;
        left: 0;
        border-left: none;
    }
    table.agenda tr td:last-child, table.agenda tr th:last-child {
        border-right: none;
    }
    table.agenda tr td a {
        display: grid;
        align-items: center;
        justify-content: center;
        line-height: 1.2;
        color: #000;
    }
    table.agenda tr td p {
        display: grid;
        justify-content: center;
        font-size: 10pt;
        color: #000;
    }
     
    table.agenda tr td:first-child::before, table.agenda tr th:first-child::before { 
        position: absolute;
        z-index: -2;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        box-shadow: 7px 0 13px 1px rgb(0 0 0 / 60%);
        background: #FFF;
    }
    table.agenda tr td:first-child::after, table.agenda tr th:first-child::after {
        content: '';
        display: block;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; 
        border-bottom: 1px solid #e1e4ea;
        background: #FFF;
    }
    table.agenda tr:last-child td:first-child::after {
        border: none;
        border-radius: 0 0 0 8px;
    }
    table.agenda tr:nth-child(2n+1) td:first-child::after, table.agenda tr th:first-child::after { 
        background:rgb(247 247 247);
    }
    table.agenda tr th:first-child::after { 
        border-radius: 8px 0 0 0;
    }
    table.agenda tr td.grid_color_blue {
        background: #7cabff;
    }
    table.agenda tr:nth-child(2n+1) td.grid_color_blue:first-child::after {
        background: #7cabff;
    }
    table.agenda tr td.grid_color_blue:first-child::after {
        background: #7cabff;
    }
    
	table.agenda tr td.grid_color_especial a {
		color: #FFF !important;
	}
    table.agenda tr td.grid_color_blue.hoverstate { 
        background: #4774c2;
    } 
    table.agenda tr td.grid_color_green {
        background: #98b9a4;
    }
     table.agenda tr td.grid_color_green.hoverstate {
        background: #59a073;
    } 
    table.agenda tr td.grid_color_break {
        background: #323232;
        color: #FFF;
    } 
    table.agenda tr td.grid_color_yellow{
        background: #e8c83e; 
    }
    table.agenda tr td.grid_color_yellow.hoverstate{
        background: #cbab1e; 
    }
    /* table.agenda tr td.grid_color_yellow:hover{
        background: #f0d46d; 
    } */
    table.agenda tr td.grid_color_event, table.agenda tr td.grid_color_event p {
        background: #C32E1C;
        color: #FFF;
    } 
    table.agenda tr td.grid_color_violet {
        background: #c18aff; 
    }
    table.agenda tr td.grid_color_violet.hoverstate {
        background: #b073f6; 
    }
    table.agenda tr td.grid_color_red {
        background: #ea6c6c;
    }
    table.agenda tr td.grid_color_green  {
        background:#5ac6ae;
    }
    td.grid_color_orange {
        background: #f4954a;
    }
    td.grid_color_kahoot {
        background: #de5384;
    }
    td.grid_color_kahoot.hoverstate {
        background: #c64774;
    }
/* ---- */
.table-scroll {
    overflow: hidden;
    margin: 20px 0;
    border-radius: 7px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%), 0 5px 12px 0 rgb(39 102 149 / 10%); 
}
#tabla, .tabla {
    width: 100%;
    padding: 0;
    border: 0;
    line-height: 1.1;
    color: #222;
    text-align: center;
    font-weight: 400;
    font-size: 11pt;
}
    #tabla td, #tabla th, .tabla td, .tabla th {
        padding: 8px 10px;
        text-align: left;
        vertical-align: middle;
    }
    #tabla th, .tabla th {
        background: #323232;
        color: #fff;
        font-size: 10pt;
    }

    #tabla td, .tabla td {
        border-bottom: 1px solid #e1e4ea;
    }

    #tabla tr:nth-child(odd), .tabla tr:nth-child(odd) {
        background-color: rgb(0 0 0/3%);
    }
    #tabla td:nth-child(4),.tabla td:nth-child(4) {
        text-align: left
    }

    .tabla td:nth-child(4) {
        text-align: left;
    } 
    .tabla-azul {
        background: #7fb4ce;
    }
    .tabla-verde {
        background: #78bbae;
    }
    .tabla-border-right-rojo {
        border-right: 2px dashed red !important; 
    }  
/*  ---- */
#breadcrumbs {
    background: rgba(0, 0, 0, 0.06);
    display: inline-block;
    padding: 10px;
    margin: 0 0 8px 0px;
    font-size: 13px;
    font-weight: lighter;
} 
/* --- */
.timezone_wrap {
    position: relative;
    display: inline-block;
}
    .timezone_wrap #timezone_string { 
        padding: 11px 18px;
        border: 1px solid rgba(0,0,0,0.08);
        border-radius: 38px;
        appearance: none;
        font-size: 11pt;
        font-weight: 600;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
        background: rgba(255,255,255,0.3);
        outline: none;
    } 
    .timezone_wrap div {
        position: absolute;
        top: 16%;
        right: 20px;
        z-index: -1;
        font-size: 15pt;
    }
/*  ---- */
.buttons {
    display: inline-block;
    padding: 13px 22px;
    border: 1px solid rgb(0 0 0/5%);
    border-radius: 7px;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 13pt;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    box-shadow: 0 3px 6px 1px rgb(0 0 0 / 17%), 0 0px 15px 9px rgb(0 0 0 / 5%);
    transition: all 0.2s cubic-bezier(0.27, 0, 0.175, 1);
}
.buttons:hover {
    transform: scale(0.97); 
    color: #FFF;
    text-decoration: none;
}
.button_blue {
    background: #0098c5
}
.button_blue:hover {
    background: #0183ab;
}
.button_green {
    background: #7B9F2D;
}
.button_green:hover {
    background: #628021;
}
.button_red {
    background: #c50019;
}
.button_red:hover { 
    background: #8c0012;
}
.button_orange {
    background: #f9a619;
}
.button_orange:hover {
    background: #d78d0c;
}
.buttons_group_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.button_lower_case {
    text-transform: capitalize;
}
.buttons_group_grid a {
    text-align: center;
}

.btn-1, .btn-negro {
    display: inline-block;
    background: rgb(135, 135, 135);
    color: #FFF;
    padding: 13px 22px;
    border-radius: 230px;
}
.btn-2, .btn-azul { 
    display: inline-block;
    background: #0098c5;
    color: #FFF;
    padding: 13px 22px;
    border-radius: 230px;
}
.btn-azul span, .speaker span {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-gap: 5px;
}
.btn-3, .btn-rojo {
    display: inline-block;
    background: #c03426;
    color: #FFF;
    padding: 13px 22px;
    border-radius: 230px;
}
.btn-1:hover, .btn-2:hover, .btn-3:hover,
.btn-negro:hover, .btn-azul:hover, .btn-rojo:hover {
    color: #FFF;
}
.btn-1:hover, .btn-negro:hover {
    background: #333;
}
.btn-2:hover, .btn-azul:hover {
    background: #00abd3;
}
.btn-3:hover, .btn-rojo:hover {
    background: #cc3129;
}
/* ---- */
.acordeon li ul,
.acordeon > div > div {
    display: none;
}
    .acordeon>li>a:after {
        content: '\002B';
        float: right;
        margin-left: 5px;
        font-family: 'foundrymonolinebold';
    }
    .acordeon .active > a:after {
        content: "\002D";
    }
    div.acordeon {
        background: rgb(0 0 0 / 4%);
        border-radius: 7px;
        box-shadow: 0 0px 3px -1px rgb(0 0 0 / 10%), 0 1px 11px 1px rgb(0 0 0 / 10%);
        margin: 10px 0px 25px 0;
        border: 1px solid rgb(0 0 0 / 2%);
    }
    div.acordeon > div > a {
        display: grid;
        align-items: center;
        position: relative;
        padding: 15px 0 0px 0;
        margin: 0px auto;
        line-height: 0;
        cursor: pointer;
        font-size: 14pt;
        font-weight: 500;
        background: center;
        text-align: center;
    }
    
    div.acordeon > div > a::after {
        position: relative;
        bottom: -17px;
        display: grid;
        justify-content: center;
        align-items: center;
        font-size: 20pt;
        width: 37px;
        height: 37px;
        margin: auto; 
        border-radius: 30px;
        color: #323232;
        background: #FFF;
        box-shadow: 0 0px 3px -1px rgb(0 0 0 / 30%), 0 1px 9px 1px rgb(0 0 0 / 10%);
        font-family: 'foundrymonolinebold';
        content: '\002B';
    }
    .acordeon .active > a {
        background: rgba(0 0 0 / 6%);
        color: #009dca
    }

    .acordeon > div > div {
        padding: 20px;
        border-bottom: 1px solid rgba(175,175,175,0.5);
    }

    div.acordeon > div:last-child > div,
    div.acordeon > div:last-child > a {
        border-bottom: none;
    }

    div.acordeon > div:last-child > div {
        border-top: 1px solid rgba(175,175,175,0.5);
    }
    /* --- */
    .accordeon>div>button:after {
        content: '\002B';
        float: right;
        margin-left: 5px; 
        font-family: 'foundrymonolinebold';
    }
    .accordeon .open > button:after {
        content: "\002D"
    }
    div.accordeon {
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%), 0 10px 30px 0 rgb(39 102 149 / 20%);
        border-radius: 7px;
        margin:15px 0;
    }  
    div.accordeon > div {
        border-bottom: 1px solid rgb(0 0 0/10%);
    }
    div.accordeon > div:last-child {
        border-bottom: none;
    }
    div.accordeon button {
        text-align:left;
        border:none;
        font-size: 13pt;
        padding: 18px 22px;
        cursor: pointer;
        width:100%;
        display: grid;
        grid-template-columns: 1fr max-content;
        grid-gap: 10px;
        color: #007ae6;
    }
    .accordeon .open > button {
        background: rgb(0 0 0/5%);
        border-bottom: 1px solid #e1e4ea;
    } 
    .accordeon > div > div {
        padding: 20px 18px; 
        background-color: white;
        max-height: 0;
        overflow: hidden; 
        display: none;
        transition: height 0.2s ease-in;
    } 
    .accordeon > div > div.active {
        display: block;
    }
    .tabs .accordeon {
        background: rgb(0 0 0/6%);
        border: 1px solid rgb(0 0 0/6%);
        box-shadow: none;
    }
/* ---- */
 div.alert, p.alert a { 
    padding: 10px 18px 10px 18px;
    border: 1px solid rgba(0,0,0,0.1); 
    border-radius: 2px;
    font-size: 20px;
}
    p.alert a {
        padding: 14px 15px 13px 15px;
    }
    p.alert { 
    margin: 20px 0;

    }
    table tr td p.alert {
        margin: 5px 0;
        text-align: center;
    }
    table tr td p.alert a {
        padding:9px 15px 9px 15px;
    }
    .alert p {
    padding:2px 0;
    margin: 4px 0px;
    }
    .alert-primary, .alert-azul  { 
        background-color: #d2e4f0; 
    }
    .alert-secondary, .alert-gris { 
        background-color: #e2e3e5; 
    }
    .alert-success, .alert-verde { 
        background-color: #dfe5cf; 
    }
    .alert-danger, .alert-rojo { 
        background-color: #f1cdbe; 
    }
    .alert-warning, .alert-naranja  { 
        background-color: #fec779; 
    }
    .alert-info, .alert-amarillo  { 
        background-color: #fff1c9; 
    }
    .alert-light, .alert-blanco  { 
        background-color: #f4f4f4; 
    }
    .alert-dark p, .alert-negro p {
    color: rgba(255,255,255,0.8);
    color: #FFF;
    }
    .alert-dark, .alert-negro  {
        background-color: #333;
        border-color: #000;
        color: #FFF;
    }
    p.alert a{
    color: rgba(255,255,255,0.8); 
    }
    a.alert-primary, a.alert-azul   { 
        background-color: #009dca; 
    }
    a.alert-secondary, a.alert-gris { 
        background-color: #383d41; 
    }
    a.alert-success, a.alert-verde  { 
        background-color: #5d6d42; 
    }
    a.alert-danger, a.alert-rojo { 
        background-color:  #781915;
    }
    a.alert-warning, a.alert-naranja { 
        background-color:  #ad6e29;
    }
    a.alert-info, a.alert-amarillo  { 
        background-color: #998a58;
    }
    a.alert-light, a.alert-blanco  { 
        background-color:  #818182;
    }
    a.alert-dark, a.alert-negro { 
        background-color: #c9c9c9;
        border-color: #000;
    }
    p.alert a:hover {
        text-decoration: none;
        opacity: 0.9;
        box-shadow: inset 0px 0px 5px 3px rgba(0,0,0,0.1);
    }
    div.alert hr {
        border-top-color: rgba(0,0,0,0.6);
    }  

    .alert-highlight {
        color: #FFF;
        padding: 6px;
        display: inline-block;
    }
    .alert-highlight:hover {
        color: #FFF;
    }
    a.alert-verde-agua {
        background: #3FB7AF;
        color: #FFF;
        border-color:#34938A;
    } 
    a.alert-verde-agua:hover {
        background: #34938A;
    }
    .texto-rojo {
        color:#c53526;
    }
    .texto-naranja  {
        color:#faa61a;
    }
    .texto-verde  {
        color:#79a340
    }
    .button-icon {
        border-radius: 30px;
        border: 1px solid rgba(175,175,175,0.8);
        font-size: 17px;
        color: #666 !important;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        text-align: center;
    }
    .button-icon i {
        text-align: center;
        width: 100%;
    }
    header nav#bars .button-icon { 
        border: 1px solid #FFF; 
        color: #FFF !important; 
    }

    .alert_info {
        display: block;
        font-size: 11pt;
        margin: 15px 0;
        padding: 8px 10px;
        border: 1px solid rgb(0 0 0/3%);
        border-radius: 3px;
        background: #efefef;
    }
/* ---- */
.main-box {
    border: 1px solid rgba(0,0,0,0.1);
    margin: 0 0 20px 0
}
    .main-box div.header-box {
        background: #f6f6f6;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .main-box div.footer-box { 
        display: inline-block;  
        border-top: 1px solid rgba(0,0,0,0.1); 
    }
    .main-box div.footer-box div:first-child {
        background: #deeaf5;
    }
    .main-box div.footer-box div:nth-child(2){
        background: #f7ce92;
    }
    .main-box div.inside-box { 
        padding:20px 40px 10px 40px;
    }
    .main-box div.inside-box table {
        width: 100%;
        padding: 0; 
        border: none;
        font-family: Arial, Helvetica, sans-serif; 
        line-height: 12pt;
        font-weight: lighter;
        color: #222;
        text-align: unset;
    }
    .main-box div.inside-box table td {
        vertical-align: bottom; 
        padding: 15px 10px 10px 10px;
    }
    .main-box div.inside-box table tr {
        border-bottom: 1px solid #e2e2e2;
    }
    .main-box div.inside-box table tr:last-child {
        border-bottom: none;
    }
    .main-box div.inside-box div {
        padding: 20px 0 0 0;
        border-top: 1px solid rgba(0,0,0,0.1);
    }
    .main-box a.btn-azul {
        background: #0498c5;
        padding: 7px 20px 7px 20px;
        display: inline-block;
        color: #FFF;
        border-radius: 3px;
    }
    .main-box a.btn-azul:hover {
        text-decoration: none;
        background: #058baa
    }
/* ---- */
body div#main-wrapper { 
    display: inline-block;
}
body div#main-wrapper,
div#main-menu {
    min-height: 100%;
}

body div#main-wrapper,
header,
section,
div#main-menu,
#headstuff,
aside {
    width: 100%;
}

header div,
section article,
#headstuff > div,
footer div,
aside div {
    width: 980px;
    margin: auto;
}
/* ---- */
header {
    padding-top: 10px;
}

header div img {
    width: 200px;
    float: left;
}
header div div {
    display: flex;
    align-items:center;
}

header div nav#logo {
    float: left;
}
header div nav#newhead {
    display: none;
}
/* ---- */
header nav.headstuff {
    flex-grow:1;
}
    header nav.headstuff,
    header nav.headstuff ul {
        float: right; 
    }
    header nav.headstuff ul { 
        clear: both;
    }

    header nav.headstuff ul:first-child > li a {
        color: #FFF;
        font-size: 20px;
        text-align: center;
        padding: 8px;
    }
    header nav.headstuff ul:first-child > li a span {
        font-size: 12px;
    }

    header nav.headstuff ul:first-child li a:hover {
        color: #ffe17f
    }

    header nav.headstuff ul:first-child li ul {
        visibility: hidden;
        position: absolute;
        opacity: 0;
        z-index: 1;
        background: #606060;
        border: 1px solid #444;
        padding: 0px;
        left: -30px;
        top: 30px;
        backdrop-filter: blur(3px) saturate(30%);
        -webkit-backdrop-filter: blur(10px) saturate(80%);
        -webkit-moz-filter: blur(10px) saturate(80%);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border-radius: 3px;
        box-shadow: inset 0px -1px 3px -1px rgb(175, 175, 175);

    }

    header nav.headstuff ul:first-child li:hover ul {
        visibility: visible;
        opacity: 1;
        display: block;
        transition: all 0.3s ease-in-out;

    }

    header nav.headstuff ul:first-child li ul::before {
        content: "";
        display: block;
        border: 1em solid #606060;
        border-right-color: transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        position: absolute;
        top: -.75em;
        left: 0;
        margin: -1em 0 0 2em;
    }

    header nav.headstuff ul:first-child li ul li,
    header nav.headstuff ul:first-child li ul li a {
        display: block;
    }

    header nav.headstuff ul:first-child li ul li a {
        text-transform: capitalize;
        font-size: 14px;
        padding: 12px 18px;
        color: #f2f2f2;
    }
    header nav.headstuff ul:first-child li ul li span {
        font-size: 14px;
        padding: 12px 18px;
        color: #f2f2f2;
        display: block;
    }

    header nav.headstuff ul:first-child li ul li a:hover {
        background: rgba(175,175,175,0.3);
        color: #FFF;
    }

    header nav.headstuff ul:first-child li ul li:nth-child(2) a {
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-style: solid;
        border-color:  #444;
    }

    header nav.headstuff ul#ipv {
        margin-top:15px;
        text-align:right;
        float: right; 
    }

    header nav.headstuff ul#ipv li {
            font-size: 12px;
            font-family: helvetica;
            color: #58595B; 
            padding: 0; 
            margin: 0; 
            letter-spacing: 1px; 
            font-weight: lighter; 
            list-style: none;
        }  
header nav.menu {
    clear: both;
    margin: 5px 0 0 0; 
}
    header nav.menu ul {
        display: inline-block;
    }

    header nav ul li {
        display: inline-block;
        position: relative;
    }
    header nav.menu ul li a {
        font-family: 'foundrymonolinelight';
        font-size: 17px;
        font-weight: 300;
        color: #FFF;
        display: block;
        padding: 11px 12px;
    }
    header nav.menu ul li:hover a { 
        color: #FFF;
        text-decoration: none;
    }

    header nav.menu ul li ul li:hover a {
        color: #ffe17f; 
    }

    header nav.menu ul li ul {
        display: none;
        position: absolute; 
        text-align: left;
        width: 250px;
        z-index: 1;
    }
    header nav.menu  ul li ul li a {
        background: #000;
    }
    header nav.menu ul li:hover ul {
        display: block;
    }
    header nav.menu ul li ul li {
        padding: 0;
        clear: both;
        display: block;
    }  
header nav#bars {  
    display: none;
}
/* ---- */
.slider {display: none;}
aside div  {
  display: block !important;
  width:980px;
  margin: auto; 
  position:relative; 
  overflow:hidden;
}
    aside div ul{ 
    list-style:none; 
    } 
    aside div ul:first-child{   
    display:flex; 
    position: relative;
    } 
    aside div ul:first-child li{
    text-align:center; 
    padding:10px 0;
    }  
    aside div ul:first-child li p {
        font-size: 13px;
        text-align: center !important;
    }
    aside div ul:last-child {
        width: 100%;
        position: absolute;
        top: 0; 
    }
    aside div ul:last-child li{ 
        height: 100%;
        position: absolute;
    } 
    aside div ul:last-child li i {
        color: rgba(0,0,0,0.4);
        transform: translateY(270%);
    }
    aside div ul:last-child li:first-child {
    left:10px;
    }
    aside div ul:last-child li:last-child {
    right:10px;
    }
/* ---- */
section {
    clear: both;
    padding-top: 20px;
    padding-bottom: 50px;
    min-height: 100vh
}
section article ul,
section article ol {
    list-style: initial;
    padding: 0 0 0 50px;
}
/* ---- */
#folder-style:hover table {
  background: #f2f2f2
} 
    #folder-style td {
        padding: 20px 30px;
        text-align: left;
    }
    #folder-style table tr:last-child {
        display: none;
    }
    #folder-style td:last-child {

        text-align: right;
    }
/* ---- */
section article div.col {
    clear: both; 
    display: table;
}
    section article div.col div {
        display: table-cell;
        vertical-align: middle; 

    }
    section article div.col figure img{
        width: 170px;
    } 
    section article div.col div p {
        padding:10px 0;
    }
    section article div.col-3 {
        display: flex;
        flex-wrap: wrap;
    }
    section article div.col-3 div {
        width: 306px;
    }
    section article div.col-3 div p {
        padding: 20px;
        text-align: center;
    }
    section article div.col-3 div figure {
        text-align: center;
    }
    section article div.col-3 div figure img {
        width: 200px;
    }
    section article div.col-3 div:nth-child(2),
    section article div.col-3 div:last-child {
        margin: 0 0 0 30px;
    }
/* ---- */
.wp-block-columns {
    flex-wrap: nowrap;
}
    .wp-block-columns {
        display: flex;
        margin-bottom: 28px;
        flex-wrap: wrap;
    }
    .wp-block-column {
        flex-basis: calc(50% - 185px);
        flex-grow: 0;
    }
    .wp-block-column {
        flex-grow: 1;
        min-width: 0;
        word-break: break-word;
        overflow-wrap: break-word;
    }
    .wp-block-column:not(:first-child) {
        margin-left: 32px;
    }
    .wp-block-column:nth-child(2n) {
        margin-left: 32px;
    }
    .wp-block-column img,
    .wp-block-column iframe  {
        width: 100%;
    }
/* ---- */
.lacnic-block-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, 326px);
}
    .lacnic-block-grid div {
        padding: 15px;
        text-align: center;
        width: 100%;
    }
/* ---- */
section#main-home article div.col-2 h1 {
    font-family: 'foundrymonolinelight';
    padding: 55px 30px 0px 0px;
}
section#main-home article div.col-2 a {
    font-size: 25px;
    color: #222;
    display: inline-block;
    font-weight: 400;
    margin-top: 30px;
    padding: 2px 35px;
    border: 3px solid #222;
}
/* ---- */
body #main-wrapper{ 
    transition: transform 0.3s ease-out;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
}
nav#menu-device {
    display: none
}
    body.menu-device-open {
        overflow: hidden;
    } 
    body.menu-device-open #main-wrapper{ 
        position: fixed;
        transform: translateX(320px);
        transition: transform 1s ease-out;
        -webkit-transition: transform 0.3s ease-in-out;
        -moz-transition: transform 0.3s ease-in-out;
        -ms-transition: transform 0.3s ease-in-out;
    } 
    body.menu-device-open #main-wrapper #before { 
        visibility: visible; 
    } 
    body.menu-device-open #main-wrapper #before div {
        opacity: 1; 
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    body #main-wrapper #before div {
        width: 100%;
        height: 100%;
        opacity: 0;
        background-color: rgba(0,0,0,0.3);
        backdrop-filter: blur(3px) saturate(30%);
        -webkit-backdrop-filter: blur(10px) saturate(80%);
        -webkit-moz-filter: blur(10px) saturate(80%);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    body #main-wrapper #before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; 
        z-index: 400;
        opacity: 1;
        visibility: hidden;
        overflow: hidden;
        
    }
    body.menu-device-open #main-wrapper nav#menu-device {
        display: block;
        position: absolute;
        transform: translateX(-320px);
        left: 0;
        bottom: 0;
        top: 0;
        width: 320px;  
        background: #FFF;
        overflow-y:scroll;
        border-right: 1px solid rgba(0, 0, 0, 0.3);
        z-index: 1000;
        padding-bottom: 50px;
    }
    nav#menu-device div {
        text-align: left; 
    }
    nav#menu-device div#header-menu-device {
        height: 58px;
    } 
    nav#menu-device div ul li a {
        display: block;
        padding: 15px 20px;
        font-family: 'foundrymonolinelight';
        letter-spacing: 1px; 
        font-style: normal;
        font-size: 18px;
        line-height: 27px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        color: #666;
    }
    #close-menu {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    #home-button {
        position: absolute;
        top: 10px;
        right: 55px;
    }
    nav#menu-device div ul li a:hover,
    nav#menu-device div ul li.active a{
        background: #FFF;
    } 
    nav#menu-device ul#menu-menuheader {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }
    nav#menu-device div ul li ul {
        display: none;
    } 
    nav#menu-device div ul li ul li a {
        background: rgba(175,175,175,0.2) !important;
    }
    nav#menu-device div ul li ul li a:hover {
        background: rgba(175,175,175,0.3) !important;
    }
    nav#menu-device div ul li span {
        display: none;
        float: right;
    }
    nav#menu-device div ul.close-open-menu li {
        display: none;
    }
    nav#menu-device div ul li.close-open-menu ul,
    nav#menu-device div ul.close-open-menu li.close-open-menu,
    nav#menu-device div ul.close-open-menu li.close-open-menu ul li,
    nav#menu-device div ul li.close-open-menu > a span {
        display: block !important;
    } 
/* ---- */
.modal {   
    width: 100%;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    background: rgba(0,0,0,0.3);
    backdrop-filter: blur(3px) saturate(30%); 
    transition: all 0.3s ease-in-out;
    overflow: scroll;
    overflow-x: scroll;
    align-items: center;
    display: flex;
    overflow-x: auto;
} 
    body.open-modal-languaje {
        overflow: hidden;
    }
    body.open-modal-languaje #modal-languaje  {
        visibility: visible; 
        opacity: 1; 
        transition: all 0.3s ease-in-out;
    }  
    .modal div.modal-close {
        position: fixed;
        width: 100%;
        height: 100%;
    }
    .modal div.modal-content { 
        position: relative;
        margin:auto; 
        padding: 10px 20px;
        width: 600px;
        height: 140px;  
        background: #FFF; 
        border: 1px solid rgba(175,175,175,0.5);
        border-radius: 10px;

    } 
    .modal div.modal-content a.close-modal {
        position: absolute;
        right: 20px;
    }
/* ---- */
#modal-languaje div.modal-content {
    width: 300px;
    height: 210px;
}
    .modal .lang {
        margin: 15px 0 0 0;
    }
    .modal .lang a{
        display: block;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        padding: 15px 0;
        text-transform: capitalize;
        text-align: center;
        color: #333;
    }
    .modal .lang li:last-child a {
        border-bottom: none;
    }
/* ---- */
body.open-modal-image {
    overflow: hidden;
}
body.open-modal-image #modal-image  {
    visibility: visible; 
    opacity: 1; 
    transition: all 0.3s ease-in-out;
}  
/* ---- */
section .content_organizers {
    display: none
}
.main_organizers {
    width: 100%;
    margin: auto;
    padding-bottom: 60px;
}
    .content_organizers {
        width: 980px;
        margin: auto;
        display: grid;
        justify-content: center;
        grid-gap: 20px;
    }
    .logos_organizers img {
        width: 160px;
    } 
    .title_organizers {
        text-align: center;
        font-size: 11pt;
        letter-spacing: 1px;
        font-weight: bold;
    }
/* ---- */
footer {
    position: relative;
    z-index: 1;
    background: #F3F3F3;
    clear: both;
}
    footer > div {
        width: 980px;
        margin: auto;
        display: grid;
        grid-template-columns: 1fr min-content;
        grid-template-areas: 
            "navigation social" 
            "legal legal"
            "iso iso";
        grid-gap: 10px;
        padding: 30px 0;
    }
    footer > div > nav {
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: min-content;
        grid-gap: 10px;
        padding: 20px 0;
    }
    footer nav ul li, footer nav ul li p {
        font-size: 11pt;
    }
    footer > div > nav p {
        font-weight: 600;
        text-align: left;
    }
    nav.foot_navigation {
        
        grid-area: navigation
    } 
    nav.foot_navigation ul {
        display: grid; 
        grid-auto-rows: min-content;
        grid-gap: 13px;
    }

    nav.foot_social {
        grid-template-columns: min-content;
        grid-auto-flow: row;
        grid-area: social;
    }
    nav.foot_social ul {
        display: grid;
        grid-auto-flow: column;
        grid-auto-rows: min-content;
        grid-gap: 10px;
    }
    nav.foot_social a {
        color: #1f95fd;
        font-size: 16pt;
    }
    nav.foot_legal {
        grid-area: legal;
    }
    nav.foot_legal ul {
        display: grid;
        grid-template-columns: max-content max-content max-content max-content;
        grid-gap: 18px;
        
    } 
    p.foot_iso {
        grid-area: iso;
        font-size: 8pt;
    }
    footer a {
        color: black;
        text-align: left;
    }
@media only screen and (max-width:980px) {
    footer > div {
    width: 740px; 
    }
    footer > div {  
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "navigation navigation"
            "social legal"
            "iso iso"; 
    }
    nav.foot_navigation { 
        grid-gap: 40px;
    }		
}
@media only screen and (max-width:740px) {
    footer > div {
    width: 650px; 
    }
    footer > div { 
        grid-template-areas:
            "navigation navigation"
            "legal legal"
            "social social"
            "iso iso";
    }
    footer > div > nav {
        grid-auto-flow: inherit;
        justify-content: center;
        text-align: center;
    }
    footer > div > nav > p, footer > div > nav p {
        text-align: center;
    }
    nav.foot_navigation{
        grid-template-columns: 1fr 1fr;  
        grid-gap: 25px;
    } 
    p.foot_iso {
        text-align: center;
    }
}
@media only screen and (max-width:650px) {
    footer > div {
        width: 580px; 
    }
    nav.foot_legal ul { 
        grid-template-columns: max-content max-content;
        grid-gap: 25px 50px;
    }
}
@media only screen and (max-width:580px) {
    footer > div {
        width: 520px; 
    }
    nav.foot_navigation {
        grid-template-columns: 1fr;
        grid-gap: 45px;
    }
}
@media only screen and (max-width:520px) {
    footer > div {
    width: 480px; 
    }
}
@media only screen and (max-width:480px) {
    footer > div {
    width: 420px; 
    }
}
@media only screen and (max-width:420px) {
    footer > div {
    width: 380px; 
    }
}
@media only screen and (max-width:380px) {
    footer > div {
    width: 280px; 
    }
    nav.foot_legal ul { 
        grid-template-columns: 1fr;
        grid-gap: 15px 60px;
    }
}