/****************************************************************************************************************************

   (c) 2013 EXPERTDESIGN

	skype:  expertdesign.hu, voip: 06-21-380-5870
	e-mail: info@expertdesign.hu, http://www.expertdesign.hu

*****************************************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html, body {
	height: 100%;
}
body {
	margin: 0;
	background: url(../images/bg.jpg) top left repeat;
	font-family: Georgia;
}
.jobbra {
	float: right;
}
.balra {
	float: left;
}
.clear {
	clear: both;
	height: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.hidden {
	display: none;
}
a {
	outline: none;
	text-decoration: none;
}
#oldal {
	min-height: 100%;
	position: relative;
}
* html #oldal {
	height: 100%;
}
#lap {
	position: relative;
	min-height: 300px;
	padding-bottom: 140px;
}
* html #lap {
	height: 300px;
}
.levelcim {
	unicode-bidi: bidi-override;
	direction: rtl;
	text-align: left;
	color: inherit !important;
	font-size: inherit !important;
}
a.levelcim:hover {
	text-decoration: underline;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
/*****************************************************************************************************************************/
.tarto {
	position: relative;
	width: 980px;
	/*
	width: 90%;
	min-width: 980px;
	*/
	margin: 0 auto;
}
#fejlec {
	width: 100%;
	height: 172px;
	background: url(../images/kava_bg.png) 0 72px repeat-x
}
#logo {
	margin-top: 13px;
	margin-left: 35px;
}
#levelek {
	position: absolute;
	top: 0;
	left: 0;
}
.szegecs {
	margin-top: 100px;
}
#lap.tarto {
	margin-top: 40px;
	padding-top: 20px;
}
/*****************************************************************************************************************************/
.topmenu {
	margin-top: 10px;
	padding: 0;
	list-style-type: none;
}
.topmenu li {
	float: left;
	margin-left: 10px;
}
.topmenu li:first-child {
	margin: 0;
}
.topmenu a, .topmenu a span {
	height: 32px;
	line-height: 32px;
}
.topmenu a {
	display: block;
	font-size: 15px;
	font-weight: bold;

	color: #caaf98;
	cursor: pointer;
	padding-left: 15px;

	background: url(../images/menu_bg_bal.png) top left no-repeat;
}
.topmenu a span {
	float: right;
	display: block;
	padding-right: 20px;
	padding-left:5px;
	background: url(../images/menu_bg_jobb.png) top right no-repeat;
}
.topmenu a:hover, .topmenu a.sel {
	color: #f9e497;
	background: url(../images/menu_sel_bg_bal.png) top left no-repeat;
}
.topmenu a:hover span, .topmenu a.sel span {
	color: #f9e497;
	background: url(../images/menu_sel_bg_jobb.png) top right no-repeat;
}
.topmenu a.sel {
	cursor: default;
}
/*****************************************************************************************************************************/
#udvozlo {
	float: right;
	margin-top: 20px;
	padding: 25px 25px 10px 25px;
	width: 300px;
	background: url(../images/koszolas.png);
	border-radius: 8px;
}
h1 {
	color: #a47256;
	font-size: 28px;
	font-weight: normal;
	/*font-style: italic;*/
	margin-bottom: 20px;
}
h2 {
	color: #a47256;
	font-size: 21px;
	font-weight: normal;
	margin-top: 0;
}
p {
	color: #caaf98;
	line-height: 1.4;
	margin-bottom: 20px;
}
.fl {
	float: left;
	font-size: 26px;
	line-height: 30px;
	padding: 4px 5px;
	margin-right: 4px;
	background-color: #734f3c;
	border: 1px solid #a47156;	
}
h1 a {
	padding-top: 7px;	
	font-size: 14px;
	font-style: normal;
	color: inherit;
}
h1 a:hover {
	text-decoration: underline;
}
hr {
	border: 0;
	border-top: 2px solid #000;	
	border-bottom: 1px solid #36220c;	
}
h1.keretes {
	border: 0;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-bottom: 1px solid #36220c;
	border-right: 1px solid #36220c;
	background-color: rgba(0,0,0,0.3);
	padding: 5px 10px;
	border-radius: 10px;
	font-size: 26px;
}
h1 .datum {
	position: relative;
	padding-left: 20px;
	font-size: 15px;
}
small {
	font-size: 12px;
	color: #caaf98;
}
/*****************************************************************************************************************************/
.doboz {
	padding: 30px;
	margin: 15px 0;
	background: url(../images/koszolas.png);
	border-radius: 8px;
}
.doboz .kep.balra {
	margin-right: 30px;
}
.foboz .kep.jobbra {
	margin-left: 30px;
}
.doboz img.balra {
	margin-right: 15px;
}
a.elink {
	font-size: 14px;
	margin: 0 10px;
	background: url(../images/external_link.png) 0 3px no-repeat;
	padding-left: 15px;
	color: #caaf98;
}
a.elink:hover {
	text-decoration: underline;
}
a.link {
	font-size: 13px;
	color: #caaf98;	
}
a.link:hover {
	text-decoration: underline;
}
/*****************************************************************************************************************************/
#fotoalbum {
	list-style-type: none;
}
#fotoalbum li {
	float: left;
	width: 250px; /* 290px */
	padding: 20px;
	background: url(../images/koszolas.png);
	border-radius: 10px;
	margin: 15px;
}
#fotoalbum h3 {
	background-color: rgba(0,0,0,0.5);
	padding: 5px 0;
	text-align: center;
	color: #a47256;
}
#fotoalbum a.kep {
	position: relative;
	display: block;
}
#fotoalbum .info {
	display: none;
	z-index: 1;
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	color: #eee2ca;	
	background-color: rgba(0,0,0,0.5);
	padding: 8px 0;
	white-space: nowrap;
}
#fotoalbum .info span {
	margin: 0 6px;
	padding-left: 20px;	
}
#fotoalbum .datum {
	float: left;
	background: url(../images/calendar.png) top left no-repeat;
}
#fotoalbum .kepek {
	float: right;
	background: url(../images/picture.png) top left no-repeat;
}
#fotoalbum p {
	font-size: 12px;
	font-weight: normal;
	color: #a47256;
	padding: 10px;
	white-space:normal;
	background-color: rgba(0,0,0,0.5);
	height: 54px;
}
#fotoalbum a.ikon_link {
	color: #a47256;
	font-size: 13px;
	padding-left: 22px;
	margin: 0 6px;
}
#fotoalbum .linkek {
	margin-top: 10px;
}
#fotoalbum a.ikon_link:hover {
	text-decoration:underline;
}
#fotoalbum a.megnyitas {
	background: url(../images/folder.png) top left no-repeat;
}
#fotoalbum a.letoltes {
	background: url(../images/download.png) top left no-repeat;
}
/*****************************************************************************************************************************/
#fotok {
	list-style-type: none;
	margin: -10px;
}
#fotok li {
	float: left;
	margin: 15px;
}
#fotok li img {
	border: 1px solid #caaf98;
}
/*****************************************************************************************************************************/
.map {
	position: absolute;
	top: 0; left: 0;
	width: 440px;
	height: 330px;
	border-radius: 8px;
	z-index: 0;
}
.map_tarto {
	position: relative;
	width: 440px;
	height: 330px;
	border: 1px solid #54391d;
	border-radius: 8px;
	margin-bottom: 10px;
}
.map_overlay {
	pointer-events:none;
	position: absolute;
	top: 0; left: 0;
	width: 440px;
	height: 330px;
	box-shadow : inset 0 0 10px 0 black;
	border-radius: 8px;
	z-index: 1;
}
/*****************************************************************************************************************************/
.cols{margin-bottom:15px;overflow:hidden;}

