/*mainStyle.css*/

@charset "UTF-8";

@font-face{
	font-family:fontLogo;
	src:url("../font/TrajanPro3-Regular.otf");
}
	
	@font-face{
		font-family: fontTitle;
		src:url("../font/georgia.ttf");
	}

@font-face{
	font-family: fontText;
	src: url("../font/calibril.ttf");
}
		
:root{
	--BkTrans50:rgba(0,0,0,0.50);
	--BkTrans:rgba(0,0,0,0.80);
	--Bk50:rgba(0,0,0,0.50);
	--WtTrans:rgba(255,255,255,0.50);
	--WtTrans80:rgba(255,255,255,0.80);
	--YlDark:rgba(140,115,0,1.00);
	--YlBright:rgba(254,202,0,1.00);
}



#princ{
	position:absolute;
	max-width: 1662px;
	right: 0;
    left: 0;
    margin: auto;
	background-color: yellow;
}


.selected a{
	color: var(--BkTrans50);
	text-decoration: none;
}

.unselected a{
	color: black;
	text-decoration: none;
}

.selected a:hover{
	color: var(--YlBright);
	text-decoration: none;
}

.unselected a:hover{
	color: var(--YlDark);
	text-decoration: none;
}

img#mainLogo{
	display:block;
	width: 250px;
	height: auto;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

#fraseMain{
	display:block;
	text-align: center;
	color: black;
	font-family: fontLogo;
	font-size: 17px;
	padding: 0px;
	position:absolute;
	top: 130px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#langSelMob{
	display:none;
}

#langSel{
	display:block;
	text-align: center;
	color: grey;
	font-family: fontText;
	font-size: 15px;
	padding: 0px;
	position:absolute;
	top: 180px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.lang p{
	line-height: 0px;
}

#langSel a{
	color: black;
	text-decoration: none;
}

#langSel a:hover{
	color:var(--YlDark);
}

#pt,#en{
	display: inline-block;
	width: 80px;
}

.flag{
	width: 25px;
	height: auto;
}



div#divCabecalho{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: calc(100% - 40px) ;
	background-color: white;
	z-index: 1;
}


#menuIcon{
	display: none;
}

nav#menu{
	text-align: right;
	position:absolute;
	width: 100%;
	top: 250px;
	right: 0px;	
}

nav#menu ul{
	display: inline;
	position: relative;
	padding: 10px 10px 10px 10px;
	list-style-type: none;
}

nav#menu li{
	margin-left: -10px;
	margin-right: 0px;
	padding: 10px 20px 10px 20px;
	font-family: fontLogo;
}

.menuHide{							/*x */
		display: block;
	}	
	
	.menuShow{							/*x */
		display: block;
	}

div#divCorpo{
	top:30%;
	width:100%;
	text-align: center;
	text-indent: 0;
}

.divImg{
	
	position: absolute;
	width: calc(100% - 300px);
	right: 0px;
	top: 0px;
}

#img1{
	opacity:0;
	animation-name: showImages;
	animation-duration: 32s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	
}

#img2{
	opacity: 0;
	animation-name: showImages;
	animation-duration: 32s;
	animation-delay: 8s;
	animation-iteration-count: infinite;
}

#img3{
	opacity: 0;
	animation-name: showImages;
	animation-duration: 32s;
	animation-delay: 16s;
	animation-iteration-count: infinite;	
}

#img4{
	opacity: 0;
	animation-name: showImages;
	animation-duration: 32s;
	animation-delay: 24s;
	animation-iteration-count: infinite;	
}

.divImg img{
	width: 100%;
	z-index: -1;
}

.aba{
	z-index: 1;
}


.aba{
	position: absolute;	
	font-weight:900;
	font-family: fontTitle;
	font-size: 30px;
	padding: 25px;
}

.aba span{
	text-align: center;
}

#aba1{
	color: white;
	right: 15%;
	top: 45%;	
	width: 40%;
	max-width: 380px; 
	clip-path: inset(0% 100% 0% 0%);
	animation-name: showAba;
	animation-duration: 32s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	
}

