@import 'hir.php';
@import 'slideshow.css';
@import 'main.css';
/*LAPTOP-PC*/
#articleHir:hover tr:nth-child(1) td{
				color:#00ef6b;
			}
@media only screen and (min-width: 1280px) {
#alwaysSuccess{
		  position:fixed;
		  bottom:0;
		  color:white;
		  float:left;
		  width:100%;
		  background-color:rgba(77,223,91,0.9);
		  text-align:center;
		  z-index:999999;
		  padding-top:1%;
		  padding-bottom:1%;
		  font-size:13px;
	}
	#alwaysSuccess {
  -webkit-animation: seconds 1.0s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  animation: seconds 1.0s forwards;
  animation-iteration-count: 1;
  animation-delay: 5s;

}
@-webkit-keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: -9999px; 
  }
}
@keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: -9999px; 
  }
}
header table ul{
		list-style:none;
		list-style-type:none;
	}
		header table ul li{
			width:60% !important;
			text-align:center !important;
			color:#383838 !important;
		}
			header table ul li:nth-child(1){
			text-align:center !important;
			width:100%;
			}
			header table ul li a{
				color:grey !important;
				font-size:16px !important;
				border:1px solid #f0f0f0 !important;
				display:block !important;
				width:100% !important;
				margin:0 !important;
				padding:0 !important;	
			}

			header table ul li a:hover{
				color:#00ef6b !important;
				border-color:#00ef6b !important;
			}
#articleHir:hover tr:nth-child(1) td{
				color:#00ef6b;
			}
body {
	margin:0;
	padding:0;
    font-family: 'Raleway', sans-serif;
	background: #fff url('../images/bg.png') repeat;
	}
nav{
	display:none;
}
#cim img{

	text-align:right;
	width:65%;
	float:right;
	height:auto;
}

header{
  float:left;
  width:100%;
  margin-top:0%;
  background-color:white;
  margin-bottom:0%;
}
header span{
	color: #00ef6b;
}

	header table{
		width:100%;
		float:left;
		background-color: #FFF;
		padding-top: 25px;
		padding-bottom: 25px;
	}
		header table td:nth-child(3) a{
			float:left;
			font-size: 1vmax;
			color:grey;
			text-decoration:none;
			padding-left:15px;
			padding-right:15px;
			padding-top:5px;
			padding-bottom:5px;
			border:1px solid grey;
			margin-right:3%;
		}
		header img:hover{
				opacity:0.8;
			}
		
			header table td:nth-child(3) a:hover{
				border:1px solid #00ef6b;
				color:#00ef6b;
			}
			header table td:nth-child(1), header table td:nth-child(3){
				width:20%;
				color: #383838;
				font-family: 'Reem Kufi', sans-serif;
			}
			
			header table td:nth-child(2) img{
				display: block;
				margin-left: auto;
				margin-right: auto;
				width:9%;
				height:auto;
			}
			header table td:nth-child(1){

				font-size:30px;
				text-align:right;
			}
			
	header menu{
		float:left;
		padding:0;
		margin:0;
		width:100%;
		text-align:center;
		background-color: #383838;
	}
	
		header menu ul{
			list-style-type: none;
			margin: 0;
			padding: 0;
			display:none;
		}
				header menu ul a{
					text-decoration:none;
					color: white;
					font-size:12px;
					/*! border-right:1px solid #232323; */					
				}
				
				header menu ul li{
					list-style-type:none;
					display:inline-block;
					padding: 10px;
				}

				header menu ul a:hover{
					color:#00ef6b;
				}


/*menü*/
.dropbtn {
    background-color: transparent;
    color: white;
	padding-right: 20px;
    padding-left: 20px;
	padding-top:15px;
	padding-bottom:15px;
    font-size: 15px;
    border: none;
    cursor: pointer;
	font-family: 'Raleway', sans-serif;
}

.dropdown {
    position: relative;
    display: inline-block;
}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		width: 100%;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}

	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		font-size:12px;
	}

	.dropdown:nth-child(1) .dropdown-content a:hover {background-color: #f1f1f1; color:#ef002d;}
	.dropdown:nth-child(2) .dropdown-content a:hover {background-color: #f1f1f1;color:#009def;}
	.dropdown:nth-child(3) .dropdown-content a:hover {background-color: #f1f1f1;color:#00ef6b;}
	.dropdown:nth-child(4) .dropdown-content a:hover {background-color: #f1f1f1;color:#efca00;}
	.dropdown:nth-child(5) .dropdown-content a:hover {background-color: #f1f1f1;color:#ef6b00;}
	.dropdown:nth-child(6) .dropdown-content a:hover {background-color: #f1f1f1;color:#8700ef;}
	
	


	.dropdown:hover .dropdown-content {
		display: block;
		z-index:999;
		
	}

	.dropdown:nth-child(1):hover .dropbtn {
		background-color: #ef002d;
	}
	.dropdown:nth-child(2):hover .dropbtn {
		background-color: #009def;
	}
	.dropdown:nth-child(3):hover .dropbtn {
		background-color: #00ef6b;
	}
	.dropdown:nth-child(4):hover .dropbtn {
		background-color: #efca00;
	}
	.dropdown:nth-child(5):hover .dropbtn {
		background-color: #ef6b00;
	}
	.dropdown:nth-child(6):hover .dropbtn {
		background-color: #8700ef;
	}
/**/				
	header #img{
		float:left;
		width:100%;
		height:auto;
	}
	
	header #width{
		float:left;
		width:80%;
		margin-left:10%;
		margin-right:10%;
	}

#wrapper{
	float:left;
	width:56%;
	margin-left:20%;
	margin-right:20%;
	padding:2%;
	background-color:white;
}	

	#line{
		float:left;
		width:100%;
		margin-top:5%;
		margin-bottom:3%;
		color:#383838;
		font-size:14px;
		text-align:center;
		font-weight:bold;
	}
	
		#line td:nth-child(1){
			width:10%;
		}
		#line td:nth-child(2){
			padding:0;
			margin:0;
			border-collapse:collapse;
			width:35%;
		}
		#line td:nth-child(3){
			width:55%;
			
		}
		
			#line td:nth-child(1) hr{
				border:2px solid #00ef6b;
			}
			#line td:nth-child(3) hr{
				border:2px solid #00ef6b;
			}

	#container{
		float:left;
		width:100%;
		margin-top:5%;
	}
	
		#container img{
			float:left;
			width:20%;
			height:auto;
			padding-right:15px;
			padding-bottom:15px;
		}
			#container img:hover{
				opacity:0.9;
			}
		
		#container p{
			float:left;
			text-align:justify;
			color:#383838;
			font-size:13px;
			line-height:20px;
		
		}
		#container .timline{
			margin-top:5%;
			margin-bottom:5%;
		}
	
