* {box-sizing: border-box;}
html {height:100%;/* font-family: "Lucida Sans", sans-serif;*/}
body {
/*background-color: #e3e4fa;*/
font-family: tahoma;
font-size: 1em;
margin: 0px;
padding: 0px;
height:100%;
background-position: center top;
background-attachment: fixed;
}


h1,h2,h3,h4,h5,h6{text-align: center;font-weight: bold;margin:0 auto;position:relative;}
h1 {font-size: 1.2em;}

header, footer {
	opacity: 1;
    background-color: #3b5999;
    color: #ffffff;
	text-decoration: none;
    padding: 15px;
	}
	
header {background-image: url('/style/fejlec.jpg'); background-repeat: no-repeat;background-size: 100% 100%;text-align: left;min-height: 150px;}
@media screen and (max-width:701px){header {background-image: url('/style/m-fejlec.jpg');}}


header a{color: #fff;text-decoration: none;}
div.article {opacity:1;text-align: left;padding-left: 10%;padding-right: 10%; padding-bottom: 10%;}

article {background-color: #ffffff;text-align: center;padding-left: 10%;padding-right: 10%; padding-bottom: 10%;}	


footer {text-align: center;
	height:60px;
	position:relative;
	bottom:0;
	margin: 0 20% 0 20%;
	}
.footer {
    background-color: #3b5999;
	color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}


.wrapper {min-height: 100%; margin:  0 1% 0 1%; }
body {background-color: white;}	


	
@media only screen and (min-width: 600px) {
	#atlatszo {opacity:1;}	
	
	body{background-image: url('/style/kekzold.jpg'); background-repeat: no-repeat;background-size: 100% 100%;}
	.wrapper {margin:  0 5% 0 5%;
				box-shadow: 0 5px 20px rgba(0,0,0,1.12), 0 1px 2px rgba(0,0,0,0.24); height: 100%;
				background-color: white;height: auto !important;height: 100%; margin: 0 10% -50px 10%;}
	footer {margin: 0 10% 0 10%;}
		
	}
	
@media only screen and (min-width: 768px) {
	/* For desktop: */
	header {opacity: 1;}
	
	.wrapper {background-color: white;height: auto !important;height: 100%; margin: 0 10% -50px 10%;}	
}
@media only screen and (min-width: 1601px) {
	/* For desktop: */
	.article {;background-image: url('/style/atlatszo.gif');}
	.wrapper {height: auto !important;height: 100%; margin: 0 20% -50px 20%; }	


	footer {margin: 0 20% 0 20%;}

	
	
	
	}
	
	push {height:50px;}


	
#tartalom {text-align: center;margin:0 auto;position:relative;opacity: 1;}
#tartalom a {color:#3b5999;text-decoration: none;}


.bejegyzes {margin-bottom: 10px;padding:10px 10px; text-align:center;}

/*
[class*="col-"] {float: left;padding: 15px;}

*/



/*Horizontális menü ON*/
.hmenu {clear:both;opacity: 1;font-size: 1.1em;text-decoration: none;background-color: #6d89c5;color: #FFFFFF;padding: 0 8px; width: 100%;}
.hmenu ul {opacity: 1;list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
.hmenu li {opacity: 1;float: left;}
.hmenu li a::hover:not(.active) {opacity: 1;background-color: #00e64d;}
.hmenu li a.active {opacity: 1;background-color: #009933;}


.hmenu a:link, .hmenu a:visited {opacity: 1;
	padding:0 8px;
	border-bottom:0px solid transparent;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	/*font-weight: bold;*/
    color: #FFFFFF;
	/*background-color: #33b5e5;*/
  text-align: center;
    text-decoration: none;		
    /*text-transform: uppercase;*/
}
.hmenu a:hover, .hmenu a:focus {opacity: 1;background-color: #00e64d;text-decoration: none;padding: 0 8px;}
.hmenu a:active {opacity: 1;background-color: #009933;padding: 0 8px;}

#active {background-color: #009933;}



@media screen and (min-width:701px){.hmenu a:first-child{padding:0 8px} }	

@media screen and (max-width:701px){
	footer {margin: 0 10% 0 10%;}
	.hmenu a{display:block;}.hmenu a:first-child{padding:0 8px}
	.hmenu ul{display:block;}
	.hmenu li{width:100%;}
	
}	
@media screen and (max-width:701px){.hmenu{text-align:center}}

@media screen and (max-width:301px){
	footer {margin: 0 0 0 0;}
/*Horizontális menü OFF*/


/* For mobile phones: */
[class*="col-"] {
    width: 100%;
	}
	
	
	/*
@media only screen and (min-width: 600px) {
	
		
    /* For tablets: */
	col-m-12 {width: 8.33%;}

	.col-m-2 {width: 16.66%;}
	.col-m-3 {width: 25%;}
	.col-m-4 {width: 33.33%;}
	.col-m-5 {width: 41.66%;}
	.col-m-6 {width: 50%;}
	.col-m-7 {width: 58.33%;}
	.col-m-8 {width: 66.66%;}
	.col-m-9 {width: 75%;} /*ez*/
	.col-m-10 {width: 83.33%;}
	.col-m-11 {width: 91.66%;}
	.col-m-12 {width: 100%;}
}


@media only screen and (min-width: 768px) {
	/* For desktop: */
	
	
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;} /*ez*/
	/*.col-8 {width: 61.5%;}*/
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
}
/*<div class="col-8 col-m-9">*/


#vissza
{
	text-align: center;
}



#breadcrumb,#breadcrumb a
{opacity: 1;
	text-align: left;
font-size: 0.9em;
color: black;
}


/*Menü ON*/
.menu ul {list-style-type: none;margin: 0;padding: 0;}
.menu li {padding: 8px;margin-bottom: 7px;background-color :#33b5e5;color: #ffffff;font-weight: bold;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.menu li:hover {background-color: #0099cc;}
/*Menü OFF*/



.clearfix:after { 
    content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;
}
.clearfix { display:block; }


/*background: -moz-linear-gradient(bottom,#fff, #AAAAAA 85%);*/ /* színátmenet Firefoxban */
/*background: -webkit-gradient(linear, center bottom, center top, from(#F53101), to(#fff));*/ /* színátmenet Chrome, Safari, stb-ben */