/*=====[ ALAPÉRTELMEZETT FORMÁZÁSOK ]=============================================================*/

  * {
    font-family: Arial; /*font-family: Times New Roman, Times, serif;*/
    font-size: 10pt;
    margin: 0;
    padding: 0;
  }

  body {
    padding: .5em 1em;
    background: #DEB887 url('../../img/background.png') repeat;
  }

  /*felsorolás*/
  ul, ol {
    margin-left: 30px;
  }
  h4,h3 {
      margin: 0;
  }
  input, textarea {
      font-size: 10pt;
      font-family: Arial, sans-serif;
  }

  a{background-color:transparent;}
  a:link,
  a:visited,
  a:active {
      color: #6699ff;    background-color:inherit;
      text-decoration: none;
  }
  a:hover {
     color:#000066;    background-color:inherit;
         text-decoration: underline;
  }


/*=====[ GYAKRAN HASZNÁLT ELEMEK ]================================================================*/

  /* Igazítás */
  .center {
      text-align: center;
  }
  .center table {
      margin-left: auto;
      margin-right: auto;
      text-align: left;
  }

  /* Paragrafus / Bekezdés */
  p { text-align: justify; }
  p.center { text-align: center; }
  p.left { text-align: left; }
  p.right { text-align: right; }

  /* Aláírás */
  span.sign {
    display: inline-block;
    text-align: center;
    float: right;
    clear: both;
    padding: 10px 20px 10px 20px;
    font-style: italic;
    font-weight: bold;
    font-size: 11pt;
  }
  span.sign small {
    display: inherit;
    font-weight: normal;
    width: 100%; /* 150% */
    border-top: 1px dotted #000;
    font-size: 8pt;
    margin: -2px 0 0 -10px; /* -2px 0 0 -25% */
    padding: 0 10px;
    position: relative;
  }
  .alairas {
    text-align: center;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 350px;
    font: bold 12px Times New Roman, Times, serif;
  }

  /* Vissza az előző oldalra */
  .backpage {
    text-align: center;
    clear: both;
    border-top: 2px solid #bbb;
    padding: 5px 0 0 0;
    margin: 20px 0 0 0;
    width: 100%;
  }

  /* Idézet */
  blockquote {
    overflow: hidden;
  }
  blockquote span {
    position: relative;
    padding: 10px 40px;
    margin: 10px;
    background-color: #C0C0C0;
    display: inline-block;
    border-radius: 7px;
    font-style: italic;
    box-shadow: 0 0 5px #C0C0C0;
  }
  blockquote span::before, blockquote span::after {
    position: absolute;
    color: #D0D0D0;
    font-size: 50pt;
    line-height: 50pt;
    font-style: normal;
  }
  blockquote span::before {
    content: "„";
    bottom: -1px; left: 5px;
  }
  blockquote span::after {
    content: "”";
    top: -7px; right: 5px;
  }
  blockquote.left, blockquote.right { width: 100%; }
  blockquote.left { float: left; }
  blockquote.right span { float: right; }

  /* clear: both */
  .both {
    clear: both;
  }




  .texter {
      padding-left: 50px;
  }

  /*kép*/ /*régi: imageComment_left; imageComment_img*/
  img.center, img.left, img.right, .lightbox img {
    position:relative;
    border: 1px solid #ccc;
    color:black;
    background-color: #f0f8ff;
    margin: 3px;
    padding: 3px;
    text-align: center;
  }
  /*img.center a img, img.left a img, img.right a img, a.lightbox img {
    border: 0px
  }*/

  img.left {
    float: left;  
    margin-right:10px;
  }
  img.right {
    margin-left:10px;
    float: right;
  }

  img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }


  img.nt_img,
  img.nt_img img {
      margin: 0px;
      padding: 0px;
      text-align: center;
  }

  .imageComment_txt {
      border-top: 1px solid #DDDDDD;
      margin: 0px;
      padding: 3px;
      clear: both;
      font-size: 10pt;
      text-align: center;
  }



  /* gombok */
  button, input[type="button"], input[type=submit], input.button,
  div.button, span.button, a.button {

    /* Szöveg formázás */
    color: #000;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    text-decoration: none;
    font-weight: normal;

    /* Dizájn */
      /*box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);*/
    border: 1px solid #aaa;
    border-color: rgba(0,0,0,0.3);
    border-bottom-color: #777;
    border-bottom-color: rgba(0,0,0,0.5);
      /*border-radius: .3em;*/

    /* Háttér */
    background-color: #EFEFEF;
    background-image: -moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 13px, rgba(0,0,0,.05) 15px, rgba(0,0,0,.1));
    background-image: -ms-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 13px, rgba(0,0,0,.05) 15px, rgba(0,0,0,.1));
    background-image: -o-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 13px, rgba(0,0,0,.05) 15px, rgba(0,0,0,.1));
    background-image: -webkit-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 13px, rgba(0,0,0,.05) 15px, rgba(0,0,0,.1));
    background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 13px, rgba(0,0,0,.05) 15px, rgba(0,0,0,.1));

    /* Elem */
    cursor: pointer;
    display: inline-block;
    position: relative;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    width: auto; height: 26px;
    cursor: pointer;
     /*line-height: 1.2;*/
     line-height: 11px;
     padding: 0 8px 0 8px;

  }
  div.button, span.button, a.button {
    height: 11px; /*26*/
     padding: 6px 8px 7px 8px;
     margin-bottom: -1px;
  }
  a.button:hover, a.button:visited {
    text-decoration: none;
  }

  input[type="button"], input[type=submit], input.button {
    padding-top: 0;
  }
  button:focus, input[type="button"]:focus, input[type=submit]:focus, input.button:focus,
  button:hover, input[type="button"]:hover, input[type=submit]:hover, input.button:hover,
  div.button:hover, span.button:hover, a.button:hover {
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 13px, rgba(0,0,0,0.05) 15px, rgba(0,0,0,0.15));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 13px, rgba(0,0,0,0.05) 15px, rgba(0,0,0,0.15));
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 13px, rgba(0,0,0,0.05) 15px, rgba(0,0,0,0.15));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 13px, rgba(0,0,0,0.05) 15px, rgba(0,0,0,0.15));
    background-image: linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 13px, rgba(0,0,0,0.05) 15px, rgba(0,0,0,0.15));
  }
  button:active, input[type="button"]:active, input[type=submit]:active, input.button:active,
  div.button:active, span.button:active, a.button:active {
    background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0) 8px, rgba(0,0,0,0) 14px, rgba(0,0,0,0.1));
    background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0) 8px, rgba(0,0,0,0) 14px, rgba(0,0,0,0.1));
    background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0) 8px, rgba(0,0,0,0) 14px, rgba(0,0,0,0.1));
    background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0) 8px, rgba(0,0,0,0) 14px, rgba(0,0,0,0.1));
    background-image: linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0) 8px, rgba(0,0,0,0) 14px, rgba(0,0,0,0.1));
  }


