@CHARSET "UTF-8";


/*#box {
	width: 100px;
	height: 100px;
	background-color: cornFlowerBlue;
}*/

@media (min-width: 1280px) {
	
	body {
	overflow-x: hidden;
	}

/*@keyframes enterPage {
	0% {
		opacity: 1; visibility: visible;
	}
	100% {
		opacity: 0; visibility: hidden;
	}  
}*/



#caixa-descricoes {
	width: 1000%;
	height: 80vh;
	transform: translateY(119%);
	position: fixed;
	background-color: #ffffff;
	box-shadow: 0 0 10px gray;
	z-index: 3000;
	opacity: 0.0;
	transition-property: all;
	transition-duration: 0.4s;
	/*visibility: hidden;*/
}


#d1 h5 {
	
}

#caixa-descricoes:hover {
	transform: translateY(60%);
	background-color: #fefefe;
	opacity: 1;
}

.descricao {
	width: 10%;
	float: left;
}

/*@keyframes squareRotation {
	0% {rotate(90deg);}
	25% {rotate(180deg);}
	50% {rotate(270deg);}
	100% {rotate(360deg);} 
}


.rotateSquared {
	float: left; 
	transform: translateX(7480%) translateY(15%);
	font-family: Trebuchet MS; font-size: 2.4vh;
	animation-name: squareRotation;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

#bloco-animado-1 {
	width: 100px;
	height: 100px;
	background-color: steelBlue;
	
	/*animation-direction: alternate;
}
*/



.cdb1 {width: 100%; height: 1vh; background-color: transparent; float: left;}
.cdb2 {width: 97%; height: 4vh; background-color: transparent; float: left; text-align: right;}
.cdb3 {width: 3%; height: 4vh; background-color: transparent; float: left;}
.cdb4 {width: 2%; height: 73vh; background-color: transparent; float: left;}
.cdb5 {width: 96%; height: 73vh; background-color: transparent; float: left;}
.cdb6 {width: 2%; height: 73vh; background-color: transparent; float: left;}

#caixa-descricoes h2 {
	font-family: Trebuchet MS;
	font-size: 2.1vw;
	color: #555555;
}
#caixa-descricoes h3 {
	font-family: Trebuchet MS;
	font-size: 1.2vw;
	color: #333333;
}
#caixa-descricoes h4 {
	font-family: Trebuchet MS;
	font-size: 1.5vw;
	text-transform: uppercase;
	color: #555555;
}
#caixa-descricoes h5 {
	font-family: Calibri;
	font-size: 1.1vw;
	color: #333333;
	text-decoration: none;
}
#caixa-descricoes h6 {
	font-family: Calibri;
	font-size: 0.9vw;
	color: #333333;
}

#caixa-descricoes a {
	cursor: pointer;
	/*transition-property: all;
	transition-duration: 0.4s;*/
}

#caixa-descricoes a:hover {
	cursor:pointer;
	/*transform: translateX(10px);*/
}

#caixa-descricoes-java {
	transition-property: all;
	transition-duration: 0.4s;
}

#content {
	/*width: 100%;*/
	/*height: 100vh;*/
	/*background-image: url(img/original.jpg);*/
	background-size: 100%;
	background-color: transparent;
	/*background-image: repeating-linear-gradient(135deg, #F9F9F9, #F9F9F9 2px, azure 2px, azure 4px);*/
	z-index: 500;
	/*position: fixed;*/
	
}

#loadingDiv {
	width: 10%;
	height: 10vh;
	transform: translateX(430%) translateY(430%);
	z-index: 20;
}

#loadingDiv img {
	width: 100%;
}

#sourceFiles {
	width: 50%;
	height: 86.7vh;
	background-color: #eeeeee;
	box-shadow: 0 0 10px gray;
	visibility: hidden;
	opacity: 0;
	position: fixed;
	transform: translateY(8.5vh);
	transition-property: all;
	transition-duration: 0.4s;
	z-index: 4000;
	font-family: Calibri, sans-serif;
	color: #333333;
	text-align: left;
		
}
.s1 {width: 100%; height: 2%; background-color: transparent; float: left;}
.s2 {width: 2%; height: 96%; background-color: transparent; float: left;}
.sourceDiv {width: 96%; height: 96%; background-color: transparent; float: left;}
.sD1 {width: 97%; height: 4%; background-color: transparent; float: left; font-size: 20px;}
.sD2 {width: 3%; height: 4%; background-color: transparent; float: left; font-size: 24px; text-align: right; font-family: Calibri, sans-serif;}
.sD3 {width: 100%; height: 2%; background-color: transparent; float: left;}
.sourceInfo {width: 100%; height: 94%; background-color: transparent; float: left; font-size: 13px;}

#sourceFiles #closeSourceFiles img {
	width: 100%;
	transition-property: all;
	transition-duration: 0.4s;
	cursor: pointer;
	opacity: 0.5;
}

#sourceFiles #closeSourceFiles img:hover {
	opacity: 1;
}

#transparentLayer {
	width: 100%;
	height: 10vh;
	transform: translateY(90vh);
	background-color: tranparent;
	visibility: hidden;
	position: fixed;
	z-index: 3500;
}

#mobileContent {
	visibility: hidden;
	position: fixed;
	z-index: 0;
	width: 0;
	height: 0px;
}

}



/*
***************
***************
***************
*/


@media (max-width: 1279px) {



#mobileContent {
	width: 100%;
	
	/*height: 1000vh;*/
	/*background-image: repeating-linear-gradient(135deg, #F9F9F9, #F9F9F9 2px, white 2px, white 4px);*/
	background-color: white; 
	z-index: 100;
}

#mobileContent-fix {
	height: 8.8vh;
	/*background-color: orange;*/
}

#caixa-descricoes {
	visibility: hidden;
	position: fixed;
	z-index: 0;
	width: 0;
	height: 0px;
}
#content {
	visibility: hidden;
	position: fixed;
	z-index: 0;
	width: 0;
	height: 0px;
}
#sourceFiles {
	visibility: hidden;
	position: fixed;
	z-index: 0;
	width: 0;
	height: 0px;
}
#transparentLayer {
	visibility: hidden;
	position: fixed;
	z-index: 0;
	width: 0;
	height: 0px;
}
#loadingDiv {
	visibility: hidden;
	position: fixed;
	z-index: 0;
	width: 0;
	height: 0px;
}
#mobileInfo {
	width: 100%
}
#mobileMedia {
	width: 100%
}
.dClass {
	width: 100%
}

}