/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, 
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;;
	background:transparent;	
	font-family: Arial, Helvetica, sans-serif;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
	line-height: 150%;
	background-image: url(hatter.gif);
}


h1 { margin-top: 30px; font-size: 25px;	color: #FF2317;	margin-bottom: 30px; }
a {	text-decoration: none; color:#FF2317;	font-weight: bold; }
a:hover {	text-decoration: underline; }

#oldal { max-width: 1460px;	min-width:1240px;	width: 100%;	margin-left: auto; margin-right: auto; }

#fejlec {}
#fejlec nav {}
#fejlec nav ul {
	background-color: #FEE101;
	padding-top:5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}
#fejlec nav li { display: inline;	padding:5px 10px;	font-size: 16px; }
#fejlec nav a { color: #000; }
#fejlec nav a:hover {}
header {
	height: 150px;
	background-color: #FF2317;
}
header h1 { margin: 0px;}


aside {	width: 250px;	float: right;	margin-top:20px; }
aside h1 {  }



#tartalom {
	margin-right: 260px;
	background-color: #FFFFFF;
	background-image: url(bal.jpg);
	background-repeat: repeat-y;
	background-position: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}


#jobb {	margin-left: 270px;	margin-right: 10px; }
#bal { width: 260px; float: left;	background-image: url(bal.jpg); }

#balmenu {
	margin-top: 150px;
	background-color: #FFFFFF;
}
#balmenu:before {
	content: " ";
	background-image: url(menu1.jpg);
	background-repeat: no-repeat;
	height: 91px;
	display: block;	
}

#balmenu:after {
	content: " ";
	background-image: url(menu2.jpg);
	background-repeat: no-repeat;
	height: 86px;
	display: block;	
}

#balmenu nav {
	margin-top: 10px;
	margin-bottom: 20px;
}
#balmenu nav h1 { margin-left:0px; margin-top: 0px;} 
#balmenu nav ul { margin-top:10px;} 
#balmenu nav li { list-style-type: none; width: 230px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; font-size: 14px; padding-left: 10px; } 
#balmenu nav a { display: block;	margin:5px;	color: #CC0000;	font-weight: bold; } 
#balmenu a:hover {text-decoration: none; color:#000; }

.kerekit, .gomb li, input, select, textarea{
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}

section { margin-top:20px;}
section h1 { font-size: 20px;	margin-bottom: 15px; margin-top: 0px;	color: #000000;	font-style: italic; }
section p {margin-bottom: 10px;}
section a {color:#C2191F; }
section ul {margin-top:20px; margin-bottom: 20px;}

.fooldal { float:left; width:100%; }
.fooldal section { float:none; }
.fooldal article { float:left; width:23%; margin-left: 1%; margin-right: 1%; margin-bottom:10px;}
.fooldal figure {
 /* Webkit (Safari/Chrome) */ -webkit-box-shadow: 2px 2px 5px 3px #666666;
	/* Mozilla Firefox */ -moz-box-shadow: 2px 2px 5px 3px #666666;
	/* Proposed W3C Markup */ box-shadow: 2px 2px 5px 3px #666666;
}
.fooldal article img { width: 100%;}


.lista { margin-left:20px; }
.lista article {
	margin-bottom:10px; padding-bottom:10px;
	width: 100%;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.lista figure { float:left; margin-right: 40px; width:200px; 
	-webkit-box-shadow: 2px 2px 5px 3px #666666;
	-moz-box-shadow: 2px 2px 5px 3px #666666;
	box-shadow: 2px 2px 5px 3px #666666;	
}
.lista article img { width: 100%;}
.lista article li { list-style-type: none; }

footer { clear: both;	background-color: #FF2317; min-height: 100px; padding:20px;}
footer nav ul { text-align:center; }
footer nav li { display: inline; margin:10px;}
footer nav a { color: #000; }

#lapszel { padding-right: 9px; background-image: url(lapszel.jpg); background-repeat: repeat-y;	background-position: right;}
#logo { padding-top: 30px; padding-bottom: 30px; padding-left: 20px; position: absolute; }

.gomb li { background-color: #99CC00; display: inline; margin-right: 5px; padding:5px; }
.gomb li a { padding:5px; color: #000; }

#feliratkozas { background-image: url(hirlevel.png); background-repeat: no-repeat; margin-top: -80px; margin-left: 5px; height: 250px; margin-bottom:20px; }
#feliratkozas form {padding-top: 130px; text-align:center; }

input, select, textarea {	border: 1px solid #999999; font-size: 18px;	padding: 4px;	background-color: #FFFFFF; margin-bottom:10px; color: #333333; }

.kiemelt { font-size: 18px;	font-weight: bold; color: #CC0000; }

.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.modal {
	display: none;
	background: #eee;
	padding: 0 0px 20px;
	overflow: auto;
	z-index: 1001;
	position: absolute;
	width: 300px;
	border: 1px solid #333333;
}

.modal .modalcim {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF2317;
	padding: 10px;
	text-align: center;
	margin-bottom: 15px;
}
.modal table {
	margin-right: 15px;
	margin-left: 15px;
	width: 270px;
}

.hiba, .ok {	color: #FFFFFF;	background-color: #CC3300; border: 1px solid #990000;	padding: 10px; margin-top: 10px; margin-bottom: 10px;	font-weight: bold; }
.hiba ul { margin-top: 10px; }
.hiba li { font-weight: normal;	margin-left: 30px; list-style-type: square;}
.ok { background-color: #339933; border: 1px solid #339933; }
.banner { text-align:center; margin-bottom:10px; }
.banner img {max-width:100%; }
header .banner { margin-bottom: 0px; }

#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: #333;
	 -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);
	 display: none;
}

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