#aba2{
	color: white;
	left: 0.05%;
	top: 36%;	
	width: 43%;
	max-width: 500px;
	clip-path: inset(0% 100% 0% 0%);
	animation-name: showAba;
	animation-duration: 32s;
	animation-delay: 8s;
	animation-iteration-count: infinite;
	
}

#aba3{
	color: white;
	right: 10px;
	top: 10%;	
	width: 38%;
	clip-path: inset(0% 100% 0% 0%);
	animation-name: showAba;
	animation-duration: 32s;
	animation-delay: 16s;
	animation-iteration-count: infinite;
		
}

#aba4{
	color: white;
	right: 10px;
	bottom: calc(100px + 5%);	
	width: 50%;
	max-width: 600px;
	clip-path: inset(0% 100% 0% 0%);
	animation-name: showAba;
	animation-duration: 32s;
	animation-delay: 24s;
	animation-iteration-count: infinite;
	
}

@keyframes showAba{
	0%{clip-path:inset(0% 100% 0% 0%);}
	2%{clip-path:inset(0% 0% 0% 0%);}
	20%{clip-path:inset(0% 0% 0% 0%);}
	22%{clip-path:inset(0% 100% 0% 0%);}
	25%{clip-path:inset(0% 100% 0% 0%);}
}

@keyframes showImages{
	0%{opacity:0;}
	1%{opacity:1;}
	21%{opacity:1;}
	22%{opacity:0;}
	25%{opacity:0;}
}

.intaba{
	border-top: 2px solid var(--YlDark);
	border-bottom: 2px solid var(--YlDark);
	padding-top: 5px;
	padding-bottom: 2px;
}
/*index.css*/


footer{
	clear: both;
	background-color: white;
	font-family: fontText;
	color: black;
	width: 100%;
	position:fixed;
	height: 40px;
	left: 0px;
	bottom: 0px;
	z-index: 1;
}


footer div p{
	line-height: 10px;
}

@media only screen and (max-width: 1366px){
	
.aba{
	position: absolute;	
	font-weight:900;
	font-family: fontTitle;
	font-size: 25px;
	padding: 25px;
}
	
}

@media only screen and (max-width: 1160px){
	
.aba{
	position: absolute;	
	font-weight:900;
	font-family: fontTitle;
	font-size: 20px;
	padding: 25px;
}
	
}

@media only screen and (max-width: 980px){
	

	#princ{							/*x */
	position:absolute;
	right: 0;
    left: 0;
    margin: auto;
}




.selected a{
	color: var(--BkTrans50);
	text-decoration: none;
}

.unselected a{
	color: black;
	text-decoration: none;
}

.selected a:hover{
	color: var(--YlBright);
	text-decoration: none;
}

.unselected a:hover{
	color: var(--YlDark);
	text-decoration: none;
}

div#divCabecalho{						/*x */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 380px;
	background-color: white;
	z-index: 1;
}

#langSel{
	display:none;
	z-index: -1;
}

#langSelMob{
	display:block;
	text-align: right;
	color: grey;
	font-family: fontText;
	font-size: 40px;
	padding: 0px;
	position:absolute;
	top: 35px;
	right: 50px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	z-index: -1;
}


	
.flag{
	width: 60px;
	height: auto;
	filter: none;
	margin-top: 5px;
	padding: 45px 5px 10px 5px;
	
}

#divNav{								/*x */
	width: 100%;					
}	
	
	.menuHide{							/*x */
		display: none;
	}	
	
	.menuShow{							/*x */
		display: block;
	}	
	
img#mainLogo{							/*x */			
	display:block;
	width: 380px;
	height: auto;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

	#menuIcon{							/*x */
	position: absolute;
	display: block;
	width: 100px;
	height: auto;
	top: 60px;
	left: 60px;		
	}	
	
	
nav#menu{								/*x */	
	text-align: left;
	position:absolute;
	width: 100%;
	top: 220px;
	right: 0px;	
	font-size: 33px;
	background-color: white;
}

