/*	FONT NAMES
	font-family: 'yanone_kaffeesatzextra_light', Arial, sans-serif;
	font-family: 'yanone_kaffeesatzlight', Arial, sans-serif;
	font-family: 'yanone_kaffeesatzregular', Arial, sans-serif;
	font-family: 'yanone_kaffeesatzbold', Arial, sans-serif;
*/

html {
	background: url(../gfx/bg4.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: rgb(63,63,63);
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 125%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 1.1em;
	color: rgb(48,39,25); 
	overflow: hidden;
}

div, p, a, h1, h2, h3, span, b, strong, q, i, em {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	}

div, p, a, h2, h3, span, q, i, em {
	font-family: 'yanone_kaffeesatzlight', Arial, sans-serif;
	}

b, strong, h1 {
	font-family: 'yanone_kaffeesatzregular', Arial, sans-serif;
	}

p {
	padding-bottom: 9px;
	}
h1 {
	font-size: 3em;
	line-height: 0.9em;
	}
h2 {
	font-size: 1.5em;
	line-height: 1em;
	text-transform: uppercase;
	}
h3 {
	font-size: 1.5em;
	line-height: 1em;
}
a {
	color: rgb(253,212,96);
	transition: all 0.5s ease;
	}
a:hover {
	color: rgb(255,255,255);
	}
q:before {
content:"«";
}
q:after {
content:"»";
}
small {
	display: block;
	font-size: 0.75em;
	color: rgb(95,95,95);
	line-height: 13px;
	padding-bottom: 7px;
}
.mail:after {
	content:" info@unitar-game.com";
}
hr {
	color: rgb(0,0,0);
	background-color: rgb(0,0,0);
	border: 0;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	}

.hide {
	display: none;
	visibility: hidden;
	}

#wrapper {
	width: 80%;
	height: 100%;
	margin: 0 auto;
	}

#blank {
	z-index: -99;
	position: absolute;
	top: 0px;
	left: 26%;
	width: 74%;
	height: 100%;
	background: rgb(239,238,225);
	}

#boxn {
	float: left;
	width: 40%;
	height: 100%;
	padding: 0px;
	}

#boxc {
	float: left;
	width: 60%;
	height: 100%;
	padding: 0px;
	}

/* #boxcc {
	position: absolute;
	top: 80px;
	left: 400px;
	right: 0;
	bottom: 40px;
	width: 580px;
	padding: 0px 10px;
	margin: 0 auto;
	overflow: hidden;
	} */

#boxcc {
	float: left;
	margin: 8% 0 0 8%;
	width: 72%;
	height: 80%;
	}

.how img {
	padding: 3%;
	width: 94%;
	background: rgba(15,15,15,0.1);
	}

.box1, .box2, .box3, .box5 {
	float: left;
	padding: 1vw;
	}

.box1 {
	width: 14vw;
	height: 14vw;
	}

.box2 {
	width: 30vw;
	height: 14vw;
	}

.box3 {
	width: 46vw;
	height: 14vw;
	}

/* .box33 {
	width: 580px;
	height: 60px;
	} */

.box5 {
	width: 78vw;
	height: 14vw;
	}

.half {
	height: 7vw;
	}

#branding {
	display: block;
	float: left;
	/* padding: 20px 0 0 24px; */
	color: rgb(255,255,255);
	}

#branding a {
	margin-top: 0.5em;
	font-family: 'yanone_kaffeesatzregular', Arial, sans-serif;
	opacity: 0.67;
	color: rgb(255,255,255);
	}

#branding a:hover {
	color: rgb(255,255,255);
	opacity: 1;
	}

.menuitem {
	display: block;
	width: 12vw;
	height: 12vw;
	padding: 1vw;
	opacity: 0.67;

	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 7px;
	/* Firefox 1-3.6 */
	-moz-border-radius: 7px;
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 10px;

	transition: all 0.5s ease;
	}

.menuitem a {
	display: block;
	width: 10vw;
	height: 10vw;
	padding: 1vw;
	border-radius: 0.5vw;
	background: rgba(0,0,0,0);
	color: rgb(255,255,255);
	font-family: 'yanone_kaffeesatzregular', Arial, sans-serif;
	font-size: 1.25em;

	transition: all 0.5s ease;
	}

.menuitem:hover > a {
	background: rgba(0,0,0,0.67);
	color: rgb(255,255,255);
	}

.white {
	background: rgb(194,189,169);
	}
.yellow {
	background: rgb(253,212,96);
	}
.yellow:hover {
	background: rgb(253,199,46);
	}
.red {
	background: rgb(170,87,69);
	}
.red:hover {
	background: rgb(170,60,36);
	}
.blue {
	background: rgb(74,76,176);
	}
.blue:hover {
	background: rgb(39,41,176);
	}

#news {
	float: left;
	width: 28.5vw;
	height: 28.5vw;
	padding: 2.5vw 1vw 1vw 2.5vw;
	overflow: hidden;
	color: rgb(255,255,255);
	}

#news strong {
	}

#news a {
	text-decoration: underline;
	color: rgb(255,255,255);
	}

#imprint {
	position: absolute;
	/* height: 2.5em; */
	right: 0;
	bottom: 0;
	left: 26%;

	/* background: rgba(15,15,15,0.2); */
	transition: all 0.5s ease;
	}

/* #imprint:hover {
	height: 100%;
	background: rgba(15,15,15,1);
	} */

#imprint div {
	padding: 0.62em 1em 1em 1em;
	color: rgb(255,255,255);
	opacity: 0.67;
	}

#imprint div a {
	text-decoration: underline;
	}

#imprint div a:hover {
	opacity: 1;
	}

/*___*/
#clickslide {
    cursor: pointer;
	}

.slide {
	height: 2.5em;
	background: rgba(15,15,15,0.2);
	}

.long {
	height: 100%;
	background: rgba(15,15,15,1);
	}