@font-face {
    font-family: 'telluralregular';
    src: url('tellural-webfont.eot');
    src: url('tellural-webfont.eot?#iefix') format('embedded-opentype'),
      url('tellural-webfont.woff2') format('woff2'),
      url('tellural-webfont.woff') format('woff'),
      url('tellural-webfont.ttf') format('truetype'),
      url('tellural-webfont.svg#telluralregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'telluralregular_italic';
    src: url('tellural_italic-webfont.eot');
    src: url('tellural_italic-webfont.eot?#iefix') format('embedded-opentype'),
      url('tellural_italic-webfont.woff2') format('woff2'),
      url('tellural_italic-webfont.woff') format('woff'),
      url('tellural_italic-webfont.ttf') format('truetype'),
      url('tellural_italic-webfont.svg#telluralregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin: 0;
	font-family: 'tellural_altregular', "Arial", sans-serif;
	color: #4a4a4a;
	background-color: #e9e9e9;
}

header {
	width: 100%;
  opacity: 0.95;
	position: fixed;
	top: 0;
}

footer {
	color: #fff;
}

#content {
	padding-top: 80px;
}

table.content {
	border-collapse: separate;
	border-spacing: 20px;
}

#news {
	color: #4a4a4a;
}

a, a.menu:hover {
	color: #4a4a4a;
	text-decoration: none;
}

a:hover{
	color: #f07d00;
	cursor: pointer;
}

h1 {
	font-size: 24pt;
	margin: 0;
}

h2 {
	font-size: 21pt;
	margin: 0;
}

h3 {
	font-size: 19pt;
	margin: 0;
}

h4 {
	font-size: 17pt;
	margin: 0;
}

h5 {
	font-size: 15pt;
	margin: 0;
}

h6 {
	font-size: 12pt;
	margin: 0;
}

.box-content {
	background-color: #f8f8f8;
	padding: 30px 30px;
	text-align: justify;
	vertical-align: top;
}

.menu {
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	font-size: 13px;
	background: #f8f8f8;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
}

.menu:hover {
	background: #e9e9e9;
	text-decoration: none;
}

.menumobile {
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	font-size: 15px;
	background: #e9e9e9;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
}

.soft {
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	font-size: 15px;
	background: #e9e9e9;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
}

.soft:hover {
	background: #f8f8f8;
	text-decoration: none;
}

.hamburger {
	min-height: 30px;
	max-width: 50px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	background-color: #f07d00;
	position: absolute;
	width: 40px;
	height: 4px;
	border-radius: 5px;
	content: '';
	transition-timing-function: ease;
	transition-duration: .2s;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
}

.hamburger-inner:before {
	top: 10px;
}

.hamburger-inner:after {
	top: 20px;
}

.hamburger.open .hamburger-inner {
	-webkit-transform: translate3d(0,10px,0) rotate(45deg);
	transform: translate3d(0,10px,0) rotate(45deg);
}

.hamburger.open .hamburger-inner:after {
	-webkit-transform: translate3d(0,-20px,0) rotate(-90deg);
	transform: translate3d(0,-20px,0) rotate(-90deg);
}

.hamburger.open .hamburger-inner:before {
	-webkit-transform: translate3d(0,-20px,0) rotate(90deg);
	transform: translate3d(0,-20px,0) rotate(90deg);
	opacity: 0;
}
