/* 
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;
	font-size:100%;
	background:transparent;	
	font-family: Arial, Helvetica, sans-serif;
}


li {list-style-type: none;}
body { font-size: 16px;	margin: 0px;	padding: 0px; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }
* { padding: 0; margin: 0; border: 0 } 

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 35px;	color: #333333;	font-weight: normal; }
a {	text-decoration: none; color: #006600; }
a:hover {	text-decoration: underline; }

#fejlec { display: none;}
#mobilfejlec {
	background-color: #393431;
	padding: 10px;
	text-align: center;
}

#tartalom {
	background-image: url(hatter.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#menu {	display: none; }
#mobilmenu {display: block; background-color: #393431; font-size:20px;}
#mobilmenu ul { width:100%; text-align: center;}
#mobilmenu li {	padding: 10px; border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #000000; }
#mobilmenu li a { color: #FFFFFF; display:block;}
#mobilmenu li a:hover {text-decoration: none; }

#lap {
	width:96%;
	max-width: 980px;
	background-color: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: 2%;
	padding-right: 2%;
	min-height: 600px;
}

#bal { width: 100%; }
#bal section { max-width:100%; }
#jobb { width: 100%; } 

aside { }
aside h1 {}
aside h2 { text-align:center;	font-size: 15px; background-color: #999999;	padding: 10px; border-radius: 5px; color: #FFFFFF; }
aside .doboz { margin-top:10px; margin-bottom:50px; margin-left:auto; margin-right:auto; max-width: 250px;}

#cimkefelho {text-align:center; }
#cimkefelho a { color: #333333; }
#cimkefelho a:hover { text-decoration:none; color: #006600; }

section { padding-top: 20px; padding-bottom: 20px; }

section h1 {	font-family: Arial, Helvetica, sans-serif;	font-size: 25px;	margin-bottom: 20px; }

article {
	margin-bottom: 30px;
	max-width:100%;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
article h1 { font-size: 25px;	padding: 0px;	margin-bottom:5px; color: #006600; }
article p, section p { margin-bottom:15px; text-align:justify;}
article time { font-size: 12px;	font-style: italic;	margin-bottom: 20px; display:block}
article figure { }
article figure img { width: 100%; }
.video { max-width: 560px; margin-left:auto; margin-right:auto}
article .cimke { margin-bottom: 20px; font-size: 15px; }
article .cimke li {	display:inline;	border-radius:5px; color: #FFFFFF; background-color: #006600;	padding: 5px;	margin-right: 5px; margin-bottom: 5px; }
article .cimke a {}
article .cimke a:hover {text-decoration: none;}

#lablec { background-color: #393431; min-height: 150px; color:#FFFFFF; }
#lablec ul { width:100%; max-width: 980px; margin-left:auto; margin-right:auto; text-align: center; font-size: 18px;}
#lablec li { display: block; padding: 10px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #000000; }
#lablec li a { color: #FFFFFF; display: block;}
#lablec li a:hover{text-decoration: none; }

#fotoverseny {}
#fotoverseny .foto, .nyertes {
	width:33.33%;
	float:left;
	text-align: center;
	color: #FFFFFF;
}

#fotoverseny .foto div, .nyertes div { background-color: #999999; margin:5px; padding:5px 5px 15px; height: 250px;}
#fotoverseny .foto img, .nyertes img { width:100%;}
#fotoverseny .foto p, .nyertes p{ line-height: 150%; margin-bottom: 0px; text-align: center; }

#fotoverseny .foto:not([nyitva="1"]) { cursor: pointer; }
#nagykep { background-color: #393431;	float: left; width: 100%;	display: none; margin-bottom: 10px;	color: #FFFFFF; clear:left; }
.nagykep { max-width: 100%;}
.nagykep {text-align: center;}
.nagykep img {max-width:100%;}

#szavazas {margin-top:20px;}
#szavaz { cursor: pointer;}

#betolt { margin:20px; }
#betolt .banner {max-width: 250px; margin-left:auto; margin-right:auto; }

#nyil {
	content: '';
	width: 0px;
	height: 0px;
	position: absolute;
	border-top-width: 20px;
	border-right-width: 20px;
	border-bottom-width: 20px;
	border-left-width: 20px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #393431;
	border-left-color: transparent;
	margin-top: -39px;
}

.banner {text-align:center;}

.tempkep {
	width:32.3%;
	margin-left:0.5%;
	margin-right:0.5%;
	margin-bottom:10px;
	min-width:120px;
	float:left;
}

.tempkep img {width:100%; }
.torol {
	background-color: white;
	height: 20px;
	width: 20px;
	position: absolute;
	padding: 2px;
	border-radius: 5px;
	overflow: hidden;
	margin :5px;
	cursor: pointer;
}
.torol i {
	margin: 0px;
	font-size: 22px;
}

form { background-color: #DDDDDD;	padding: 10px; border: 1px solid #CCCCCC;	border-radius: 5px; }

.mezo {	margin-bottom: 10px; }
#ujkep {clear: both; padding-top: 30px;}

input:not([type="checkbox"]) {
	color: #333333;
	background-color: #FFF;
	padding: 5px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	font-size: 18px;
	width: 100%;
}

label {	font-size: 20px; font-weight: bold;}

.gomb, input[type="submit"] { background-color: #FF6600; color: #000; font-size:25px; margin-top:10px; margin-bottom:10px; border-radius:5px; padding:10px; text-align:center; }
.gomb a {display:block; padding:10px; color: #000;  }
.gomb a:hover {text-decoration:none;}
.koszi { color: #666666;	background-color: #CCCCCC;	font-size: 15px; }

.hiba {
	color: #FFFFFF;
	background-color: #FF0000;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 15px;
	border-bottom: 1px solid #CC0000;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	font-weight: bold;
	border-radius: 5px;
}

.hiba ul {	margin-top: 10px;	font-weight: normal;}
.hiba li {	list-style-type: disc; list-style-position: inside; }

.rendezes {
	font-size: 25px;
	color: #666666;
	background-color: #CCCCCC;
	padding: 5px;
	border-radius: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}

.lapozas { font-size: 15px;	font-weight: bold; text-align: center; margin-top: 30px; }
.oldalszam {padding: 5px;}

.ok {	font-size: 18px;	color: #FFFFFF;	background-color: #006600; padding: 20px; border-radius: 5px;}
.ok h2 { 	font-size: 25px; margin-bottom:10px;}

.direkt {text-align:center; margin-bottom:15px; margin-top:15px;}

.nyitzar {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #FF6600;
	padding: 10px;
	cursor: pointer;
	border-radius:5px;
}
.letolt {	margin-bottom: 5px;	padding-top: 5px;	padding-bottom: 5px; border-bottom-width: 1px;	border-bottom-style: solid; border-bottom-color: #CCCCCC; padding:5px;}
.letolt i {display:block; float:right;}
.social {float:left; margin-right:10px; font-size:40px;}
.social a {color:#393431}