/*=====[ HONLAP DESIGN ]==========================================================================*/

  #flash_footer, #datum_nevnap, #counter {
      text-align: center;
      clear: both;
  }



  /* A DIZÁJN (van mit takarítani!) */

  /* Fejléc */
  #banner_tc { background: url("../../img/design/htc.gif") repeat-x top center; }
  #banner_rc { background: url("../../img/design/hrc.gif") repeat-y right; }
  #banner_lc { background: #4169E1 url("../../img/design/hlc.gif") repeat-y left; padding: 0px; margin: 0px; }
  #banner_bc { background: url("../../img/design/hbc.gif") repeat-x bottom center; }
  #banner_tl { background: url("../../img/design/htl.gif") no-repeat top left; }
  #banner_tr { background: url("../../img/design/htr.gif") no-repeat top right; text-align:center; }
  #banner_bl { background: url("../../img/design/hbl.gif") no-repeat bottom left; }
  #banner_br { background: url("../../img/design/hbr.gif") no-repeat bottom right; }
  #banner {
    background-color: inherit;
    color:#ffffff;
    height:7.5em;
  }
  div.facebook {
      background: transparent;
      position:absolute; left: 24px; top: 18px;
  }
  div.akadalymentes {
      position:absolute; right: 24px; top: 18px;
  }
  div.akadalymentes img {
       border:none;
  }

  /* Főmenü / Navigáció */
  #top_nav {
      position:relative;
      bottom:1.5em;
      left:0em;
      height:1em;
      text-align:center;color:#000;
      font-family:Times New Roman;
  }
  #top_nav a,#top_nav a:visited,#top_nav a:hover{color:#000; padding:0px 1.5em;font-weight:bold;}

  /* Tartalom */
  #content_right_only_position {
      position:relative;
      float:left;
      width:73%;
      background-color:transparent;
  }
  #content_left_only_position {
      position:relative;
      /*float:right;
      width:73%;*/
      overflow: hidden;
  }
  #content_middle_position {
      position:relative;
      float:left;
      width:46%;
  }
  #content_tc,#content_rc,#content_lc,#content_bc,#content_tl,#content_tr,#content_bl,#content_br { position: relative; }
  #content_tc { background: url("../../img/design/content_tc.gif") repeat-x top center; }
  #content_rc { background: url("../../img/design/content_rc.gif") repeat-y right; }
  #content_lc { background: #dcdcdc url("../../img/design/content_lc.gif") repeat-y left; margin:0px; color:#000; }
  #content_bc { background: url("../../img/design/content_bc.gif") repeat-x bottom center; }
  #content_tl { background: url("../../img/design/content_tl.gif") no-repeat top left; }
  #content_tr { background: url("../../img/design/content_tr.gif") no-repeat top right; }
  #content_bl { background: url("../../img/design/content_bl.gif") no-repeat bottom left; }
  #content_br { background: url("../../img/design/content_br.gif") no-repeat bottom right; }
  #content_inside{
      position:relative;
      padding:25px;
      overflow:auto; 
  }
  #content_inside img{
      /*position:relative;*/
  }
  .entry_title {
      /*font-family: Times New Roman, Times, serif;*/
      font-size: 12pt;
      font-weight: bold;
      margin-top: 10px;
      color: #000000;
      background-color: inherit;
      text-align: center;
      text-transform: uppercase;
    }
  .entry_title a:link, .entry_title a:visited, .entry_title a:hover {
     text-decoration: none;
     border: 0;
     color: #000000;
     background-color:inherit;
  }
  .entry_title a:hover {
      color:#000066;
  }
  .entry_content {
      text-align: justify;
      padding-top: 20px;
      position: relative;
  }
  .entry {
      /*height:455px;*/
      min-height: 455px;
      /*font-family: Times New Roman, Times, serif;
      font-size: 11pt;*/
      font-weight: normal ;line-height:150%;
      /*overflow:auto;*/
      position: relative;
   
  }
  .entry a:link,.entry a:visited{ color:#3366ff;}
  .entry a:hover{color:#000066;}
  .entry img{border:0px}
  .entry_date {
      font-family:Arial, sans-serif;
      font-size: 9pt;
      margin: 20px 0px;
      text-align: left;
    font-weight:bold;
    color:#a9a9a9;
  }

  /* Oldalsáv */
  .sidebar_tc { background: url("../../img/design/sidebar_tc.gif") repeat-x top center; }
  .sidebar_rc { background: url("../../img/design/sidebar_rc.gif") repeat-y right; }
  .sidebar_lc { background: #228B22 url("../../img/design/sidebar_lc.gif") repeat-y left; }
  .sidebar_bc { background: url("../../img/design/sidebar_bc.gif") repeat-x bottom center; }
  .sidebar_tl { background: url("../../img/design/sidebar_tl.gif") no-repeat top left; }
  .sidebar_tr { background: url("../../img/design/sidebar_tr.gif") no-repeat top right; padding:20px; }
  .sidebar_bl { background: url("../../img/design/sidebar_bl.gif") no-repeat bottom left; }
  .sidebar_br { background: url("../../img/design/sidebar_br.gif") no-repeat bottom right; }
  .right_sidebar_container {
      float:right;
      width:26%;
  }
  .left_sidebar_container {
      float:left;
      /*width:26%;*/
      width: 358px;
  }
  #RightSideBar,#LeftSideBar {
      padding:0px;
  }
  div.SideBarItem {
      /*padding-bottom: 12px;*/
      margin-bottom: 10px; /*2em;*/
      font-size: 12px;
      font-weight:normal;line-height:150%;
     color:#fff;
  }
  div.SideBarItem  a:hover{color:#6699ff;}
  div.SideBarItem img {border:0px;}
  .SideBarTitle {
      font-family: arial, sans-serif;
      color: #FFFFFF;
      background-color:inherit;
      font-size: 1.5em;
      font-weight:bold;
      text-align:center;
      margin:10px 0px;
  }

  /* Lábléc */
  div.entryFooter {
      font-family: Times New Roman, Times, serif;
      font-size:9pt;
      color: #a9a9a9;
      background-color:inherit;
    
      padding:  4px;
      clear: both;
      margin-top:1em;
      margin-bottom:3em;
  }
  #credit_footer {
    clear:both;
    margin:1em;
    width:auto;
    font-size:.85em;
    text-align:center;  
  }
  #credit_footer a,#credit_footer a:visited {
    text-decoration:underline;
    color:#000; 
  }


/*=====[ EGYÉB ]==================================================================================*/

  /* expandon belül */
  .listRow {
      width: auto; min-height: 20px; height: 100%;
      background-color: #eaeaea;
      padding: 10px;
      overflow: auto;
      margin: 0 0 5px 0;
      border-radius: 10px;
  }
  .listRowContainer {
      display: table;
      width: 100%;
  }
  .listContent {
      background-color: #DCE6F4;
      margin: 10px 0 0 0; padding: 10px;
      clear: both;
  }
  .shopName, .clubName {
      width: 40%; height: 100%;
      display: table-cell;
  }
  .shopOpH, .clubOpH {
      width: 40%; height: 100%;
      display: table-cell;
      background-color: #e5e5e5;
      padding-left: 10px;
  }
  .shopToggle, .clubToggle {
      width: 20%; height: 100%;
      text-align: right;
      padding-right: 10px;
      display: table-cell;
      vertical-align: middle;
      text-decoration: underline;
  }

  .busToggle {
      text-decoration: underline;
  }
  .busTimatable table {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      text-align: left;
  }

  .curDef {
      cursor: default;
  }


  /* ezmiez? */
  .tab {
      position: absolute;
      left: 270px;
  }

  .quot {
    text-align: left;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 0px;
    font: bold italic 14px Times New Roman, Times, serif;
  }

  /* letöltés */
  ul.downloads {
    padding: 0; margin: 0;
    list-style: none;
  }
  ul.downloads > li {
    min-height: 16px;
    padding: 10px 150px 10px 10px; margin: 15px 0 0px 0;
    position: relative;
    background: rgba(160,160,160,0.1);
    border-radius: 3px;
    display: block;
  }
  ul.downloads > li a.button {
    width: auto; height: auto;
    position: absolute; top: 5px; right: 5px;
  }
  ul.downloads > li a.button.save {
    padding-left: 26px;
  }
  ul.downloads > li a.button.save::before {
    content: "";
    width: 16px; height: 16px;
    position: absolute; top: 50%; left: 5px;
    margin-top: -8px;
    background: url('../../img/icon/save.png');
  }


/*=====[ FŐMENÜ ]=================================================================================*/

  /* ================================================================ 
  This copyright notice must be kept untouched in the stylesheet at 
  all times.

  The original version of this stylesheet and the associated (x)html
  is available at http://www.stunicholls.com/menu/pro_drop_2.html
  Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
  This stylesheet and the associated (x)html may be modified in any 
  way to fit your requirements.
  =================================================================== */

  .preload1 {background: url(three_1.gif);}
  .preload2 {background: url(three_1a.gif);}

  #top_nav,#top_nav ul { text-align: center; white-space:nowrap; }
  #top_nav ul { padding:0; margin: 0; list-style: none; height: 31px; position: relative; z-index:500; /*font-family:arial, verdana, sans-serif;*/  display: inline-block; width: auto; margin: -8px 0 0 -5px; /*előtte:4*/ }
  #top_nav a { color: #000000 !important; font-weight: normal; }


  /* Menüpont */
  #top_nav ul li.top {
    display: inline-block;
    height: 24px;
    text-align: center;
  }


  #top_nav ul li a.top_link {display:block; float:left; height:31px; line-height:31px; text-decoration:none; ; font-weight:bold; padding:1px 10px 0 10px; cursor:pointer;/*background-image: url('../../img/design/menu/main-button-tile.gif');*/
  margin: 2px 0 0 0;
  position: relative;
  min-width: 100px;
  color:#000000 !important;
    text-align: center;

  }
  #top_nav ul li a {
      /*background-image: url('../../img/design/menu/main-button-tile.gif');*/
      height: 29px;
    text-align: center;
    overflow: hidden;
  }


  #top_nav ul li a.top_link s, #top_nav li a.top_link u,
  #top_nav ul li a s, #top_nav li a u {
      display: inline-block; width: 0px; height: 28px;
      position: absolute;
      top: 0px;
      border-left: 1px solid #D8D8D8;
      border-right: 1px solid #A3A3A3;
      margin-top: 3px;
  }
  #top_nav ul li a.top_link s, #top_nav li a s { left: 0px; }
  #top_nav ul li a.top_link u, #top_nav li a u { right: 0px; }



  #top_nav ul li:hover a.top_link {
      background-image: url('../../img/design/menu/hover.png');
      color:#000 !important;
  }
  #top_nav ul li:hover a.top_link u {
      border-left: none;
  }


  #top_nav li ul li:hover a {

   }
  #top_nav li ul li:hover a s {
      
  }
  #top_nav li ul li:hover a u {
      
  }




  #top_nav ul li a.top_link span { display:inline-block; padding:0 0 0 0; height:24px;}
  #top_nav ul li a.top_link span.down { display:inline-block; padding:0 10px 0 0; height:24px;}
  #top_nav ul li:hover a.top_link span.down {}

  /* Default list styling */
  #top_nav li:hover {position:relative; z-index:200;}

  #top_nav ul li:hover ul.sub {left:-1px; top:33px; min-width: 200px; height: auto; white-space:nowrap; width:auto; z-index:300; display: table; border-spacing: 2px; padding: 0 10px; background-color: #E7E7E7; border-radius: 0 0 10px 10px;
  border: 1px solid #545454;
  }
  #top_nav ul li:hover ul.sub li {display:block; height:24px; margin: 10px 0 0 0; position:relative; /*float:left;*/ min-width: 110px;width:auto;  display: table-row;}
  #top_nav ul li:hover ul.sub li a {display:block; font-size:10pt; min-width: 110px; width:auto; line-height:24px; text-indent:5px; text-decoration:none; text-align: left; padding: 0; 
    font-weight: normal;}
  #top_nav ul li ul.sub li a.fly{}
  #top_nav ul li:hover ul.sub li a:hover { font-weight: bold; }
  #top_nav ul li:hover ul.sub li a.fly:hover{color:#fff;}


  #top_nav ul li:hover li:hover ul,
  #top_nav ul li:hover li:hover li:hover ul,
  #top_nav ul li:hover li:hover li:hover li:hover ul,
  #top_nav ul li:hover li:hover li:hover li:hover li:hover ul
  {left:90px; top:-4px; padding:3px; white-space:nowrap; width:auto; z-index:400; height:auto;}

  #top_nav ul ul, 
  #top_nav ul li:hover ul ul,
  #top_nav ul li:hover li:hover ul ul,
  #top_nav ul li:hover li:hover li:hover ul ul,
  #top_nav ul li:hover li:hover li:hover li:hover ul ul
  {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
  /*
  #top_nav li:hover li:hover a.fly,
  #top_nav li:hover li:hover li:hover a.fly,
  #top_nav li:hover li:hover li:hover li:hover a.fly,
  #top_nav li:hover li:hover li:hover li:hover li:hover a.fly
  {background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

  #top_nav li:hover li:hover li a.fly,
  #top_nav li:hover li:hover li:hover li a.fly,
  #top_nav li:hover li:hover li:hover li:hover li a.fly
  {background:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;} */


/*=====[ HÍREK, FRISS HÍREK SCROLL ]==============================================================*/

  /*hír két kategória (új/archív)*/
  #newslistleft, #newslistright {
      width: auto;
      margin: 5px;
      overflow: auto;
      clear: both;
  }

  #newslistleft ul, #newslistright ul {
      margin-left: 0;
  }
  #newslistleft ul li, #newslistright ul li {
      width: 48%;
      float: left;
  }

  .newsTitle {
    font-size: 12pt;
    font-weight: bold;
    margin-top: 10px;
    text-align: left;
    text-transform: uppercase;
    background-color: #555;
    padding: 7px 10px 5px 10px;
    color: #eee;
  }

  /* hírek scroll*/
  div#news {
    width: 306px; /*316|317*/ height: auto;
    overflow: auto;
    text-align: left; background-color: #37A637;
    padding: 5px;
    border-radius: 5px;
    cursor: default;
    margin: 10px 0 0 0;
  }
  div#news > div { width: 100%; height: 100%; background-color: rgba(255,255,255,0.9); border-radius: 3px; position: relative; overflow: hidden; line-height: 11pt; }
  /*#news { width: 305px; /*315*//* line-height: 11pt; background: #DCDCDC; border: 5px solid #DCDCDC; }*/
  #news ul li {
    margin: 0 0 5px 0;clear: both;
  }

  /* hírek oldal*/
  #showNews ul#shownewslist li {
    margin: 0 10px 5px 0;
  }

  /* közös */
  #news ul li, #showNews ul#shownewslist li {
    list-style: none; display: block; padding: 0 0 4px 0;border-bottom: 1px solid #888;height: 75px;
  }
  #news .thumbnail, #showNews .thumbnail { float: left; width: 110px; height: 100%; margin: 0 5px 0 0; text-align: center; background: rgba(0,0,0,0.05); /*#cdcdcd;*/ }
  #news .thumbnail img, #showNews .thumbnail img { max-height: 75px; max-width: 100px; vertical-align: middle; }
  #news .thumbnail a, #showNews .thumbnail a { width: 100%; height: 100%; display: block; }
  #news .thumbnail a span, #showNews .thumbnail a span { display: inline-block; height: 100%; vertical-align: middle; }
  #news .info, #showNews .info { width: auto; height: 75px; overflow: hidden; }
  #news .info > a, #showNews .info > a { max-height: 60px; overflow: hidden; display: block; color: #000000; }
  #news .info span.cat, #showNews .info span.cat { display: block; font-size: 10px; color: #808080; }
  #news .info span.cat > a, #showNews .info span.cat > a { font-size: 10px; color: #808080; }

  /*#showNews ul#shownewslist li:last-child {
    border-bottom: 0;
  }*/


