/* Default CSS */

body {
font-family: Helvetica, Arial, sans-serif;
font-size: 100%;
}

/*caixa de conteúdos (paginas dentro da pagina principal)*/
.iframe {
border: none;
border-spacing: 0px;
padding: 0px 0px 0px 0px;
}

/*linha horizontal separadora*/
.hr {
background-color: none;
border: 1px dotted #C1C1C1;
border-style: none none dotted;
}

/*cabeça da página*/
.titulo {
padding: 2px 2px 2px 0px; /*padding: top right bottom left */
font-size:300%;
font-weight: 550; /*font-weight: 100-900, 400=normal, 700=bold */
color: black;
text-decoration: none;
}

.titulo:hover {
padding: 2px 2px 2px 0px; /*padding: top right bottom left */
color: #D72D2D;
text-decoration: none;
}

.sub_titulo {
padding: 0px 0px 0px 0px; /*padding: top right bottom left */
font-size:75%;
font-weight: 300;
color: #808080;
text-decoration: none;
}

/*texto de introdução*/
.intro {
padding: 0px 0px 0px 0px; /*padding: top right bottom left */
color: #808080;
text-decoration: none;
}


/*items de navegação*/

.lista {
padding: 2px 2px 2px 0px; /*padding: top right bottom left */
font-weight: 300;
color: #808080;
text-decoration: none;
}

.lista:hover {
padding: 2px 2px 2px 0px; /*padding: top right bottom left */
font-weight: 300;
color: #D72D2D;
text-decoration: none;
}

.txt_titulo {
padding: 0px 0px 0px 0px; /*padding: top right bottom left */
color: black;
text-decoration: none;
font-size: 100%;
font-weight: 550;
}

.txt {
padding: 0px 0px 0px 0px; /*padding: top right bottom left */
font-weight: 300;
color: black;
text-decoration: none;
line-height: 1.5;
}

.txt_en {
padding: 0px 0px 0px 0px; /*padding: top right bottom left */
font-weight: 300;
color: #808080;
text-decoration: none;
}

.txt_link {
padding: 0px 0px 0px 0px;
font-weight: 300;
color: #808080;
text-decoration: none;
}

.txt_link:hover {
padding: 0px 0px 0px 0px;
font-weight: 300;
color: #D72D2D;
text-decoration: none;
}

.controlbuttons {
font-size:80%;
font-weight:lighter;
color: #808080;
text-decoration: none;
}

.controlbuttons:hover {
color: #D72D2D;
text-decoration: none;
}

.credits {
font-size:80%;
font-weight:300;
color: #808080;
text-decoration: none;
}

.credits_link {
font-size:100%;
font-weight:300;
color: #D72D2D;
text-decoration: none;
}

.credits_link:hover {
color: #808080;
text-decoration: none;
}

.photos {
padding: 0px 0px 40px 0px; /*padding: top right bottom left */
}

/*video background*/
.video-bg, {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    Z-index: -100;
}

.video-bg video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}