#fix {
	background-image: url('../images/arrow.png');
	position:fixed;
	width:30px;
	height:17px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	right:5%;
	bottom:8%;
	opacity:0.3;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
	-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
	-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885); /* custom */
	-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
}
	#fix:hover{
		background-image: url('../images/arrow_y.png');
		transition:0.3s;
		padding-bottom:1%;
		opacity:1;
		-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
		-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
		-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
		transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885); /* custom */
		-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
		-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
		-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
		transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	}
	
#fix2 {
	background-image: url('../images/arrow.png');
	position:fixed;
	width:30px;
	height:17px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	left:3%;
	bottom:5%;
	opacity:0.3;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
	-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
	-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885); /* custom */
	-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	
	-ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari */
    transform: rotate(270deg);
}
	#fix2:hover{
		background-image: url('../images/arrow_y.png');
		transition:0.3s;
		opacity:1;
		-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
		-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
		-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
		transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885); /* custom */
		-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
		-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
		-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
		transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	}

	
		
/*footer*/
		
footer{
	float:left;
	width:100%;
	margin-top:5%;
}

	footer #back{
		float:left;
		width:96%;
		padding:2%;
		background-image: url("../images/footer_yellow.jpg");
		background-repeat: repeat-x;
		height:auto;
	}
			#back #back_main{
				margin-left:14%;
				margin-right:14%;
				float:left;
				width:72%;
				height:auto;
				padding:10px 0px 0px 0px;
				border-top:1px solid #00ef6b;
			}
				#back_main #b_m_f{
					float:left;
					width:70%;
					height:auto;
					font-family: 'Oswald', sans-serif;
					font-size:13px;
					color:#383838;
					border-right:1px solid #00ef6b;
				}
				
						#back_main #b_m_f{
					float:left;
					width:70%;
					height:auto;
					font-family: 'Oswald', sans-serif;
					font-size:13px;
					color:#383838;
					border-right:1px solid #00ef6b;
					padding:0;
				}
				
					#b_m_f table{
						float:left;
						width:50%;
						padding-top:2%;
					}

						#b_m_s a{

							display:block;
							color:#383838;
							text-decoration:none;
							text-align:center;
							font-size:13px;
						}
						
						#b_m_s #sublink{
							
							display:inline-block;
							color:#383838;
							text-decoration:none;
							margin-top:0%;
							margin-right:auto;
							margin-left:auto;
							text-align:center;
							font-size:13px;
						}

						#b_m_s #sublink #elerhet{
							float:left;
							width:100%;
						}
						
							#b_m_s  a:hover{
								color:#00ef6b;
							}
							
							#b_m_s #sublink table{
							width:100%;
							text-align:center;
						}
						
						#b_m_s #sublink #elerhet{
							float:left;
							width:100%;
						}
						#b_m_s #sublink img{
							margin-left:auto;
							margin-right:auto;
							width:25%;
							height:auto;
						}
				
						#b_m_f #name{
		
							width:70%;
							background-repeat:no-repeat;
							padding-left:30px;
							padding-top:5px;
							padding-bottom:5px;
							border:0;
							font-family: 'Oswald', sans-serif;
						}
						
						#b_m_f #email{

							width:70%;
							background-repeat:no-repeat;
							padding-left:30px;
							padding-top:5px;
							padding-bottom:5px;
							border:0;
							font-family: 'Oswald', sans-serif;
						}
						
						#b_m_f #submit{
							background:transparent;
							border:1px solid #383838;
							color:#383838;
							font-size:12px;
							padding-left:15px;
							padding-right:15px;
							font-family: 'Oswald', sans-serif;
						}
							
							#b_m_f #submit:hover{
								border:1px solid #00ef6b;
								color:#00ef6b;
								cursor:pointer;
							}
					#b_m_f #social{
						float:left;
						width:100%;
					}
						#b_m_f  #ad{
							float:left;
							width:50%;
							text-align:center;
							padding-top:0;
							margin-top:0;
						}

							#b_m_f  #ad a:nth-child(1){
								display:none;
							}

							#b_m_f  #ad a{
								
								border:1px solid #383838;
								padding:5px 25px 5px 25px;
								text-decoration:none;
								color:#383838;
								margin-left:auto;
								margin-right:auto;
								display:inline-block;
								text-align:center;
								
							}
							
								#b_m_f  #ad a:hover{
								border:1px solid #00ef6b;
								color:#00ef6b;
								cursor:pointer;
								}
								
						
						#b_m_f #social #bd{
							float:left;
							width:48%;
							text-align:left;
							border-top:1px solid #383838;
						}
							#b_m_f #social #bd a:nth-child(1){
								display:none;
							}
							
						
							#b_m_f #social #bd a{
								float:left;
								border:1px solid #383838;
								padding:5px 25px 5px 25px;
								text-decoration:none;
								color:#383838;

							}
							
								#b_m_f #social #bd a:hover{
								border:1px solid #00ef6b;
								color:#00ef6b;
								cursor:pointer;
								}
  
				#name img{
					width:10%;
				}
					
				#back_main #b_m_s{
					float:left;
					width:29%;
					height:auto;
					text-align:center;
				}
					#b_m_s img{
						width:40%;
						height:auto;
						padding:15px;
						filter:grayscale(60%);
					}
					
					#b_m_s img:hover{
						filter:grayscale(0%);
						transition:0.5s;
					}
					
					#b_m_s p{
						float:left;
						width:100%;
						padding:0;
						margin:0;
						font-family: 'Oswald', sans-serif;
						font-size:13px;
						color:#383838;
					}
					#bd p{
				margin-top:15px;
				text-align:center;
			}
					
	
	footer #forward{
		float:left;
		width:100%;
		height:auto;
		/*! background-image: url("../images/footerv2.jpg"); */
		color:#dcdcdc;
		padding:5px 0px 0px 0px;
		font-size:10px;
		background-color: #383838;
	}
	
		footer #forward table{
			float:left;
			width:100%;
			
		}
		
			footer #forward table a{
				text-decoration:none;
				color:#dcdcdc;
				font-size:25px;
				text-align:center;
				font-weight:bold;
			}
			
			footer #forward table a:hover{
				color:#00ef6b;
			}
			
			
				#forward table td:nth-child(1){
					width:25%;
					padding:15px;
					text-align:center;
					border-right:1px solid grey;
				}
				
				#forward table td:nth-child(2){
					width:50%;
					padding:15px;
					text-align:center;
					border-right:0px solid grey;
				}
				
				#forward table td:nth-child(3){
					width:25%;
					padding:15px;
					text-align:center;
				}
				
					#forward table td:nth-child(3) img{
						float:left;
						width:10%;
						height:auto;
						filter:grayscale(40%);
						-webkit-filter: grayscale(40%); /* Chrome, Safari, Opera */
					}
					
						#forward table td:nth-child(3) img:hover{
							transition:0.5s;
							filter:grayscale(0%);
							-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
						}
				
					#forward table td:nth-child(3) p{
					float:left;
					margin-right:5%;
					}
					#forward_image {
						float:left;
						width:100%;
						padding-top:1%;
						padding-bottom:1%;
						background-color:#A7A7A7;
						text-align:center;
					}
					
					#forward_image img{
						display: inline;
						vertical-align: middle;
						width:3%;
						height:auto;
						margin-left:1%;
						margin-right:1%;
						filter:grayscale(100%);
						-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
					}
						#forward_image img:hover{
							filter:grayscale(0%);
							-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
						}

