@font-face
{
	font-family:adobe;
	src:url(../AdobeMingStd-Light.otf);
}

@font-face
{
	font-family:GOTHIC;
	src:url(../GOTHIC.TTF);
}

#header {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

html,body, div
{
	margin:0;
	padding:0;
}

body
{
	width:100%;
	height:100%;
	background-image:-webkit-linear-gradient(top, rgba(58,47,64,1), rgba(58,47,64,0));
	background-image:-moz-linear-gradient(top, rgba(58,47,64,1) 0, rgba(58,47,64,0) 100%);
	background-repeat:no-repeat;
}

#container
{
    position: absolute;
    /*max-width: 1024px;*/
    width: 100%;
	font-family:GOTHIC;
	/*background-color:rgba(210,210,210,1);*/
	background-image:-moz-linear-gradient(top, rgba(58,47,64,1) 0, rgba(58,47,64,0) 100%);
	overflow-x:hidden;
}

.full-width
{
	width:1024px;
	max-width: 100%;
}

#surrounding-frame
{
	position:relative;
	top:80px;
	left:0;
	right:0;
	margin:auto;
	border:25px solid rgba(0,0,0,1);
	border-radius:0px;
	box-shadow:0 0 15px rgb(0,0,0);
	background-color:gold;
	z-index:70;
}

#header
{
	position:relative;
	height:160px;
	left:0;
	right:0;
	margin:auto;
	background-color:black;
}

#header-logo-frame
{
	position:absolute;
	width:780px;
	height:110px;
	left:0;
	right:0;
	top:0px;
	margin:auto;
	-webkit-transform:scale(0.8);
}

#header-logo
{
	position:absolute;
	width:110px;
	height:110px;
	bottom:50px;
	left:0px;
	right:0px;
	margin:auto;
	/*background-image:url(../images/nubira_logo_wht_no_dots.png);*/
	background-size:110px;
	background-repeat:no-repeat;
	-webkit-transition:-webkit-transform 2s;
	-moz-transition:-webkit-transform 2s;
}

#header-logo:hover
{
	/*-webkit-transform:rotateY(720deg);*/
}

#header-writing
{
	position:absolute;
	width:0px;
	left:385px;
	top:0px;
	margin:auto;
	text-align:center;
	font-family:GOTHIC;
	font-size:103px;
	/*font-weight:bold;*/
	padding-left:0px;
	letter-spacing:0px;
	z-index:0;
	color:gold;
	line-height:103px;
	/*text-shadow:0px 0px 10px black;*/
	
}

#header-writing-mirrored
{
	position:absolute;
	left:30px;
	
	top:0px;
	margin:auto;
	text-align:center;
	font-family:GOTHIC;
	font-size:103px;
	/*font-weight:bold;*/
	padding-left:0px;
	letter-spacing:0px;
	z-index:0;
	color:white;
	line-height:103px;
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	/*text-shadow:0px 0px 10px black;*/
	
}

#crta1
{
	position:absolute;
	width:129px;
	height:7px;
	left:326px;
	background-color:white;
	/*background-image:-webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(254,213,48,1) 50%, rgba(254,213,48,1) 100%);*/
}

#crta2
{
	position:absolute;
	width:129px;
	height:7px;
	left:326px;
	top:100px;
	background-color:white;
	/*background-image:-webkit-linear-gradient(left, rgb(255,255,255) 0%, rgb(255,255,255) 50%, rgb(254,213,48) 50%, rgb(254,213,48) 100%);*/
}

#pika1
{
	position:absolute;
	width:10px;
	height:10px;
	left:0px;
	top:55px;
	background-color:white;
	border-radius:10px;
}

#pika2
{
	position:absolute;
	width:10px;
	height:10px;
	left:770px;
	top:55px;
	background-color:gold;
	border-radius:10px;
}


#menu
{
	position:absolute;
	height:30px;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	border-style:solid none none none;
	border-color:white;
	border-width:1px;
	background-color:black;
	color:white;
}

