@charset "utf-8";
/* CSS Document */

body{
	padding: 0;
	margin: 0;
	background-color: #1E1E1E;
	color: #C4C4C4;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	user-select: none;
	font-weight: lighter;
	overflow: hidden;
}

::-webkit-scrollbar {
    width: 0px;
	height: 0px;
    background: transparent;
}

#contentor{
	width: 100vw;
	height: 100vh;
	text-align: center;
	position: relative;
}

#intro{
	position: absolute;
	z-index: 3;
	width: 100vw;
	height: 100vh;
	background-color: #1e1e1e;
	opacity: 1;
}

#sobre{
	position: absolute;
	z-index: 25;
	width: 100vw;
	height: 100vh;
	background-color: #1e1e1e;
	text-align: justify;
	display: none;

}

#sobre h1{
	margin:0;
	width: 12vw;
	font-size: 3vh;
	padding: 15vh 0 5VH 0;
	margin: auto;
}

#sobre p{
	width: 20vw;
	font-style: italic;
	margin: auto;	
}

.identificacao{
	font-size: 1.2vh;
	padding-top: 20vh;
	opacity: 0.5;
}

#logo{
	width: 5vw;
	opacity: 0.5;
	margin: 0 45vw 0 40vw;
	padding-top: 2vh;
}

#fechar_sobre{
	right: 5vw;
	bottom: 5.5vh;
	position: absolute;
	font-style: italic;
	opacity: 0.5;
}

#fechar_sobre:hover{
	opacity: 1;
	cursor: pointer;
}

.texto_intro{
	display: flex;
 	justify-content: center;
 	flex-direction: column;
	text-align: center;
	height: 87vh;
	width: 50vw;
	margin: auto;
	font-size: 2vh;
	font-style: italic;
	font-weight: 100;
	opacity: 0;
}

#skip_intro{
	width: 8vw;
	height: 3vh;
	right: 2vw;
	bottom: 3.5vh;
	position: absolute;
	z-index: 200;
	font-style: italic;
	font-size: 1.5vh;
	opacity: 0.5;
}

#skip_intro:hover{
	cursor: pointer;
	opacity: 1;
}

#contentor header{
	height: 15vh;
	width: 100vw;
}

#titulo a{
	margin: 0;
	float: left;
	font-size: 2.5vh;
	padding: 8vh 0 0 18vw;
	letter-spacing: 0.3vw;
	font-weight: 300;
	text-decoration: none;
	color: #FFFFFF;
}

#titulo a:hover{
	cursor: pointer;
}

#menu{
	width: 30vw;
	float: right;
	margin: 9vh 18vw 0 0;
	text-align: right;
}

#menu a{
	font-style: italic;
	opacity: 0.5;
	padding-left: 1.5vw;
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover{
	opacity: 1;
	cursor: pointer;
}



#estrelas{
	margin: 10vh 0 22vh 0;
	height: 40vh;
	position: relative;
}

section{
	margin: 10vh auto 30vh;
	width: 100vw;
	text-align: center;
	position: absolute;
}

#esfera_norte{
	height: 30vh;
	padding-top: 5vh;
	margin-right: 30;

}

#esfera_sul{
	height: 30vh;
	padding-top: 5vh;
	margin-left: 30;
}


#linha{
	height: 40vh;
	width: 85vw;
}

footer{
	height: 13vh;
	position: absolute;
	z-index: 10;
	width: 40vw;
	padding: 0 30vw 0 30vw;
}

.som_aviso{
	height: 5vh;
	margin-bottom: -2vh; 
}

.texto_aviso_som{
	height: 5vh;
	font-size: 1.25vh;
	opacity: 0.5;
	font-style: italic;
	animation-duration: 3s;
	animation-iteration-count:infinite;
	animation-name: info;	
}


@keyframes info{
	0%   { opacity: 0.25; }
	50% { opacity: 0.5; }
	100% { opacity: 0.25; }
}
@keyframes fade-in{
	0%   { opacity: 0; }
	50% { opacity: 0.5; }
	100% { opacity: 1; }
}

@keyframes sul{
	0%   { margin-left: 30; }
	100% { margin-left: -38vw; }
}

@keyframes norte{
	0%   { margin-right: 30; }
	100% { margin-right: -38vw; }
}

@keyframes norte_reset{
	100% { margin-right: 38; }
}



.selectDisable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#arquivo{
	width: 100vw;
	height: 100vh;
	text-align: left;
	position: relative;
	display: none;
}


#contentor_arquivo{
	padding: 8vh 4.7vw 0 4.7vw;
	width: calc(84.4vw - 9.4vw);
	height: 85vh;
	margin-left: 15.6vw;
}

#barra_lateral{
	width: 9.6vw;
	height: calc(100vh - 2px - 11vh); /*border cima e baixo*/
	border-right: #FFFFFF solid 1px;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	padding: 10vh 3vw 3vh 3vw;
}

.divisoria_lateral{
	margin-bottom: 5vh;
}

#barra_lateral a{
	width: 9.6vw;
	display: inline-block;
	font-style: italic;
	opacity: 0.5;
	padding-bottom: 0.5vh;
}

#barra_lateral a:hover{
	cursor:pointer;
	opacity: 1;
}

.video{
	width: 15.6vw;
	height: 19.2vw;
	margin: 0 4.5vw 7vh 4.5vw;
	position: relative;
	display: inline-block;
}

.titulo_video p {
	margin: 0;
}

.titulo_video{
	display: flex;
 	justify-content: flex-end;
 	flex-direction: column;
	text-align: justify;
	font-size: 1.2vw;
	height: 3vw;
	
}

.descricao_video{
	text-align: left;
	font-style: italic;
	font-size: 0.75vw;
	opacity: 0.5;
	height: 6vh;
}

.img_video{
	width: calc(15.6vw - 2px);
	border: #FBFBFB 1px solid;
	border-radius: 5%;
}

.play{
	position: absolute;
	bottom: -1.25vh;
	right: -1.25vw;
	width: 2.5vw;
}

#desfoque{
	display: none;
	position: absolute;
	top: 100vh;
	width: 100vw;
	height: 100vh;
	z-index: 25;
	background-color: #1e1e1e;
}

.blur{
	-webkit-filter: blur(10px);
	filter: url('/media/blur.svg#blur');
	filter: blur(10px);
	
	opacity: 0.7;
}

#videoDisplay{
	display: none;
	position: absolute;
	top: 100vh;
	width: 50vw;
	height: 50vh;
	margin: 25vh 25vw;
	border: none;
	z-index: 26;
	background-color: #1e1e1e;
}
/*
#videoDisplay {
	width: 100%;
	height: 100%;
}
*/
.play:hover {
	cursor: pointer;
}

#seta_superior{
	position: absolute;
	right: 3vw;
	height: 79px;
	bottom: 0;
	width: 34px;
	background-image: url(../img/home.png);
	transition: 500ms ease-in-out;
	-moz-transition: 500ms ease;
}

#seta_superior:hover{
	cursor: pointer;
	background-image: url(../img/home_hover.png);
	transition: 500ms ease-in-out;
	-moz-transition: 500ms ease;
}

.categoria-activa{
color:rgba(14,162,245,1.00);
opacity: 1;
}