* {
  font-family: Arial, verdana;
  font-size:18px;
  line-height:23px;
}
:focus,:hover {
  outline: 0;
  -webkit-touch-callout: none;  
}
body       {margin: 0px; text-align: center;background-image: url(image/background.png); background-color: #FFF; margin: 10px; background-repeat: repeat; }
h1,h2,h3, img {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
#fejlec    {background-image:url(image/fejlecuj.png); width: 1000px; height: 258px; background-repeat: no-repeat;}
p {text-align: justify;padding:5px;float:left}
#footer    {background-image:url(image/body.png); width: 1000px; height: 31px; background-repeat: repeat; text-align: center; margin:auto;vertical-align: middle; border-right: 1px dotted #D1D1D1; border-left: 1px dotted #D1D1D1;}

a {outline:none;margin:0;padding:0}
a:link, a:visited {
	text-decoration: none;
	color:#c00;
	}
a:hover {text-decoration: underline;}
a.adel {color:#fff}
a.adel:hover {color:#000;text-decoration: underline;}
img {}
input[type=submit]:not(.youtube_search), .button,.button2,.yubutton {
  height: 70px;
  background: #3d6db5;   
  color:#fff;
  text-transform:uppercase;
  font-family: Arial, Geneva, Helvetica, sans-serif; 
  font-size:18px;   
  letter-spacing: 0.1em;
  border : 1px solid #000;
  border-radius : 3px;
  moz-border-radius : 3px;
  -webkit-box-shadow : inset 0px 0px 5px rgba(255,255,255,1);
  -moz-box-shadow : inset 0px 0px 5px rgba(255,255,255,1);
  box-shadow : inset 0px 0px 5px rgba(255,255,255,1);
}
.button2 {width:80px;margin:7px 0 7px 0;height:40px}
.yuimage {float:left;margin-right:15px;background-repeat:no-repeat;width:240px;height:180px;display:inline-block}
.yuimage img {-moz-opacity: 0.7;opacity:.70;filter: alpha(opacity=70);position:relative;top:calc(50% - 50px);left:calc(50% - 50px);width:100px;height:100px;border:0}
.yubutton {width:80px;margin:0;height:40px;background: #3d6db5 url(image/youtube.gif) no-repeat 6px 6px}
.yubutton:hover {cursor:pointer;background: #000 url(image/youtube2.gif) no-repeat 6px 6px;color:#fff}
.ty {
  width:calc(100% - 40px);
  line-height:32px;
  padding:10px 5px 0 5px;
  margin-left:15px;
  text-align:justify;
  border:0px solid red;
  float:left;
}
.megtekintesek {position:relative;top:5px;left:20px;color:#f44}
.yu_time {position:relative;top:5px;left:40px;margin:20px}
a.channel {background:#3d6db5;color:#fff;padding:10px;position:relative;top:5px}
a.channel:hover {text-decoration:none}
.opa40 {-moz-opacity: 0.4;opacity:.40;filter: alpha(opacity=40)}
.opa80 {-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80)}
.yunyil {
	-moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
}
.yunyil:hover {
    -moz-opacity: 1.0;
    opacity:1.00;
    filter: alpha(opacity=100);
	cursor:pointer;
}
.bezaras{
        position:relative;
        top:-425px;
        left:0px;
        display:block;
        float:right;
        width:36px;
        height:36px;
		z-index:999;
        background:url("image/bezaras2.png") no-repeat 0 -36px;
}
.bezaras:hover{
        background:url("image/bezaras2.png") no-repeat top right;
}
input[type=submit]:not(.youtube_search):hover, .button:hover, .button2:hover {cursor:pointer;background: #000;color:#fff;}
.td {padding:30px 10px 20px 20px;vertical-align:top;text-align: left; border-top: 1px dotted #AAA; border-right: 1px dotted #AAA;line-height:32px}
.count     { font-family: verdana; font-size: 10px; text-align: center; margin-top: 15px;}
.copyright { display:inline-block; text-align:center;margin: auto;width:100%}
.copyright a {font-family: verdana; font-size: 12px; color: #777; text-decoration: none;}
.copyright a:hover {font-family: verdana; color:#444;text-decoration: none;}
.menucell  {border-right: 1px dotted #D1D1D1; border-left: 1px dotted #D1D1D1;}
.main      {padding-top:5px;border-right: 1px dotted #D1D1D1; border-left: 1px dotted #D1D1D1;}

.menucontainer{width:100%;margin:0}
 
.menu {float:left; font-family: verdana; width:100%; background:url(image/bgOFF.gif) repeat-x bottom left; position:relative;border-top:4px solid #c00;}
.menu ul {padding:0 0 0 5px; margin:5px 0 0 0; float: left; list-style-type:none; position:relative;white-space:nowrap;width:100%;display:inline-block}
.menu ul li {float:left;font: 15px Arial; font-family:Times New Roman;font-size:16px;display:block; padding:0 5px 0 2px; line-height:30px;}
.menu ul li a, .menu ul li a:visited {float:left;margin:0 5px 0 0;display:block;font: 15px Arial; font-family:Times New Roman;font-size:16px;text-transform: uppercase; text-decoration:none; color:#000; width:auto; color:#666; line-height:30px;}
.menu ul li a:hover {color:#c00; text-decoration: underline;}
.menuu ul li:hover ul {display:block; position:absolute; top:36px;}
.menuu ul li:hover ul li a {display:block; background:#e3e3e3; color:#333; height:auto; line-height:16px; border-top:1px solid #fff;}
.menuu ul li:hover ul li a:hover {color:#fff; background: #B30000 url(image/sub-arrow.gif) no-repeat; border-bottom: 1px solid green;}

.hirbox1,.hirbox2,.hirbox3,.hirbox4 {width:calc(100% - 20px);overflow:hidden;margin:20px 0 0 10px;padding:0 0 2px 0;}
.hirbox1 {background:#99b5fa}
.hirbox2 {background:#a0cc4f}
.hirbox3 {background:#F9C40D}
.hirbox4 {background:#ec9be1}
.fejlec {width:100%;min-height:40px;margin-top:5px;padding:0;display:inline-block}
.ido,.helyszin {height:25px;font: 15px Arial;font-family:Times New Roman;font-size:18px;text-transform: uppercase;font-weight:bold;padding:5px 10px 5px 10px;text-align:left;line-height:25px}
.ido {float:left;background:url(image/clock.png) no-repeat 2px -2px;padding-left:43px}
.ido sup {font-size:14px;text-decoration:underline;vertical-align: baseline;position: relative;top: -0.65em;}
.helyszin {float:right;background:url(image/map.png) no-repeat 2px 2px;padding-left:34px;width:50%;min-height:32px;display:inline-block;height:auto;overflow:auto;border-left:2px solid black}
.szoveg {text-align:justify;padding:10px;margin:7px;background:#fff;display:inline-block;width:calc(100% - 35px)}
.szoveg img {margin-right:15px;float:left}
#bemutatkozas {width: 860px; margin: 10 0 10 0;}
#bemutatkozas a {font-family: verdana; font-size: 12px; color: #224A87; text-decoration: none;}
#bemutatkozas a:hover { font-family: verdana; font-size: 12px; color: #7C0201; text-decoration: underline;}

li {font-family: verdana; font-size: 12px; text-align: justify;}

.fotbl {margin-bottom:5px}
.infotbl {width: 860px; height: 31px; margin-top: 10px;}
.info {background-image:url(image/info.gif); width: 31px; height: 31px; background-repeat: no-repeat;}
.infotext {width:calc(100% - 40px);font: 15px Arial; font-family:Times New Roman;font-size:16px;text-transform: uppercase;padding:15px;text-align:justify;background-color: #DCE7E9}
.infotext2{font-family: verdana; font-size: 12px; text-align: right; background-color: #DCE7E9; padding-right: 50px;}

.tblcell3 {vertical-align:bottom;display: table-cell;width: 2%;text-align:center}
.tblcell3 div,.kekcim {display:table-cell;width:330px;height:60px;padding:10px 0 10px 0;vertical-align:middle;text-align:center}
.tblcell3 div img {border:10px solid black}
#itt_a_tel {margin:15px 0 0 0px;background: url(image/itt_a_tel_2.png) no-repeat 0 0;width:630px;height:320px;display:inline-block}
#itt_a_tel:hover {background: url(image/itt_a_tel_2.png) no-repeat 0 -331px}
.focim,.focim2 {font: 15px Arial;font-family:Times New Roman;font-size:24px;text-transform: uppercase;height:45px;line-height:45px;padding-left:25px}
.focim2 {background:#2A458A;color:#FDFE41}
.meseregenytbl tbody tr td img {padding:20px}
.meseregenytb2 tbody tr td img {padding:0}
.meseregenycim  {background: #80B34E;}
.mese {margin-top:20px}
.mese br {display:block;margin:10px 0}
.meseszerzo,.meseszerzo2 {width:400px;margin-top:30px;padding:20px;border:1px solid #999}
.meseszerzo2 {background: url(image/kekmano.png) no-repeat bottom right;margin-bottom:30px}
.meseregenytext {padding:20px 20px 20px 10px;width:700px}
.meseregenytext a {color: #003366; text-decoration: none;}
.meseregenytext a:hover {color: #80B34E; text-decoration: underline;}

.novellatbl   {padding: 0px; width: 820px; text-align: center; font: normal 12px verdana;}
.novellatbl a {color: #336699; display: block; text-decoration: none; background: #DCE7E9; width: 100%; height: 100%; padding: 2px; border-top: 1px solid #fff; border-right: 1px solid #003366; border-bottom: 1px solid #003366; border-left: 1px solid #fff;}
.novellatbl a:hover {text-decoration: none; color: #000; background: #86B9ED;  border-top: 1px solid #003366; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #003366;}
.novellatext {font-family: verdana; font-size: 12px; text-align: justify; margin: 20 30 10 30;}

.verscim  {font-family: verdana; font-size: 16x; color: #FFF; text-align: justify; background-color: #377593;}
.verstext {padding-left:20px;line-height:28px}
.verstext a,.gyverstext a {color: #003366; text-decoration: none;}
.verstext a:hover,.gyverstext a:hover {color: #80B34E; text-decoration: underline;}
.row {
  -moz-column-width: 330px;
  -webkit-column-width: 330px;
  -moz-column-gap: 2px;
  -webkit-column-gap:2px; 
  box-sizing:border-box;
}
.row > .col {
  display: inline-block;
  padding:  2px;
  width:  100%; 
  float:none;
  box-sizing:border-box
}
.clearfix  {margin-left:0;border:0px solid black;}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.oszlop {
  float:left;
  border-left:1px solid #ccc;
  display:inline-block;
  box-sizing: border-box;
  padding:20px;
}
.tb {
  height:35px;
  width:200px;
  line-height:35px;
  padding:10px 5px 0 5px;
  display:inline-block;
  font-weight:bold;
  max-width:250px;
  text-align:right;
  border:0px solid red;
  float:left;
  white-space:nowrap;
}
.tjb {
  height:30px;
  width:300px;
  line-height:32px;
  padding:10px 0 0 5px;
  display:inline-block;
  margin-left:0;
  float:left;
  border:0px solid green;
}
.tj {
  height:35px;
  width:600px;
  display:inline-block;
  padding:5px;
  margin-left:0;
  float:left;
  border:0px solid green;
}
.tk {
  height:35px;
  width:calc(25% - 10px);
  line-height:32px;
  max-width:250px;
  padding:10px 5px 0 5px;
  display:inline-block;
  text-align:right;
  border:0px solid red;
  font-weight:bold;
  float:left;
}

.tfrow {
  -moz-column-width: 415px;
  -webkit-column-width: 415px;
  -moz-column-gap: 20px;
  -webkit-column-gap:20px; 
  box-sizing:  border-box
}
.tfrow > .tf {
  position:relative;
  top:0;
  left:0;
  display: inline-block;
  padding:0 0 15px 0;
  width:  100%; 
  float:none;
  box-sizing:  border-box
}
.tf img { margin:0;padding:0;width:100%;border:1px solid black;}
.tf_info {
       float: left;
       position: absolute;
       left:0;top:0;
	   width:calc(100% - 39px);
	   height:auto;
	   min-height:30px;
       z-index: 1000;
       background-color: rgba(0,0,0,0.7);
       padding: 10px 20px 10px 20px;
	   text-align:justify;
       color: rgba(255,255,255,1);
       font-weight: bold;
}
.tf_lab {
       float: left;
       position: absolute;
       left:0;bottom:20px;
	   width:calc(100% - 39px);
	   height:20px;
	   overflow:hidden;
       z-index: 1000;
       background-color: rgba(0,0,0,0.7);
       padding: 10px 20px 10px 20px;
	   text-align:center;
       color: rgba(255,255,255,1);
       font-size:30px;
}
.yutf {
  position:relative;
  top:0;
  left:0;
  display: inline-block;
  padding:0 0 15px 0;
  width:  100%; 
  float:none;
  box-sizing:  border-box
}
.yutf img { margin:0;padding:0;width:240px}
.yutf_info {
       float: left;
       position: absolute;
       left:0;top:0;
	   width:240px;
	   height:180px;
       z-index: 1000;
       background-color: rgba(0,0,0,0.3);
       padding: 0;
}
.yutf_info  img { position:relative;top:calc(50% - 50px);left:calc(50% - 50px);width:100px;height:100px;border:0}
.noun:hover {font-size:40px;vertical-align:middle;text-decoration:none;color:orange}
.input, textarea {
  font-size:22px;
  padding:0 5px 0 5px;
  height:35px;
  width:calc(100% - 10px);
  vertical-align:middle;
  text-align:left;
  background:#eee;
  border:1px solid black;
}
.input {float:left;}
textarea  {height:100px}
input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}   
input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s
}
input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus {
  background: rgba(174, 197, 227, 1);
  box-shadow: 0 0 10px rgba(162, 188, 223, 1);
  color:#000;
  border:1px solid black;
} 
.evszaktbl a {font-family: verdana; font-size: 13px; color: #224A87; text-decoration: none;}
.evszaktbl a:hover {font-family: verdana; font-size: 13px; color: #224A87; text-decoration: none; background-color: #DCE7E9;}
.evszaktext {font-family: verdana; font-size: 12px; text-align: justify; margin: 20 30 10 30;}

.keretja   {border-right: 1px solid #DCE7E9; border-bottom: 1px solid #DCE7E9;}
.kereta    {border-bottom: 1px solid #DCE7E9;}
.keretj    {border-right: 1px solid #DCE7E9;}
.mkeret    {border-right: 1px solid #E9B931;}

.vendegtbl td {border: 1px solid #6A9AC0; background-color: #D8E5EB;}
.vendegfej   {background-image:url(image/vendegkonyv.png); width: 100%; height: 70px; background-repeat: no-repeat;}
.vendegnev   {padding:5px 5px 5px 10px;font-weight:bold;text-align: left;}
.vendegdatum {padding:5px 5px 5px 10px;text-align: right;}
.vendegtext  {padding:15px 10px 15px 10px;text-align: justify;}
.vendeglink  {font-family: verdana; font-size: 12px; text-align: right; margin-top: 30px;}
.vendeglink a {color: #2A50B3; text-decoration: none;}
.vendeglink a:hover {color: #E6A553; text-decoration: none;}

.vendeg_table1 {width:400px; height: 270px; margin: 50 0 30 0;}
.vendeg_table2 { background-color:#E3E3E3;	width:100%; height: 100%;}
.vendeg_table3 {background-image: url(image/menu_background.png); width:100%; height:100%;}
.vendeg_table3_cim {font-family: verdana; font-size: 14px; text-align: center; font-weight: bold; vertical-align: middle;}
.vendeg_table3_hiba {font-family: verdana; color: red; font-size: 12px; text-align: center; font-weight: bold;}
.vendeg_table4 {font-family: verdana; font-size: 12px; text-align: center; font-weight: bold;}

.vendegsrsz   {font-family: verdana; font-size: 10px; color: #000;}
.vendegsrsz a {color: #2A50B3; text-decoration: none;}
.vendegsrsz a:hover {color: #E6A553; text-decoration: none;}
.vendegcim    {font-family: verdana; font-size: 14px; color: #2A50B3; text-align: center; font-weight: bold;}

.felhiv       {width: 680px; border: 1px solid #810B0B; margin-top: 10px; font-family: sans-serif; color: #000; text-align: justify; font-size: 12px;}

.elo          {margin: 5 5 5 40; font-family: tahoma; font-weight: bold;}
.elo a        {font-size: 14px; color: #810B0B; text-decoration: none;}
.elo a:hover  {font-size: 14px; color: #810B0B; text-decoration: underline;}

.eloktext     {font-family: verdana; font-size: 12px; text-align: justify; width: 700px; margin: 20 auto 5 30;}

.text { font-family: verdana; font-size:12px; color: #FFFFFF;}
.thumbnail {border: 1px solid #FFFFFF;}
.gal_cim   {font-family: verdana; font-size: 12px; text-align: center; color: #000;}
h3         {font-family: verdana; font-size: 12px; text-align: justify; color: #000;}

.admin_table1 {width:400px; height: 270px; margin: 50 0 30 0;}
.admin_table2 { background-color:#E3E3E3;	width:100%; height: 100%;}
.admin_table3 {background-image: url(image/menu_background.png); width:100%; height:100%;}
.admin_table3_cim {font-family: verdana; font-size: 14px; text-align: center; font-weight: bold; vertical-align: middle;}
.admin_table3_hiba {font-family: verdana; color: red; font-size: 12px; text-align: center; font-weight: bold;}
.admin_table4 {font-family: verdana; font-size: 12px; text-align: center; font-weight: bold;}
.menu_shadow {	background-image: url(image/shadow3.gif); width:100%; height: 100%;}
.menu_lshadow {	background-image: url(image/shadow.gif); width:5px;}

.admintbl   {padding: 0px; width: 820px; text-align: center; font: normal 12px verdana; margin-left: 68px; float: left;}
.admintbl a {color: #336699; display: block; text-decoration: none; background: #DCE7E9; width: 100%; height: 100%; padding: 2px; border-top: 1px solid #fff; border-right: 1px solid #003366; border-bottom: 1px solid #003366; border-left: 1px solid #fff;}
.admintbl a:hover {text-decoration: none; color: #000; background: #86B9ED;  border-top: 1px solid #003366; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #003366;}
.admintext {font-family: verdana; font-size: 12px; text-align: justify; margin: 20 30 10 30;}

.adattbl1     {width: 880px; margin-top: 20px; border: 1px solid #CDCDCD;}
.adattbl1cim1 {text-align: left; padding-left: 20px; border-bottom: 1px solid #CDCDCD;}
.adattbl1cim2 {text-align: right; padding-right: 20px; border-bottom: 1px solid #CDCDCD;}

.kepektbl     {width: 700px; font-family: verdana; font-size: 12px; margin-top: 20px; border: 1px solid #CDCDCD;}
.kepektbl td  {border: 1px solid #CDCDCD;}
.kepektbl a {color: #000000; text-decoration: none;}
.kepektbl a:hover {color: #2A50B3; text-decoration: none;}

.anw    {width: 20px; height: 20px;  background: url(image/nw.png) no-repeat top left; }
.anorth {width:400px; height: 20px;  background: url(image/north.png) repeat-x top; }
.ane    {width: 20px; height: 20px;  background: url(image/ne.png) no-repeat top right; }
.awest  {width: 20px; height: 140px; background: url(image/west.png) repeat-y left; }
.aeast  {width: 20px; height: 140px; background: url(image/east.png) repeat-y right; }
.asw    {width: 20px; height: 20px;  background: url(image/sw.png) no-repeat bottom left; }
.asouth {width:400px; height: 20px;  background: url(image/south.png) repeat-x bottom; }
.ase    {width: 20px; height: 20px;  background: url(image/se.png) no-repeat bottom right; }

.upformtbl {font-family: verdana; text-align: center; font-size: 12px;}
.upkeret   {width: 650px; margin: 20 0 10 0; font-family: verdana; font-size: 14px;}
.upkeret a {color: #000000; text-decoration: none;}
.upkeret a:hover {text-decoration: underline;}

.upuzen    {font-family: verdana; text-align: center; font-size: 12px;}
.black_overlay{
            display: none;
            position: fixed;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 120%;
            background-color: #000000;
            z-index:10000;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
}
.black_content {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            margin:1px solid #000000;         
            padding:10px;
			width:240px;
			height:67px;
            border: 3px double #000000; 
            vertical-align:middle;
            background-color: #fff; 
            z-index:10001;
            overflow: no;
            cursor:pointer;
}
.white_overlay{
            display: none;
            position: fixed;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 120%;
            background-color: #ffffff;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
}
.white_content {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
            margin:0;         
            padding:10px;
			width:240px;
			height:67px;
            border: 1px solid #dcd400; 
            vertical-align:middle;
            background-color: #fff; 
            z-index:3002;
            overflow: no;
            cursor:pointer;
			-webkit-box-shadow: 2px 2px 4px #888;
			-moz-box-shadow: 2px 2px 4px #888;
			box-shadow: 2px 2px 4px #888;
}
.white_content:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.white_content:before {
	border-color: solid transparent;
	border-bottom-color: #dcd400; 
	border-width: 10px;
	left: 86%;
	margin-left: -10px;
}
.img {
        margin:5px 2px 3px 2px;
        padding:0px;
        border:1px solid #666;
        cursor:pointer; 
}
.close{
        position:relative;
        top:-89px;
        left:-18px;
        display:block;
        float:right;
        width:20px;
        height:20px;
		z-index:999;
        background:url("image/close.gif") no-repeat top right;
}
.close2{
        position:relative;
        top:50px;
        right:13px;
        display:block;
        float:right;
        width:36px;
        height:36px;
		z-index:999;
        background:url("image/delete.png") no-repeat top right;
}

.helma {
  display:block;height:40px;width:300px;
  background-image: url(image/helma_logo.png);
  background-size: 40px 44px;
  background-position: 70px 0;
  background-repeat: no-repeat;
  text-align:center;
  padding:10px 0 0 40px;margin-top:10px;font-size:14px;
}