/*=====[ TARTALOM MEGJELENÍTÉSE/ELREJTÉSE ]=======================================================*/

  .expandContainer .expandControl, .mainExpand .openc {
    cursor: pointer;
  }
  .expandContainer .expandContent {
    display: none;
  }


/*=====[ BANNER - SZÖVEG VÁLTÓ ]==================================================================*/

  /* Banner - Szöveg váltó */
  ul.banner {
      color:#fff;
      font: 700 18px "Times New Roman", "Times", serif;
      padding: 3px;
      /*width: 100%;*/
      height: 78px;
      margin: 0;
      /*line-height: 78px;*/
      display: table;
      vertical-align: middle;
      overflow: hidden;
      list-style: none;
      text-align: center;
      padding-left: 170px;
      padding-right: 170px;
      margin-left: auto;
      margin-right: auto;

    /*-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    /*-moz-box-sizing: border-box;    /* Firefox, other Gecko */
    /*box-sizing: border-box;         /* Opera/IE 8+ */

  }
  ul.banner li {
      width: 100%;
      height: 78px;
      margin: 0;
      display: table-cell;
      /*line-height: 78px;*/
      vertical-align: middle;
      overflow: hidden;
      list-style: none;
      text-align: center;
  }


/*=====[ SCROLL TOP CONTROL ]=====================================================================*/
  div#ScrollTop {
    bottom: 5px; right: 5px; cursor: pointer; width: 48px; height: 48px; position: fixed; display: none;
    background-image: url('../../img/design/up.png');
  }


