@import url('https://fonts.googleapis.com/css?family=Alex+Brush');
@import url('https://fonts.googleapis.com/css?family=Poiret+One');
@import url('https://fonts.googleapis.com/css2?family=Eater&display=swap');
@import url('https://fonts.googleapis.com/css2?family=WindSong:wght@400;500&display=swap');




/* ÁLTALÁNOS */

	html, body { 
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		font-size: 15px;
		font-family:'times new roman';
		line-height: 1.3em;
		
		-webkit-touch-callout: none; 
		-webkit-user-select: none; 
		-moz-user-select: none;     
		-ms-user-select: none; 
		-khtml-user-select: none; 
		user-select: none; 		
		
		background-image: url("web/hatter.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		
		//background-color: rgb(211,200,187);
		}
		
		
	H1 {font-size: 20px}
		
		
	a {
		color:rgb(0,140,160);
	    font-weight: bold;
		text-decoration: none;
		cursor: pointer
		}
		
	
	a:hover {color:rgb(180,0,180);}
		
		
	p {text-align: justify; font-size: 15px;}
	
	
	#andi {
		text-align: right;
		//font-family:"Alex Brush";
		font-family:"Indie Flower";
		font-size: 19px;
		}	
			
			
	ul li {text-align: left;
			font-family:'times new roman';
			}


	ol li {
		text-align: left;
		padding-left: 6px;
		}	
		
	#horgony {
		width: 1px;
		height: 1px;
		color: #FFF;
	}	
				
	.center {text-align: center}
	.left {text-align: left}
	.right {text-align: right}
	.justify {text-align: justify}
	

		
	.blue {color: rgb(0,0,205); font-size: 15px;}	
	
	.forras {
		font-size: 13px;
		text-align: right;
		color: #555;
		font-style: italic;
		}
	
		
	#letszamstop {
		margin-top: 0;
		padding: 10px;
		background: rgb(80,130,190);
		text-align: center;
		font-size: 18px;
		color: #fff;
		line-height: 20px;
		}
													@media screen and (max-width: 460px) and (min-width: 270px) {
														#letszamstop {
															font-size: 17px;
															}
													}


/* FELUGRÓ */

	.felugro {
		width: 400px;
		margin: 80px auto 0 auto;
		padding: 0;
		border: 1px solid #000;
		background: rgba(0,170,212,1);			/*változik karácsony  rgb(0,180,80)*/
		}

	.felugro p {	
		margin-top: 30px;
		line-height: 28px;
		font-size: 15px;
		text-align: center;	
		color: #FFF;
		font-family: "times new roman";		
		}		
		
	
	.felugro table {
		margin: 30px auto 40px auto;
		border-collapse: collapse;
		border-spacing: 15px 8px;	
		color: #FFF;
		border: none;	
		}
		
	.felugro table tr td {
		border: 1px solid #212121;	
		padding: 10px 5px;
		text-align: center;
		font-size: 15px;
		font-family: "times new roman";		
		}				
	
	.felugro a {
		color: white;
		text-decoration: underline;
		text-shadow: 1px 1px 5px rgb(255,0,180);
		}	
		
	.felugro a:hover {
		color: white;
		text-shadow: 1px 1px 5px rgb(0,255,180);
		}		
	
	
	

								@media screen and (min-width: 100px) and (max-width: 460px) {
									
									.felugro { 
										width: 80%;
										padding: 30px 10px;
										}		
								}

		