/*DB irodalom*/

#wrapper p{
	font-size:14px;
	line-height:20px;
	text-align:justify;
}

#wrapper h3{
	color:#00ef6b;
}
	#wrapper #fels{
		font-size:13px;
		line-height:20px;
	}
		#wrapper #fels:hover{
			cursor:help;
		}
		
	#wrapper #other{
		float:left;
		width:100%;
		text-align:center;
		font-size:13px;
		line-height:20px;
		font-weight:bold;
		margin-top:5%;
	}
	
		#wrapper #other a{
			color:#383838; text-decoration:none;;
		}
			#wrapper #other a:hover{
				color:#00ef6b;
			}
		
/*DB pedagiája*/

#wrapper #pedagogia{
	font-size:13px;
	line-height:20px;
	text-align:justify;
}
	#wrapper #pedagogia li{
		margin-top:1%;
	}
	
/*gyakran ismételt kérdések*/
#gyik table td {
	font-size:13px;
	line-height:20px;
	text-align:justify;
}
	#gyik table td:nth-child(1), #weight{
		font-weight:bold;
	}

#gyik a{
	color:#383838; text-decoration:none;;
}
	#gyik a:hover{
		color:#00ef6b;
	}


/*szaléziak története*/
#szalezi{
	font-size:13px;
	line-height:20px;
	text-align:justify;
}
	#szalezi img{
		float:left;
		width:100%;
		height:auto;
		padding-right:40%;
		padding-bottom:15px;
	}
		#szalezi table td:nth-child(2){
			padding-left:20px;
		}
		
	#szalezi a{
	color:#383838; text-decoration:none;;
	}
	#szalezi a:hover{
		color:#00ef6b;
	}
	
/*magyar tartomány*/
#tartomany{
	font-size:13px;
	line-height:20px;
	text-align:justify;
}
	#tartomany iframe{
		border:0;
	}
	#tartomany a{
	color:#383838; text-decoration:none;;
	}
	#tartomany a:hover{
		color:#00ef6b;
	}
	
	
/*szalézi iskola*/	
#tart{
	float:left;
	width:100%;
	font-size:13px;
	line-height:20px;
	text-align:justify;
}
	#tart a{
	color:#383838; text-decoration:none;;

	}
	#tart a:hover{
		color:#00ef6b;
	}
	
	
	
	#tart #container_haz{
		float:left;
		font-size: 12px;
		margin-top: 5%;
		margin-left:1%;
		margin-right:1%;
		padding:0;
		display:inline-block;
		text-align:center;
		
	}
		#res_tab{
			width:100%;
			height:auto;
			float:left;
			margin:0;
			padding:0;
			display:block;

		}
			#tart #container_haz td{
				padding:0;
				margin:0;
			}

		
		#tart a #container_haz td:nth-child(1):hover   img{
			opacity:0.7;
		}
		
		#tart a #container_haz tr:nth-child(2) td{
			padding-top:10px;
			padding-bottom:10px;
		}
		
#tart{
	float:left;
	width:100%;
	font-size:13px;
	line-height:20px;
	text-align:justify;
}
	#tart a{
	color:#383838; text-decoration:none;;

	}
	#tart a:hover{
		color:#00ef6b;
	}
	
	
	
	#tart #container_iskola{
		float:left;
		font-size: 12px;

		margin-top: 5%;
		margin-left:2%;
		margin-right:2%;
		padding-right:0;
		padding:0;
		display:inline-block;
		text-align:center;
		width:35%;
	}
		#res_tab_iskola{
			width:100%;
			height:auto;
			float:left;
			margin-right:auto;
			margin-left:auto;
			padding:0;
			display:inline-block;


		}
			#tart #container_iskola td{
				padding:0;
				margin:0;
			}

		
		#tart a #container_iskola td:nth-child(1):hover   img{
			opacity:0.7;
		}
		
		#tart a #container_iskola tr:nth-child(2) td{
			padding-top:15px;
			padding-bottom:15px;
			
		}		
		
		
		
		
.imgWrap {

  width: 30%;
  float:left;
  display:inline-block;
  padding:0;
  margin-left:1.5%;
  margin-right:1.5%;
	margin-top:1%;
}

.imgWrap img{
	width:100%;
	height:auto;
	margin:auto;
	
	
}

.imgDescription{
	float:left;
	width:100%;
	height:55px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
}

.imgWrap:hover{
	opacity:0.7;
}



		

/*szalézi házak részletesen*/
#lapozo{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
	#lapozo img{
		float:left;
		width:20%;
		height:auto;
		margin-right:2%;
		margin-bottom: 1%;
	}
	
	#lapozo table{
		float:left;
		width:100%;
	}
	
	#lapozo #keret img:hover{
		opacity:0.7;
	}

	#detail{
		padding-top:5%;
		font-size:13px;
		line-height:20px;
		text-align:justify;
	}
		#detail td:nth-child(1){
			font-weight:bold;
			width:10%;
			text-align:right;
		}
		#detail td:nth-child(2){
			padding-left:2%
		}
		
		#detail tr:last-child td:nth-child(1){
			font-weight:normal;
			width:10%;
			text-align:right;
		}
		
		#detail a{
			color:#383838; text-decoration:none;;
		}
		#detail a:hover{
			color:#00ef6b;
		}
		
		#detail #kiado{
			float:left;
			width:100%;
			border-collapse:collapse;
			padding:0;
			margin:0;
		}
			#detail #kiado td:nth-child(1){
				width:15%;
				float:left;
			}
			#detail #kiado td:nth-child(2){
				text-align:left;
				float:left;
			}
		#links{
			float:left;
			width:100%;
			margin-top:4%;
			background-image: url('../images/yellow_back.png');
		}
		#links a{
			color:#383838; text-decoration:none;;
			font-size:12px;
		}
		#links a:hover{
			color:#00ef6b;
		}	
			#links td:nth-child(1){
				text-align:left;
				width:50%;
			}
			#links td:nth-child(2){
				text-align:right;
				width:50%;
			}

