* {
    padding: 0;

    margin: 0;

    font-family: 'Exo 2', sans-serif;

}



@media screen and (min-width: 320px) and (max-width: 900px) and (orientation: portrait) {

    html {
        transform: rotate(-90deg);
        transform-origin: left top;
        width: 100vh;
        height: 100vw;
        overflow-x: hidden;
        position: absolute;
        top: 125%;
        left: 0;
    }

}

.fundo {

    /*background-image: url("img/img_fundo.jpg");*/

    background-repeat: no-repeat;
    background-size: cover;
    height: 700px;
    width: 100%;
}



.div {

    height: 38px;

    width: 100%;

    z-index: 1;

}



.countdown {

    line-height: 25px;

    position: relative;

    text-align: center;

    right: 30px;

    margin-top: -2%;

    position: absolute;

    background-color: #FF8247;

    width: 200px;

    height: 85px;

    font-size: 20px;

    color: white;

    border-radius: 10px;

}



.countdown1 {

    line-height: 25px;

    position: relative;

    text-align: center;

    right: 20px;

    margin-top: -6%;

    position: absolute;

    background-color: rgba(6, 87, 24, 0.7);

    /*background-image: url("img/lbt422.png");*/

    background-repeat: no-repeat;

    background-size: cover;

    width: 200px;

    height: 65px;

    font-size: 20px;

    color: #f7fafa;

    border-radius: 10px;

}



.titulo {

    /*background-image: url(img/cab_back.png);*/

    background-size: 100%;

    height: 115px;

    width: 100%;

}



.titulo_i {

    margin-right: 5%;

    font-size: 23px;

    margin-top: 4%;

    float: left;

    color: #1e0368f5;

}



.expo {

    margin-left: 10%;

    font-size: 25px;

    margin-top: 4%;

    float: left;

    color: #1e0368f5;

}



.logo {

    margin-left: 5%;

    float: left;

    margin-top: 5px;

    width: 200px;

    height: 110px;



}



.logo_ss {

    margin-left: 5%;

    float: left;

    margin-top: 5px;

    width: 100px;

    height: 55px;



}



.inforodape {

    height: 38px;

    width: 100%;

    font-size: 28px;

    color: white;

    background-color: rgba(0, 0, 0, 0.5);

    bottom: 20px;

    position: fixed;



}



#EXPL2018 {

    margin-top: 15px;

}



fieldset {

    margin-left: 15%;

    border-radius: 10px;

    border-color: #1e0368f5;

    height: 510px;

    width: 750px;

}



.divlbt {

    background-color: rgba(255, 254, 223, 0.6);

    width: 900px;

    height: 540px;



    border: 1px;

}



.nomelbl {

    margin-left: 75px;

    position: relative;

    float: left;

}



.nasclbl {

    margin-right: 100px;

    position: relative;

    float: right;

}



.inputnome {

    height: 25px;

    width: 400px;

    margin-left: 75px;

    position: relative;

    float: left;

}



.inputnasc {

    height: 25px;

    margin-right: 100px;

    position: relative;

    float: right;

}



.concelholbl {

    margin-left: 75px;

    position: relative;

    float: left;

}



.inconcelho {

    height: 25px;

    width: 231px;

    margin-left: 75px;

    position: relative;

    float: left;

}



.bicclbl {

    margin-left: 160px;

    position: relative;

}



.emaillbl {

    margin-left: 75px;

    position: relative;

    float: left;

}



.telefonelbl {

    margin-right: 130px;

    position: relative;

    float: right;

}







.inbicc {

    height: 25px;

    width: 115px;

    margin-left: 50px;

    position: relative;

    float: left;

}



.inputmail {

    height: 25px;

    width: 400px;

    margin-left: 75px;

    position: relative;

    float: left;

}



.inputtel {

    height: 25px;

    width: 115px;

    margin-right: 100px;

    position: relative;

    float: right;

}



.inputfpcub {

    height: 25px;

    width: 420px;

    margin-left: 1px;

}



legend {

    margin-left: 30px;

}





.declara {

    margin-left: 50px;

    position: relative;

    float: left;

}



.niflbl {

    margin-right: 152px;

    position: relative;

    float: right;

}



.innif {

    height: 25px;

    width: 115px;

    margin-right: 100px;

    position: relative;

    float: right;

}



.rgpd {

    font-size: 12px;

    margin-left: 4px;

    position: relative;

    float: left;

}



.reg {

    background-color: rgb(204, 235, 255);

    height: 550px;

    width: 800px;

    line-height: 25px;

    text-justify: auto;

    overflow: auto;

    margin: 0 auto;

}



.perc1 {

    color: rgb(68, 68, 68);

    font-size: 1.3rem;

    margin-left: 100px;

}



.percimg {

    margin-left: 10px;

    width: 95%;

}



.sotexto {

    margin-left: 20px;

    margin-right: 20px;

    text-align: justify;

}



.menubutton:hover {

    background-color: #EEDFCC;

    color: black;

}



.menubutton {

    background-color: #992718f5;

    height: 100%;

    width: 17%;

    float: left;

    font-size: 16px;

    color: white;

    border-left: 0;

    border-right: 0;

    border-bottom: 0;

    border-top: 0;

}



.menubutton1:hover {

    background-color: #e6e7c2;

    color: rgb(0, 0, 0);

}