/* ÜGYFELEK */ 

	.ugyfelek_doboz {
		display: table;
		width: 620px;
		margin: 80px auto 0 auto;
		padding: 0;
		border-collapse: separate;
		border-spacing: 15px 15px;
		}
		
	.ugyfelek {
		width: 294px;
		height: 220px;
		border: 2px solid #fff;
		}
		
	.felirat {
	  width: 298px;
	  padding: 5px 0;
	  background: #fff;
	  font-family: 'times new roman', cursive;
	  font-size: 19px;
	  text-align: center;  
	  }		 
	  
	.ugyfelek_doboz a { 
		text-decoration: none;
		color: #000;
		font-weight: normal;	
	 } 


													@media screen and (max-width: 650px) and (min-width: 535px) {
														.ugyfelek_doboz {
															width: 500px;
															}
														.ugyfelek {
															width: 234px;
															height: 175px;
															}	
														.felirat {
															width: 238px;
															font-size: 18px; 
															}																
													}
													
													@media screen and (max-width: 535px) and (min-width: 430px) {
														.ugyfelek_doboz {
															width: 400px;
															border-spacing: 10px 10px;
															}
														.ugyfelek {
															width: 184px;
															height: 138px;
															}	
														.felirat {
															width: 188px;
															font-size: 16px; 
															}															
													}	
													
												@media screen and (max-width: 430px) and (min-width: 340px) {
														.ugyfelek_doboz {
															width: 300px;
															border-spacing: 0;
															}
														.ugyfelek_doboz tr td {
															display: block;
															margin-bottom: 15px;
															}
														.ugyfelek {
															width: 300px;
															height: 225px;
															}	
														.felirat {
															width: 304px;
															font-size: 15px; 
															}																
													}		
													
												@media screen and (max-width: 340px) and (min-width: 270px) {
														.ugyfelek_doboz {
															width: 260px;
															border-spacing: 0;
															}
														.ugyfelek_doboz tr td {
															display: block;
															margin-bottom: 15px;
															}
														.ugyfelek {
															width: 260px;
															height: 195px;
															border: 2px solid #fff;
															}	
														.felirat {
															width: 264px;
															font-size: 15px; 
															}															  
													}														


/* MENÜ */ 
		
	.dropdown {
		position: relative;
		display: inline-block;
		}	
		

	.dropbtn {
		width: 285px;
		height: 45px;
		background: #FFF; 									/*változik karácsony: rgb(0,120,0) Eredeti: #FFF*/
		border: 2px solid #555; 							/*változik karácsony: #FFF Eredeti: #4D5EC8*/
		color: #444; 									/*változik karácsony: #FFF Eredeti: #0C4DAB*/
		font-family: 'Poiret one', 'Cambria light';
		font-weight: bold;
		font-size: 20px;
		cursor: pointer;
		}


	.dropdown-content {
		display: none;
		position: absolute;
		background: rgb(250,250,250);
		width: 285px;
		box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
		z-index: 1;
		}

	.dropdown-content a {
		color: black;
		font-size: 16px;
		padding: 4px 0 4px 8px;
		text-decoration: none;
		display: block;
		transition-duration: 0.2s;
		border-top: 1px solid #c4c4c4;
		font-weight: normal;
		}
		

	.dropdown-content a:nth-last-child(6), 	/* menű bővítésnél hozzáadni egyet */
	.dropdown-content a:nth-last-child(7),
	.dropdown-content a:nth-last-child(8),
	.dropdown-content a:nth-last-child(9),
	.dropdown-content a:nth-last-child(10),
	.dropdown-content a:nth-last-child(11),
	.dropdown-content a:nth-last-child(12), 
	.dropdown-content a:nth-last-child(13)
											{
		border-top: 1px solid #8FCCFF;
		color: #0C3DAB;
		}	
		
	.dropdown-content a:nth-last-child(2),
	.dropdown-content a:nth-last-child(3),
	.dropdown-content a:nth-last-child(4) {
		border-top: 1px solid #009940;
		color: #089931;
		}		
	

				.dropdown:hover .dropbtn {
					border: 2px solid white;
					color: white;
					background: #8888ba;													 /*változik*/
									-webkit-transition: background-color 0.2s linear;
									-ms-transition: background-color 0.2s linear;
									transition: background-color 0.2s linear;
					}

				.dropdown-content a:hover {
					background-color: #ddd;
							}

				.dropdown:hover .dropdown-content {
					display: block;
							}

							
													@media screen and (max-width: 360px) and (min-width: 270px) {	

														.dropdown-content,
														.dropdown,
														.dropbtn {
															  width: 100%;
														}
														}


	.uj {
		padding: 2px 0px;
		color: #FFF;
		font-size: 14px;
		//background: rgb(225,100,200);
		background: red;
		border-radius: 6px;
		font-family: verdana;
		font-weight: bold;
		}
		
			
								
									
									