/*szaléziak*/			
	#szaleziak{
		float:left;
		width:100%;
		font-size:12px;
	}
	
	#szaleziak img{
		float:left;
		width:80%;
	}
		#szaleziak img:hover{
			opacity:0.7;
		}
	
	#szaleziak a{
	color:#383838; text-decoration:none;;

	}
	#szaleziak a:hover{
		color:#00ef6b;
	}
	
	#szaleziak_wrapp
	{
		float:left;
		width:18%;
		margin-left:1%;
		margin-right:1%;
		height: 17vw;
	}
	
	#szaleziak #container_haz{
		float:left;
		font-size: 12px;

		margin-top: 5%;
		margin-left:2%;
		margin-right:2%;
		padding:0;
		display:inline-block;
		text-align:center;
	}
		#szaleziak #res_tab{
			width:100%;
			height:auto;
			float:left;
			margin:0;
			padding:0;
			display:block;

		}
			#szaleziak #container_haz td{
				padding:0;
				margin:0;
			}

			
			#szaleziak_detail td:nth-child(1){
				float:left;
				width:30%;
				text-align:justify;
				font-size:14px !important;
			}
			#szaleziak td:nth-child(2){
				float:left;
				width:100%;
			}
				#szaleziak_detail img{
					width: 20%;
					height: auto;
					border:0px !important;
					padding:2px !important;
				}

		
		#szaleziak a #container_haz td:nth-child(1):hover   img{
			opacity:0.7;
		}
		
		#szaleziak a #container_haz tr:nth-child(2) td{
			padding-top:10px;
			padding-bottom:10px;
		}
		
			#szaleziak_detail{
				float:left;
				width:100%;
			}
				#szaleziak_detail td:nth-child(1){
					width:30%;
					text-align:right;
					font-weight:bold;
				}
				
				#szaleziak_detail td:nth-child(2){
					padding-left:15px;
					width:auto;
				}

	
	
/*Elhúnyt szaléziak*/
#szaleziak td:nth-child(1){
	width:30%;
}


		#elhunyt_szal{
			font-weight:bold;
			padding-left:15px;
			padding-right:15px;
			display:inline-block;
			margin:auto;
			text-align:center;
			width: 20%;
			margin-bottom: 2%;
		}
		#elhunyt{
			width:50%;
			height:auto;
		}
		
		footer #forward {
			color:#00ef6b;
			padding-top:15px;
			padding-bottom:15px;
			background-color:color:#383838; text-decoration:none;		}
		footer #back{
			background-image:none;
			background-color:#cfcfcf;
		}
		
		
	#linkable{
	float:left;
	width:60%;
	margin-left:20%;
	margin-right:20%;
	background-color:white;
	margin-top:2%;
	margin-bottom:2%;
	padding:0;
	font-size:2vmin;
	border-collapse:collapse;
}

	#linkable tr{
		margin:0;
		padding:0;
	}
	
		#linkable a{
			font-size:2vmin;
			color:#383838; text-decoration:none;		}
		#linkable a:hover{
			color:#00ef6b		}
			#linkable td a{
				display: block;
				padding-top:15%;
				padding-bottom:15%;
				width:100%;
				height:100%;
			}
			#linkable td:nth-child(1){
				border-collapse:collapse;
				width:5%;
				text-align:center;
				background-color:#f4f4f4;
				margin:0;
				padding:0;
				border-right:1px solid #d7d7d7;
				
				
			}
			#linkable td:nth-child(4){
				border-collapse:collapse;
				width:5%;
				text-align:center;
				background-color:#f4f4f4;
				margin:0;
				border-left:1px solid #d7d7d7;
				padding:0;
			}
			
				#linkable td:nth-child(1):hover > a{
					background-color: #00ef6b;
					color:white;
					border:none;
				}
				
				#linkable td:nth-child(4):hover > a{
					background-color: #00ef6b;
					color:white;
					border-left:1px solid white;
				}
			#linkable td:nth-child(2){
				border-collapse:collapse;
				width:25%;
				text-align:left;
				margin:0;
				padding:0;
				padding-left:2%;
			}
			#linkable td:nth-child(3){
				border-collapse:collapse;
				width:25%;
				text-align:right;
				margin:0;
				padding:0;
				padding-right:2%;
			}

			
				
			#linkable span{
				color:#9e9898;
			}
			#highSpan{
					float:left;
					width:100%;
					border-top:4px solid #f0f0f0;
					padding-top:3px;
				}

					
					#highSpan  h4{
						margin-top:-7px;
						float:left;
						padding-left:0;
						padding-top:5px;
						color:#383838;
						font-size:14px;
						font-weight:bold;
					}
						#greenH4{
							border-top:4px solid #00ef6b;
						}
						.btn_data{
	border:0;
	margin:0;
	padding:0;
	font-size:5px;
	visibility:hidden;
}
}
@media only screen and (max-width: 1279px) {
#alwaysSuccess{
		  position:fixed;
		  bottom:0;
		  color:white;
		  float:left;
		  width:100%;
		  background-color:rgba(77,223,91,0.9);
		  text-align:center;
		  z-index:999999;
		  padding-top:1%;
		  padding-bottom:1%;
		  font-size:13px;
	}
	#alwaysSuccess {
  -webkit-animation: seconds 1.0s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  animation: seconds 1.0s forwards;
  animation-iteration-count: 1;
  animation-delay: 5s;

}
@-webkit-keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: -9999px; 
  }
}
@keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: -9999px; 
  }
}
#highSpan{
					float:left;
					width:100%;
					border-top:4px solid #f0f0f0;
					padding-top:3px;
				}

					
					#highSpan  h4{
						margin-top:-7px;
						float:left;
						padding-left:0;
						padding-top:5px;
						color:#383838;
						font-size:14px;
						font-weight:bold;
					}
						#greenH4{
							border-top:4px solid #00ef6b;
						}
body {
	margin:0;
	padding:0;
    font-family: 'Raleway', sans-serif;
	background: #fff url('../images/bg.png') repeat;
	}

#cim img{

	text-align:right;
	width:55%;
	float:left;
	height:auto;
	padding-left:10%;
}

header{
  float:left;
  width:100%;
  margin-top:0%;
  background-color:white;
  margin-bottom:0%;
}