/*=====[ SLIDER - KÉP VÁLTÓ ]=====================================================================*/

  #flash_header {
    border-bottom: 2px solid #bbb;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
  }
  #flash_header {
    width: 100%;
    clear:both;
  }

  /*kép slider (régi flash helyére)*/
  #flash_header { position: relative; height: 100%; }
  #flash_header img { position: absolute; z-index: 1; width: 100%; }
  #flash_header img.active { z-index: 3; }


/*=====[ DÁTUM ÉS NÉVNAP ]========================================================================*/

  div#calendar {
    width: 306px; /*316|317*/ height: auto;
    overflow: auto;
    text-align: left; background-color: #37A637;
    padding: 5px;
    border-radius: 5px;
    cursor: default;
    margin: 10px 0 0 0;
  }
  div#calendar span { display: block; }
  div#calendar > div { width: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); border-radius: 3px; position: relative; }
  div#calendar > div > span.icon { width: 60px; height: 60px; padding: 2px; background: url('../../img/design/calendar.png'); float: left; margin: 5px 6px 5px 5px; }
  div#calendar > div > span.icon > small { color: #fff; font-size: 7pt; display: block; font-size: 6pt; font-weight: bold; margin: 8px 0px 0px 8px; overflow: auto; }
  div#calendar > div > span.icon > span { color: #000; font-size: 20pt; font-weight: bold; margin: -1px 0 0 0; text-align: center; line-height: 22pt; }
  div#calendar > div > span.icon > span > b { color: #D10000; font-size: 20pt; }
  div#calendar > div > span.date { position: absolute; left: 74px; top: 0; font-weight: bold; font-size: 11pt; padding: 8px 6px 8px 0; }
  div#calendar > div > span.nameday { position: absolute; left: 74px; top: 30px; }


