@font-face { font-family: chalk; src: url('axaxax.bold.ttf'); } 
@font-face { font-family: Pacifico; src: url('pacifico.ttf'); } 

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
  height:100%;
}
* {
    margin: 0;
}
body {
  margin: 0;
  height: 100%;
  background-image: url("../images/content-wrapper-black.jpg");
    background-repeat: repeat-x repeat-y;
}

.upper_point {
    position: relative;
    top: -1.0em;
    font-size: 0.7em;
}

#statisztika_table {
  border: 0.5px solid white;
}

#statisztika_table th {
  border: 0.5px solid white;
  padding:5px 5px 5px 5px;
}
#statisztika_table td {
  border: 0.5px solid white;
  padding:5px 5px 5px 5px;
}
#statisztika_table tr {
  border: 0.5px solid white;
}

#arak_table {
  border: 0.5px solid white;
}

#arak_table th {
  border: 0.5px solid white;
  padding:5px 5px 5px 5px;
}
#arak_table td {
  border: 0.5px solid white;
  padding:5px 5px 5px 5px;
}
#arak_table tr {
  border: 0.5px solid white;
}

#statisztika_table td.center {
  text-align:center; 
}
#statisztika_table td.right_align {
  text-align:right;
}
#arak_table td.right_align {
  text-align:right;
}

#header {
  background-image: url("../images/bg_title1_yellow_more.jpg");
  background-repeat: repeat-x repeat-y;
  min-height: 100px;
}

#logo {
  width:90px;
  float:left;
  margin:5px 5px 5px 5px;
}
#logo_text {
    color: #01115f;
    font-family: Arial;
    font-size: 35px;
    position: relative;
    top: 5px;
    font-weight: 600;
}
.wrapper {
    /*
    padding: 0 0 100px;
    position: relative;
    */
}

#footer {
  background-image: url("../images/bg_title1.jpg");
  background-repeat: repeat-x repeat-y;
  font-family: chalk;
  font-size: 12px;
  bottom: 0;
  height: 165px;
  left: 0;  
  position: fixed;
  width: 100%;
  text-align: center;
  color:#fff;
}
.left_footer{
    float: left;
    text-align: left;
    width: 34%;
    position: relative;
    top: 17px;
  }
  .right_footer{
    text-align: right;
    float: right;
    width: 27%;
    position: relative;
    top: 25px;
  }
.center_footer{
    float: left;
    width: 39%;
    margin: 0 auto;
    position: relative;
    top: 15px;
}
#footer_title{
  margin-top: 25px;
  font-size: 15px;
}
.table_title{
  text-align: center;
}
.footer_table{
  margin: 0 auto;
}
.footer_table td{
  text-align:left;
}
.footer_table th{
  text-align:right;
}
#footer_main_link a:link{
  color:#fff;
  text-decoration: none;
}
#footer_main_link a:visited{
  color:#fff;
}
#footer_main_link a:hover{  
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-animation: neon2 0.5s ease-in-out infinite alternate;
  animation: neon2 0.5s ease-in-out infinite alternate;
}

#map_button_all:hover{
  cursor:pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-animation: neon2 0.5s ease-in-out infinite alternate;
  animation: neon2 0.5s ease-in-out infinite alternate;
}

.png_logos{
      position: relative;
      top: 5px;
      left: 5px;
}
#footer-content {
  padding-top: 15px;
  margin: 0px auto 0px auto;
  width: 80%;
  min-width: 500px;
  line-height: 200%;
}

.left{
  float:left;  
}
.right{
  float:right;  
}

#header_container {
  margin: auto;
  width:700px;
}

/*Neon*/
div {
  text-decoration: none;
  /*text-align: center;*/
  
  
}

.yellow_neon {
  font-weight: 100;
  font-size: 50px;
  color: #DDDDAA;
  font-family: Pacifico;
  -webkit-animation: neon3 3.0s ease-in-out infinite alternate;
  animation: neon3 3.0s ease-in-out infinite alternate;
  -ms-transform: rotate(-12deg); /* IE 9 */
  -webkit-transform: rotate(-12deg); /* Chrome, Safari, Opera */
  transform: rotate(-12deg);
  max-width: 200px;
}

.blue_neon {
  font-weight: 100;
  font-size: 50px;
  margin: 0px 30px 0px 50px;
  color: #AAEEEE;
  font-family: Pacifico;
  -webkit-animation: neon2 3.0s ease-in-out infinite alternate;
  animation: neon2 3.0s ease-in-out infinite alternate;
  -ms-transform: rotate(-7deg); /* IE 9 */
  -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
  transform: rotate(-7deg);
  max-width: 150px;
}
#board h1{
    margin: 0px auto 25px auto;
    max-width: 65%;
}

#board h2,h3,h4,h5,h6{
    margin: 10px 20px 25px 20px;
}
#board table{
    margin: 10px auto 150px auto; 
    width: 75%;
}
#board table.hatvan{
    margin: 10px auto 25px auto; 
    width: 60%;
}

#board table.nyolcvan{
    margin: 10px auto 25px auto; 
    width: 80%;
}

#board table.szaz{
    margin: 10px auto 25px auto; 
    width: 100%;
}

#board_container {
  width: 60%;
  min-width: 500px;
  min-height: 300px;
  margin: 40px auto 80px auto;
  padding: 50px 50px 100px 50px;  
  font-family: "chalk";
  color: #fff;
  align-content: center;
  background-image: url("data:image/gif;base64,R0lGODlhBAAEAKECABERESQkJP///////yH5BAEKAAIALAAAAAAEAAQAAAIFhB6nhlIAOw==") !important;
    background-repeat: repeat !important;
    background-color: #181818 !important;
}

