@charset "utf-8";


* {
	margin: 0;
	padding: 0;
		
}

body {
	background-color: #f3e6da;
}


a:link {
	font:  10pt  Arial, Helvetica, sans-serif;
	color: #70310d;
	text-decoration: none;	
}

a:visited {
	color: #930;
	font: 10pt  Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:hover {
	color: #000;
	font: 10pt Arial, Helvetica, sans-serif;
	text-decoration: none;
}


H1 {font-family: arial;}
H1 {font-size: 20pt;}
H1 {background:#dbbf9f;}
H1 {padding: 10px 10px 10px 10px;}


H2 {font-family: arial;}
H2 {font-size: 10pt;}
H2 {background:#dbbf9f;}
H2 {line-height:2em;}
H2 {padding-left: 10px;}



#keret {

	margin: 0 auto;
	height: 90px;
	background: #301d0f;
	padding-top: 30px;
	
}

#fej {
	
	width: 900px;
	margin: 0 auto;
	height: 90px;
	background: url(../images/teto.gif);

}

#fejkeret {
	

	margin: 0 auto;
	height: 250px;
	background: #ab7b44;
	
}

#fejlec {
	
	margin: 0 auto;
	width: 900px; 
	height: 250px;
	

}

#menukeret {

	background: #ab7b44;
	height: 28px;
	margin: 0 auto;

	
}

#menu {
	
	margin: 0 auto;
	background: url(../images/menuhatter.jpg);
	width: 900px; 
	height: 28px;
	
	
	
}

#menugomb {
	
	width: 800px;
	height: 28px;
	margin: 0 auto;
}


#tartalomkeret {
	
	width: 900px;
	margin: 0 auto;
	background: url(../images/tarthattersima.jpg);	
}

#menuarnyek {
	
	width: 900px;
	height: 30px;
	background: url(../images/menuarnyek.jpg);
	margin: 0 auto;
}

.cimbox {
	
	width: 700px;
	height: 70px;
	margin-left: 100px;
	background: #dbbf9f;
	border-bottom: 1px solid #ab7b44;	
}

.szovegbox {

	width: 700px;
	margin-left: 100px;
	background: #dbbf9f;
	margin-top: 20px;	

}

.naptarbox {

	width: 700px;
	margin-left: 50px;
	padding: 50px 50px 20px 50px;
	background: url(../images/naptarhatter.jpg)
}

#elvalaszto {
	width: 700px;
	height: 20px;
}

.doboz {
	
	width:700px;
	height: 200px;
	background: #301d0f;
}

.doboz2 {
	
	width:700px;
	height: 200px;
	background: #3d2716;
}