header span{
	color: #00ef6b;
	

}

	header table{
		width:100%;
		float:left;
		padding-top:25px;
		padding-bottom:25px;
		background-color: #FFF;
	}
		header table td:nth-child(3) a{
			float:left;
			font-size: 1vmax;
			color:grey;
			text-decoration:none;
			padding-left:15px;
			padding-right:15px;
			padding-top:5px;
			padding-bottom:5px;
			border:1px solid grey;
			margin-right:3%;
		}
		header img:hover{
				opacity:0.8;
			}
		
			header table td:nth-child(3) a:hover{
				border:1px solid #00ef6b;
				color:#00ef6b;
				
			}
			header table td:nth-child(1), header table td:nth-child(3){
				width:50%;
				color: #383838;
				font-family: 'Reem Kufi', sans-serif;
				
			}
			header table td:nth-child(2) img{
				display: block;
				margin-left: auto;
				margin-right: auto;
				width:22%;
				height:auto;
			}
			header table td:nth-child(1){

				font-size:30px;
				text-align:right;
			}
			
			header table td:nth-child(3){
				display:none;
			}
				header table td:nth-child(2) img{
					float:right;
					margin-right:5%;
				}
			
	header menu{
		float:left;
		padding:0;
		margin:0;
		width:100%;
		text-align:center;
		background-color: #383838;
		display:none;
	}
	
		header menu ul{
			list-style-type: none;
			margin: 0;
			padding: 0;
			display:none;
		}
				header menu ul a{
					text-decoration:none;
					color: white;
					font-size:12px;
					/*! border-right:1px solid #232323; */					
				}
				
				header menu ul li{
					list-style-type:none;
					display:inline-block;
					padding: 10px;
				}

				header menu ul a:hover{
					color:#00ef6b;
				}


/*menü*/
.dropbtn {
    background-color: transparent;
    color: white;
	padding-right: 20px;
    padding-left: 20px;
	padding-top:15px;
	padding-bottom:15px;
    font-size: 15px;
    border: none;
    cursor: pointer;
	font-family: 'Raleway', sans-serif;
}

.dropdown {
    position: relative;
    display: inline-block;
}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		width: 100%;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}

	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		font-size:12px;
	}

	.dropdown:nth-child(1) .dropdown-content a:hover {background-color: #f1f1f1; color:#ef002d;}
	.dropdown:nth-child(2) .dropdown-content a:hover {background-color: #f1f1f1;color:#009def;}
	.dropdown:nth-child(3) .dropdown-content a:hover {background-color: #f1f1f1;color:#00ef6b;}
	.dropdown:nth-child(4) .dropdown-content a:hover {background-color: #f1f1f1;color:#efca00;}
	.dropdown:nth-child(5) .dropdown-content a:hover {background-color: #f1f1f1;color:#ef6b00;}
	
	


	.dropdown:hover .dropdown-content {
		display: block;
		z-index:999;
		
	}

	.dropdown:nth-child(1):hover .dropbtn {
		background-color: #ef002d;
	}
	.dropdown:nth-child(2):hover .dropbtn {
		background-color: #009def;
	}
	.dropdown:nth-child(3):hover .dropbtn {
		background-color: #00ef6b;
	}
	.dropdown:nth-child(4):hover .dropbtn {
		background-color: #efca00;
	}
	.dropdown:nth-child(5):hover .dropbtn {
		background-color: #ef6b00;
	}
	
	
.toggle,
[id^=drop] {
	display: none;
}

nav { 
  float:left;
  width:100%;
	margin:0;
	padding: 0;
	background-color: #383838;
}

nav:after {
	content:"";
	display:table;
	clear:both;
}

nav ul {
	float: left;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	

nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: #383838;

	}


nav a {
	display:block;
	padding:14px 20px;	
	color:#FFF;
	font-size:17px;
	text-decoration:none;
}


nav ul li:nth-child(1) ul li:hover { background: #ef002d; }
nav ul li:nth-child(2) ul li:hover { background: #009def; }
nav ul li:nth-child(3) ul li:hover { background: #00ef6b; }
nav ul li:nth-child(4) ul li:hover { background: #efca00; }
nav ul li:nth-child(5) ul li:hover { background: #ef6b00; }
nav ul li:nth-child(6) ul li:hover { background: #8700ef; }


nav a:hover { 
	background-color: #000000; 
}


nav ul ul {
	display: none;
	position: absolute; 
	top: 60px; 
}
	

nav ul li:hover > ul {
	display:inherit;
}
	

nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}


nav ul ul ul li {
	position: relative;
	top:-60px;
	left:170px; 
}

	

li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }


	nav {
		margin: 0;
	}


	.toggle + a,
	.menu {
		display: none;
	}

	.toggle {
		display: block;
		background-color: #383838;
		padding:14px 20px;	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #000000;

	}
	
	#first:hover{
		background-color:#ef002d;
	}
		#first:active{
			background-color:#ef002d;
		}
		.menu li:nth-child(1) ul li a{
			background-color:#f9f9f9;
			color:#383838;
		}
		.menu li:nth-child(1) ul li a:hover{
			color:#ef002d;
			background-color:#f1f1f1;
		}
		
	#sec:hover{
		background-color:#009def;
	}
		#sec:active{
			background-color:#009def;
		}
		.menu li:nth-child(2) ul li a{
			background-color:#f9f9f9;
			color:#383838;
		}
		.menu li:nth-child(2) ul li a:hover{
			color:#009def;
			background-color:#f1f1f1;
		}
		
	#third:hover{
		background-color:#00ef6b;
	}
		#third:active{
			background-color:#00ef6b;
		}
		.menu li:nth-child(3) ul li a{
			background-color:#f9f9f9;
			color:#383838;
		}
		.menu li:nth-child(3) ul li a:hover{
			color:#00ef6b;
			background-color:#f1f1f1;
		}
		
	#fourth:hover{
		background-color:#efca00;
	}
		#fourth:active{
			background-color:#efca00;
		}
		.menu li:nth-child(4) ul li a{
			background-color:#f9f9f9;
			color:#383838;
		}
		.menu li:nth-child(4) ul li a:hover{
			color:#efca00;
			background-color:#f1f1f1;
		}
		
	#fifth:hover{
		background-color:#ef6b00;
	}
		#fifth:active{
			background-color:#ef6b00;
		}
		.menu li:nth-child(5) ul li a{
			background-color:#f9f9f9;
			color:#383838;
		}
		.menu li:nth-child(5) ul li a:hover{
			color:#ef6b00;
			background-color:#f1f1f1;
		}
		
	#six:hover{
		background-color:#8700ef;
	}
		#six:active{
			background-color:#8700ef;
		}
		.menu li:nth-child(6) ul li a{
			background-color:#f9f9f9;
			color:#383838;
		}
		.menu li:nth-child(6) ul li a:hover{
			color:#8700ef;
			background-color:#f1f1f1;
		}
		


	[id^=drop]:checked + ul {
		display: block;
		width:100%;
	}


	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}


	
	nav a:hover,
 	nav ul ul ul a {
		background-color: #f1f1f1;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: white;
		color:#383838;
	}


	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;

	}
		

	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		

	nav ul ul li {
		display: block;
		width: 98%;
		padding-left:2%;
	}

	nav ul ul ul li {
		position: static;

	}

