body {
	border: 0;
	margin: 0;
	padding: 0;	
}

#contentwrap{
width: 958px;
margin: 0 auto 0 auto;
height: 100%;
}

.logo {
float: left;
text-align: center;
margin: 8px 0 8px 8px;
width: 562px;
height: 162px;
display: block;
padding: 12px 0 0 0;
}



.logo img {
border: none;
}

.kocka {
float: left;
text-align: center;
margin: 8px;
width: 174px;
height: 174px;
}

.kocka p {
text-transform: uppercase;
font-size: 15px;
font-family: verdana,arial,sans-serif;
font-weight: bold;
}

.kocka a {
	color: #fff;
	text-decoration: none;
	width: 174px;
    height: 82px;
    display: block;
    padding: 60px 0 0 0;
}

.kocka:hover {
background-color: #006699;
}

#menu a:hover {
	color: #000;
}


.szinegy {
background-color: #eb8f66;
}

.szinketto {
background-color: #eea27a;
}

.szinharom {
background-color: #efb599;
}


#footer{
width: 940px;
margin: 0 auto 0 auto;
color: #df6d27;
font-size: 14px;
font-family: verdana,arial,sans-serif;
}

#footer img {
border: none;
vertical-align: middle;
padding: 0 10px 0 30px;float:right;
}

/* clearfix hack
----------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}