body{
    font-family:'Popppins', sans-serif;
    font-weight: 400;
    background: none;
}
.titulo{
    text-align:center;
    font-size:1.7rem;
    margin-top:.2rem;
    margin-bottom:.5rem;
    
}
.titulob{
    text-align:center;
    font-size:1.2rem;
    color:#2d6f8f;
    margin-bottom:2.5rem;
   
}
.fila_grid{
    display:grid;
    grid-template-columns: repeat(5,1fr);
}
.subtitulo
{
    font-size:1.1rem;
    color:#5c5b5b;
}
.tituloc{
    cursor:pointer;
    font-size:1.3rem;
}
.titulo_desta{
    font-size:1.6rem;
    color: #ea2456;
    z-index:100;
    position:fixed;
    top:5%;
    left:20%;
    padding:1.5rem;
    border-radius:.3rem;
    border:1px solid #777;
    background-color:#FFF;
    box-shadow:  0px 12px 24px -12px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:  0px 12px 24px -12px rgba(0, 0, 0, 0.5);
}
.pan{
    position:fixed;
    top:0px;
    right:0px;
    width:45%;
    height:100%;
    background-color:#FFF;
    padding:1rem;
    border-left:1px solid #777;
    z-index:100;
    opacity:1;
    display:none;
    color:#2d6f8f;
    font-size:1.4rem;
-webkit-box-shadow: -11px 0px 11px -3px rgba(0,0,0,0.57); 
box-shadow: -11px 0px 11px -3px rgba(0,0,0,0.57);    
}
.pan_contenido{
    margin-top:2rem;
    margin-left:10%;
}
label{
    display:block;
    font-size:1rem !important;

}
input{
        border-radius:.3rem;
        padding: .2rem;
        background-color: #FFF;
        color:#333;
        width:80%;
        font-size:1.3rem;
        text-align:left;
        border:1px solid #777;
        margin-bottom:.7rem;
        padding-left:.5rem !important;

}
input:focus
{
    background-color:#DDD;
    color:#333;
    border-bottom:1px solid #333;
    border-top:0px;
    border-left:0px;
    border-right:0px;
}
select{
        border-radius:.3rem;
        padding: .2rem;
        background-color: #FFF;
        color:#333;
        width:80%;
        font-size:1.3rem;
        text-align:left;
        border:1px solid #777;
        margin-bottom:.7rem;
        display:block;
        width:fit-content;
        padding-left:.5rem;

}
select:focus
{
    background-color:#DDD;
    color:#333;
    border-bottom:1px solid #333;
    border-top:0px;
    border-left:0px;
    border-right:0px;
}    
textarea{
    border-radius:.3rem;
        padding: .5rem;
        background-color: #FFF;
        color:#333;
        width:99%;
        font-size:1.1rem;
        text-align:left;
        border:0px solid #777;
        margin-bottom:.7rem;
        height:150px;
    

} 
textarea:focus{
    background-color:#DDD;
    color:#333;
    border-bottom:1px solid #333;
    border-top:0px;
    border-left:0px;
    border-right:0px;
}
.botone
{
    border-radius:.3rem;
    background-color:#2d6f8f;
    padding:.3rem;
    color:#FFF;
    cursor:pointer;
    margin-top:.6rem;
    margin-right:auto;
    text-align:center;
    width:200px;
}
.botone:hover{
    background-color: #333;
}
.centrador{
    height:100%;
    margin-top:5%;
}
.centrador_gen{
    width: 90%;
    margin-top:5%;
    margin-left:auto;
    margin-right:auto;
}

.radio{
    font-size:1.1rem;
    display:inline;
}
.hidden{
    display:none;
}

@media only screen and (min-width:651px)
{
    .idio{
        z-index:90;
        position:fixed;
        left:1%;
        top:0px;
        display:flex;
        width:97%;
        text-align:center;
        justify-content: space-between;
        padding-top:.5rem;
        margin-left:auto;
        margin-right:auto;
    } 
    .zidiomas{
        display:flex;
        width:30%;
        justify-content: flex-end;
        text-align:center;
        gap:.5rem;
    }
    .zidiomas>div{
        padding-left:1rem;
        
    }
    div.idio_sel{
        text-decoration: underline;
        cursor:pointer;
        text-align:left;
        width:15%;
        text-align:center;
        text-decoration:none;
        transition:background-color .3s ease-in;
        border-radius:.5rem;
        padding-top:.5rem;
        padding-right:.5rem;
    }
    div.idio_noact
    {
        cursor:pointer;
        text-align:left;
        vertical-align: middle;
        width:15%;
        text-align:center;
        text-decoration:none;
        transition:background-color .3s ease-in;
        border-radius:.5rem;
        padding-top:.5rem;
    }
    div.idio_sel:hover,div.idio_noact:hover{
        background-color:#2d6f8f;
        color:#FFF;
    }

    .idio div.idio_nosel:hover{
        background-color:inherit;
        color:inherit;
    }

}


@media only screen and (max-width:650px)
{
        .idio{
        z-index:90;
        position:fixed;
        left:0px;
        top:0px;
        display:flex;
        width:100%;
        background-color:#FFF;
        text-align:center;
        padding-left:.5rem;
        padding-top:.3rem;
        padding-bottom:.1rem;
        opacity:.8;
        justify-content: space-around;
    } 

    .idio .zidiomas{
        width:90%;
        text-align: right;
        padding-right:.5rem;
        display:flex;
        justify-content: flex-end;
    }
    .idio .zidiomas div{
        padding-left:1.5rem;
        cursor:pointer;
    }
    .zidiomas div:hover{
        background-color:#2d6f8f;
        color:#FFF;
    }
    .idio .zidiomas div.idio_sel{
        text-decoration: underline;
    }
    .idio div.idio_nosel{
        cursor:default;
    }
    .idio.zidiomas div.idio_nosel:hover{
        background-color:inherit;
        color:inherit;
    }
    #contenedorb
    {
        margin-left:auto;
        margin-right:auto;
        width: 94%;
        margin-top:2rem;
    }
    .nelogo img{
        max-width:360px;
    }
    .titulo{
        text-align:center;
        font-size:1.3rem;
        margin-top:.2rem;
        margin-bottom:.5rem;
        width:96%;
        
    }  
    .centrador{
        height:100%;
        margin-top:18%;
    }
    .centrador_gen{
        width: 96%;
        margin-top:5%;
        margin-left:auto;
        margin-right:auto;
    }

    .countdownHolder{
        width:350px;
        margin-left:auto;
        margin-right:auto;
        margin:0 auto;
        font: 28px/1.1 'Open Sans Condensed',sans-serif;
        text-align:center;
        letter-spacing:-3px;
    }
    .pan{
        width:90%;
        overflow-y: auto;
    }
    .tituloc{
        width:92%;
        margin-left:auto;
        margin-right:auto;
        margin-top:2rem;
    }
    #note{
        width: 80%;
        margin-right:auto;
        margin-left:auto;
    }
    .subtitulo
    {
        font-size:1rem;
        color:#777777;
        width: 94%;
        margin-left:auto;
        margin-right:auto;
    }  
    .pan{
        width:90% !important;
    }
    .botone{
        padding:.1rem !important;
        margin-left:auto;
        margin-right:auto;
    }
    input{
        font-size:1.1rem !important;
        height:1.5rem !important;
        padding:.2rem !important;

    }
    select{
        font-size:1.1rem !important;
        padding:.2rem !important;
        height:1.8rem !important;

    }
    textarea
    {
        height:100px !important;
    }
    #credit_c{
        font-size:1.1rem !important;
    }
    
}