/************************************************/			
/**/				
	header #img{
		float:left;
		width:100%;
		height:auto;
	}
	
	header #width{
		float:left;
		width:80%;
		margin-left:10%;
		margin-right:10%;
	}

#wrapper{
	float:left;
	width:94%;
	margin-left:1%;
	margin-right:1%;
	padding:2%;
	background-color:white;
}	

	#line{
		float:left;
		width:100%;
		margin-top:5%;
		margin-bottom:3%;
		color:#383838;
		font-size:15px;
		text-align:center;
		font-weight:bold;
	}
	
		#line td:nth-child(1){
			width:10%;
		}
		#line td:nth-child(2){
			padding:0;
			margin:0;
			border-collapse:collapse;
			width:45%;
		}
		#line td:nth-child(3){
			width:30%;
			
		}
		
			#line td:nth-child(1) hr{
				border:2px solid #00ef6b;
			}
			#line td:nth-child(3) hr{
				border:2px solid #00ef6b;
			}

	#container{
		float:left;
		width:100%;
		margin-top:5%;
	}
	
		#container img{
			float:left;
			width:20%;
			height:auto;
			padding-right:15px;
			padding-bottom:15px;
		}
			#container img:hover{
				opacity:0.9;
			}
		
		#container p{
			float:left;
			text-align:justify;
			color:#383838;
			font-size:13px;
			line-height:20px;
		
		}
		#container .timline{
			margin-top:5%;
			margin-bottom:5%;
		}
	
#fix {
	background-image: url('../images/arrow.png');
	position:fixed;
	width:30px;
	height:17px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	right:5%;
	bottom:8%;
	opacity:0.3;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
	-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
	-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885); /* custom */
	-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
}
	#fix:hover{
		background-image: url('../images/arrow_y.png');
		transition:0.3s;
		padding-bottom:1%;
		opacity:1;
		-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
		-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
		-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
		transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885); /* custom */
		-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
		-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
		-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
		transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	}
	
#fix2 {
	background-image: url('../images/arrow.png');
	position:fixed;
	width:30px;
	height:17px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	left:3%;
	bottom:5%;
	opacity:0.3;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
	-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
	-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885); /* custom */
	-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	
	-ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari */
    transform: rotate(270deg);
}
	#fix2:hover{
		background-image: url('../images/arrow_y.png');
		transition:0.3s;
		opacity:1;
		-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
		-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
		-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885);
		transition: all 500ms cubic-bezier(0.250, 0.250, 0.810, 0.885); /* custom */
		-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
		-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
		-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
		transition-timing-function: cubic-bezier(0.250, 0.250, 0.810, 0.885);
	}

	
		
/*footer*/
footer{
	float:left;
	width:100%;
	margin-top:5%;
	text-align:Center;
}

	footer #back{
		float:left;
		width:96%;
		padding:2%;
		padding-top:1%;
		padding-bottom:1%;
		background-color:#cfcfcf;
		height:auto;
	}
			#back #back_main{
				margin-left:2%;
				margin-right:2%;
				float:left;
				width:96%;
				height:auto;
				padding:10px 0px 0px 0px;
				border-top:1px solid #00ef6b;
			}
				#back_main #b_m_f{
					float:left;
					width:100%;
					height:auto;
					font-family: 'Oswald', sans-serif;
					font-size:13px;
					color:#383838;
					padding:0;
				}
				
					#b_m_f table{
						float:left;
						width:100%;
						padding-top:2%;
					}

						#b_m_s a{
							display:block;
							color:#383838;
							text-decoration:none;
							text-align:center;
							font-size:13px;
						}
						
						#b_m_s #sublink{
							
							display:inline-block;
							color:#383838;
							text-decoration:none;
							margin-top:0%;
							margin-right:auto;
							margin-left:auto;
							text-align:center;
							font-size:13px;
						}
						
						#b_m_s #sublink table{
							width:100%;
						}
						
						#b_m_s #sublink #elerhet{
							float:left;
							width:100%;
						}
						
						#b_m_s #sublink img{
							margin-left:auto;
							margin-right:auto;
							width:10%;
							height:auto;
						}
						
							#b_m_s  a:hover{
								color:#00ef6b;
							}
				
						#b_m_f #name{
		
							width:90%;
							background-repeat:no-repeat;
							padding-left:30px;
							padding-top:5px;
							padding-bottom:5px;
							border:0;
							font-family: 'Oswald', sans-serif;
						}
						
						#b_m_f #email{

							width:90%;
							background-repeat:no-repeat;
							padding-left:30px;
							padding-top:5px;
							padding-bottom:5px;
							border:0;
							font-family: 'Oswald', sans-serif;
						}
						
						#b_m_f #submit{
							background:transparent;
							border:1px solid #383838;
							color:#383838;
							font-size:12px;
							padding-left:15px;
							padding-right:15px;
							font-family: 'Oswald', sans-serif;
						}
							
							#b_m_f #submit:hover{
								border:1px solid #00ef6b;
								color:#00ef6b;
								cursor:pointer;
							}

						#b_m_f  #ad{
							float:left;
							width:100%;
							text-align:center;
							padding-top:0;
							margin-top:0;
						}

							#b_m_f  #ad a:nth-child(1){
								display:none;
							}

							#b_m_f  #ad a{
								
								border:1px solid #383838;
								padding:5px 25px 5px 25px;
								text-decoration:none;
								color:#383838;
								margin-left:auto;
								margin-right:auto;
								display:inline-block;
								text-align:center;
								
							}
							
								#b_m_f  #ad a:hover{
								border:1px solid #00ef6b;
								color:#00ef6b;
								cursor:pointer;
								}
								
						
						#b_m_f #social #bd{
							float:left;
							width:100%;
							text-align:left;
														border-top:1px solid #383838;
						}
							#b_m_f #social #bd a:nth-child(1){
								display:none;
							}
							
						
							#b_m_f #social #bd a{
								float:left;
								border:1px solid #383838;
								padding:5px 25px 5px 25px;
								text-decoration:none;
								color:#383838;
								text-align:center;

							}
							
								#b_m_f #social #bd a:hover{
								border:1px solid #00ef6b;
								color:#00ef6b;
								cursor:pointer;
								}
  
				#name img{
					width:10%;
				}
					
				#back_main #b_m_s{
					float:left;
					width:100%;
					height:auto;
					text-align:center;
				}
					#b_m_s img{
						width:10%;
						height:auto;
						padding:15px;
						filter:grayscale(60%);
					}
					
					#b_m_s img:hover{
						filter:grayscale(0%);
					}
					
					#b_m_s p{
						float:left;
						width:100%;
						padding:0;
						margin:0;
						font-family: 'Oswald', sans-serif;
						font-size:13px;
						color:#383838;
					}
					
	
	footer #forward{
		float:left;
		width:100%;
		height:auto;
		/*! background-image: url("../images/footerv2.jpg"); */
		color:#dcdcdc;
		padding:5px 0px 0px 0px;
		font-size:10px;
		background-color: #383838;
	}
	
		footer #forward table{
			float:left;
			width:100%;
			
		}
		
			footer #forward table a{
				text-decoration:none;
				color:#dcdcdc;
				font-size:25px;
				text-align:center;
				font-weight:bold;
			}
			
			footer #forward table a:hover{
				color:#00ef6b;

			}
			
			
				#forward table td:nth-child(1){
					width:25%;
					padding:15px;
					text-align:center;
					border-right:0px solid grey;
				}
				
				#forward table td:nth-child(2){
					width:50%;
					padding:15px;
					text-align:center;
					border-right:0px solid grey;
				}
				
				#forward table td:nth-child(3){
					width:25%;
					padding:15px;
					text-align:center;
				}
				
					#forward table td:nth-child(3) img{
						float:left;
						width:10%;
						height:auto;
						filter:grayscale(40%);
					}
					
						#forward table td:nth-child(3) img:hover{

							filter:grayscale(0%);
						}
				
					#forward table td:nth-child(3) p{
					float:left;
					margin-right:5%;
					}
					
					footer #forward {
			color:#00ef6b;
			padding-top:15px;
			padding-bottom:15px;
			background-color:color:#383838; text-decoration:none;		}
		footer #back{
			background-image:none;
			background-color:#cfcfcf;
		}
		
					#forward_image {
						float:left;
						width:100%;
						padding-top:1%;
						padding-bottom:1%;
						background-color:#A7A7A7;
						text-align:center;
					}
					
					#forward_image img{
						display: inline;
						vertical-align: middle;
						width:8%;
						height:auto;
						margin-left:1%;
						margin-right:1%;
						filter:grayscale(100%);
						-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
					}
						#forward_image img:hover{
							filter:grayscale(0%);
							-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
						}
		
			#bd p{
				margin-top:15px;
				text-align:center;
			}
		

