body {
	@import url(http://fonts.googleapis.com/css?family=Trocchi);
	background-image: url('images/zold.png');
	background-position: top center;
	background-attachment: fixed;
	font-family: 'Trocchi', serif;
}
#kulso_keret {
	width: 70%;
	box-shadow: 4px 4px 4px #888888;
	background-color: white;
	margin: 0 auto;
	
}
.vonal {
	border-bottom: 2px groove darkgrey;
}
.cim_szoveg{
	text-indent: -99999px;
	overflow: hidden;
	font-size: 5px;
	margin: 0px;
	padding: 0px;
}
.szoveg_logo{
	
	
	background-color: white;


}
.szoveg_logo img{
	margin-left: 6em;
}


.logok {
	
	padding-left: 5%;
	display: table-cell-rows;
	column-span: all;
	opacity: 0.5;
}
.logok a{
	color: white;
	text-decoration: none;
}
.logok:hover, logok a:hover{
	opacity: 21;
}
#cssmenu {
  
	
	font-family: 'Trocchi', serif;
	font-size: 12px;
  
	line-height: 15px;
 
	text-transform: uppercase;
  
	text-align: center;


}


#cssmenu > ul {


	width: auto;
  
	list-style-type: none;
  
	padding: 0;
  
	margin: 0;
  
	background: #ffffff;
  
	border: 1px solid #ece6e8;
  
	border-bottom: 3px solid #d9ced2;
  
	-webkit-border-radius: 2px;
  
	-moz-border-radius: 2px;
  
	-o-border-radius: 2px;
  
	border-radius: 2px;

}


#cssmenu > ul li#responsive-tab {

	
	display: none;
  
/* Hide for large screens */



}


#cssmenu > ul li {


	display: inline-block;
  
	*display: inline;
  
	zoom: 1;

}


#cssmenu > ul li.right {


	float: right;


}


#cssmenu > ul li.has-sub {


	position: relative;


}


#cssmenu > ul li.has-sub:hover ul {


	display: block;

}


#cssmenu > ul li.has-sub ul {


	display: none;
  
	width: 250px;
  
	position: absolute;
  
	margin: 0;
  
	padding: 0;
  
	list-style-type: none;
  
	background: #ffffff;
  
	border: 1px solid #ece6e8;
  
	border-bottom: 3px solid #d9ced2;
  
	border-top: 0 none;

}


#cssmenu > ul li.has-sub ul li {


	display: block;

}


#cssmenu > ul li.has-sub > a {


	background-image: url('images/caret.png');
  
	background-repeat: no-repeat;
  
	background-position: 90% -95%;

}


#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover {


	background: #825e1c url('images/caret.png') no-repeat;
  
	background-position: 90% 95%;

}


#cssmenu > ul li a {


	display: block;
  
	padding: 12px 24px 11px 24px;
  
	text-decoration: none;
  
	color: #747474;
  
	text-shadow: 0px 1px 0px #fff;

}


#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {

	background-color: #825e1c;
  
	color: #fff;
  
	text-shadow: 0px 1px 0px #000;

}

#futoszoveg{
	@import url(http://fonts.googleapis.com/css?family=Trocchi);
	width: 100%;
	margin: 0 auto;
	color: black;
	background-color:white;
	font-family: 'Trocchi', serif;
}

#linkek{
	width: 100px;
	float: right;
	text-align: center;
	margin-right: 80px;
	margin-top: 4px;
	

}
#linkek a {
	opacity: 0.4;
	margin-left: 20px;
}



.link_szov{
	color: #663300;
	text-shadow: 0px 0px 3px; orange;
	text-align: right;
	font-family: 'Trocchi', serif;
	font-size: 18px;
	
	
}
.belsokeret{
	z-index: 0;
	width: 70%;
	margin: 0 auto;
	background-color:white;
	border-radius: 1px;
	box-shadow: 4px 4px 4px #888888;
	
	
}
#tabs {

   width: 120%;
   height:60px; 
   border-bottom: groove 1px transparent;
   padding-right: 2px;
   margin-top: 20px;
   

}
a {cursor:pointer;}