/*=====[ POPUP ABLAK ]============================================================================*/

  #confirmOverlay{
      width:100%;
      height:100%;
      position:fixed;
      top:0;
      left:0;
      background:url('../../img/design/popup/ie.png');
      background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
      background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
      background:-o-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
      z-index:100000;
      margin:0;
      padding:0;
  }

  #confirmBox{
      background:url('../../img/design/popup/body_bg.jpg') repeat-x left bottom #e5e5e5;
      width:460px;
      position:fixed;
      left:50%;
      top:15%;
      margin:-130px 0 0 -230px;
      border: 1px solid rgba(33, 33, 33, 0.6);
      
      -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
      -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
      box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
  }

  #confirmBox h1,
  #confirmBox p{
      font:26px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
      background:url('../../img/design/popup/header_bg.jpg') repeat-x left bottom #f5f5f5;
      padding: 18px 25px;
      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
      color:#666;
  }

  #confirmBox h1{
      letter-spacing:0.3px;
      color:#888;
      position: relative;
  }

  #confirmBox p{
      background:none;
      font-size:16px;
      line-height:1.4;
      padding-top: 18px;
      padding-bottom: 20px;
      text-align: justify;
  }

  #confirmBox p img[align="left"] { margin: 0 10px 10px 0; }
  #confirmBox p img[align="right"] { margin: 0 0 10px 10px; }
  #confirmBox p img[align="center"] { margin: 0 10px 10px 10px; }

  #confirmButtons{
      padding: 0; /*15px 0 20px*/
      text-align:center;
  }

  #confirmBox .button{
      display:inline-block;
      background:url('../../img/design/popup/buttons.png') no-repeat;
      color:white;
      position:relative;
      height: 33px;
      
      font:17px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
      
      margin: 15px 15px 20px 0;
      padding: 0 10px 0 15px;
      text-decoration:none;
      border:none;
  }

  #confirmBox .button:last-child{ margin-right:0;}

  #confirmBox .button span{
      position:absolute;
      top:0;
      right:-5px;
      background:url('../../img/design/popup/buttons.png') no-repeat;
      width:5px;
      height:33px
  }

  #confirmBox .blue{              background-position:left top;text-shadow:1px 1px 0 #5889a2;}
  #confirmBox .blue span{         background-position:-195px 0;}
  #confirmBox .blue:hover{        background-position:left bottom;}
  #confirmBox .blue:hover span{   background-position:-195px bottom;}

  #confirmBox .gray{              background-position:-200px top;text-shadow:1px 1px 0 #707070;}
  #confirmBox .gray span{         background-position:-395px 0;}
  #confirmBox .gray:hover{        background-position:-200px bottom;}
  #confirmBox .gray:hover span{   background-position:-395px bottom;}

  #confirmClose {
      width: 37px; height: 38px;
      background-image: url('../../img/design/popup/close.png');
      display: block;
      position: absolute; top: 15px; /*50%;*/ right: 15px;
      /*margin-top: -17px;*/
      cursor: pointer;
  }