/*DB irodalom*/

#wrapper p{
	font-size:14px;
	line-height:20px;
	text-align:justify;
}

#wrapper h3{
	color:#00ef6b;
}
	#wrapper #fels{
		font-size:13px;
		line-height:20px;
	}
		#wrapper #fels:hover{
			cursor:help;
		}
		
	#wrapper #other{
		float:left;
		width:100%;
		text-align:center;
		font-size:13px;
		line-height:20px;
		font-weight:bold;
		margin-top:5%;
	}
	
		#wrapper #other a{
			color:#383838; text-decoration:none;;
		}
			#wrapper #other a:hover{
				color:#00ef6b;
			}
		
/*DB pedagiája*/

#wrapper #pedagogia{
	font-size:13px;
	line-height:20px;
	text-align:justify;
}
	#wrapper #pedagogia li{
		margin-top:1%;
	}
	
/*gyakran ismételt kérdések*/
#gyik table td {
	font-size:13px;
	line-height:20px;
	text-align:justify;
}
	#gyik table td:nth-child(1), #weight{
		font-weight:bold;
	}

#gyik a{
	color:#383838; text-decoration:none;;
}
	#gyik a:hover{
		color:#00ef6b;
	}


/*szaléziak története*/
#szalezi{
	font-size:13px;
	line-height:20px;
	text-align:justify;
}
	#szalezi img{
		float:left;
		width:100%;
		height:auto;
		padding-right:40%;
		padding-bottom:15px;
	}
		#szalezi table td:nth-child(2){
			padding-left:20px;
		}
		
	#szalezi a{
	color:#383838; text-decoration:none;;
	}
	#szalezi a:hover{
		color:#00ef6b;
	}
	
/*magyar tartomány*/
#tartomany{
	font-size:13px;
	line-height:20px;
	text-align:justify;
}
	#tartomany iframe{
		border:0;
	}
	#tartomany a{
	color:#383838; text-decoration:none;;
	}
	#tartomany a:hover{
		color:#00ef6b;
	}
	
	
/*szalézi iskola*/	
#tart{
	float:left;
	width:100%;
	font-size:13px;
	line-height:20px;
	text-align:justify;
}
	#tart a{
	color:#383838; text-decoration:none;;

	}
	#tart a:hover{
		color:#00ef6b;
	}
	
	
	
	#tart #container_haz{
		float:left;
		font-size: 12px;
		margin-top: 5%;
		margin-left:1%;
		margin-right:1%;
		padding:0;
		display:inline-block;
		text-align:center;
		
	}
		#res_tab{
			width:100%;
			height:auto;
			float:left;
			margin:0;
			padding:0;
			display:block;

		}
			#tart #container_haz td{
				padding:0;
				margin:0;
			}

		
		#tart a #container_haz td:nth-child(1):hover   img{
			opacity:0.7;
		}
		
		#tart a #container_haz tr:nth-child(2) td{
			padding-top:10px;
			padding-bottom:10px;
		}
		
#tart{
	float:left;
	width:100%;
	font-size:13px;
	line-height:20px;
	text-align:justify;
}
	#tart a{
	color:#383838; text-decoration:none;;

	}
	#tart a:hover{
		color:#00ef6b;
	}
	
	
	
	#tart #container_iskola{
		float:left;
		font-size: 12px;

		margin-top: 5%;
		margin-left:2%;
		margin-right:2%;
		padding-right:0;
		padding:0;
		display:inline-block;
		text-align:center;
		width:35%;
	}
		#res_tab_iskola{
			width:100%;
			height:auto;
			float:left;
			margin-right:auto;
			margin-left:auto;
			padding:0;
			display:inline-block;


		}
			#tart #container_iskola td{
				padding:0;
				margin:0;
			}

		
		#tart a #container_iskola td:nth-child(1):hover   img{
			opacity:0.7;
		}
		
		#tart a #container_iskola tr:nth-child(2) td{
			padding-top:15px;
			padding-bottom:15px;
			
		}		
		
		
		
		