.content {
    color: #fff;
    width:100%;
    min-width: 500px;
    /*min-height: 500px;*/
    overflow: hidden;
    background-image: url("../images/content-wrapper-black.jpg");
    background-repeat: repeat-x repeat-y;
}

#fluid_container{
  margin: 25px auto;
  padding: 0 auto;
  width: 700px;
  height: 180px;

}

#load {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  background: url(images/ajax-loader.gif);
  width: 43px;
  height: 11px;
  text-indent: -9999em;
}
/*glow for webkit*/


@-webkit-keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
  }
}

@-webkit-keyframes neon3 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;
  }
}

@-webkit-keyframes neon2_box {
  from {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
  }
  to {
    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
  }
}

@-webkit-keyframes neon3_box {
  from {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #FFDD1B, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B;
  }
  to {
    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #FFDD1B, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B;
  }
}

/*glow for mozilla*/
/*glow*/

@keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
  }
}

@keyframes neon3 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;
  }
}

@keyframes neon2_box {
  from {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
  }
  to {
    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
  }
}

@keyframes neon3_box {
  from {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #FFDD1B, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B;
  }
  to {
    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #FFDD1B, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B;
  }
}
/*modal map*/

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
    -webkit-animation-name: fadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
}

/* Modal Content */
.modal-content {
    position: absolute;
    bottom: 0;
    background-color: #fefefe;
    width: 500px;
    height: 250px;
    margin: 0 auto;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}
.widthhundred{
  width: 500px;
    margin: 0 auto;
}

/* Add Animation */
@-webkit-keyframes slideIn {
    from {bottom: -300px; opacity: 0} 
    to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

@keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

/*------------------------------*/

/*REEEEEEEEEEESPONSIVE*/

/*-----------MENU---------------*/
#menu{
  margin:auto;
  width:800px;
}
#cssmenu{
  position: relative;
  top: 15px;
  /*float:right;*/
  font-weight: 200;
  font-family: 'chalk';
}

#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul {
  position: relative;
  display: block;
  width: 100%;
  z-index: 500;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  /*display: block;*/
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  font-size: 14px;
  /*font-weight: bold;*/
  padding: 10px 15px;
  color: #01115f;
  /*text-transform: uppercase;*/
  -webkit-transition: neon3 0.25s ease-out;
  -moz-transition: neon3 0.25s ease-out;
  -ms-transition: neon3 0.25s ease-out;
  -o-transition: neon3 0.25s ease-out;
  transition: neon3 0.25s ease-out;

}

#cssmenu .active {
  -webkit-animation: neon3 0.5s ease-in-out infinite alternate;
  animation: neon3 0.5s ease-in-out infinite alternate;
}

#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}
#cssmenu > ul > li:hover > a {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-animation: neon2 0.5s ease-in-out infinite alternate;
  animation: neon2 0.5s ease-in-out infinite alternate;
}
#cssmenu li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 16px;
  border: 5px solid transparent;
  border-top-color: #ffffff;
}
#cssmenu > ul > li:hover::after {
  border-top-color: #ffffff;
}
#indicatorContainer {
  position: absolute;
  /*height: 12px;*/
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}

#cssmenu ul:not(.showmethemenu) ul {
  position: absolute;
  right: -10px;
  top: 70px;
  line-height: 30px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 10;
  display: none;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 34px;
  opacity: 1;
  display: block;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  right: 170px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
  right: auto;
  left: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}

#cssmenu ul ul li a {
  width: 250px;
  border-bottom: 1px solid #cccccc;
  padding: 10px 10px;
  font-size: 15px;
  font-weight: bold;
  height: 30px;
  color: #fff;
  background: #000;
  opacity: 0.85;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
  /*display:none;*/
}

#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu ul ul li:hover > a {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-animation: neon2 0.5s ease-in-out infinite alternate;
  animation: neon2 0.5s ease-in-out infinite alternate;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -12px;
  right: 40px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  left: auto;
  right: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media all and (max-width: 820px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    position: absolute;
    right:10px;
    /*right:50px;
    top:-110px;*/
    min-width: 130px;
    width:auto;
  }
  #cssmenu.align-center ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li {
    float: none;
  }
  #cssmenu ul {    
    width: auto;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    display: block;
  }
  .showmethemenu {
    /*color: #fff;*/
    color: #01115f;
    background: #000;
    opacity: 0.85;
  }
  #cssmenu > ul > li {    
    float: none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
/*
  #cssmenu ul ul li a{
    display:block;
  }
*/
  #cssmenu ul .has-sub::after {
    /*display:block;*/
    display: none;
  }
  #cssmenu ul li a {
    color: #fff;
    padding: 10px 20px;
  }
  #cssmenu ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  /*
  #cssmenu ul ul li:hover > a {
    background: none;
    color: #8c9195;
  }
  */
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    color: #01115f;
    display: block;
    cursor: pointer;
  margin-left: 20px;
  }
  #cssmenu #menu-button > a {
    color: #01115f;
    font-size: 20px;
    padding: 14px 0px;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu ul ul::after {
    /*display: none;*/
    display: block;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 6px;
    width: 30px;
    padding-bottom: 10px;
    /*border-top: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;*/
    border-top: 4px solid #01115f;
    border-bottom: 4px solid #01115f;
    right: 10px;
    top: 10px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 30px;
    /*border-top: 4px solid #ffffff;*/
    border-top: 4px solid #01115f;;
    right: 10px;
    top: 20px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #fff;
  }
}