/*=====[ COLORBOX - GALÉRIA, KÉPEK ÉS VIDEÓK LIGHTBOX-BAN ]=======================================*/

  /*
      Colorbox Core Style:
      The following CSS is consistent between example themes and should not be altered.
  */
  #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
  #cboxWrapper {max-width:none;}
  #cboxOverlay{position:fixed; width:100%; height:100%;}
  #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
  #cboxContent{position:relative;}
  #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
  #cboxTitle{margin:0;}
  #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
  #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
  .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
  .cboxIframe{width:100%; height:100%; display:block; border:0;}
  #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

  /* 
      User Style:
      Change the following styles to modify the appearance of Colorbox.  They are
      ordered & tabbed in a way that represents the nesting of the generated HTML.
  */
  #cboxOverlay{background:url(../../img/design/colorbox/overlay.png) repeat 0 0;}
  #colorbox{outline:0;}
      #cboxTopLeft{width:14px; height:14px; background:url(../../img/design/colorbox/controls.png) no-repeat 0 0;}
      #cboxTopCenter{height:14px; background:url(../../img/design/colorbox/border.png) repeat-x top left;}
      #cboxTopRight{width:14px; height:14px; background:url(../../img/design/colorbox/controls.png) no-repeat -36px 0;}
      #cboxBottomLeft{width:14px; height:43px; background:url(../../img/design/colorbox/controls.png) no-repeat 0 -32px;}
      #cboxBottomCenter{height:43px; background:url(../../img/design/colorbox/border.png) repeat-x bottom left;}
      #cboxBottomRight{width:14px; height:43px; background:url(../../img/design/colorbox/controls.png) no-repeat -36px -32px;}
      #cboxMiddleLeft{width:14px; background:url(../../img/design/colorbox/controls.png) repeat-y -175px 0;}
      #cboxMiddleRight{width:14px; background:url(../../img/design/colorbox/controls.png) repeat-y -211px 0;}
      #cboxContent{background:#fff; overflow:visible;}
          .cboxIframe{background:#fff;}
          #cboxError{padding:50px; border:1px solid #ccc;}
          #cboxLoadedContent{margin-bottom:5px;}
          #cboxLoadingOverlay{background: #ffffff url(../../img/design/colorbox/loading_background.png) no-repeat center center;}
          #cboxLoadingGraphic{background:url(../../img/design/colorbox/loading.gif) no-repeat center center;}
          #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
          #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

          /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
          #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(../../img/design/colorbox/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
          
          /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
          #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

          #cboxPrevious{left:0px; background-position: -51px -25px;}
          #cboxPrevious:hover{background-position:-51px 0px;}
          #cboxNext{left:27px; background-position:-75px -25px;}
          #cboxNext:hover{background-position:-75px 0px;}
          #cboxClose{right:0; background-position:-100px -25px;}
          #cboxClose:hover{background-position:-100px 0px;}

          .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
          .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
          .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
          .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}