.imgWrap {

  width: 40%;
  float:left;
  display:inline-block;
  padding:0;
  margin-left:1.5%;
  margin-right:1.5%;
	margin-top:1%;
}

.imgWrap img{
	width:100%;
	height:auto;
	margin:auto;
	
	
}

.imgDescription{
	float:left;
	width:100%;
	height:55px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
}

.imgWrap:hover{
	opacity:0.7;
}



		

/*szalézi házak részletesen*/
#lapozo{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
	#lapozo img{
		float:left;
		width:20%;
		height:auto;
		margin-right:2%;
		margin-bottom: 1%;
	}
	
	#lapozo table{
		float:left;
		width:100%;
	}
	
	#lapozo #keret img:hover{
		opacity:0.7;
	}

	#detail{
		padding-top:5%;
		font-size:13px;
		line-height:20px;
		text-align:justify;
	}
		#detail td:nth-child(1){
			font-weight:bold;
			width:10%;
			text-align:right;
		}
		#detail td:nth-child(2){
			padding-left:2%
		}
		
		#detail tr:last-child td:nth-child(1){
			font-weight:normal;
			width:10%;
			text-align:right;
		}
		
		#detail a{
			color:#383838; text-decoration:none;;
		}
		#detail a:hover{
			color:#00ef6b;
		}
		
		#detail #kiado{
			float:left;
			width:100%;
			border-collapse:collapse;
			padding:0;
			margin:0;
		}
			#detail #kiado td:nth-child(1){
				width:15%;
				float:left;
			}
			#detail #kiado td:nth-child(2){
				text-align:left;
				float:left;
			}
		#links{
			float:left;
			width:100%;
			margin-top:4%;
			background-image: url('../images/yellow_back.png');
		}
		#links a{
			color:#383838; text-decoration:none;;
			font-size:12px;
		}
		#links a:hover{
			color:#00ef6b;
		}	
			#links td:nth-child(1){
				text-align:left;
				width:50%;
			}
			#links td:nth-child(2){
				text-align:right;
				width:50%;
			}

/*szaléziak*/			
	#szaleziak{
		float:left;
		width:100%;
		font-size:12px;
	}
	
	#szaleziak img{
		float:left;
		width:80%;
	}
		#szaleziak img:hover{
			opacity:0.7;
		}
	
	#szaleziak a{
	color:#383838; text-decoration:none;;

	}
	#szaleziak a:hover{
		color:#00ef6b;
	}
	
	#szaleziak_wrapp{
		float:left;
		width:30%;
		margin-left:1%;
		margin-right:1%;
		height:60vw;
	}
	
	#szaleziak #container_haz{
		float:left;
		font-size: 12px;

		margin-top: 5%;
		margin-left:2%;
		margin-right:2%;
		padding:0;
		display:inline-block;
		text-align:center;
	}
		#szaleziak #res_tab{
			width:100%;
			height:auto;
			float:left;
			margin:0;
			padding:0;
			display:block;

		}
			#szaleziak #container_haz td{
				padding:0;
				margin:0;
			}

			
			#szaleziak_detail td:nth-child(1){
				float:left;
				width:30%;
				text-align:justify;
				font-size:14px;
			}
			#szaleziak td:nth-child(2){
				float:left;
				width:100%;
			}
				#szaleziak_detail img{
					width: 20%;
					height: auto;
					border:0px !important;
					padding:2px !important;
				}
				

		
		#szaleziak a #container_haz td:nth-child(1):hover   img{
			opacity:0.7;
		}
		
		#szaleziak a #container_haz tr:nth-child(2) td{
			padding-top:10px;
			padding-bottom:10px;
		}
		
			#szaleziak_detail{
				float:left;
				width:100%;
			}
				#szaleziak_detail td:nth-child(1){
					width:30%;
					text-align:right;
					font-weight:bold;
				}
				
				#szaleziak_detail td:nth-child(2){
					padding-left:15px;
					width:auto;
				}

	
	
/*Elhúnyt szaléziak*/
#szaleziak td:nth-child(1){
	width:30%;
}


		#elhunyt_szal{
			font-weight:bold;
			padding-left:15px;
			padding-right:15px;
			display:inline-block;
			margin:auto;
			text-align:center;
			width: 20%;
			margin-bottom: 2%;
		}
		#elhunyt{
			width:50%;
			height:auto;
		}
		
		footer #forward {
			color:#00ef6b;
			padding-top:15px;
			padding-bottom:15px;
			background-color:color:#383838; text-decoration:none;		}
		footer #back{
			background-image:none;
			background-color:#cfcfcf;
		}
		
		
	#linkable{
	float:left;
	width:98%;
	margin-left:1%;
	margin-right:1%;
	background-color:white;
	margin-top:2%;
	margin-bottom:2%;
	padding:0;
	font-size:2vmin;
	border-collapse:collapse;
}

	#linkable tr{
		margin:0;
		padding:0;
	}
	
		#linkable a{
			font-size:2vmin;
			color:#383838; text-decoration:none;		}
		#linkable a:hover{
			color:#00ef6b		}
			#linkable td a{
				display: block;
				padding-top:35%;
				padding-bottom:35%;
				width:100%;
				height:100%;
			}
			#linkable td:nth-child(1){
				border-collapse:collapse;
				width:5%;
				text-align:center;
				background-color:#f4f4f4;
				margin:0;
				padding:0;
				border-right:1px solid #d7d7d7;
				
				
			}
			#linkable td:nth-child(4){
				border-collapse:collapse;
				width:5%;
				text-align:center;
				background-color:#f4f4f4;
				margin:0;
				border-left:1px solid #d7d7d7;
				padding:0;
			}
			
				#linkable td:nth-child(1):hover > a{
					background-color: #00ef6b;
					color:white;
					border:none;
				}
				
				#linkable td:nth-child(4):hover > a{
					background-color: #00ef6b;
					color:white;
					border-left:1px solid white;
				}
			#linkable td:nth-child(2){
				border-collapse:collapse;
				width:25%;
				text-align:left;
				margin:0;
				padding:0;
				padding-left:2%;
			}
			#linkable td:nth-child(3){
				border-collapse:collapse;
				width:25%;
				text-align:right;
				margin:0;
				padding:0;
				padding-right:2%;
			}

			#linkable td:nth-child(3) span, #linkable td:nth-child(2) span{
				display:none;
				}
				#linkable td:nth-child(3) , #linkable td:nth-child(2) {
					font-size:13px;
				}
				
			#linkable span{
				color:#9e9898;
			}
			.btn_data{
	border:0;
	margin:0;
	padding:0;
	font-size:5px;
	visibility:hidden;
}
}