/* VISSZA */ 	
		
	.vissza {
		width: 250px;
		height: 45px;
		display: block;
		margin: 80px auto;
		background: rgb(255,255,255);
		border: 2px solid #4D5EC8;													/*változik*/
		color: #0C4DAB;																/*változik*/
		font-family: 'Poiret one', 'Cambria light';
		font-weight: bold;
		font-size: 18px;
		cursor: pointer;
		}	
		  
		  
				.vissza:hover {
					background:#3F79bE;												/*változik*/
					border: 2px solid rgb(255,255,255);
					color: rgb(255,255,255);
									}
		
	a.no_underline {text-decoration: none;}	
	
	.egyenioragomb1 {
		width: 280px;
		height: auto;
		display: block;
		margin: 120px auto 0 auto;
		background: #FFF;
		border: 3px solid #555;	
		//border-radius: 50px;	
		color: #000;	
		text-shadow: 1px 1px #FFF;	
		font-family: 'Cambria light';
		font-weight: bold;
		font-size: 16px;
		text-align: left;
		cursor: pointer;
		}	
		  
	.egyenioragomb2 {
		width: 280px;
		height: auto;
		display: block;
		margin: 70px auto 0 auto;
		background: rgb(255,70,70);
		border: 3px solid rgb(255,255,255);	
		//border-radius: 50px;	
		color: #FFF;	
		text-shadow: 1px 1px #000;	
		font-family: 'Cambria light';
		font-weight: bold;
		font-size: 16px;
		text-align: left;
		cursor: pointer;
		}		  
		
				.egyenioragomb2:hover {
					background:rgb(255,255,255);												
					border: 3px solid rgb(255,70,70);
					color: #000;
					text-shadow: 1px 1px rgb(255,255,255);	
				}	

	.egyenioragomb3 {
		width: 250px;
		height: 60px;
		display: block;
		margin: 80px auto 0 auto;
		background: linear-gradient(red, white, green);
		border: 3px solid #000;											
		color: #000;																
		font-family: 'Cambria light';
		font-weight: bold;
		font-size: 18px;
		cursor: pointer;	
		}	
		  
		  
				.egyenioragomb3:hover {
					background:#3F79bE;												
					border: 3px solid rgb(255,255,255);
					color: rgb(255,255,255);	
				}
				
	
	.egyenioragomb {
		width: 280px;
		height: 95px;
		display: block;
		margin: 70px auto 0 auto;
		background: rgb(255,255,255);
		border: 3px solid #000;											
		color: #000;																
		font-family: 'Cambria light';
		font-weight: bold;
		font-size: 18px;
		cursor: pointer;
		}	
		  
		  
				.egyenioragomb:hover {
					background:#3F79bE;												
					border: 3px solid rgb(255,255,255);
					color: rgb(255,255,255);	
				}
	
	