/*=====[ GALÉRIA ]================================================================================*/

   /*galéria*/
      #container {
        height: 610px; /*100%*/
        position: relative;
        text-align: center;
        /*display: none; /* amíg nincs album megnyitva */
      }
      /*********************************************************************************************/
      div#thumbs {
        /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
        width: auto;
        /*margin-right: 300px;*/
        overflow: hidden;
        display: block;
        padding-left: 300px;
        height: 100%;
      }
      div#thumbs a, div#albums a {
        text-decoration: none;
        color: #000;
      }
      div#thumbs a:focus, div#thumbs a:hover, div#thumbs a:active {
        text-decoration: underline;
      }

      div.loader {
        /*position: absolute;
        top: 0;
        left: 0;*/
        background-image: url('../../img/design/gallery/loader.gif');
        background-repeat: no-repeat;
        background-position: center;
        background-color: #DCDCDC;
        /*width: 550px;*/
        width: 100%;height: 100%; /* This should be set to be at least the height of the largest image in the slideshow */
        position: absolute;
        z-index: 1000;
      }

      div#albums {
        /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
        background: #CDCDCD;
        width: 280px; /*300*/
        position: absolute;
        opacity: 1;
        left: 0px;
        height: 96%; /*100%*/
        top: 0px;
        overflow: hidden;
        min-height: 300px;
        border-radius: 10px 0 0 10px;
        padding: 10px;
      }
      ul.thumbs {
        margin: 20px;
        overflow: auto;
        height: 80%;
      }
      ul.albums {
        margin: 0;
        overflow: auto;
        background-color: #D7D7D7;
        height: 100%;
        border-radius: 10px 0 0 10px;
      }
      ul.albums li {
        list-style: none;
        display: block; /*új*/
        text-align: left;
        background-color: #BFC6DB; /*#DBC0BF*/
        margin: 5px;
        color: #000 !important;
        font-weight: bold;
      }
      ul.albums li:first-child {
        border-radius: 6px 0 0 0;
      }
      ul.albums li:hover, ul.albums li.active {
        color: #fff !important;
        background-color: #A0B7D6; /*D6A2A0*/
        cursor: pointer;
      }
      ul.albums li:hover a {
        color: #fff !important;
      }
      ul.albums li a {
        display: block;
        background-color: transparent;
        padding: 2px 10px 2px 10px;
      }
      ul.thumbs li {
        float: left;
        padding: 0;
        margin: 4px 7px 4px 0;
        list-style: none;
        display: block; /*új*/
        border: 1px solid #ccc;
        background-color: #fff; /*új*/
         width: 79px; height: 79px; /*új*/
      }
      a.thumb {
        margin: 2px;
        display: block;
        width: 75px; height: 75px; /*új*/
        position: relative; /*új*/
        overflow: hidden; /*új*/
      }
      ul.thumbs li.selected a.thumb {
        background: #000;
        padding: 0px; /*új*/
        border: 2px solid #000; /*új*/
      }
      a.thumb:focus {
        outline: none;
      }
      ul.thumbs img {
        border: none;
        display: block;
        position: absolute;
        top: 0;/*50%;*/
        left: 0;/*50%;*/
      }
      div.pagination {
        clear: both;
        margin: 10px; /*új*/
      }
      div#albums div.top {
        margin-bottom: 12px;
        height: 11px;
      }
      div#albums div.bottom {
        margin-top: 12px;
      }
      div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
        display: block;
        float: left;
        margin-right: 2px;
        padding: 4px 7px 2px 7px;
        border: 1px solid #ccc;
      }
      div.pagination a:hover {
        background-color: #eee;
        text-decoration: none;
      }
      div.pagination span.current {
        font-weight: bold;
        background-color: #000;
        border-color: #000;
        color: #fff;
      }
      div.pagination span.ellipsis {
        border: none;
        padding: 5px 0 3px 2px;
      }

      #thumbs #albumInfo { 
        background: #cdcdcd; 
        border-radius: 0 10px 10px 0;
        padding: 10px 10px 10px 0;
        position: relative;
      }
      #thumbs #albumInfo div.paging {
        position: absolute; top: 0; right: 0;
      }
      #thumbs #albumInfo h6 {
        display: block;
        line-height: 40px;
        font-size: 18pt;
        text-align: left;
        background: #cdcdcd; 
        border-radius: 0 10px 0 0;
        clear: both;
      }
      #thumbs #albumInfo span {
        display: block;
        line-height: 14px;
        font-size: 10pt;
        text-align: justify;
        background: #D7D7D7; 
        border-radius: 0 0 10px 0;
        padding: 5px;
        clear: both;
      }

      a.thumb img {
        max-width: 120px; max-height: 120px;
      }