#tabs li {
    float:left; 
    list-style:none; 
    border-top:1px groove transparent; 
    border-left:1px groove transparent; 
    border-right:1px groove transparent; 
    margin-right:5px; 
    border-radius:3px 3px 0px 0px;
    outline:none;
}

#tabs li a {

    font-size: 16px;
    color: white;
   padding-top: 10px;
   padding-left: 24px;
   padding-right: 24px;
    padding-bottom: 16px; 
    display:block; 
    background: #cc9933;
    border-radius:3px 3px 0px 0px; 
    
    text-decoration:none;
    outline:none;
  
}

#tabs li a.inactive{
    padding-top:10px;
    padding-bottom:16px;
  padding-left: 26px;
  padding-right: 26px;
  color:#666666;
  background:#f7b438;
   outline:none;
   border-bottom: groove 1px white;

}

#tabs li a:hover, #tabs li a.inactive:hover {

    opacity: 4.5;
    background:#d69411;
    color:white;
      outline:none;
}

.container {
    height: 60%;
    overflow:scroll;         
    width: 94%;
    margin-left: 20px;	 
    border-left: groove 1px transparent;
    border-right: groove 1px white;
    border-bottom: groove 1px white;
    text-align:left;
    padding-top: 10px;
    box-shadow: 4px 4px 4px #888888;
	font-size: 16px;	

}

.container h2 { margin-left: 15px;  margin-right: 15px;  margin-bottom: 10px; color: #5685bc; }

.container p { margin-left: 15px; margin-right: 15px;  margin-top: 10px; margin-bottom: 10px; line-height: 1.3; font-size: small; }

.container ul { margin-left: 25px; font-size: small; line-height: 1.4; list-style-type: disc; }

.container li { padding-bottom: 5px; margin-left: 5px;}

.keplista{
	display: inline-table;
	opacity: 0.5;
	padding-left: 30px;
}
.keplista:hover, keplista a:hover{
	opacity: 21;
}
.kapszula {
	
	float:left;
	border: solid 1px #3CA0D0;
	border-radius: 15px;
	border-collapse: collapse;
	padding: 4px;
	margin: 12px;
	background-color: #3CA0D0;
	box-shadow:4px 4px 4px #63ADD0;
}
.kapszula a {
	text-decoration:none;
	color: cornsilk;
}	
.kapszula a:hover {
	color: lightcyan;
	
}
.felnyil {
	width:15px;
	height:15px;
}
.tartalom p {
	font-family: 'Trocchi', serif;
	font-size: 14px;
	margin: 10px;
	text-align: left; 
	word-wrap: break-word;
}
.tartalom {
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	float:left;
	width:100%; 
	height: 10em;
	border-radius: 1px;	
	box-shadow: 4px 4px 4px #888888;
	margin:0px;
	overflow: auto;
}
.tartalom01 {
	background: white;
	padding-top: 5px;
	width:98%; 
	height: 45em;
	border-radius: 1px;	
	margin-left:10px;
	
	
}
.tartalom01 p{
	padding-left: 4px;
	
}

.tartalom02 {
	background: white;
	box-shadow: 4px 4px 4px #888888;
	width:99%; 
	height: 35em;
	border-radius: 1px;	
	overflow: scroll;
	margin-left:10px;
	
}
.tartalom03 {
	background: white;
	margin-left:10px;
	width:99%; 
	height: 39em;
	border-radius: 1px;	
	box-shadow: 4px 4px 4px #888888;
	overflow:scroll;
	
	
}
.player {
	margin-left:180px;
	margin-top: 10px;
	float: center;
}
.tartalom04 {
	background: white;
	width:98%; 
	height: 52em;
	border-radius: 1px;	
	
	margin-left:10px;

}
.tartalom04 p {
	font-size: 17px;
}
.tartalom05 {
	background: white;
	width:99%; 
	height: 33em;
	border-radius: 1px;	
	overflow: scroll;
	margin-left:20px;
	padding-right:20px;

}
.tartalom05 p {
	font-size: 15px;
}
.piros_forg{
	color: red;
	margin-top:50px;
	transform: rotateZ(-40deg);
        -webkit-transform: rotateZ(-40deg);
        -moz-transform:rotateZ(-40deg);
	float: right;
	
	
}
.map{
	margin-left: 100px;
}
.kozep_szoveg{
	color: darkgrey;
	text-shadow: 0px 0px 3px; orange;
	text-align: center;
	font-family: 'Trocchi', serif;
	
}
.tort_szov{
	text-align: center;
	font-size: 13px;
	margin-left: 14px;
	margin-right: 16px;
	word-wrap: break-word;
	text-align: justify;
    	text-justify: inter-word;
}
.hirek{
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	float:left;
	width:31%; 
	height: 16em;
	border-radius: 1px;	
	box-shadow: 4px 4px 4px #888888;
	margin:5px;
	
	
}
#lejart{
	border-bottom-color: red;
	border-right-color: red;
}
.img{
	
	position:right;
	margin: 10px;
}
.hirek p {
	font-family: 'Trocchi', serif;
	font-size: 12px;
	margin: 12px;
	text-align: left; 
	
}
.hirek a{
	float: right;
}
.hirek0{
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	float:left;
	width:63%; 
	height: 35.5em;
	border-radius: 1px;	
	box-shadow: 4px 4px 4px #888888;
	margin:2px;
	
	
	
}
.blink {
      animation: blink 1s steps(5, start) infinite;
      -webkit-animation: blink 1s steps(5, start) infinite;
    }
    @keyframes blink {
      
	 0% { color: red; }
    	100% { color: black; }
        
      
    }
    @-webkit-keyframes blink {
      
	 0% { color: red; }
    	100% { color: black; }
        
      
    }
