html,body {background: url(../art/oldalhatter.jpg) no-repeat center top;margin:0;padding:0;height:100%;font-family:"trebuchet ms",arial,sans-serif;font-size:12px;color:#010101;}

img{border: none;}
.marginki{margin: 0}
.marginbal{margin-left: 10px}
.marginjobb{margin-right: 20px}
.bold{font-weight:bold}

#container {position:relative;margin:0 auto;width:980px;}

#body {margin:0;}

.fofejlec{position:relative; background: url(../art/fejlec-elvlaszto.png) repeat-x center bottom}
.fofejlec .logo{padding:32px 0 10px 20px;float:left;color:#686868}
.fofejlec .logo img{margin:0 0 10px 0}
.fofejlec .jobb{float:right;margin:12px 0 0 0}
.fofejlec .jobb .felsosor{float:right;color:#666666;font-weight:bold;xwidth:200px}
.fofejlec .jobb .felsosor img{vertical-align:middle}
.fofejlec .jobb .felsosor div{margin:0 15px;display:inline}
.fofejlec .jobb .felsosor a{text-decoration:none;color:#666666}
.fofejlec .jobb .felsosor a:hover{color:#000}

.fofejlec .jobb .alsosor{float:right;margin:41px 0 0 0}
.fofejlec .jobb .alsosor a{color:#fff;background-color:#464646;text-transform:uppercase;text-decoration:none;padding:0 20px;display:block;float:left;height:28px;line-height:28px;margin:0 2px 0 0}
.fofejlec .jobb .alsosor a:hover,.fofejlec .jobb .alsosor a.aktiv{background-color:#96c93e}

#keresoform {width: 174px; position: relative; margin: 0 auto 58px auto;}
#keresoform input {font-size: 11px;color: #b9aca5;border: 0px;outline:0;float: left;}
.fooldalkereso #keresoform {margin: 0; position: absolute; right: 0; top: 61px;}
#keresendo {display: block;height: 28px;padding: 0 28px 0 5px;width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;-khtml-box-sizing: border-box;border: 0px;float: left;margin: 0;background: url(../art/keresohatter.jpg) no-repeat left center;}
#keresesgomb {height: 28px;width: 32px;background: #464646;float: left;cursor: pointer;position: absolute;top: 0px;right: 0px;}
#keresesgomb:hover{background-color:#96c93e}
#keresesgomb .nagyito{background: url(../art/kereso.png) no-repeat center center;height:28px;width:32px;padding:0;margin:0;}

.fofejlec .kepcserelo{border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:1px 0}

.fooldal{margin:35px 0 0 0}
.fooldal .blokk{width:225px;min-height:185px;float:left;margin:0 10px;}
.fooldal .blokk.blokk3{min-height:282px;margin-bottom:30px;}
.fooldal .blokk .cim{font-weight:600;color:#010101;font-size:16px;margin:12px 7px 3px 7px;min-height:35px;overflow:hidden}
.fooldal .blokk .cim a{text-decoration:none}
.fooldal .blokk ul{list-style-image:url('../art/fooldalli.png');width:195px;padding:0;margin:0 0 0 22px;}
.fooldal .blokk ul li{margin:0 0 3px 0;}
.fooldal .blokk ul li a{color:#010101;text-decoration:none;}
.fooldal .blokk ul li a:hover{color:#96c93e;text-decoration:underline;}

.fotartalom{padding:23px 0 0 0}
.fotartalom .balsav{width:200px;margin:0 23px 0 0;float:left;}

.fotartalom .balsav .menu{text-decoration:none;padding:0;margin:0;font-size:13px;}
/*.fotartalom .balsav .menu.sel{background:#e5e5e5}*/
.fotartalom .balsav .menu.sel{padding-bottom: 4px;border-bottom: 1px solid #e0e0e0;margin-bottom:1px;}
.fotartalom .balsav .menu.sel li.almenu{background:#e5e5e5}
/*.fotartalom .balsav .menu.sel.sel1{background:#d5eab2}
.fotartalom .balsav .menu.sel.sel2{background:#d5eab2}*/

.fotartalom .balsav .menu ul{padding:0;margin:0;list-style-type:none}
.fotartalom .balsav .menu ul li.almenu{border-bottom: 1px solid #fff;text-decoration:none;padding:0;margin:0;}
.fotartalom .balsav .menu ul li.second{margin-top:15px}
.fotartalom .balsav .menu ul li.foszint a{color:#010101;padding:5px 7px;margin:0 0 1px 0;display:block;text-decoration:none;border-bottom:1px solid #e0e0e0;padding-right:32px;}
.fotartalom .balsav .menu ul li.foszint a:hover,
.fotartalom .balsav .menu.sel ul li.foszint a{background:#d5e9b3 url(../art/menu-foszint.png) no-repeat 178px 50%;}
.fotartalom .balsav .menu ul li.ures.foszint a:hover,
.fotartalom .balsav .menu.sel ul li.ures.foszint a{background-image:none;}
.fotartalom .balsav .menu.sel ul li.foszint a{border-bottom:0;}
.fotartalom .balsav .menu ul li.almenu a{text-decoration:none;padding:5px 0;margin:0;display:block;color:#626161}
.fotartalom .balsav .menu ul li.almenu a:hover,
.fotartalom .balsav .menu ul li.almenu.aktiv a{background: #d9d9d9 url(../art/menu-alszint.png) no-repeat 6px 50%;}

.menukepe{margin-top:30px}
.menukepe.elso{margin-top:0}

.fotartalom .kozepso{width:510px;margin:0 0px;float:left;color:#6c6c6c;text-align:justify}
.fotartalom .kozepso.fooldalkozep{width:728px;padding-left:29px;}
.fotartalom .kozepso *{line-height:1.2em}
.fotartalom .kozepso .fck *{line-height:1.6em}

.fotartalom .kozepso .morzsa{color:#6c6c6c;font-size:12px;}
.fotartalom .kozepso .morzsa a{color:#6c6c6c;text-decoration:none;}
.fotartalom .kozepso .morzsa a:hover{color:#000}

.fotartalom .jobbsav{width:224px;margin:0 0 0 23px;float:right;}
.fotartalom .jobbsav .hirekblokk .hirektartalom{color:#a0a0a0;font-size:11px}
.fotartalom .jobbsav .hirekblokk .hirektartalom a{color:#476833;font-size:13px;text-decoration:none;display:block;margin-bottom:5px;font-weight:bold}
.fotartalom .jobbsav .hirekblokk .hirektartalom a:hover{color:#000}

.fotartalom .jobbsav .hirekblokk .hirektartalom .elvalaszto{background: url(../art/jobbsav-elvalaszto.jpg) no-repeat;width:224px;height:5px;border:0;margin:12px 0 10px 0}

.fotartalom .jobbsav h4{background: url(../art/jobb-cimhatter.jpg) no-repeat;color:#476833;height:36px;line-height:36px;text-align:center;width:224px;text-transform:uppercase;text-shadow:0 1px 1px #fff}

.fotartalom .jobbsav .eubeteg{background: url(../art/jobbsav-nemzetikapcsolattartopont.jpg) no-repeat;width:213px;height:59px;display:block;text-decoration:none;padding:9px 0 0 8px;color:#fff}
.fotartalom .jobbsav .eubeteg .cim{font-size:12px;color:#000;font-weight:bold}
.fotartalom .jobbsav .eubeteg .text{font-size:11px;color:#000;font-weight:normal;line-height:13px;text-shadow:0 1px 2px #fff}


.folablec{background: url(../art/lablechatter.jpg) no-repeat center top;min-height:150px;padding:0;margin-top:50px;}
.folablec .cim1{float:left;background: url(../art/lablecelvalaszto.png) no-repeat left center;min-height:90px;margin:10px 0 0 272px;padding:10px 30px 0 26px;color:#8b8b8b}
.folablec .cim2{float:left;background: url(../art/lablecelvalaszto.png) no-repeat left center;min-height:90px;margin:10px 0 0 0;padding:10px 30px 0 26px;color:#8b8b8b}
.folablec .lablecmenu{float:left;background: url(../art/lablecelvalaszto.png) no-repeat left center;min-height:90px;margin:10px 0 0 0;padding:10px 0 0 26px;color:#8b8b8b}
.folablec .lablecmenu a{color:#8b8b8b;text-decoration:none}
.folablec .lablecmenu a:hover{color:#476833}
.folablec .irq{float:right;color:#ccc;font-size:11px;text-decoration:none;margin-top:5px;margin-bottom:20px;}

h1{font-weight:normal;font-size:22px;margin:0 10px 40px 0;padding:0;color:#486930;text-align:left;}
h2{font-weight:normal;color:#555;padding: 0; margin:30px 0 20px 0; font-size: 20px;text-align:left;}
h3{font-weight:normal;/*color:#888;*/color:#476833;padding: 0; margin:20px 0 10px 0; font-size: 18px;text-align:left;}
h3 a{text-decoration:none;color:#476833;}
h3 a:hover{text-decoration:none;color:#000;}


.kepkeret{border:2px solid #96c93e;padding:4px;margin:10px}
.kepkeretbal{border:2px solid #96c93e;padding:4px;float:left;margin:10px 20px 10px 0}
.kepkeretjobb{border:2px solid #96c93e;padding:4px;float:right;margin:10px 0 10px 20px}

.menupontok2{list-style:none;float:left;}
.menupontok2 li{float:left}

.sitemap *{line-height:1.7em!important}
.sitemap ul{margin:0;}

.uniform button,.uniform input[type="submit"]{border:0;padding:0;background:#96C93E;padding:7px 10px;font-family:arial;text-transform:uppercase;color:#fff;font-size:12px;cursor:pointer}

.kapcsolodo.kereses li{margin-bottom:7px;margin-top: 7px;}

.kepviselok .aktiv { font-weight: bold; }

.nyitvatartas { font-size: 10px; border: 1px solid #ccc; }
.nyitvatartas tr { }
.nyitvatartas th { text-align: center; font-weight: bold; padding: 1px; }
.nyitvatartas td { text-align: center; font-weight: normal; padding: 1px; }
.nyitvatartas .nap { width: 20px; }
.nyitvatartas .de { width: 85px; }
.nyitvatartas .du { width: 85px; }
.nyitvatartas .ido { width: 170px; }
.nyitvatartas .nytcim { font-size: 12px; }

.flblokk { margin-left: 66px; margin-bottom: 19px; width: 236px; height: 19px; padding-top: 83px; font-size: 14px; font-weight:bold;color: #fff; float: left; display: block; cursor: pointer; text-decoration: none; text-transform: uppercase; background-repeat: no-repeat; }
.flblokk span { background: url(../art/fejlec-kepekarnyeka.png) no-repeat left bottom; display: block; height: 20px; padding-left: 8px; padding-bottom: 3px;}
.flblokk:hover { color: #fff; text-decoration: none; }
.flblokk.betegjog { background-image: url(../art/fejlec-betegjog.png); /*margin-left: 0; */}
.flblokk.ellatottjog { background-image: url(../art/fejlec-ellatottjog.png); }
.flblokk.gyermekjog { background-image: url(../art/fejlec-gyermekjog.png); }
.flblokk.dokumentacio { background-image: url(../art/fejlec-dokumentacio.png); }
.flblokk.betegjog:hover { background-image: url(../art/fejlec-betegjog-h.png); /*margin-left: 0;*/ color:#96c841 }
.flblokk.ellatottjog:hover { background-image: url(../art/fejlec-ellatottjog-h.png); color:#96c841 }
.flblokk.gyermekjog:hover { background-image: url(../art/fejlec-gyermekjog-h.png); color:#96c841 }
.flblokk.dokumentacio:hover { background-image: url(../art/fejlec-dokumentacio-h.png);  color:#96c841}

.flblokk2 { margin-left: 10px; margin-bottom: 19px; width: 236px; height: 19px; padding-top: 83px; font-size: 14px; font-weight:bold;color: #fff; float: left; display: block; cursor: pointer; text-decoration: none; text-transform: uppercase; background-repeat: no-repeat; }
.flblokk2 span { background: url(../art/fejlec-kepekarnyeka.png) no-repeat left bottom; display: block; height: 20px; padding-left: 8px; padding-bottom: 3px;}
.flblokk2:hover { color: #fff; text-decoration: none; }
.flblokk2.betegjog { background-image: url(../art/fejlec-betegjog.png); margin-left: 0; }
.flblokk2.ellatottjog { background-image: url(../art/fejlec-ellatottjog.png); }
.flblokk2.gyermekjog { background-image: url(../art/fejlec-gyermekjog.png); }
.flblokk2.dokumentacio { background-image: url(../art/fejlec-dokumentacio.png); }
.flblokk2.betegjog:hover { background-image: url(../art/fejlec-betegjog-h.png); margin-left: 0; color:#96c841 }
.flblokk2.ellatottjog:hover { background-image: url(../art/fejlec-ellatottjog-h.png); color:#96c841 }
.flblokk2.gyermekjog:hover { background-image: url(../art/fejlec-gyermekjog-h.png); color:#96c841 }
.flblokk2.dokumentacio:hover { background-image: url(../art/fejlec-dokumentacio-h.png);  color:#96c841}


.foblokk { margin-bottom: 20px; width: 338px; height: 24px; padding-top: 122px; font-size: 18px; font-weight:18px;color: #fff; display: block; cursor: pointer; text-decoration: none; text-transform: uppercase; background-repeat: no-repeat; }
.foblokk span { /*background: url(../art/fooldal-kepekarnyeka.png) no-repeat left bottom;*/ display: block; height: 20px; padding-left: 8px; padding-bottom: 4px;}
.foblokk:hover { color: #fff; text-decoration: none; }
.foblokk.betegjog { background-image: url(../art/fooldal-betegjog.png); float: left; }
.foblokk.ellatottjog { background-image: url(../art/fooldal-ellatottjog.png); float: right; margin-right: 9px; }
.foblokk.gyermekjog { background-image: url(../art/fooldal-gyermekjog.png); float: left; }
.foblokk.dokumentacio { background-image: url(../art/fooldal-dokumentacio.png); float: right; margin-right: 9px; }
.foblokk.betegjog:hover { background-image: url(../art/fooldal-betegjog-h.png); float: left; color:#96c841}
.foblokk.ellatottjog:hover { background-image: url(../art/fooldal-ellatottjog-h.png); float: right; margin-right: 9px; color:#96c841 }
.foblokk.gyermekjog:hover { background-image: url(../art/fooldal-gyermekjog-h.png); float: left; color:#96c841 }
.foblokk.dokumentacio:hover { background-image: url(../art/fooldal-dokumentacio-h.png); float: right; margin-right: 9px; color:#96c841 }


.fooldaleubetegjog{background: url(../art/fooldal-nemzetikapcsolattartopont.jpg) no-repeat; width:718px;height:86px;margin-left: 0;display:block}

.hirekblokk .datum { font-size: 11px; color: #888; margin: 0; }

.fohirekblokk .fohirekfejlec h4 { background: url(../art/fooldal-hirhatter.png) no-repeat center center; height: 34px; line-height: 34px; text-align: center; color: #476833; text-transform: uppercase; font-size: 16px; }
.fohirekblokk .hirblokk { float: left; width: 216px; margin-left: 35px; margin-bottom: 5px; text-align: left; }
.fohirekblokk .hirblokk .datum { font-size: 11px; color: #888;margin-top:5px }
.fohirekblokk .hirblokk .cim { font-size:13px;padding: 5px 0; }
.fohirekblokk .hirblokk .cim a { color: #476833; text-decoration: none;font-weight:bold }
.fohirekblokk .hirblokk .cim a:hover { color: #476833; text-decoration: underline; }

.dokdatum { color: #476833; font-weight: normal; white-space: nowrap; }
.dokmeret { color: #888; font-weight: normal; }

.sitemap a{text-decoration:none}

.hirkepek{text-align:left;margin:0 -27px 0 -26px}
.hirkepek .kepkeret{margin-left:26px;margin-right:27px}

.nomargin{margin:0!important}

.opa{opacity:0.5;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}
.opa:hover{opacity:1}

.app-box h4 {
	background: transparent url('http://www.obdk.hu/art/fooldal-hirhatter.png') no-repeat center center;
	height: 34px; padding: 4px 0 0;
	color: #000; font-size: 16px; line-height: 34px; text-align: center; text-transform: none;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.app-box h4 a {color: #466730; text-decoration: none}
.app-box .appicon {display: block; width: 108px; margin: 0 auto; padding: 0 0 15px}
.app-box .appicon:after {content: ' '; display: block; clear: both}
.app-box .appicon img {border:0;padding:0;margin:0}

.masknolink {display: block; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.masknolink:before, .masknolink:after {
	content: ''; background: #ffffff; background: rgba(255,255,255,.7); display: block; width: 100%; min-height: .01%; height: 100%;
	opacity: 0; position: absolute; top: 0; left: 0; z-index: -1; visibility: hidden; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out
}
.masknolink:before {
	content: attr(data-title); background: none; height: auto; padding: 10px; color: #000000; font-size: 19px; font-weight: 700;
	line-height: 1.2; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%)
}
.masknolink:hover:before, .masknolink:hover:after {opacity: 1; z-index: 2; visibility: visible}
.masknolink:hover:before {z-index: 3}
	.masknolink img {position: relative; z-index: 1}