/* CSS Document */

body {
	padding: 0;
	margin: 0;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 18px;
    line-height: 150%;
}
.group { zoom:1; width: 1200px;  margin:0 auto; position: relative;}
.group:after,.group:before {
content: " ";
display:table
}

.group:after {
clear:both
}


.clear { clear: both;	display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;}
.kozep { text-align:center;}

header { background: #fff; position: relative; z-index:2; }
header nav { background-color: #990000;}

#hatter {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index:0;
}

#fej { height:  100px; }
#fej .cim {line-height:  100px; color: #990000; font-family: 'Muli', sans-serif; font-size: 40px;  }

#kereso {
    float: right;
    line-height: 100px;
}

#kereso input {font-size: 22px;
    padding: 5px;
    border: solid #ccc 1px;
    color: #333;
    box-sizing: border-box;
    border-radius: 4px;
    }
#kereso input[type=submit] { border: none; background-color: #990000; cursor: pointer; color:#fff; padding: 6px 15px;}
#kereso input[type=submit]:hover {}

#oldal {
	position: relative;
	width: 1200px;
	background-color: #FFF;	
	margin: 0 auto;
	background-image: url(hatter.gif);
	background-repeat: repeat-y;
	background-position: left;
    -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.5);
 }

#tartalom { float:left; width: 910px; padding: 0 20px; box-sizing: border-box; min-height:800px;}
#utvonal { font-size: 13px;;}

ul#fomenu{    
font-variant-caps: all-petite-caps;
font-family: 'Muli', sans-serif;
padding: 0;     margin: 0;
background: #990000; /* Old browsers */
background: -moz-linear-gradient(top, #990000 0%, #620000 50%, #990000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #990000 0%,#620000 50%,#990000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #990000 0%,#620000 50%,#990000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#990000',GradientType=0 ); /* IE6-9 */
 float:left;}
 
ul#fomenu li{display:inline;float:left;position:relative;background-color:#990000 ;font-size:18px;z-index:91;}
ul#fomenu li:not(:last-child){margin-right:1px;}
ul#fomenu a{display:block;padding:10px 20px;text-decoration:none;}
ul#fomenu ul{
	position:absolute;
	padding:0px;
	display:none;
	margin:0px;
	z-index:92;

}


ul#fomenu ul li{font-size:15px;display:block;width:300px;background-color:#B28FB2;padding-left:10px;z-index:93;}
ul#fomenu ul li:not(:last-child){margin-right:0px; 	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF; }


ul#fomenu li a {color:#FFFFFF;}
ul#fomenu li a:hover {color:#990000;}

ul#fomenu ul li a {padding:10px; color:#FFF;}
ul#fomenu ul li a:hover {color:#FFF;}
ul#fomenu ul li:hover{background-color:#9A6D9A;}

ul#fomenu li:hover{background-color:#FFF;}
ul#fomenu li:hover ul{display:block;}
ul#fomenu:after{content:" ";clear:left;display:block;}

h1, h2, h3 { font-family: 'Muli', sans-serif; font-weight: 400; }
h1 {font-size: 35px; margin: 30px 0;}

a { text-decoration:none; color: #FF6600; }
a:hover { text-decoration:underline;}

.banner { margin-bottom:20px;}

aside {float: right; width: 290px; box-sizing: border-box; padding: 0 20px; padding-top:30px;}


#mentve, .hiba {
    background-color: #90B27D;
    padding: 10px;
    text-align: justify;
    color: #FFF;
    margin: 20px 0;
    border-radius: 5px;
}

#mentve {text-align: center;}

.hiba { background-color: #FF6600; }

section { margin-bottom: 20px;}
section h1, section h2 { font-size: 28px; color: #990000; margin: 10px 0 15px 0; }	
section h3 { font-size: 25px; }
section h4 { font-size: 20px; font-weight: bold; }
p, section p, li { font-size: 16px; text-align: justify; margin: 10px 0;}
li {text-align: left; margin: 0;}
section img { max-width:100%; }

.keresoszo:hover {background-color: #FF6600; color: #FFF;} 

.keresoszo { border: solid 1px #FF6600; padding: 6px 0; font-size: 13px; border-radius: 5px;}
.keresoszo a {color: #FF6600; padding: 1px 6px; display:inline-block;}
.keresoszo a:hover { text-decoration: none; color: #FFF; }   
.lista { margin: 50px 0;}
.lista article { border-bottom: solid 1px #ccc; font-size: 15px; }
.lista article:hover {background-color: #FAFAFA;}
.lista article:last-child {border:none;}
.lista article i {font-size: 20px;}
.lista article div,.lista .fej div { float:left; padding: 5px; }
 .lista .fej div {text-align: center;}
.lista .fej {background-color:#E5E5E5; font-size: 15px; margin-bottom:  10px; border-bottom: 1px solid #ccc; font-weight: bold;}
.lista .fej:after { content: " "; display: table; clear:both }
.lista article div:first-child {padding-left: 0;}
.lista article div:last-child {padding-right: 0; float:right}
.lista article:after { content: " "; display: table; clear:both }

.lista article img { width: 30px; border-radius: 3px; margin-left:3px;}

.o1, .o3 { width:220px;}
.o2 { width:180px;}

.adatlap { float:left; width: 450px;}
.adatlap strong {
    width: 120px;
    display: inline-block;
}

.adatlap .igen, .adatlap .nem {
    border: dashed 3px #00FF00;
    padding: 10px;
}

.adatlap .igen { border-color: #00FF00; }
.adatlap .nem { border-color: #FF0000; }

.adatlap ul { padding-left: 0px; }
.adatlap li {line-height: 30px; list-style: none; font-size:15px;}
.adatlap li img { width: 30px; border-radius: 3px; margin-right:10px;}

#tartalom form {
	font-size: 15px;
	padding:20px;
	background-color: #E5E5E5;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
    margin: 30px auto;
}

#tartalom fieldset { border: none; padding: 0;}
#tartalom fieldset div { width: 30%; float:left;}
#tartalom fieldset div:nth-of-type(2n+0) { width: 70%; }

#tartalom input, #tartalom select {
	padding: 5px;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
	font-size: 18px;
	border-radius: 5px;
	margin-bottom:5px;
    width: 100%;
}

#tartalom input[type=checkbox] {width: auto;}

#tartalom input[type=submit] { background-color:#990000; width: 400px; border: none; color: #FFF; width: 100%;box-sizing: border-box; }




footer { clear: left; clear: left; background: #333; color: #ccc; position: relative;}
footer a { color:#FFF;}
footer ul {font-size: 15px; text-align:center; width: 910px; padding: 0 20px; box-sizing: border-box;}
footer li { display: inline;}
footer li a { padding: 0 10px;}


#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;}

.lapozas{font-size:11px;font-weight:bold;color:#FFFFFF; margin-top:30px;}
.lapozas a .oldalszam{background-color:#333333;color:#FFFFFF;}
.lapozas a .oldalszam:hover{background-color:#262626;}
.lapozas .oldalszam{line-height:30px;text-align:center;width:30px;height:30px;box-sizing:border-box;float:left;margin-right:5px;text-align:center;background-color:#990000;border-radius:5px;}	
	
#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;}