.selected-item div
{
	position:absolute;
	top:-5px;
	width:170.66px;
	height:4px;
	background-color:white;
}

.hovered-item div
{
	position:absolute;
	top:-5px;
	width:170.66px;
	height:4px;
	background-color:white;
}

.menu-items div
{
	position:absolute;
}

.menu-items
{
	position:relative;
	float:left;
	width:170.66px;
	height:30px;
	text-align:center;
	/*-webkit-transition:letter-spacing 0.5s;
	-moz-transition:letter-spacing 0.5s;*/
	cursor:default;
}

.menu-items span
{
	position:relative;
	height:30px;
	width:100%;
	line-height:190%;
	font-weight:400;
	pointer-events:none;
}

.em {
    background-color: white;
    padding: 20px;
    font-weight: bold;
    border: 3px solid black;
}

/*#home-header-frame-container
{
	width:100%;
	height:500px;
}*/

#home-header-frame
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:500px;
	overflow:hidden;
	background-color:black;
	border-style:none none solid none;
	border-color:black;
	border-width:10px;
}

.home-header-frames 
{
	float:left;
	width:163px;
	height:100%;
	border: 1px solid black;
	background-color:white;
	-webkit-transform: skewX(-19deg);
	-moz-transform: skewX(-19deg);
	overflow:hidden;
}

.home-header-frames:nth-of-type(1)
{
	margin-left:85px;
}

/*.home-header-frames:nth-of-type(7)
{
	border-style:none none solid none;
	background-color:transparent;
	background-image:-webkit-linear-gradient(19deg,rgba(0,0,0,1) 0%, rgba(0,0,0,1) 51%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%);
}*/

.home-header-frames:nth-of-type(1) img
{
    -webkit-transform: skewX(10deg);
	-moz-transform: skewX(19deg);
	-webkit-filter: sepia(100%); /* Safari 6.0 - 9.0 */
    filter: sepia(100%);
	width:3000px;
	margin-top:-420px;
	margin-left:-1580px;
	
	
}

.home-header-frames#maraya img
{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: sepia(100%);
	-webkit-transform: skewX(19deg);
	-moz-transform: skewX(19deg);
	height:1000px;
	margin-left:-490px;
	margin-top:-155px;
	
}

.home-header-frames:nth-of-type(3) img
{
	/*-webkit-transform: rotateY(180deg) rotateZ(0);*/
	/*-moz-transform: rotateY(180deg) rotateZ(0);*/
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: sepia(100%);
	-webkit-transform: skewX(19deg);
	-moz-transform: skewX(19deg);
	height:800px;
	margin-left:-120px;
	margin-top: -240px;
}

.home-header-frames#palma img
{
    -webkit-filter: sepia(100%); /* Safari 6.0 - 9.0 */
    filter: sepia(100%);
	-webkit-transform: skewX(19deg);
	-moz-transform: skewX(19deg);
	height:900px;
	margin-top:-160px;
	margin-left:-120px;
}

.home-header-frames:nth-of-type(5) img
{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: sepia(100%);
	-webkit-transform: skewX(19deg);
	-moz-transform: skewX(19deg);
	width:800px;
	margin-left:-147px;
	margin-top:-10px;
	
}

.home-header-frames img
{
	opacity:1;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
}

.home-header-frames img:hover
{
	opacity:0.7;
}

#announcement
{
	background-color:white;
	height:300px;
}

#content
{
	position:relative;
	left:0;
	right:0;
	margin:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:20px 30px;
	background-color:gold;
	/*background-image:url(../images/bg_texture2.jpg);*/
	color:black;
	z-index:-5;
}

.floating
{
	float:left;
}

#footer
{
	position:relative;
	height:150px;
	left:0;
	right:0;
	margin:auto;
	background-color:black;
	z-index:80;
}

a:not(.be-a-link)
{
	text-decoration:none;
}
a:link:not(.be-a-link), a:visited:not(.be-a-link)
{
	color:black;
}