/*=====[ GOOGLE ANALYTICS, STATCOUNTER ]==========================================================*/

  div#counter {
    width: 306px; /*316|317*/ height: auto;
    overflow: auto;
    text-align: left; background-color: #37A637;
    padding: 5px;
    border-radius: 5px;
    cursor: default;
    margin: 10px 0 0 0;
  }
  div#counter > div { width: 100%; overflow: auto; background-color: rgba(0,0,0,0.2); border-radius: 3px; }
  div#counter > div > span { float: left; display: block; padding: 8px 8px 8px 10px; font-weight: bold; }
  div#counter > div > a { float: right; display: block; margin: 10px; }


/*=====[ IDŐJÁRÁS ]===============================================================================*/

  div#weather {
    width: 306px; /*316|317*/ height: auto;
    overflow: auto;
    text-align: left; background-color: #37A637;
    padding: 5px;
    border-radius: 5px;
    cursor: default;
    margin: 10px 0 0 0;
  }
  div#weather span { display: block; }
  div#weather small { font-weight: normal; font-size: 9pt; display: block; }

  div#weather > div.condition { width: 100%; clear: both; overflow: auto; position: relative; background-color: rgba(0,0,0,0.4); border-radius: 3px; }
  div#weather > div.condition > span.icon { width: 60px; height: 60px; padding: 2px; background-color: rgba(255,255,255,0.07); border-radius: 5px; float: left; margin: 5px 6px 5px 5px; }
  div#weather > div.condition > span.icon > img { width: 60px; height: 60px; }
  div#weather > div.condition > span.title { font-weight: bold; font-size: 12pt; float: left; padding: 7px 0 0 0; }
  div#weather > div.condition > span.title > small { }
  div#weather > div.condition > span.title > small a { text-decoration: inherit; font-style:italic; font-size: 8pt; display: block; margin: 7px 0 0 0; color: #fff; }
  div#weather > div.condition > span.temp { position: absolute; right: 0; font-weight: bold; font-size: 17pt; float: right; text-align: right; padding: 8px; }
  div#weather > div.condition > span.temp > small { margin: 4px 0 0 0; }

  div#weather > div.forecast { width: 100%; clear: both; overflow: auto; margin: 5px 0 0 0; }
  div#weather > div.forecast > ul { display: block; list-style: none; overflow: auto; margin: 0; padding: 0 1px 0 1px; }
  div#weather > div.forecast > ul > li { width: 62px; float: left; padding: 7px; background-color: rgba(0,0,0,0.1); background-position: 100% 100%; background-repeat: no-repeat; position: relative; }
  div#weather > div.forecast > ul > li:first-child { border-radius: 0 0 0 3px; }
  div#weather > div.forecast > ul > li:last-child { border-radius: 0 0 3px 0; }
  div#weather > div.forecast > ul > li:nth-child(2n) { background-color: rgba(0,0,0,0.2); }
  div#weather > div.forecast > ul > li > span.day { text-align: center; font-size: 9pt;  background-color: rgba(0,0,0,0.1); margin: 0 0 4px 0; }
  div#weather > div.forecast > ul > li > span.temp { float: left; font-size: 9pt; padding: 0 0 0 2px; }
  div#weather > div.forecast > ul > li > span.icon { display: block; margin: 0 2px 0 0; width: 48px; height: 47px; position: absolute; bottom: 0; right: 0; }