nav#menu ul{
	display: inline;
	position: relative;
	padding: 10px 10px 10px 10px;
	list-style-type: none;
}

nav#menu li{
	margin-left: -10px;
	margin-right: 0px;
	padding: 10px 20px 10px 20px;
	font-family: fontLogo;
}

	#fraseMain{
	display:block;
	text-align: center;
	color: black;
	font-family: fontLogo;
	font-size: 30px;
	padding: 0px;
	position:absolute;
	top: 130px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
	
div#divCorpo{
	top:30%;
	width:100%;
	text-align: center;
	text-indent: 0;
}

.divImg{								/*x */	
	
	position: absolute;
	width: 100%;
	right: 0px;
	top: 380px;
}

#img1{
	opacity: 0;
	animation-name: showImages;
	animation-duration: 32s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	
}

#img2{
	opacity: 0;
	animation-name: showImages;
	animation-duration: 32s;
	animation-delay: 8s;
	animation-iteration-count: infinite;
}

#img3{
	opacity: 0;
	animation-name: showImages;
	animation-duration: 32s;
	animation-delay: 16s;
	animation-iteration-count: infinite;	
}

#img4{
	opacity: 0;
	animation-name: showImages;
	animation-duration: 32s;
	animation-delay: 24s;
	animation-iteration-count: infinite;	
}

.divImg img{
	width: 100%;
	z-index: -1;
}

.aba{
	z-index: 1;
}


.aba{
	position: absolute;					/*x */
	font-weight:900;
	font-family: fontTitle;
	font-size: 32px;
	padding: 25px;
}

.aba span{
	text-align: center;
}

#aba1{									/*x */
	color: white;
	right: 15%;
	top: 44.5%;	
	width: 40%;
	max-width: 380px; 
	clip-path: inset(0% 100% 0% 0%);
	animation-name: showAba;
	animation-duration: 32s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	
}

#aba2{									/*x */
	color: white;
	margin: 0px;
	padding: 0px;
	left: 0%;
	top: 32.5%;	
	width: 43%;
	max-width: 500px;
	clip-path: inset(0% 100% 0% 0%);
	animation-name: showAba;
	animation-duration: 32s;
	animation-delay: 8s;
	animation-iteration-count: infinite;
	
}

#aba3{										/*x */
	color: white;
	right: 10px;
	top: 10%;	
	width: 40%;
	clip-path: inset(0% 100% 0% 0%);
	animation-name: showAba;
	animation-duration: 32s;
	animation-delay: 16s;
	animation-iteration-count: infinite;
		
}

#aba4{									/*x */
	color: white;
	right: 10px;
	bottom: 50px;	
	width: 50%;
	max-width: 600px;
	clip-path: inset(0% 100% 0% 0%);
	animation-name: showAba;
	animation-duration: 32s;
	animation-delay: 24s;
	animation-iteration-count: infinite;
	
}

@keyframes showAba{
	0%{clip-path:inset(0% 100% 0% 0%);}
	2%{clip-path:inset(0% 0% 0% 0%);}
	20%{clip-path:inset(0% 0% 0% 0%);}
	22%{clip-path:inset(0% 100% 0% 0%);}
	25%{clip-path:inset(0% 100% 0% 0%);}
}

@keyframes showImages{
	0%{opacity:0;}
	1%{opacity:1;}
	21%{opacity:1;}
	22%{opacity:0;}
	25%{opacity:0;}
}

.intaba{
	border-top: 2px solid var(--YlDark);
	border-bottom: 2px solid var(--YlDark);
	padding-top: 5px;
	padding-bottom: 2px;
}



	
	footer{											/*x */
	background-color: white;
	font-family: fontText;
	color: black;
	width: 100%;
	position:fixed;
	height: 90px;
	left: 0px;
	bottom: 0px;
	z-index: 1;
}
	
	


footer div p{										/*x */
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 35px;
	line-height:normal;
	
}
	
	
}




/*index.css*/
/* CSS Document */