body {
	font-family: "Averia Sans Libre", georgia !important;
	background:#003E6D!important;
	color:white!important;
	margin:0!important;
	padding-top:75px!important;
}

div.footer {
	margin-top:3em !important;
}

/*  .burger {
	padding:2px;padding-bottom:0;margin-bottom:2px !important;
}  */
.omini {
	margin-top:-24px !important;
}
/* Mobile Size */
@media screen and (max-width: 721px) {
.burger {
	padding:1px;padding-bottom:0;margin-bottom:-4px !important;
}
}


.head a {
	background:#2180CC!important;
	color:white!important;
	font-weight:normal !important;
}
.head a:hover {
	background:#efefef!important;
	color:#666!important;
}
.head {
	background:url(tiler.png)!important;
}
.center {
	margin:auto;
	width:100%;
}
.center a {
	color:white!important;
	text-decoration:underline; 
}
.tc {
	text-align:center;
}
h1 {
	font-size:1.8em !important;
	color:#DE3F00 !important; 
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
	border:0 !important; 
	padding:0 !important;
	background:#003E6D!important;
	text-align:center;
	margin-top:1em;
	margin-bottom:1.5em;
}
hr {
	border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
.notice {
	color:#C0C0C0; 
	font-size:0.8em;
}
.tagline {
	font-size:0.9em;
	background:url(tiler.png)!important;
	opacity: 0.6;
	padding:1em;
	border-radius:8px;
	border:1px solid #D3D3D3; 
	max-width:600px;
	margin:auto;
	margin-bottom:1em;
	color:#555;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.tagline:hover {
	opacity: 0.8;
	border:1px solid #efefef; 
	color:#333;
}
div.dreizett {
	position:relative!important;
	bottom:-8px!important;
	animation:fadein 3s;-moz-animation:fadein 4s;-webkit-animation:fadein 3s;
	z-index:99;
}
a.dreizett {
	font-weight:bold!important;
	font-size:1.8em!important;
	color:white!important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7)!important;
}
.frame {
	/*  border:3px solid silver; */
	 border-radius:4px;
	 text-align:center; 
	 padding:0.5em;
	 padding-top:1.2em;
	 color:navy;
	 max-width:594px;
	 text-align:center; 
	 margin-bottom:1px;
	 margin-top:0.5em;
	 font-size:1.1em;
	 margin:auto;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	 animation:fadein 2s;-moz-animation:fadein 3s;-webkit-animation:fadein 2s;
}

.frame {
	border: 1px dashed silver;
	box-shadow: 0 0 0 3px #D3D3D3, 0 0 0 4px silver, 0 0 0 8px #efefef, 0 0 2px 8px #666;
}

.frame a {
	color:#003E6D !important;
		text-decoration:underline; 
}
.do {
	width:100%; 
	border-top:2px solid #DE3F00;
	border-bottom:2px solid #DE3F00;
	margin-bottom:1em;
	color:#DE3F00;
}
.doit {
	width:100%; 
	border-top:2px solid #1D9B00;
	border-bottom:2px solid #1D9B00;
	color:#1D9B00;
	margin-bottom:1em;
}

.do td, .doit td {
	font-size:0.8em;
	text-align:center !important; 
}
img.crystalball {
	max-width:95px;
	width:19%;
}
img.glyph {
	width:44px;
}
.osobase {
	max-width:550px;
	margin:auto;
	margin-top:0;
	margin-bottom:1em;
	animation:fadein 2s;-moz-animation:fadein 3s;-webkit-animation:fadein 2s;
}
img.logo {
	width:100%;
	opacity:0.6;

}
img.logo:hover {
	opacity:1;
}
.logodiv {
	max-width:550px;
	margin:auto;
	margin-top:-1em;
	margin-bottom:0;
}

.odin {
	color:#666;
	font-size:0.8em;
	text-align:left;
}

@media screen and (max-width: 768px) {
	
h1 {
	font-size:1.4em !important; 
}
img.nav_logo_wh {
	position:fixed;
	top:55px;
	left:0px;
	width:65px;
	transition:all 1s;
}
}


/* Style The Dropdown Button */
.dropbtn {
    background-color: silver;
    color: navy;
    padding: 1px;
    font-size: 0.8em;
    border: none;
    cursor: pointer;
	height:1.1em;
	position:relative;
	margin-top:0px;
}

/* The container <div> - needed to position the dropdown content */
 .dropdown {
    position: absolute;
    display: block;
} 

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	position:absolute;
	
	min-width:250px;
    display: none;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 8px 12px;
    text-decoration: none;
    display: inline-block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #efefef;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: white;
}
@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}