@charset "iso-8859-2";
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Lucida Sans Unicode"; 
	font-size: 15px;
	color: #d5d5d5;
}
a:link {
	color: #d5d5d5;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #D5D5D5;
}
a:hover {
	text-decoration: underline;
	color: #D5D5D5;
}
a:active {
	text-decoration: none;
	color: #D5D5D5;
}

#wrapper {
	width:950px;
	margin:0px auto 0 auto;
	}
.main {
	width:650px;
	float:left;
	}

		.header-kek {
			font-size:45px;
			padding-left:20px;
			color:#00A3ED;
			margin-bottom:10px;
			}
		.header-orange {
			font-size:45px;
			padding-left:20px;
			color:#ff9900;
			margin-bottom:10px;
			}
		.header-zold {
			font-size:45px;
			padding-left:20px;
			color:#99ff99;
			margin-bottom:10px;
			}
		.header-piros {
			font-size:45px;
			padding-left:20px;
			color:crimson;
			margin-bottom:10px;
			}



		#header
		{
			font-size:45px;
			padding-left:20px;
			background-color:#666666;
		}
		
		#gutter
		{
			float: left;
			width: 10px;
			height: 1px;
		}
		
		#col1
		{
			float: left;
			width: 300px;
			margin-bottom: 10px;
		}
		
		#col2
		{
			float: left;
			width: 210px;
			margin-left: 6px;
			margin-bottom: 10px;
			background-image:url(newimg/graybox.png);
			background-position:top;
			background-repeat:no-repeat;
			height:300px;
		}
		
		#col3
		{
			float: left;
			width: 210px;
			margin-left: 6px;
			background-image:url(newimg/graybox.png);
			background-position:top;
			background-repeat:no-repeat;
			margin-bottom: 10px;
			height:300px;
		}
		
		#col4
		{
			float: left;
			width: 210px;
			margin-left: 6px;
			background-image:url(newimg/graybox.png);
			background-position:top;
			background-repeat:no-repeat;
			margin-bottom: 10px;
			height:300px;
		}
		
		#footer
		{
			clear: both;
			height: 30px;
			font-size:10px;
			padding:5px;
		}
		
		h1
		{
			margin: 0;
			padding: 5px;
		}
		
		h2
		{
			margin-top: 0;
			padding-top: 7px;
		}
		
		h2, p
		{
			margin-left: 7px;
			margin-right: 7px;
		}
		.ajanlat {
	margin-top:40px;
			}
		.logo {
		margin-top:-60px;
		padding-right:20px;
		}
		
		.kiemelo-kek {
			color:#00A3ED;
			font-size:36px;
			}
		.kiemelo-orange {
			color:#ff9900;
			font-size:36px;
			}
		.kiemelo-zold {
			color:#99ff99;
			font-size:36px;
			}
		.kiemelo-piros {
			color:crimson;
			font-size:36px;
			}


		.kiemelo1-kek {
			font-size:32px;
			color:#00a3ed;
			}
		.kiemelo1-orange {
			font-size:32px;
			color:#FF9900;
			}
		.kiemelo1-zold {
			font-size:32px;
			color:#99ff99;
			}
		.kiemelo1-piros {
			font-size:32px;
			color:crimson;
			}
		.text {
			color:white;
			font-size:18px;
			}
		.kep-zold {
			width:650px;
			height:196px;
			background-image: url(newimg/tavasz-zold.jpg);
			}
		.kep-piros {
			width:650px;
			height:196px;
			background-image: url(newimg/tavasz-piros.jpg);
			}
		.kep-kek {
			width:650px;
			height:196px;
			background-image: url(newimg/tavasz-kek.jpg);
			}
		.kep-orange {
			width:650px;
			height:196px;
			background-image: url(newimg/tavasz-orange.jpg);
			}
		.kepretext {
			font-size:20px;
			padding:10px 0 0 0;
			text-align:right;
			}
.thumbnail{
position: relative;
width:200px;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*<b style="color:black;background-color:#ffff66">CSS</b> for enlarged image*/
position: absolute;
left: -1000px;
border: 0;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*<b style="color:black;background-color:#ffff66">CSS</b> for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*<b style="color:black;background-color:#ffff66">CSS</b> for enlarged image on hover*/
visibility: visible;
color:#CCCCCC;
font-size:16px;
top:-50px;
left: 0px; /*position where enlarged image should offset horizontally */

}