.feketeno {
	width: 150px;
	height: 180px;
	background: url(../images/rep/feketeno.png); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.nagyapam {
	width: 150px;
	height: 180px;
	background: url(../images/rep/nagyapam.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}


.innovacios {
	width: 150px;
	height: 180px;
	background: url(../images/rep/innovacios.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}


.aranyeso {
	width: 150px;
	height: 180px;
	background: url(../images/rep/aranyeso.png); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}


.nyakiglab {
	width: 150px;
	height: 180px;
	background: url(../images/rep/nyakiglab.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}


.dzsumbuj {
	width: 150px;
	height: 180px;
	background: url(../images/rep/dzsumbuj.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.tavaszvarok {
	width: 150px;
	height: 180px;
	background: url(../images/rep/tavaszvarok.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}


.ihaj {
	width: 150px;
	height: 180px;
	background: url(../images/rep/ihaj.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.feketefeher {
	width: 150px;
	height: 180px;
	background: url(../images/rep/feketefeher.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.matyko {
	width: 150px;
	height: 180px;
	background: url(../images/matyko/maty1.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.faludy {
	width: 150px;
	height: 180px;
	background: url(../images/rep/faludy.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.csorgokezu {
	width: 150px;
	height: 180px;
	background: url(../images/rep/csorgokezu.JPG);
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.himnusz {
	width: 150px;
	height: 180px;
	background: url(../images/rep/himnusz.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.ballada {
	width: 150px;
	height: 180px;
	background: url(../images/rep/ballada.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.psy {
	width: 150px;
	height: 180px;
	background: url(../images/rep/nincs.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.enbabam {
	width: 150px;
	height: 180px;
	background: url(../images/rep/enbabam.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.paradicsom {
	width: 150px;
	height: 180px;
	background: url(../images/rep/paradicsom.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.romanc {
	width: 150px;
	height: 180px;
	background: url(../images/rep/nincs.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.szaffi {
	width: 150px;
	height: 180px;
	background: url(../images/rep/szaffi.JPG); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.ciganyvarazs {
	width: 150px;
	height: 180px;
	background: url(../images/rep/ciganyvarazs.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.vers {
	width: 150px;
	height: 180px;
	background: url(../images/rep/vers.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}


.polika {
	width: 150px;
	height: 180px;
	background: url(../images/rep/polika.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.magany {
	width: 150px;
	height: 180px;
	background: url(../images/rep/magany.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}


.allasinterju {
	width: 150px;
	height: 180px;
	background: url(../images/rep/allasinterju.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.szuletes {
	width: 150px;
	height: 180px;
	background: url(../images/rep/szuletes.JPG); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}


.nyul {
	width: 150px;
	height: 180px;
	background: url(../images/rep/anyulmegeszi.JPG); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.akasztofavirag {
	width: 150px;
	height: 180px;
	background: url(../images/rep/akasztofa.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}


.raczkalman {
	width: 150px;
	height: 180px;
	background: url(../images/rep/raczkalmanek.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.karoljat {
	width: 150px;
	height: 180px;
	background: url(../images/rep/karoljat.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.fahejka {
	width: 150px;
	height: 180px;
	background: url(../images/rep/fahejka.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}


.allatibaratsag {
	width: 150px;
	height: 180px;
	background: url(../images/rep/allatbaratsag.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}



.vegyeshazassag {
	width: 150px;
	height: 180px;
	background: url(../images/rep/vegyeshazassag3.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.gyermekkavalkad {
	width: 150px;
	height: 180px;
	background: url(../images/rep/gyerek.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.romane{
	width: 150px;
	height: 180px;
	background: url(../images/rep/romane.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.romajilo{
	width: 150px;
	height: 180px;
	background: url(../images/rep/romajilo.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}


.szotyikotyi{
	width: 150px;
	height: 180px;
	background: url(../images/rep/szotyikotyi.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.szerettek{
	width: 150px;
	height: 180px;
	background: url(../images/rep/szerettek.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.sopanka{
	width: 150px;
	height: 180px;
	background: url(../images/rep/sopanka.jpg); 
	margin: 10px 10px 10px 10px;
	position: absolute;
}

.info {
	width: 510px;
	height: 180px;
	background: #c19f79;
	margin: 0 0 0 170px;
	position: absolute;
	padding: 10px 10px 10px 10px;

}

.info2 {
	width: 510px;
	height: 180px;
	background: #ab7b44;
	margin: 0 0 0 170px;
	position: absolute;
	padding: 10px 10px 10px 10px;

}

.szoveg {
	width: 490px;
	height: 130px;
	margin-top: 10px;
	padding: 0 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #301d0f;
	font-weight: normal;
	
}
.alsodisz {
	width: 700px;
	height: 50px;
	margin-top: 20px;
	border-top: 1px solid #ab7b44;
	text-align: right;
	padding: 10px 0 0 0;

}

#kepsor{
	
	background: #cfb393;
	width: 185px;
	height: 1000px;
	top: 0;
}	


#lab {
	
	width:900px;
	height: 66px;
	background: url(../images/lab1.jpg);
	margin: 0 auto;
	
	
}

#lab2 {
	
	width: 900px;
	height: 73px;
	margin: 0 auto;
	background: url(../images/lab2.jpg);
	
}

#lab2keret {
	

	margin: 0 auto;
	background: #301d0f;
	height: 190px;
	clear: both;
	
		
}

#megosztas {
	
	Width: 600px;
	margin: 0 auto;
	text-align: center;

}

.Feher {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFF;
	padding: 0 0 10px 0;
	line-height:30px;
	
	
}	



#keret #fejkeret #tartalomkeret #kozep {
	text-align: center;
}

.p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #301d0f;
	font-weight: normal;
	
}

.kemel {
font:  italic bold 10pt arial;
}

.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #725644;
	font-weight: normal;

}


ul.lista {
	padding-left: 30px;
	padding-top: 15px;
	
}

.nem{
	width: 680px;
	margin: 30px 0 30px 0;
	background: #301d0f;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #725644;
	font-weight: bold;
	padding: 10px;
	
}