/* LOGÓ */		
	
	#logo_felso {
		width: 100%;
		position: relative;
		margin: 130px 0 0 0;
		padding: 0;
		font-family: 'windsong';		
		font-size: 70px;
		text-align: center;
		color: #FFF;			
		text-shadow: 2px 1px #000,
					0 0 10px #FFF,  /* #94DDFF */
					0 0 20px #FFF,	
					0 0 30px #FFF,	
					0 0 30px rgb(0,255,0);	
					
		text-shadow: 1px 1px #000,
					0 0 10px black,
					0 0 20px magenta,
					0 0 30px magenta,
					0 0 40px magenta,
					0 0 50px magenta,
					0 0 60px magenta,					
					0 0 70px magenta,						
					0 0 80px magenta;						
					}	

	#logo_also {
		//border: 1px solid red;
		width: 100%;
		position: relative;
		margin: 50px 0 30px 0;
		padding: 0;
		font-family: 'alex brush';		
		//font-family: 'windsong';
		font-size: 40px;
		letter-spacing: 2.3px;		
		text-align: center;
		color: #FFF;
		text-shadow: 2px 1px #000,
					0 0 10px #FFF,
					0 0 20px #FFF,
					0 0 30px #FFF,
					0 0 40px #FFF,
					0 0 50px #FFF,
					0 0 60px #FFF;	
					
		text-shadow: 1px 1px #000,
					0 0 10px rgb(40,40,40),
					0 0 20px rgb(40,40,100),
					0 0 30px rgb(40,40,100),
					0 0 40px rgb(40,40,100),
					0 0 50px rgb(40,40,100),
					0 0 60px rgb(40,40,100);												
					}	
	
	#webicon {
		width: 75px;
		margin: 20px auto;
		display: block;
		border: 2px solid GREEN;
		border-radius: 50%;
		}

	#logo_info {
		width: 100%;
		position: relative;
		margin: 80px 0 30px 0;
		padding: 0;
		line-height: 1.6;
		font-family: 'times new roman';
		font-size: 40px;
		text-align: center;
		color: #FFF;
		text-shadow: 2px 1px #000,
					0 0 10px #FFF,  /* #94DDFF */
					0 0 20px #FFF,	
					0 0 30px #FFF,	
					0 0 30px #FFF;		
									}	
					
					
													@media screen and (max-width: 395px) and (min-width: 270px) {					
															#logo_felso {
															font-size: 62px;
															}

														#logo_also {
															margin: 40px 0 0 0;
															font-size: 34px;
															}
															}				
	
	#entnyo {
		width: 160px;
		margin: 20px auto;
		display: block;
		//border: 1px solid #fff;
		}
					
		
	#nila {
		width: 380px;
		margin: 0px auto;
		display: block;
		border: 2px solid rgb(200,150,200);
		}	
	
												@media screen and (max-width: 380px) and (min-width: 270px) {					
													#nila {
													width: 95%;
												}}	
				
		
	#torokkata {
		width: 160px;
		margin: 0px auto;
		display: block;
		}	

/* ABLAK */	


	.ablak { 
		width: 600px;
		margin: 80px auto 0 auto;
		padding: 30px 30px;
		background: rgba(255,255,255,0.9);
		color: #000;
		border: 1px solid #000;
		//border-radius: 40px;
		text-align: center;
		}
			

													@media screen and (max-width: 690px) and (min-width: 270px) {					
															.ablak {
															width: 90%;
															padding: 30px 10px;
															}
													}
		
		
	.elolecke {
		background: rgba(156,210,255,0.9);						/*változik*/
		}	
		
			.elolecke a {
				font-weight: normal;
				color: #000;
				}
		
					.elolecke a:hover {
							text-shadow: 1px 1px white;
							}	
		
		
		
		
	.hirdetes {
		//width: 280px;
		//margin: 30px auto 0 auto;
		//padding: 20px 10px;	
		background: rgba(0,90,190,0.6);
		background:linear-gradient(to right bottom, rgba(0,90,190,0.6), rgba(0,190,90,0.6));
		border: 2px solid Turquoise;			
		font-family: garamond;	
		text-align: center;	
		font-size: 21px;
		color: #fff;
		text-shadow: 1px 1px #000;
		line-height: 1.7em;
		}
		
	
	.maho {
		width: 270px;
		border-bottom: 1px solid #fff;		
		border-left: 1px solid #fff;		
		border-right: 1px solid #fff;
		display: block;
		margin: 0 auto;
		}	



	.hosszu_szo {
		overflow-wrap: break-word;
		word-wrap: break-word;
		-ms-word-break: break-all;
		word-break: break-word;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
		}
		
		
	.folytatas {
		width: 100%;
		padding: 10px;
		border: 1px solid #FFF;
		background: rgb(0,150,170);
		box-shadow: 8px 8px 6px #666;
		text-align: center;
		color: white;
		font-family: 'Poiret one', 'Cambria light';
		font-weight: bold;
		font-size: 18px;
		letter-spacing: 0.5px;
	}	
		
		
		
	#etel {
	width: 600px;
	height: auto;
	display: block;
	margin: 30px auto 0 auto;
	border: 2px solid brown;
	}
		
	
