/* CSS Document */
@font-face { font-family: MicrogrammaDBolExt; src: url('microdboldext.ttf'); } 
@font-face { font-family: Disintegration; src: url('DISINTEG.TTF'); } 
html {
        background: url(images/bg.png_) no-repeat center center fixed;
		background-color:#000;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

body{
	color:#fff;
	font-family:Verdana;	
	font-size:15;		
	text-align: center;		
}

img.source-image {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index:2;
}

img{		
	border: 0px;
}

h1{
	font-size:24px;
}

body /* Mozilla Firefox alignment */ 
{ 
	text-align: -moz-center; 
} 

#tartalom{	
	margin:auto;		
	width:980px;	
	z-index:1;
	text-align: -moz-center;
}

#lany{
	background-repeat: no-repeat;
	width:700px;
	height:480px;
	padding-left:350px;	
}

.szurke{
	color:#a5a5a5;
}

.piros{
	color:#ff0000;
}

#top_logo{	
	width:980px;
	height:150px;	
	text-align: -moz-center;	
	z-index:1;
}

#akcio{
	position:absolute;
	width:200px;
	height:150px;
	top:10px;
	left:10px;
	z-index:1;
}

#header{
	font-family: Arial;
	font-weight:bold;
	font-size: 20px; 
	height:30px;
	background-repeat:no-repeat;		
	text-align:center;		
	width:980px;		
	line-height:30px;	
}


a{	
	color:#fff;
	text-decoration:none;
}

a:hover{
	color:#f00;
}

#multim{	
	height:320px;	
	width:980px;	
}

#kozpont{
	background-image:url(images/bg_kozpont.png);
	background-repeat:repeat-y;	
	width:980px;
	background-color:#fff;
	overflow: hidden;
}

#bal{
	width:710px;		
	float:left;
	background-color:#000;
	text-align: justify;	
	padding-left:12px;	
	background-image:url(images/bal.png);
	background-repeat:repeat-y;
	color:#fff;	
}


#bal a{	
	color:#fff;
	text-decoration:none;
}

#bal a:hover{
	color:#f00;
}

#jobb{	
	width:245px;		
	text-align:justify;
	float:right;
	background-color:#fff;
	background-image:url(images/jobb.png);
	background-repeat:repeat-y;
	color:#fff;
}

#footer{
	height:100px;
	margin: auto;			
	width:980px;			
	float:left;
	text-align: -moz-center;
	background-image:url(images/footer.png);
	background-repeat:no-repeat;
}

#footer{
	text-align: -moz-center;
	font-family:Arial;
	font-size:16;		
	color: #fff;
	text-align: center;	
}


#footer a{	
	color:#fff;
	text-decoration:none;
}

#footer a:hover{
	color:#fff;
	text-decoration:none;
}

#mediapartnerek{
	width:650px;
	text-align:center;
	margin:auto;
	overflow:hidden;
}

#mediapartner{
	width:160px;
	height:60px;
	text-align:center;
	float:left;
}

#cbox{
	width:200px;
	float:left;
}

#szponzorlogo{
	float:right;
}

/* WEBSHOP */
#webshopikon{	
	margin-top:-150px;	
	margin-left:-800px;
	margin-bottom:-40px;
}

#kategoriak{
	width:200px;
	float:left;
}

#termekek{
	width:490px;
	float:right;
}

#termekkepek{
	width:490px;
	text-align:center;
	margin:auto;
	overflow:hidden;
}

#termekkep{
	width:160px;
	height:160px;
	text-align:center;
	float:left;
}

#megrendelolap{
	width:300px;
	float:left;
}

#megrendelo_kosar{
	width:400px;
	float:left;
	padding-left:50px;
}

#kocka{
	width:233px;
	height:200px;
	text-align:center;
	float:left;
}

#kocka-keret{
	width:200px;
	height:200px;
	z-index:5;	
	margin-top:-200px;	
	background-image:url(images/sponsor_grad_bal.png);
}

#menu{
	width:700px;
	float:left;
	text-align:center;
}

#menu a{
	color:#fff;
	text-decoration:none;
	size:16px;
}

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

#szoveg{
	width:700px;
	font-size:14px;
	text-align:justify;
	float:left;
}

#szoveg a {
	color:#fff;
}

#szoveg a:hover{
	color:f4ff4a;
}