* { margin: 0; padding: 0; border: 0; outline: 0; }

#header {
	width: 720px;
	height: 90px;
	margin: 5px auto;
	background: url(images/header.png) no-repeat 0 0;
	text-indent: -9999px;
}

h2 {
	margin-top: 25px;
	font: bold 18px/24px Verdana, Geneva, sans-serif;
	text-align: center;
}

#blocks {
	position: relative;
	width: 720px;
	margin: 25px auto 0;
}

	#blocks ul {
		list-style: none;
		overflow: auto;
	}
	
		#blocks ul.bottom { 
			margin-top: 30px;
		}

		#blocks ul li {
			float: left;
			margin: 5px 20px;
		}
		
			* html #blocks ul li {
				margin: 5px 16px;
			}
		
			#blocks ul li a {
				display: block;
				width: 200px;
				height: 200px;
				text-decoration: none;
			}

			#blocks ul li a .img {
				display: block;
				width: 200px;
				height: 200px;
				opacity: 0;
				filter: alpha(opacity = 0);
				
				-webkit-transition: all .3s ease;
				   -moz-transition: all .3s ease;
				    -ms-transition: all .3s ease;
				     -o-transition: all .3s ease;
				        transition: all .3s ease;
				
			}

				#blocks ul li a:hover .img {
					opacity: 1;
					filter: alpha(opacity = 100);
				}

			#blocks ul li a .txt {
				position: absolute;
				display: block;
				width: 720px;
				left: 0;
				top: -999px;
				font: bold 18px Verdana, Geneva, sans-serif;
				text-align: center;
				color: #006;
			}
			
				#blocks ul li a:hover .txt {
					top: 215px;
				}

		#elef09 a { background: url(images/elef092.png); }
		#elef09 a .img { background: url(images/elef09.png); }
		#tables a { background: url(images/tables2.png); }
		#tables a .img { background: url(images/tables.png); }
		#quests a { background: url(images/quests2.png); }
		#quests a .img { background: url(images/quests.png); }
		#morbid a { background: url(images/morbid2.png); }
		#morbid a .img { background: url(images/morbid.png); }
		#drawcp a { background: url(images/drawcp2.png); }
		#drawcp a .img { background: url(images/drawcp.png); }
		#calend a { background: url(images/calend2.png); }
		#calend a .img { background: url(images/calend.png); }

/* Táblák */
table.xls {
	width: 780px;
	margin: 0 auto;
	border-collapse: collapse;
	font: bold 12px/16px Verdana, Geneva, sans-serif;
}

	table.xls th {
		padding: 1px 10px 1px 0;
		text-align: left;
		vertical-align: top;
	}

	table.xls td {
		padding: 1px 0;
		text-align: left;
		vertical-align: top;
	}
	
	table.xls tr.level1 th,
	table.xls tr.level1 td {
		padding-top: 1em;		
		font-size: 130%; 
		font-variant: small-caps; 
	}

	table.xls tr:hover th,
	table.xls tr:hover td {
		background-color: #dbe2f1;
	}

	table.xls tr th a,
	table.xls tr td a {
		text-decoration: none;
		color: #009;
	}

	table.xls tr:hover th a,
	table.xls tr:hover td a {
		color: #00c;
	}

	table.xls tr.level1:hover th, table.xls tr.level1:hover td,
	table.xls tr.level2:hover th, table.xls tr.level2:hover td,
	table.xls tr.gap:hover th, table.xls tr.gap:hover td {
		background-color: #fff;
	}
		
/* Kérdőívek */
p#questlist {
	margin-top: 20px;
	text-align: center;
}

	p#questlist a {
		margin: 0 10px;
	}

		p#questlist a img {
			border: 3px double #eee;
		}
		
		p#questlist a:hover img {
			border-color: #006;
		}

		/* Rajzpályázat */
#pictures {
	width: 720px;
	margin: 10px auto;
	border-collapse: collapse;
}

	#pictures th {
		height: 60px;
		padding: .5em 1em .5em 0;
		border-bottom: 1px solid #006;
	}

	#pictures td {
		border-bottom: 1px solid #006;
	}

		#pictures td span {
			display: block;
		}
			
			#pictures td span.nam {
				font-weight: bold;
			}

			#pictures td span.tea {
				font-style: italic;
			}

.back {
	margin: 10px auto;
	text-align: center;
}

	.back a {
		font: bold 12px Verdana, Geneva, sans-serif;
		text-decoration: none;
		color: #00a;
	}