@charset "utf-8";
/* CSS Document */

.hatter{
background-image:url(kepek/hatterkep_duna.jpg)
}

#container{
width:1000px;
margin:auto;
background:#FFF;
}

#menu{
	float:left;
	width:140px;
	padding-top:40px;
	background:#FFF;
	}
	
	
#mainContent{
	width:840px;
padding:10px;
padding-bottom:60px;
background:#FFF;
float:left;
}

#kozep{
	text-align:center;
	}

#footer{
color:#FFF;
text-align:center;
}

p{
font-family:"Times New Roman", Times, serif; 
font-size:16px; 
color:#003;
text-align:center;
background-color:#FFF;
}

.pbal{text-align:left;}

.pkozep{text-align:center;}

.pjobb{text-align:right;}

.ppiros{color:#900;}


li {
	padding-bottom: 10px;
	color:#003;
}
h1 {
	padding-top: 20px;
	padding-bottom: 30px;
	text-align:center;
}


a.menu-left, a.menu-left:visited {
	font-size: 18px; 
	line-height:30px;
	text-align:center;
	text-decoration:none;
	color:#003;	
	background-color:#FAFAFA; 
	width:140px; 
	display:block; 
	border-bottom:#CCCCCC solid 1px
	}
a.menu-left:hover {background-color:#eef2f5; color:#6b7785}


/* thumbnail lista */

ul#thumbs, ul#thumbs li{
	margin:0;
	padding:0;
	list-style:none;
}
	
ul#thumbs li{
	float:left;
	margin-right:17px;
	margin-bottom:15px;
	border:1px solid #999;	
	padding:2px;
}
ul#thumbs a{
	display:block;
	float:left;
	width:185px;
	height:150px;
	line-height:200px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}
ul#thumbs a img{
	float:left;
	position:absolute;
	top:-20px;
	left:-50px;	
}

/* ha az egeret egy thumbnail fole visszuk
	akkor megjelenitjuk az egesz kepet */

ul#thumbs a:hover{
	overflow:visible;
	z-index:1000;
	border:none;		
}
ul#thumbs a:hover img{
	border:1px solid #999;	
	background:#fff;
	padding:2px;			
}	


ul#thumbs:after, li#thumbs:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
ul#thumbs, li#thumbs{
	display:block;
	}
/*  \*/
ul#thumbs, li#thumbs{
	min-height:1%;
	}
* html ul#thumbs, * html li#thumbs{
	height:1%;
	}	





#wrapper {
	margin: 0 auto;
	width: 600px;
	background: #fff;
	padding: 15px;
	border: 1px solid #CACBD5;
	
}

/* thumbnail lista */

ul#thumbs1, ul#thumbs1 li{
	margin:0;
	padding:0;
	list-style:none;
}
	
ul#thumbs1 li{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	border:1px solid #999;	
	padding:2px;
}
ul#thumbs1 a{
	display:block;
	float:left;
	width:185px;
	height:150px;
	line-height:200px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}
ul#thumbs1 a img{
	float:left;
	position:absolute;
	top:-20px;
	left:-50px;	
}

/* ha az egeret egy thumbnail fole visszuk
	akkor megjelenitjuk az egesz kepet */

ul#thumbs1 a:hover{
	overflow:visible;
	z-index:1000;
	border:none;		
}
ul#thumbs1 a:hover img{
	border:1px solid #999;	
	background:#fff;
	padding:2px;			
}	


ul#thumbs1:after, li#thumbs1:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
ul#thumbs1, li#thumbs1{
	display:block;
	}
/*  \*/
ul#thumbs1, li#thumbs1{
	min-height:1%;
	}
* html ul#thumbs1, * html li#thumbs1{
	height:1%;
	}	ol {
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 50px;
}