@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	/*font-variant: small-caps;*/
	/*text-transform: uppercase;*/
}
a {
	text-decoration:none;
	color:#B48250;
}
a:visited {
	color:#B48250;
}
a:active {
	color:#E7A858;
}
a:hover {
	color:#A5502A;
}
html, body {
	height:100%; /* későbbiek miatt szükséges */
}


/* Menüsor rögzítése görgetés után */
.fixed { 
    position:fixed;
    top:0;
}
#lablec {
	height:180px;
	bottom:0;
	width:100%;
	color: white;	
	background-image:url(../images/lablec.png);
	background-size:cover;
	background-repeat:no-repeat;
}
#lablec a, #lablec a:visited {
	color: white;
}
#lablec a:hover {
	color: #CFCFCF;
}
#lablec table {
	width:300px;
	padding-top:80px;
	margin-left:auto;
	margin-right:auto
}
#lablec td {
	/*width: 50%;*/
	font-size:18px;
	/*padding-left:30px;
	padding-right:30px;*/
}
/* Lábléc mögé nem kerülhet semmi */
#push {
	height:190px; /* eredetileg 180px*/
}

#tarto {
	min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto -180px;
	background-image: url(../images/hatter.jpg);
	background-color:rgba(0, 0, 0, 0.5);
}

#fejlec {
	height:250px;
	width:100%;
	
	background-image:url(../images/fejlec.png);
	background-size:cover;
	background-repeat:no-repeat;
		
	color:white;
	text-align:center;
    /* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	
	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	
	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	
	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;
}

#logo {
	margin-left:auto;
	margin-right:auto;
}
#logo img {
	height:100px;
	margin-top:100px;
}

#about {
	text-align:left;
	background-color:rgba(162,162,162,0.85);
	border-radius: 20px;
	position:absolute;
	right: 20px;
	top: 20px;
	width: 330px;
	height: 80px;
	padding-top:10px;
}

#about a, #about a:visited {
	color: white;
}

#about img {
	width:60px;
	height:60px;
	margin-left:10px;
	opacity:0.3;
}
#about img:hover {
	opacity:1;
}

#nev
{	
	position:absolute;
	right:0;
	top:0;
}
#nev, #nev a, #nev a:visited
{
	color:white;
}
/* -------- MENÜ ------------ */
#menu {
	margin: 0px;
    padding: 0px;
	width:100%;
	padding-top: 5px;
	color: #FFFFFF;
	background-color: #34CAEF;
	text-align:center;
	font-size:15px;
	text-transform: uppercase;
}
#menu a:link, #menü a:visited, #menü a:active, #menü a:hover {
    color: #FFFFFF;
	
    /* Corners */
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
	
    /* Size */
    margin-left: 12px;
    padding-left: 12px;
    padding-right: 12px;
	width:140px;
	
    /* Display it as a block */
    display: inline-block;
	
    /* Height of the link */
    height: 30px;
    line-height: 30px;
    /* No underline */
    text-decoration: none;
    /* No outline */
    outline: 0;
}

#menu a:hover, .selected {
    background-color: #0F9CBF;
}
#menu a:visited, #menu a, #menu a:link {
	color: #FFFFFF !important;
}
/* --------Menü vége ----------- */


.container {
    max-width: 1024px;
	margin-left:auto;
	margin-right:auto;
	display:flex;
  	display:-webkit-flex; /* Safari */
  	flex-wrap:wrap;
  	-webkit-flex-wrap:wrap;         /* Safari */
  	justify-content:center;
  	-webkit-justify-content:center;       /* Safari */
	background-color:white;
	box-shadow: 10px 10px 8px grey;
	margin-bottom:20px;
}
.container div {	
	text-align:justify;
}
#menu2 {
	width:80%;	
	color: #E388F2;
	text-transform: uppercase;
	margin-bottom:20px;
}
#tartalom {
	width:80%;
}

/* ------ Különböző ablakméreteknek megfelelő stílusok ------------ */
@media (min-width: 768px) {
	.container {		
		width: 750px; 
	}
	#menu2 {
		width:40%;
	}
	#tartalom {
		width:50%;
	}
	#lablec table {
		width:550px;
	}
}

@media (min-width: 992px) {
    .container {
    	width: 970px;
	} 
	#menu2 {
		width:30%;
	}
	#tartalom {
		width:60%;
	}
	#lablec table {
		width:550px;
	}
}
@media (min-width: 1200px) {
  	.container {
		width: 1170px; 
	} 
	#menu2 {
		width:30%;
	}
	#tartalom {
		width:60%;
	}
	#lablec table {
		width:550px;
	}
}
/* ------ Különböző ablakméreteknek megfelelő stílusok Vége ------------ */
.cim {
	color: #FF5A39;
	margin:12px 0px 5px 0px;
	/*margin:12px 0px 0px 5px;*/
	text-align:left;
}
.lista, .lista:visited {
	color: #E388F2;
	display:block;
	font-size:24px;
	border: 1px solid #F8E2FB;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px 30px -1px 30px;
}
.lista:hover {
	background-color:#F7DBFB;
	color: #D249EB;
}
.hir {
	margin: 20px;
	margin-bottom:30px;
	border-bottom: 1px solid #D0D0D0;
	/*overflow:hidden;*/
	clear:both;
}
.hir h2 {
	text-transform: uppercase;
	text-align:left;
}
.hir p {
	margin-bottom:15px;
}
.kiskep{
	width:90px;
	text-align:center;
	display:inline;
	float:left;
}
.kiskep img {
	width:80px;
	border:1px solid #747474;
}
.tovabb {
	text-align:right !important;
	font-size:20px;
	margin: 0px 20px 10px 0px;
	color: #FF5A39;
	clear:both;
}
.tovabb a, .tovabb a:visited{
	color: #FF5A39;
}
.tovabb a:hover {
	color: #FF2A00;
}
.input
{
	width:300px;
	margin:10px;
}
.galeria td {
	width:180px;
	height:180px;
	text-align:center;
}
.galeria img {
	max-height:150px;
	max-width:150px;
}
#map{
	width:100%;
	height:400px;
	margin-top:30px;
	margin-bottom:30px;
}