.col, .col2, .col3, .col4, .col5 {
	float:left;
	display:inline;
	margin-left: 2%;
}
.cols .first, .col:first-child{margin-left:0 !important;}
.col{width:49%;}
.cols3 .col{width:32%;}
.cols4 .col{width:23.5%;}
.cols5 .col{width:18.4%;}
.cols6 .col{width:15%;}

.cols3 .col2{width:66%;}
.cols4 .col2{width:49%;}
.cols5 .col2{width:38.8%;}
.cols6 .col2{width:32%;}

.cols4 .col3{width:74.5%;}
.cols5 .col3{width:59.2%;}
.cols6 .col3{width:49%;}

.cols5 .col4{width:79.6%;}
.cols6 .col4{width:66%;}

.cols6 .col5{width:83%;}
/****************************************************************************************************************************/
input[type='text'],
input[type='password'],
textarea,
select {
	font-style: arial !important;
	font-size: 13px !important;


	margin-right: 4px;
	padding: 6px;
	background-color: rgba(164,113,86,0.1);
	border: 0;
	
	color: #caaf98;
	color: #a47156;

	-moz-box-shadow: inset 1px 1px 3px #000;	
	-webkit-box-shadow: inset 1px 1px 3px #000;
	box-shadow: inset 2px 2px 3px #000;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;	

	border: 1px solid #54391d;
	border-radius: 8px;
}
form.urlap input[type='checkbox'] {
	border: none;
}
form.urlap input::-moz-focus-inner,
form.urlap button::-moz-focus-inner {
	border: 0;
}
form p {
	margin: 6px 0px;
}
.h {
	color: #624139;
}
.h label {
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 10px;
}
.h br {
	clear: left;
}
form span {
	position: relative;
	font-size: 11px;
	color: #c4bea3;
	color: #989c86;
	margin-left: 5px;
}
form em {
	color: #a47256;
	font-size: 12px;
}
form .note {
	color: #a47256;
	font-size: 13px !important;
	line-height: 1.4;
	margin-top: 20px;
}
button {
	margin-top: 5px;
}
fieldset {
	margin: 10px 0 14px 0;
	padding: 20px;
	border: 1px solid #54391d;
	border-radius: 8px;
}
fieldset legend {
	padding: 0 5px;
	color: #603314;
}
label.link {
	width: auto;
	float: none !important;
	cursor: pointer;
	font-weight: normal !important;
}
label.link:hover {
	text-decoration: underline;
}
button.gomb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #524912;
	padding: 4px 12px;
	margin: 0 5px;
	background: -moz-linear-gradient(
		top,
		#faebaf 0%,
		#756335);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#faebaf),
		to(#756335));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #665500;
	-moz-box-shadow:
		0px 2px 6px rgba(033,026,011,1),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 2px 6px rgba(033,026,011,1),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 2px 6px rgba(033,026,011,1),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}
form h2 {
	background-color: rgba(0,0,0,0.5);
	padding: 5px 0;
	border-radius: 10px;
	text-align: center;
}
/*****************************************************************************************************************************/
.kozepre {
	width: 450px;
	margin: 40px auto;		
}
#levelkuldes fieldset {
	height: 290px;
}
#levelkuldes input[type="text"],
#levelkuldes textarea {
	width: 290px;
}
#levelkuldes textarea {
	height: 165px;
	resize: none;
}
/*****************************************************************************************************************************/
.lapozo {
	font: normal 12px "Trebuchet MS", Jamrul, sans-serif;
	margin: 15px 0;
	height: 21px;
	color: #a47156;
}
.lapozo a {
	font: normal 12px "Trebuchet MS", Jamrul, sans-serif;
	color: #2f1d0b;
	padding: 2px 5px;	
	-moz-border-radius: 8px;	
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #a47156;

}
.lapozo a.sel, .lapozo a:hover {
	color: #2f1d0b;
	background-color: #f9e48f;
}
.lapozo a.sel {
	cursor: default;
}
/*****************************************************************************************************************************/
#uzenet {
	font: bold 12px "Trebuchet MS", Arial, sans-serif;	
	margin: 8px 0;
	color: #FFFFFF;
	position: relative;
	background-color: #ba3e4c;
}
#uzenet a {
	position: absolute;
	top: 3px; right: 3px;

	outline: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	color: #fff;

	line-height: 10px;
	padding: 0 2px 3px 3px;
}
#uzenet a:hover {
	font-weight: bold;
}
#uzenet .hiba, #uzenet .siker {
	padding: 5px;
	padding-left: 25px !important;
	background-position: 4px 4px;
	background-repeat: no-repeat;
}
.hiba {
	background: #E61B34 url(../images/error.gif);
	border: 2px solid #BC1700;
	z-index: 65535;
	position: relative;
}
.hiba a {
	background-color: #BC1700;
}
.siker {
	background: #3ED7AF url(../images/accept.gif) top left no-repeat;
	border: 2px solid #00B556;
	z-index: 65535;
	position: relative;
}
.siker a {
	background-color: #00B556;
}
/****************************************************************************************************************************/
#lablec {
	position: absolute;
	bottom: 30px;
	height: 100px;
	width: 100%;
	background: url(../images/kava_bg.png) top left repeat-x;
}
#lablec span {
	display: block;
	height: 49px;
	line-height: 49px;
	padding: 0 10px;
	background: url(../images/lablec_bg_kozep.jpg) top left repeat-x;	
}
#lablec p {
	height: 49px;
	padding-left: 45px;
	padding-right: 45px;
	color: #5a5a5a;
	font-size: 12px;
	background: url(../images/lablec_bg_bal.jpg) top left no-repeat;
}
#lablec .tarto {
	margin-top: 26px;
	background: url(../images/lablec_bg_jobb.jpg) top right no-repeat;
}
#lablec .kredit {
	float: right;
	font-weight: normal;
}
#lablec a {
	color: #5a5a5a;
}
#lablec a:hover {
	text-decoration: underline;
}