* {margin:0; padding:0; font-size:14px;}
* img{ border-style: none; } /* ie bekeretezi a képeket */

.fleft {float:left}
.fright {float:right}
.fcenter {float:none; text-align:center}
.fcenter a {color:#7f8501; text-decoration:none}
.fcenter a:hover {background-color:#eec771}
.fclear {clear:both}
@font-face {font-family: 'Amarante', cursive;}

body {top:0px; left: 0px; height: 100%; margin:0; padding:0;}}
h1,h2,h3,h4,h5,h6,span {margin:0; padding:0;}

a {color:#b22d00; text-decoration:none;}
a:active {color:#e1c688; }

/*******************************************************************************
							Stíluselemek
********************************************************************************/
.kozepre {text-align: center;}
.kepkozepre{display: block; margin-left: auto; margin-right: auto;}
.sorkizart {text-align: justify;}	
.vastag {font-weight:bold;}
.dolt {font-style:italic;}
.ritkasor {line-height: 160%;}
.mar10tb {margin: 10px 0 10px 0;}
.pad5 {padding: 5px;}
.clear {clear: both;}
.floatbal {float:left;}

.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f24 {font-size: 24px;}
.voros {color:#b22d00;}
.zold {color: #7e8901;}
.feher {color: white;}
.barna {color: #944d1b;}
.sotetbarna {color: #401400;}

/*
a[href$=".pdf"] {padding-left: 25px; background: url(images/icon/icon_pdf.gif) no-repeat bottom left;}
a[href$=".doc"] {padding-left: 25px; background: url(images/icon/icon_doc.gif) no-repeat bottom left;}
a[href$=".docx"] {padding-left: 25px; background: url(images/icon/icon_doc.gif) no-repeat bottom left;}
a[href$=".xls"] {padding-left: 25px; background: url(images/icon/icon_xls.gif) no-repeat bottom left;}
a[href$=".xlsx"] {padding-left: 25px; background: url(images/icon/icon_xls.gif) no-repeat bottom left;}
*/

.kiemel{ background: #c49c66; padding: 3px 5px; color: #4f2f1b; font-family: "Amarante"; font-weight: bold; text-decoration: none; width: 95%; margin: 10px 0 0 0; font-size: 18px; text-align:center;
border-radius: 9px; border-top-right-radius: 3px; border-bottom-left-radius: 3px;}

/*******************************************
							Menük
*******************************************/
/* Bal menü */	
.balmenu_list {font-family: 'Amarante'; font-size: 16px;}

.balmenu_head {padding: 4px; margin-right: 2px; border: 1px solid #d0d1bb; cursor: pointer; font-family: "Amarante"; font-size: 16px;
	color: #4f2f1b; background: DarkKhaki; border-radius: 9px; border-top-right-radius: 3px; border-bottom-left-radius: 3px;}
.balmenu_head a {color: #b22d00; font-size: 16px;}
	
.balmenu_body {display:none; padding-left: 5px; padding-top: 5px; font-size: 16px;}
.balmenu_body a {display:block; color: #7e8901; background-color: #e7eecc; padding: 5px 5px 5px 5px; font-weight: bold; font-style: normal !important;}
.balmenu_body a:hover {color: #ce5c20; text-decoration:none;} /* Választás */
.palyazat {float: right; margin-bottom: 10px;}

/************************************************
							Fejléc
************************************************/
#headerkuglofbg {width:100%; height:309px; float:left; background: url(images/kugloffesztheadmenta.jpg) repeat-x;}
#headerbg {width:100%; height:309px; float:left; background:url(images/top.png); background-repeat:no-repeat;}
#uszokep {width: 200px; height: 250px; opacity: 0.9; margin: 0 auto 0 auto; padding: 0 690px 0 0px;}

/* --- Képforgató Slider --- */ 
#slideshow {width: 750px; height: 300px; position: absolute; left: 50%; margin: 0 0 0 -240px; box-shadow: 8px 8px 5px #888888;}
#slideshow img {width: 750px; height: 300px; border-radius: 9px;}

/*************************************************
							Tartalom
*************************************************/
#contentbg {width:100%; float:left; background:url(images/withe_bg.png); background-repeat:repeat;}
#content {width:100%; float:none; margin: 0 auto;}
#contentkuglofbg {width:100%; float:left; background:url(images/withe_bg.png);}

/*******************************************************************************
							Bal oldal
********************************************************************************/
#contentleft {width: 24%; float:left; padding:0 0 0 10px}
#leftheading {width:216px; float:left; font-family:Georgia; font-size:22px; color:#7e8901;}
#leftheading h4 {width:216px; float:left; font-family:Georgia; font-size:22px; font-weight:normal; color:#7e8901;}

.leftheading {width:220px; float:left;}
.leftheading h4 {font-size:22px; font-weight:normal; padding: 15px 0 5px 0; color:#4f2f1b;}

.balbox{background: #E8DCC1; padding: 3px 5px; color: saddlebrown; text-decoration: none; width: 92%; margin: auto; font-family: "Amarante"; font-size: 14px; text-align: justify; border: 1px solid #d0d1bb;
	border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
	
/*---------------------- Naptár -----------------------*/
#naptar_box{position:relative; width:198px; min-height:155px; height:auto; margin:10px auto 40px auto;}

.minime_cal{width:196px; font-size:12px; position:relative; border:1px solid #808080; box-shadow:3px 3px 3px gray; border-radius:3px; z-index:2;}
	
.minime_cal_head{width:190px; height:16px; padding:2px; color:#705B2C; text-align:center; font-weight:bold; position:relative; border:1px solid  #808080; border-radius:3px; z-index:2;}
	
.minime_cal_week{margin:1px; text-align:center; width:20px;height:16px;padding:2px; background-color:#afc348;
	float:left;color:#008000/*green*/;position:relative;border:1px solid #008000; border-radius:3px; z-index:2;}
	
.minime_cal_blank{margin:1px;text-align:center;width:24px;height:20px;float:left;position:relative;border:1px solid transparent; border-radius:3px; z-index:2;}
	
.minime_cal_days{margin:1px; text-align:center; width:20px; height:16px; padding:2px; background-color:#e7eecc;
	float:left; color: #008000/*blue*/; cursor:pointer; position:relative; border:1px solid #008000; border-radius:3px; z-index:2;}
	
a.leptet{text-decoration:none; color:#705B2C; font-weight:700; line-height:16px;}
a.leptet span{text-align:center;}

.minime_cal_days_aktual{margin:1px; text-align:center; width:20px; height:16px; padding:2px; background-color: LimeGreen;
	float:left; color: #4f2f1b /*red*/;cursor:pointer; position:relative; border:1px solid #4f2f1b; border-radius:3px; z-index:2;}
						
.minime_cal_days_events{margin:1px;text-align:center;width:20px;height:16px;padding:2px; background-color: gold;
	float:left; color:#b22d00/*red*/; cursor:pointer; position:relative; border:1px solid #008000; border-radius:3px; z-index:2;}
						
.minime_cal_days_select{margin:1px; text-align:center; width:20px; height:16px; padding:2px; background-color: orange ;
	float:left; color:#705B2C; cursor:pointer; position:relative; border:1px solid darkviolet; border-radius:3px; z-index:2;}
	
#nevnapok{position:absolute; width:200px; min-height:46px; height:auto; padding:2px 8px; left:200px; top:0; font-size:14px;
	background-color:#E8DCC1; color:#705B2C; display:none; text-align: center; box-shadow:3px 3px 3px gray; border:1px solid #d0d1bb; border-radius:30px; z-index:2;}
	
#klikk_box{width:200px; min-height:26px; margin:-30px auto 15px auto; padding:1px 1px 1px 8px; background-color:#E8DCC1; color:#705B2C;
	display:block; border: 1px solid #d0d1bb; font-family: "Amarante"; font-size:14px; box-shadow:3px 3px 3px gray; border-radius:30px; z-index:2;}
#klikk_box a{color:#705B2C; }
#klikk_box a:hover{ color:#705B2C; font-weight:700;}

/*******************************************************************************
									Középső rész
********************************************************************************/
#contentmid {width: 50%; float:left; padding:0px 0 30px 10px; background: url(images/vline.jpg) repeat-y;}
.hirstart {margin-top: 10px; padding: 10px 5px; background: #c49c66; color: #e8dcc1; background:url(images/hir/hirfej.png); border-top-right-radius: 10px; border-top-left-radius: 10px;}

.hirstartsortor {margin-top: 50px; padding: 10px 5px; background: #c49c66; color: #e8dcc1; background:url(images/hir/hirfej.png); border-top-right-radius: 10px; border-top-left-radius: 10px;}
	
.hirtorzs {background: #e2eac0; padding: 5px; font-family:"Amarante", cursive; border-top-right-radius: 10px; border-bottom-left-radius: 10px;}
.hirtorzsbox {background: #e2eac0; padding: 5px; font-family:"Amarante", cursive;}

.hirbox {width: 99%; float:left; margin: 10px 0 40px 0; border: 1px solid #d0d1bb; font-family:"Amarante", cursive; border-radius: 10px;}

.hirveg {margin-bottom: 10px; padding: 10px 5px; background: #c49c66; color: #e8dcc1; background:url(images/hir/hirlab.png); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}

.elvalaszto {width:100%; height:20px; margin-bottom: 10px; float:left; background: url(images/hir/elvalaszt.png);}

.midheading {width:100%; float:left; color:#7e8901;}
.midheading h2 {width:100%; float:left; margin-bottom: 5px; text-align: center; font-family: "Amarante"; font-size:22px; font-weight:normal; color:#7e8901;}
.midtxt {width: 100%; float:left; margin: 10px 0 0 0; font-family: "Amarante"; font-size:13px; color:#464646;}
.midboldtxt {font-size:16px; font-weight:bold; color:#b22d00;}

#hirekbg  {width:401px;height:158px;float:left;margin:18px 0 34px 0; background:url(images/hirekbg.jpg)  no-repeat;}
#hirekbg1 {width:401px;height:200px;float:left;margin:18px 0 34px 0; background:url(images/hirekbg1.jpg) no-repeat;}
#hirekbg2 {width:401px;height:200px;float:left;margin:18px 0 34px 0; background:url(images/hirekbg2.jpg) no-repeat;}
#hirekbg3 {width:401px;height:200px;float:left;margin:18px 0 34px 0; background:url(images/hirekbg3.jpg) no-repeat;}
#hirekbg4 {width:401px;height:200px;float:left;margin:18px 0 34px 0; background:url(images/hirekbg4.jpg) no-repeat;}
#hirekbg5 {width:401px;height:200px;float:left;margin:18px 0 34px 0; background:url(images/hirekbg5.jpg) no-repeat;}
#hirekbg6 {width:401px;height:300px;float:left;margin:18px 0 34px 0; background:url(images/hirekbg6.jpg) no-repeat;}
#hirekbg7 {width:401px;height:200px;float:left;margin:18px 0 34px 0; background:url(images/hirekbg7.jpg) no-repeat;}

/*------------ Lapozó ---------*/
.pagination{width: 100%; padding:10px 3px; margin:3px auto; text-align:center; font-size:12px; color:#008000; background-color: #e8dcc1; float:left; border: 1px solid #d0d1bb; border-radius: 10px;}
.pagination a{border:1px solid #008000; margin-right:3px; padding:5px 7px; background-image:url('images/lapozo/lapozohatter.jpg'); background-position:bottom; text-decoration:none; color:#008000;}
.pagination a:hover{border:1px solid #008000; background-image:none; background-color:#ffc794; color:#008000;}
.pagination a.aktiv{border:1px solid #3e3e3e; background-image:none; background-color:#ffc794; color:#008000;}
	
/*******************************************************************************
									Jobb oldal
********************************************************************************/
#contentright {width:220px; float:left; padding:0px 0 40px 20px; font-family: "Amarante";}  
.rightheading {width:220px; float:left;}
.rightheading h4 {font-size:22px; font-weight:normal; padding: 15px 0 5px 0; color:#4f2f1b;}

#rightbox {height:200px; margin-top: 10px; background:url(images/rightbox3.png) no-repeat;}
#rightbox2 {height:260px; margin-top: 10px; font-size:14px; background:url(images/rightbox2_1.png) no-repeat;}

/*******************************************************************************
									Lábléc
********************************************************************************/
#footerbg {width:100%; float:left; background:url(images/footerbg.png) repeat-x; }
#designedby {width:100%; float:left; margin:15px 0 0 0; font-family: "Amarante"; font-size:14px; font-weight:bold; color:#401400; text-align:center;}

.labcontent { position:relative; width: 240px; height: 250px; margin-left: 10px; float: left; text-align:center; font-family: "Amarante";
	box-shadow:3px 3px 3px gray; border-radius:30px; overflow: hidden; /* Gördítősáv ha nem fér ki a tartalom. */
	background: url('images/labresz/boxhatter.jpg') #E8DCC1;}

#leftbox{ margin-top: 20px; overflow:hidden; background-color:transparent; text-align:center;}
.leftbox_content{width:200px;float:right;margin-bottom:10px; padding: 5px 5px 5px 5px; font-family: "Amarante"; font-size:14px; color: black; border:1px solid #d0d1bb;
	border-radius:20px;
	background-image:-webkit-linear-gradient(left, green, lightgreen);
	background-image:-moz-linear-gradient(left, #c6ac6c, #e8dcc1); 
	-pie-background:linear-gradient(left, #c6ac6c, #e8dcc1);
	behavior:url('pie.htc');z-index:2;clear:both;}

/* Civil szervezetek */
.civil {width:100%; float:left; visibility: hidden; display: none;}

/* dinamikus nagyságú div lassítot nyitása/csukása */
.accordion {width:100%;margin:0 auto; }
.accordion dt, .accordion dd {padding:10px;border:1px solid #542437; border-radius:10px; border-bottom:0;margin-left:0; }
.accordion dt {background-color: DarkKhaki; }
.accordion dd {background-color:#ffffff;display:none; }
.accordion dt:last-of-type, .accordion dd:last-of-type { border-bottom:1px solid black;}
.accordion dt a, .accordion dd a { display:block; color: #4f2f1b; font-weight:bold;}
.accordion dd {border-top:0;font-size:12px;}
.accordion dd p {text-align:left;}
.accordion dd:last-of-type {border-top:1px solid white;position:relative;top:-1px;}
.accordion dt a {text-decoration:none;font-size:16px;border-style:none;text-align:left;}

/* Modal */
.window-modal {display: none; align-items: center; justify-content: center; flex-wrap: wrap; overflow-y: auto; position: fixed; padding: 15px; top: 0; left: 0; right: 0;
	bottom: 0; z-index: 1000; background-color: rgba(0,0,0,0.7);}

.window-modal__in {position: relative; max-width: 100%; padding: 26px 30px 30px; width: 70%; z-index: 1001; background-color: #fff; border-radius: 3px; box-shadow: 0 0 6px 2px rgba(50,50,50,0.3); height:92vh;}
.window-activated {overflow: hidden; margin-right: 17px;}
.js-modal-window-iframe {width: 100%; height: 90vh;}

/* menü ikon */
.menu-icon {cursor: pointer; background-color: #333; color: white; padding: 10px; display: none; /* Initially hidden */}

@media (max-width: 480px) {
    .menu-icon {display: inline-block;}
    #contentleft {display: none;}
    #palyazatok {display: none;}
	#contentmid {width: 96%;}
	#contentright {width: 100%;}  
	.rightheading {width: 100%;}
	#rightbox2 {background: none;}
	embed {height: 180px;}
}