/* FACEBOOK */

	#fb {
		width: 240px;
		display: block;
		margin: 80px auto 0 auto; 
		}

					#fb:hover {
						transform: scale(1.1);
							-webkit-transition: transform 0.1s linear;
							-ms-transition: transform 0.1s linear;
							 transition: transform 0.1s linear;
							}




/* JELSZÓ */

	#urlap {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 220px;
		padding: 30px 40px;
		background: linear-gradient(to right bottom, rgba(0,140,190,0.8), rgba(240,240,240,0.8), rgba(0,150,100,0.8));
		font-size: 18px;
		color: white;
		text-align: center;	
		border-radius: 30px;
		border-collapse: separate;
		border-spacing: 4px;
	}
	
	#urlap tr {	
		width: 100%;
		}


	#captchamezo {
		width: 150px;
		height: 30px;
		margin-bottom: 3px;
		padding: 3px;
		border: 1px solid black;
		text-align: center;
		font-size: 14px;
		font-family: verdana;			
		}
		
	#urlap_submit {
		width: 150px;
		height: 30px;
		padding: 3px;
		font-size: 16px;
		font-family: verdana;	
		}	
		
		
/* WEB-STAT */

	#counter {
		 margin: 0 auto;
		 width: 100px;
		 padding: 0;
				}		
		
		
/* LÁBLÉC */

	#lablec {
		width: 100%;
		margin: 160px 0 0 0;
		padding: 15px 0;
		background: rgba(0,0,0,0.5);
		color: rgb(255,255,255);
		text-shadow: 1px 1px #000;
		text-align: center;
		text-transform: uppercase;
		font-family: 'times new roman';
		font-size: 12px;
		}

	#impresszum {
		width: 100%;
		margin: 0 0 0 0;
		padding: 5px 0 25px 0;
		//background: rgba(0,0,0,0.3);
		color: rgb(0,0,0);
		text-align: justify;
		font-family: 'times new roman';
		font-size: 14px;
		}			

	
	
	
/* MGH KOCKA */

	#mgh_kocka {
		width: 380px;
		margin: 0 auto;
		}	

													@media screen and (max-width: 440px) and (min-width: 270px) {					
															#mgh_kocka {
															width: 100%;
															}
													}

							

/* TÁBLÁZATOK */

		table {		
			border-collapse: collapse;
			}
			
		table tr td {
			padding: 3px 4px;
			font-size: 15px;
			font-family:'times new roman';
			}	

		.szokincs,
		.msh	{
			margin: 40px auto;
			border: 1px solid #666;
			border-collapse: collapse;
			text-align: center;
			}

		.szokincs tr td {
			border: 1px solid #aaa;
			padding: 3px;
			font-size: 15px;
			}		
			
		.szokincs th,
		.msh th	{
			background: rgb(255,190,225);
			border: 1px solid #666;
			padding: 4px;
			font-size: 16px;
			}	
			
		.szokincs_14px {
			width: 99%;
			table-layout: fixed;
			word-break: break-all;
			margin: 40px auto;
			border: 1px solid #aaa;
			border-collapse: collapse;
			text-align: center;	
			}
		.szokincs_14px tr th {
			border: 1px solid #aaa;
			padding: 3px;
			font-size: 14px;
			}
		.szokincs_14px tr td {
			border: 1px solid #aaa;
			padding: 3px;
			font-size: 14px;
			}				

		.inaktiv_cella {background: #eee}
		
		
		
		
/* VÉGE ************************************************************************/