/*lábléc*/ 
footer {
	color: #FFF;
	background:#101010;
	padding:60px 0px;
}

footer h1 { font-size:1.2em; padding-left:10px; line-height:1.8em; }

#footercenter { 
	max-width:980px; 
	margin:0 auto; }

#info {
	width:20%;
	float:left;
	padding:0 0 0 20px;
	margin-right:20px;
	border-left: 3px solid #4793D5;
	
}
#info h1, #info a { padding:0; text-transform:none; color:#CCC; font-size: 1.1em;}

#info h1, #info a:hover { color:#fff; }


.column {
	float:left;
	width:18%;
	text-align:center;
}
.column h2 { color:#888; font-size:1.1em; line-height:1.8em; text-transform:none; margin:0; }
.column h2 a { color:#888; }
.column h2 a:hover { color:#CCC; }

.fb { background:url(../images/fbf.png) left  no-repeat; padding:15px;  }
.yt { background:url(../images/ytf.png) left no-repeat; padding:15px;  }
.tw { background:url(../images/twf.png) left no-repeat; padding:15px;  }
.fb:hover { background:url(../images/fbb.png) left no-repeat; padding:15px;  }
.yt:hover { background:url(../images/ytb.png) left no-repeat; padding:15px;  }
.tw:hover { background:url(../images/twb.png) left no-repeat; padding:15px;  }

#lista { padding:40px 0 100px 0; }

#lista h1:first-child { padding-left:0; }

#lista h1, #lista a { color:#888; display:inline; text-transform:capitalize; }

#lista h1, #lista a:hover { color:#CCC; }
/*990px ALATTI MÉRET*/

@media screen and (max-width: 990px) {



	
}


/*TABLET MÉRET*/
@media screen and (min-width:501px) and (max-width:800px) {

	
	
	

}

@media screen and (max-width: 550px) {
	
	
	
}





/*TELO MÉRET*/
@media screen and (min-width:50px) and (max-width:500px) {

	footer {
		max-width:500px;
		color: #FFF;
		background:#333;
		padding:60px 0px;
	}

	footer h1 { color:#888; font-size:1.1em; padding-left:10px; line-height:1.8em; }

	#footercenter { 
		width:90%; 
		margin:0px auto;
		text-align:center;
	}
		
	div#info { width:100%; padding:0 0 0 10px; margin:0px;}

	div.column {
		display:none;
	}

	div.column h2 { color:#CCC; font-size:1.0em; padding-right:0px; line-height:1.6em; text-transform:none; }
	div.column h2 a { color:#888; }
	div.column h2 a:hover { color:#CCC; }


}


@media (max-width: 350px) {
	
	

}