/* CSS reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CSS reset end */

div#container {
                       width:950px;
                       height:1400px;
                       margin: 0 auto 0 auto;
}

div#header1 {
                       float:left;
                       width:687px;
                       height:178px;
                       background-image:url('header1.jpg');
}

div#header2 {
                       float:left;
                       width:263px;
                       height:178px;
}

div.etlap {
	width: 263px; height: 178px;
	background: url( 'etlapos.jpg' ) 0 -178px no-repeat;
	}

div.etlap a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'etlapos.jpg' ) top left no-repeat;
	}

div.etlap a:hover {
	background-image: none;
	}

div#actual {
                       clear:both;
                       width:950px;
                       height:36px;
                       background-image:url('actual1.jpg');
}

div.opening {
	width: 950px; height: 36px;
	background: url( 'opening2.jpg' ) 0 -36px no-repeat;
	}

div.opening a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'opening2.jpg' ) top left no-repeat;
	}

div.opening a:hover {
	background-image: none;
	}


div#logo {
                       float:left;
                       width:316px;
                       height:397px;
                       background-image:url('logo.jpg');
}

div#menutarto {
                       float:left;
                       width:204px;
                       height:397px;
}



div#bemutatkozas {
                       float: left;
                       text-align:justify;
                       font-size:12px;
                       padding-top: 70px;
                       padding-left: 50px;
                       padding-right: 70px;
                       width:310px;
                       height:327px;
                       background-image:url('bemutatkozas.jpg');
}

div#terkep {
                       float: left;
                       width:520px;
                       height:385px;
                       background-image:url('fooldal_09.jpg');
}

div#terkep1 {
                       text-align:justify;
                       padding-top: 38px;
                       padding-left: 190px;
                       width:330px;
                       height:77px;
}

div#terkep2 {
                       text-align:justify;
                       padding-top: 77px;
                       padding-left: 95px;

                       width:425px;
                       height:193px;
}

div#megkozelites {
                       float: left;
                       text-align:justify;
                       font-size:12px;
                       padding-top: 63px;
                       padding-left: 47px;
                       padding-right: 73px;
                       width:310px;
                       height:322px;
                       background-image:url('megkozelites.jpg');
}

div#zaszlo1 {
                       float: left;
                       text-align:justify;
                       font-size:12px;
                       padding-top: 130px;
                       padding-left: 90px;
                       padding-right: 12px;
                       width:231px;
                       height:185px;
                       background-image:url('zaszlo1.jpg');
}

div#zaszlo2 {
                       float: left;
                       text-align:justify;
                       font-size:12px;
                       padding-top: 130px;
                       padding-left: 12px;
                       padding-right: 12px;
                       width:265px;
                       height:185px;
                       background-image:url('zaszlo2.jpg');
}

div#zaszlo3 {
                       float: left;
                       text-align:justify;
                       font-size:12px;
                       padding-top: 130px;
                       padding-left: 12px;
                       padding-right: 83px;
                       width:233px;
                       height:185px;
                       background-image:url('zaszlo3.jpg');
}

div#footer {
                       clear:both;
                       width:950px;
                       height:89px;
                       background-image:url('footer1.jpg');
}

div.menu1 {
	width: 204px; height: 134px;
	background: url( 'menu1.jpg' ) 0 -134px no-repeat;

	}

div.menu1 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'menu1.jpg' ) top left no-repeat;
	}

div.menu1 a:hover {
	background-image: none;
	}
              


div.menu2 {
	width: 204px; height: 127px;
	background: url( 'menu2.jpg' ) 0 -127px no-repeat;

	}

div.menu2 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'menu2.jpg' ) top left no-repeat;
	}

div.menu2 a:hover {
	background-image: none;
	}

div.menu3 {
	width: 204px; height: 136px;
	background: url( 'menu3.jpg' ) 0 -136px no-repeat;
	}

div.menu3 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'menu3.jpg' ) top left no-repeat;
	}

div.menu3 a:hover {
	background-image: none;
	}


body {
           text-align:center;
           font-weight: bold;
           font-family: "Trebuchet MS";
           font-size: 14px;
}


.link { text-decoration: underline; color: #482e05; font-size: 15px; }
.link:hover { text-decoration:none; color: #000000;} 

.link2 { text-decoration: underline; color: #482e05; font-size: 13px; }
.link2:hover { text-decoration:none; color: #000000;}