body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #414141;
	background: url(../img/bg.png) repeat top left;
}

.main {
	margin-top: 5%;
}

@media screen and (max-width:980px) {
.main {
	margin-top: 30%;
	margin-bottom: 30%;
}

@media screen and (max-width:1280px) {
/*@media only screen and (max-width: 1280px) and (min-height: 600px) { */
.main {
	margin-top: 5%;
	margin-bottom: 5%;
}
}

@media screen and (max-width:1920px) {
.main {
	margin-top: 6%;
	margin-bottom: 6%;
}
}
}

.welcome-container {
	min-width: 600px;
	max-width: 750px;
	clear: both;
	padding: 15px;
	margin: 10 auto;
	background: url(../img/running-man-welcome.png) no-repeat center center;
}

.welcome-title {
	color: #3871c0;
	font-size: 28px;
	font-weight: normal;
}

.logo {
	margin: 25px 0;
}

.radekal-ver {
	color: #ec1c24;
	font-size: 18px;
	font-weight: bold;
}

.module-button-holder {
	margin: 10px 0;
}
.module-button-holder span.module-name {
	font-size: 15px;
	font-weight: bold;
	color: #414141;
}

.module-button-holder {
	margin: 10px 0;
}
.module-button-holder span.module-name {
	font-size: 15px;
	font-weight: bold;
	color: #414141;
}
.module-button {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}

.button {
	font-size: 15px;
	color: #414141;
	font-weight: bold;
	text-decoration: none;
}
.button:hover {
	font-size: 15px;
	color: #3871c0;
	font-weight: bold;
	text-decoration: none;
}
.module-button a {
	font-size: 15px;
	color: #414141;
	font-weight: bold;
	text-decoration: none;
}
.module-button a:hover {
	font-size: 15px;
	color: #3871c0;
	font-weight: bold;
	text-decoration: none;
}
.module-button img {
	padding: 15px;
	margin: 10px 0;
	border: 5px solid #7ac1e7;
}
.module-button img:hover {
	padding: 15px;
	margin: 10px 0;
	border: 5px solid #3871c0;
}

.footer-welcome {
	font-size: 15px;
	margin: 50px 20px;
	padding: 10px 0 0 0;
	border-top: 1px solid #7ac1e7;
}