@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/calibri.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.90);
	--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;
}


.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: inline;
	position: fixed;
	width: 200px;
	height: auto;
	left: 20px;
	vertical-align:middle;
}

div#divCabecalho{
	position: fixed;
	top: 0px;
	left: 0px;
	padding: 10px 10px 10px 10px;
	width: 100%;
	height: 50px;
	background-color: white;
	z-index: 1;
}

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

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

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

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

.flag:hover{
	filter:opacity(50%);
}

#menuIcon{
	display: none;
}

nav#menu{
	text-align: right;
	position:absolute;
	bottom: 10px;
	right: 0px;	
}

nav#menu ul{
	position: relative;
	padding: 10px 10px 10px 10px;
	
}

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

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

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

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

@media only screen and (max-width: 980px){
	
#princ{
	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;
}

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

div#divCabecalho{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px 10px 10px 10px;
	width: 100%;
	height: 120px;
	background-color: white;
	z-index: 1;
}

	#menuIcon{							/*x */
	position: absolute;
	display: block;
	width: 100px;
	height: auto;
	top: 20px;
	left: 20px;		
	}

	
	#langSel{
	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;
}

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

#langSel a:hover{
	color:var(--YlDark);
}
	
.flag{
	width: 60px;
	height: auto;
	filter: none;
	margin-top: 5px;
	padding: 10px 5px 10px 5px;
	
}
	
	
nav#menu{
	text-align: left;
	position:absolute;
	top: 100px;
	left: 0px;	
	font-size: 33px;
}

nav#menu ul{
	position: relative;
	padding: 10px 10px 10px 10px;
	background-color: white;
	
}

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

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

footer{											/*x */
	background-color: white;
	font-family: fontText;
	color: black;
	width: 100%;
	position:static;
	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;
	
}
	
}