/* CSS Document */
#loadElements{
	display:none;
}
/**Thumbs**************************************************************/
#ele_thumbs_Cont{
	margin-top:20px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

.ele_thumb{
	/*flex: 1 1 400px;*/
	width: 400px;

	margin:0px 20px 20px 20px;
	min-height:100px;
	height:auto;
	position:relative;
	box-sizing: content-box;
	
	background-repeat:no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center;
	
}

.ele_thumb_cont{
	max-width:940px;
	margin:auto;	
	vertical-align: middle;
	position:relative;
	padding:30px 10px;
}


.ele_thumb_bg{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;	
	background-color:#0F0;
	opacity:0.8;
	
	transition: background-color 0.3s, opacity 0.3s;
}
.ele_thumb:hover .ele_thumb_bg{
	background-color:#000;
	opacity:1;
}

.ele_thumb:hover p{
	color:#FFF;
}


.ele_thumb h2{
	color:#FFF;
	font-size:40px;
}
.ele_thumb p{
	color:#000;
	font-size:20px;
	transition: color 0.3s;
}

/**Elementos**************************************************************/
#elementos{
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	left:-100%;
	z-index: 20;
}
.elemento{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height:100%;
	height:auto;
	background-color:#000;
	
	/*transition: opacity 1s;*/	
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-duration: 1s;
	
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
}

.ele_header{
	position:relative;	
	display:block;
	max-width:900px;
	width:auto;
	margin:auto;
	height:200px;
}
.ele_fechar{
	position:absolute;
	right:0px;
	top:80px;
}
.ele_goGal{
	position:absolute;
	right:0px;
	bottom:0px;
	width:20px;
	height:20px;
}
.ele_goGal *{
	cursor:pointer;
}
.ele_desc{
	margin-top:10px;
	font-size:20px;
	color:#FFF;
}

.elemento h1{
	position:relative;	
	font-size:40px;
	color:#FFF;
	text-align:left;
	margin:0px auto 20px auto;
}


.ele_dados, .ele_partilha, .elemento h1{
	max-width:900px;
	
}

.ele_dados, .ele_partilha{
	color:#FFF;
	font-size:20px;
	margin:auto;
}

.ele_partilha{
	margin-top:60px;	
}

.ele_partilha li{
	display: inline-block;
    margin-right: 20px;
    vertical-align: top;	
}

.ele_partilha svg, .ele_partilha svg *{
	transition: fill .4s ease;
	fill:#FFF !important;
}
.ele_partilha a:hover *{
	fill: #0F0 !important;
	color: #0F0;
}


.ele_dados{
	margin-top:80px;
}
.ele_dados li{
	margin-top:17px;
}

.ele_media{
	margin-top:70px;
}
.ele_meta{
	display:none;
}

.slide_link, .slide_cont div{
	margin:auto;
	width:100%;	
}

.slide img{
	width:100%;
	height:auto;
	margin:auto;
	max-width:1280px;
}
.slide .linkVideo{
	position:absolute;
	top:50%;
	left:50%;
	max-width:10%;
	width:80px;
	height:auto;
	transform:translate(-50%, -50%);
}
.slide_comando{
	position:absolute;
	bottom:40px;
}
@keyframes elementoOpen{
	0%{
		opacity:0;
	 	left:0px;
	}
    1%{
		opacity:0;
	 	left:100%;
	}
	100%{
		opacity:1;
	 	left:100%;
	}
}
@keyframes elementoClose{
	0%{
		opacity:1;
	 	left:100%;
	}
    99%{
		opacity:0;
	 	left:100%;
	}
	100%{
		opacity:0;
	 	left:0px;
	}
}

#but_moreEle{
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
	margin: 15px auto;
	display: block;
}

#but_moreEle:hover{
	background-color:#000;
	color:#FFF;
}