.menubutton1 {

    background-color: #1e0368f5;

    height: 100%;

    width: 13.5%;

    float: left;

    font-size: 16px;

    color: rgb(255, 255, 255);

    border-left: 0;

    border-right: 0;

    border-bottom: 0;

    border-top: 0;

}



.menubutton2:hover {

    background-color: #EEDFCC;

    color: black;

}



.menubutton2 {

    background-color: #1e0368f5;

    height: 100%;

    width: 27.27%;

    float: left;

    font-size: 16px;

    color: white;

    border-left: 0;

    border-right: 0;

    border-bottom: 0;

    border-top: 0;

}



.menubutton3:hover {

    background-color: #EEDFCC;

    color: black;

}



.menubutton3 {

    background-color: #1e0368f5;

    height: 100%;

    width: 16.665%;

    float: left;

    font-size: 16px;

    color: white;

    border-left: 0;

    border-right: 0;

    border-bottom: 0;

    border-top: 0;

}



.botao {

    border: 0;

    height: 35px;

    width: 112px;

    font-size: 18px;

    background-color: #361d7cf5;

    color: white;

    margin-left: 536px;

    float: left;

}



.img1:hover {

    background-color: #EEDFCC;

    color: black;

}



.img1 {

    background-color: #03680bf5;

    height: 100%;

    width: 15%;

    float: left;

    font-size: 16px;

    color: white;

    border-left: 0;

    border-right: 0;

    border-bottom: 0;

    border-top: 0;

}



.imagem {

    float: left;

    align-items: center;

    width: 50%;

    height: 350px;

    opacity: 100%;

}



.imagem:hover {

    opacity: 50%;

    align-items: center;

    width: 50%;

    height: 350px;

}



.clearfix {

    visibility: hidden;

    display: block;

    content: "";

    clear: both;

    height: 0;

}



.button1 {

    width: 35%;

    height: 50px;

    top: 165px;

    left: 2%;

    opacity: 100%;

    position: absolute;

    border: 0cm;

    color: rgb(90, 40, 30);

    background-color: rgba(255, 255, 255, 0);

    font-size: 25px;

}



.button1:hover {

    width: 35%;

    height: 50px;

    top: 165px;

    left: 2%;

    opacity: 100%;

    position: absolute;

    border: 0cm;

    background-color: rgba(255, 255, 255, 0);

    font-size: 25px;

}



.button2 {

    width: 30%;

    height: 50px;

    top: 180px;

    left: 70%;

    opacity: 100%;

    position: absolute;

    border: 0cm;

    color: rgb(90, 40, 30);

    background-color: rgba(255, 255, 255, 0);

    font-size: 25px;

}



.button2:hover {

    width: 30%;

    height: 50px;

    top: 180px;

    left: 70%;

    opacity: 100%;

    position: absolute;

    border: 0cm;

    background-color: rgba(255, 255, 255, 0);

    font-size: 25px;

}



.button3 {

    width: 12%;

    height: 50px;

    top: 480px;

    left: 3%;

    opacity: 100%;

    position: absolute;

    border: 0cm;

    color: rgb(90, 40, 30);

    background-color: rgba(255, 255, 255, 0);

    font-size: 25px;

}



.button3:hover {

    width: 12%;

    height: 50px;

    top: 480px;

    left: 3%;

    opacity: 100%;

    position: absolute;

    border: 0cm;

    background-color: rgba(255, 255, 255, 0);

    font-size: 25px;

}



.button4 {

    width: 10%;

    height: 50px;

    top: 480px;

    left: 80%;

    opacity: 100%;

    position: absolute;

    border: 0cm;

    color: rgb(90, 40, 30);

    background-color: rgba(255, 255, 255, 0);

    font-size: 25px;

}



.button4:hover {

    width: 10%;

    height: 50px;

    top: 480px;

    left: 80%;

    opacity: 100%;

    position: absolute;

    border: 0cm;

    background-color: rgba(255, 255, 255, 0);

    font-size: 25px;

}

/*configuração da página memorias.html  */
.arquivo {
    margin-top: 20px;
    margin-left: 50px;
    font-family: Arial, 'Times New Roman', Times, serif;
    font-size: 35px;
    float: left;
}

.caixa {
    clear: left;
    float: left;
    margin-top: 20px;
}

.logo_arq {
    position: relative;
    margin-left: 50px;
    margin-top: 20px;
    width: 200px;
}

.th_lbt {
    width: 200px;
    margin-left: 50px;
    position: relative;
    font-family: Arial, 'Times New Roman', Times, serif;
    font-size: 20px;
    float: left;
}

/*.th_lbl {
    clear: left;
    margin-left: 50px;
    font-family: Arial;
    font-size: 30px;
}*/
.condicional {
    float: left;
    color: red;
}

.aviso {
    font-size: 14px;
    color: red;
}

.aviso2 {
    font-size: 40px;
    color: red;
    animation: blinkingText 1.2s infinite;
}

@keyframes blinkingText {
    0% {
        color: #fc0606;
    }

    49% {
        color: #a40909;
    }

    60% {
        color: white;
    }

    99% {
        color: white;
    }

    100% {
        color: #000000;
    }
}

.sotexto2 {
    float: left;
    margin-left: 100px;

    margin-right: 100px;

    text-align: justify;
    font-size: 25px;

}