.clear{
	clear: both;
}
.tg  {border-collapse:collapse;border-spacing:0;border-color:#ccc;margin:0px auto;}
.tg td{font-size:14px;padding:10px 10px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;}
.tg th{font-family: 'Trocchi', serif;font-size:14px;font-weight:normal;padding:10px 10px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;}
.tg .tg-2thk{background-color:#c0c0c0;text-align:center}
.tg .tg-s6z2, .tg-031e{text-align:center}
.tg .tg-spn1{background-color:#f9f9f9;text-align:center}
.tg .tg-4eph{background-color:#f9f9f9}

.jobboszlop{
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 	
	float:right; 
	width:35.9%; 
	height:35.5em; 
	border-radius: 1px;
	box-shadow: 4px 4px 5px #888888;
	margin: 3px;
}
.kerdezo {
	margin: 5px;
	padding-top:8px;
}
.kerdezo p{
	font-family: 'Trocchi', serif;
	text-align: right; 
	text-shadow: 0px 0px 3px; orange;
}
.form-group label {
	margin: 10px;
	font-family: 'Trocchi', serif;
}
.galeria {
	
	overflow:auto;
	
	margin: 22px;
	font-family: 'Trocchi', serif;
}
.tg  {border-collapse:collapse;border-spacing:0;border-color:#ccc;}
.tg td{font-family: 'Trocchi', serif;font-size:14px;padding:10px 10px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;text-align:center;}
.tg th{font-family: 'Trocchi', serif;font-size:14px;font-weight:normal;padding:10px 10px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;}
.tg .tg-s6z2{text-align:center}
.tg .tg-spn1{background-color:#f9f9f9;text-align:center}
.tg .tg-4eph{background-color:#f9f9f9}

.lablec {
	width: 70%;
	height: 28em;
	margin: 0 auto;
	background-color: #825e1c;
	
	color: white;
}
.labl1 {
	display: flex-inline;
	flex-flow: row;
	float: none;
	order:1;
	padding-left: 5%;
	
	
}
.labl1 img {
	opacity: 0.4;
}

.labl1 img:hover {
	opacity: 2;
	
}
.labl1 p {
	font-family: 'Trocchi', serif;
	text-shadow: 0px 0px 3px; orange;
	font-size: 18px;
	text-decoration: underline;
	margin: 10px;
	
}

.labl2 {
	display: flex-inline;
	flex-flow: row;
	float: none;
	order: 2;
	padding-left: 32%;
	margin-top: -15.5em;
	
}
.labl2 p {
	font-family: 'Trocchi', serif;
	text-shadow: 0px 0px 3px; orange;
	font-size: 18px;
	
	margin: 10px;
}

.labl3 {
	display: block;
	float: none;
	order: 3;
	padding-left: 75%;
	margin-top: -14.9em;
}
.labl3 li {
	color: #ad947c;
	font-weight: bold;
	
}
.labl3 p {
	font-family: 'Trocchi', serif;
	text-shadow: 0px 0px 3px; orange;
	font-size: 18px;
	
	margin: 10px;
}
.szamlalo a{
	color: white;
}

/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
	#kulso_keret, .belsokeret, #slide, .szoveg_logo, #tabs, .hirek0, .tartalom, .tartalom01, .tartalom02, .tartalom03, .tartalom04, .tartalom05, #futoszoveg, #linkek, .kerdezo { width: 100%;}
	.lablec, .labl1, .labl2, labl3{height:auto;width:100%}
	 .jobboszlop {width: 100% ; float: left;}
	
	
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
	#kulso_keret, .belsokeret,  .szoveg_logo, #tabs, .hirek0, .tartalom, .tartalom01, .tartalom02, .tartalom03, .tartalom04, .tartalom05, #futoszoveg, .kerdezo, #slide   { width: 50%;float:left; }
	.lablec,  .labl2,  .szamlalo{ height: auto; width: 100%; margin: 0;padding:1em; float:center;}
	 .jobboszlop {width: 100% ; float: left;}
	.logok{width:100%; float:right; height:auto;}
	.labl1, .labl2, .labl3{height: auto; width: 100%; margin: 0;padding:5em; float:center;}
	.labl_szov{padding:0; margin:0 auto;height:auto; width:100%;}
	.kerdezo p {float:left;font-size: 10px;}
	
	
	
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	#kulso_keret, .belsokeret, #slide, .szoveg_logo, #tabs, .hirek0, .tartalom, .tartalom01, .tartalom02, .tartalom03, .tartalom04, .tartalom05,   #futoszoveg, .kerdezo, #linkek  { width: 100%;}
	 
	.lablec{width:100%;height:auto}
	
	
	
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
	#kulso_keret, .belsokeret,  .szoveg_logo, #tabs, .hirek0,  .tartalom, .tartalom01, .tartalom02, .tartalom03, .tartalom04, .tartalom05, #futoszoveg,.kerdezo, #slide, .jobbszlop { width: 50%;float:left;  }
	.lablec,  .labl2, .labl3 .szamlalo{height: auto; width:100%; display:flex-inline; margin:0;padding:0; float:center;}
	.logok{width:100%; float:right; height:auto;}
	.labl1{height: auto; width: 100%; margin: 0;padding:5em; float:center;}
	.labl_szov{padding:0; margin:0 auto; height:auto; width: 100%;}
	
  
}
@media (max-width: 600px) {


	#cssmenu > ul {
    width: 100%;
  }
	
#cssmenu > ul li#responsive-tab {
    display: block;
  }

	#cssmenu > ul li#responsive-tab a {
    
		background: url('images/menu.png') no-repeat;
    
		background-position: 95% -35%;
  }
  
	#cssmenu > ul li#responsive-tab a:hover{
    
		background-color: #825e1c;
    
		background-position: 95% 135%;
  }
  
	#cssmenu > ul li {
    display: none;
  }
  
	#cssmenu > ul li.right {
    float: none;
  }
  
	#cssmenu > ul li.has-sub {
    position: relative;
  }
  
	#cssmenu > ul li.has-sub ul {
    
		display: block;
    
		position: static;
    
		width: 100%;
    
		background: #ffffff;
    
		border: 0 none;
  }
  
	#cssmenu > ul li.has-sub ul li {
    display: block !important;
  }
  
	#cssmenu > ul li.has-sub ul li a span {
    
		display: block;
    
		padding-left: 24px;
  }
  
	#cssmenu > ul li.has-sub > a {
    background-image: none;
  }

}


/* Make sure they show even if hidden in mobile view by JS */


@media (min-width: 600px) {
  

	#cssmenu > ul > li.collapsed {
    
		display: inline-block !important;
    
		*display: inline;
    zoom: 1;
  }
  
	#cssmenu > ul ul li.collapsed {
    display: block !important;
  }

}