body {  
	padding: 0;
	margin: 0;	
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 15px;
    line-height: 150%;
    min-width: 600px;        
}

.clear { clear: both;	display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;}


h1, h2, h3 {font-family: 'Marcellus SC', serif; font-weight: 400;} 
h1 {font-size: 40px;}
h2 {}
h3 {}
p {}
a { text-decoration:none; color: #F59713;}
a:hover { text-decoration:underline;}

#ht {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,ffffff+100 */
    background: #e0e0e0; /* Old browsers */
    background: -moz-linear-gradient(top, #e0e0e0 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e0e0e0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e0e0e0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    position: absolute;
    width: 100%; min-width: 600px;
    height:  350px;
    
}

#fejlec {text-align: center;}
#fejlec img { max-width: 100%;}

.tartalom {width:99%; max-width:980px; min-width: 600px; margin:auto; box-sizing: border-box;}
.kozep { text-align:center;}
.bal { text-align:left;}
.jobb { text-align:center;}
.anim {-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}

header {
    -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.3);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.3);
    z-index: 10;
    position: relative;
    background: #fff;
    
}
header nav {background: #45DF0B; font-family: 'Marcellus SC', serif; }
header nav ul {font-size: 20px; line-height: 20px; padding: 10px; text-align: right; }
header nav li { display: inline; padding: 10px 0; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
header nav li a { padding: 10px; text-shadow: 1px 0 1px #ffffff; color: #000; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
header nav li:hover {
    padding-bottom: 20px;   
    background-color: #319E07;
}

header nav li:hover a {    
    padding-bottom: 20px; text-decoration: none; text-shadow: 1px 0 1px #000; color: #fff;
}


#oldal {       
    background: #969696; /* Old browsers */
    background: -moz-linear-gradient(top, #969696 0%, #ffffff 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #969696 0%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #969696 0%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    z-index: 9;
    position: relative;
}

#tartalom { margin: 0 1px; background: #FFF; padding: 20px; min-height: 500px; }



section { margin: 30px 0 20px; clear: both;}
section h1 {font-size: 25px;  color: #36B009;}	
section h2 { font-size: 22px; }
section h3 { font-size: 20px; }
section p { font-size: 16px; }
section img { max-width:100%; }

.lista {}

.lista:after {
    content: " ";
    background: #FFF;
    height: 10px;
    width: 100%;
    display: block;
    clear: both;
    position: relative;
    top: -35px;
}

.lista article {
    float: left;
    width: 49%;
    box-sizing: border-box;
    margin-right: 2%; 
    height:  280px;
    margin-bottom: 30px;
}

.lista article:nth-child(2n+0) {margin-right: 0%;}

.lista article figure {
    float: left;
    width: 40%;
    margin: 0 20px 0 0;    
    height:  280px;
}

.lista article figure:after {
    content: " ";
    width: 100%;
    height: 40px;
    display: block;
    margin-top: -45px;  
    -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.3);
    box-shadow: 0 0 20px 5px rgba(0,0,0,0.3);
        background: rgba(0,0,0,0.25);
}

.lista article figure img {width: 100%; }



.lista article h1 {margin-top: 0; font-size: 20px; }
.lista article p { font-size: 14px;}

.lista article:after {
    content: " ";
    clear: left;
    width: 100%;
    height: 1px;    
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,cccccc+50,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #cccccc 50%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#cccccc 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#cccccc 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}


.listaweb article {
    float: none;
    width: 100%;    
    margin: 0; 
    height:  auto;
    margin-bottom: 30px;    
}

.listaweb article figure {
   width: 20%;
   height:  auto;
   margin-bottom: 30px; 
}

.lista2 article {
    float: left;
    width: 23.5%;
    box-sizing: border-box;
    margin-right: 2%;         
}
.lista2:after {
    content: " ";    
    height: 0px;
    width: 100%;
    display: block;
    clear: both;
}

.lista2 article:nth-child(4n+0) {margin-right: 0%;}
.lista2 article h1 {margin-top: 0; font-size: 20px; text-align:center; }
.lista2 article p { display: none;}
.lista2 article figure { margin: 0;  height:  310px; /*overflow: hidden;*/ margin-bottom: 20px; }
.lista2 article figure img {width: 100%; }


.kiadvany {}
.kiadvany figure {
    float: left;
    width: 35%;
    padding-right: 50px;
    margin: 0;
    box-sizing: border-box;
}

.kiadvany .info {float:left; width: 65%; }
.kiadvany .info p:first-child {margin-top: 0;}
/*
article figure img {-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
article figure img:hover {
    max-width: 110%;
    width: 110%;
    margin: -5%;
}
*/

.gomb {
    width: 180px;
    padding: 10px;    
    color: #fff;
    text-align: center;
    font-family: 'Marcellus SC', serif;
    text-shadow: 1px 0 1px #000;
    font-size: 22px;
    float:left; margin-right:  20px;
}
.gomb a { display: block; margin: -10px; padding: 10px; color: #fff; }
.gomb a:hover {text-decoration:none;}



.elofizetes {background-color: #F59713; }
.elofizetes:hover { background-color: #DF850B;}

.media {background-color: #666; }
.media:hover { background-color: #444;}



footer { clear: left; min-height:60px; color:#999; border-top: solid 1px #ccc; padding-bottom: 40px; }
footer a { color:#999;}
footer a:hover { color:#666;}

footer nav { float:left; font-family: 'Marcellus SC', serif; font-weight: 400;}
footer nav ul {font-size: 15px; padding:  0; }
footer nav li { display: inline;}
footer nav li a { padding: 0 10px;}

footer .kapcs {
    float: right;
    padding-top: 15px;
    width: 200px;
    text-align: right;
    font-family: 'Marcellus SC', serif; font-weight: 400;
    color:#666;
}

#cookie-tajekoztato{position:fixed;bottom:0px;min-height:50px;width:100%;background-color:rgba(0, 0, 0, 0.8);padding-top:15px;padding-bottom:20px;z-index:1000;}
#cookie-tajekoztato p{font-size:12px;color:#FFF;padding-bottom:15px;text-align:center;}
#cookie-bezar{width:120px;margin-left:auto;margin-right:auto;color:#4592B1;font-size:15px;}


.banner {}
.banner img {max-width: 100%;}


#facebook { 
	padding:5px;	
    width: 300px;
	height: 250px;
    position: fixed;
    bottom: 0;
    right: 20px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 100000 !important;
    overflow-y: hidden;
    background-color: #339430;
	 -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	 font-size: 15px;
	 display: none;
}

#facebook_fej { color: #FFF; line-height: 30px;}
#facebook .lefel { float:right; margin-top:5px;}