﻿@charset "UTF-8";
/**********************************************************************
 Régebbi böngészők miatt, amik a nem ismert elemeket 'inline'
 elemként kezelik
 **********************************************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
section, summary { display: block; }
audio, canvas, video { display: inline-block; }
/* Egyéb alapbeállítások */
[hidden] { display: none; }

body {
  font-family: "Ubuntu", Tahoma, Verdana, Helvetica, Arial, Sans-serif;
  font-size: 10pt;
  margin: 0; padding: 0;
  background-color: #FFFFFF;
}
a {
  color: #000000;
  text-decoration: none;
  outline: transparent none 0;
  -moz-transition: background 0.2s ease-out 0s, color 0.2s ease-out 0s;
  -webkit-transition: background 0.2s ease-out 0s, color 0.2s ease-out 0s;
  -o-transition: background 0.2s ease-out 0s, color 0.2s ease-out 0s;
  -ms-transition: background 0.2s ease-out 0s, color 0.2s ease-out 0s;
  transition: background 0.2s ease-out 0s, color 0.2s ease-out 0s;
}
a img {
  border: 0;
}
h1, h2, h3, h4, h5 {
  font-family: "Ubuntu", Helvetica, Tahoma, Arial, Verdana, Sans-serif;
}
em { font-style: italic; }
b { font-weight: bold; }
u { text-decoration: underline; }
del {
  text-decoration: line-through;
}
ins {
  text-decoration: none;
  color: #009900;
}
::-webkit-input-placeholder { color: #A0A0A0; }
:-moz-placeholder { color: #A0A0A0; }
::selection {
  color: #000000;
  background-color: #99DDFF;
}
::-moz-selection {
  color: #000000;
  background-color: #99DDFF;
}

input[type="text"], input[type="email"], input[type="password"], textarea {
  resize: none;
  border: 1px solid #f2b68f;
  border-radius: 4px;
  outline: none;
}
::-webkit-input-placeholder { color: #A0A0A0; }
:-moz-placeholder { color: #A0A0A0; }
input[type="text"]:focus, input[type="email"]:focus,
input[type="password"]:focus, textarea:focus {
  -moz-transition: box-shadow 0.25s ease-out 0s;
  -webkit-transition: box-shadow 0.25s ease-out 0s;
  -o-transition: box-shadow 0.25s ease-out 0s;
  -ms-transition: box-shadow 0.25s ease-out 0s;
  transition: box-shadow 0.25s ease-out 0s;
  border-color: #cd7841;
  border-color: rgba(205,120,65,0.66);
  box-shadow: 0 0 4px 2px rgba(205,120,65,0.33);
}
input[type="submit"], button {
  color: #FFFFFF;
/*  background-color: #b3c919;*/
  background-color: #C8C8C8;
  height: 22px;
  line-height: 22px;
  padding: 0 6px; margin: 0;
  border: 0; border-radius: 3px;
  font-size: 8pt;
  letter-spacing: 2px;
  cursor: pointer;
}
input[type="submit"]:hover, button:hover { background-color: /*#497230;*/#2F2A30; }

.clear {
  float: none; clear: both;
  height: 0; line-height: 0;
  padding: 0; margin: 0;
  border: 0;
  display: block;
  width: 100%;
}

.right { float: right; }
.text-right { text-align: right; }
.left { float: left; }
.text-left { text-align: left; }

div.error-code {
  float: right;
  margin: 0 0 10px 10px;
  width: 200px; height: 100px;
  background: transparent url(../images/404.png) no-repeat center center;
/*
  text-align: right;
  font-family: Arial, Helvetica, Verdana, Tahoma, Sans-serif;
  font-size: 64pt;
  font-weight: bold;
*/
}

/* Fejléc */
body > header {
/* background-color: #497230;*/
  background-color: #2F2A30;

}
body > header section {
  position: relative;
  width: 958px; height: 120px;
  margin: 0 auto;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.33);
  border-top: none; border-bottom: none;
}
#header-slider-container {
  position: relative;
  padding-bottom: 20px;
}
#header-slider-container img.slider-logo {
  display: inline-block;
  position: absolute;
  top: 0; left: 100px;
  z-index: 2;
}
#header-slider {
  position: relative;
  width: 922px; height: 250px;
  overflow: hidden;
/*  opacity: 0.75;*/
  /*margin-top: 10px;*/
  z-index: 1;
}
body > header > a {
  display: block;
  width: 960px;
  margin: 0 auto;
  padding: 0;
}
body > header section img.logo {
  position: absolute;
  top: 15px; left: 20px;
/*  height: 180px;*/
}
body > header section h1 {
  position: absolute;
  top: 40px; right: 10px; left:140px;
  text-align: left;
  color: #FFFFFF;
  font-size: 12pt;
  /*font-family: 'MAGNETOB';*/
  /*font-family: 'UBUNTU-REGULAR';*/
  letter-spacing: 2px;
  /*word-spacing: 0.5em;*/
  /*font-weight: normal;*/

  -webkit-transform: scale(1,1.2); /* Safari and Chrome */
  -moz-transform: scale(1,1.2); /* Firefox */
  -ms-transform: scale(1,1.2); /* IE 9 */
  -o-transform: scale(1,1.2); /* Opera */
  transform: scale(1,1.2); /* W3C */
  
  margin: 0;padding: 0;
  /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);*/
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=303030);
}
body > header aside.contacts {
  position: absolute;
  bottom: 15px; right: 10px;
  color: #FFFFFF;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=1,color=303030);
}
body > header aside.contacts span {
  margin-right: 1em;
}
body > header aside.contacts span:last-of-type {
  margin-right: 0.5em;
}
body > header aside.contacts i.fa {
  font-size: 18px;
  vertical-align: top;
}

aside.social div {
  display: inline-block;
  width: 28px; height: 28px;
  margin: 0 5px;
  text-align: center;
}
aside.social a {
  display: inline-block;
  height: 28px; width: 28px;
}
aside.social a:hover {
}
aside.social a img {
  height: 28px; width: 28px;
  opacity: 0.75;
  -moz-transition: opacity 0.1s ease-out 0s;
  -webkit-transition: opacity 0.1s ease-out 0s;
  -o-transition: opacity 0.1s ease-out 0s;
  -ms-transition: opacity 0.1s ease-out 0s;
  transition: opacity 0.1s ease-out 0s;
}
aside.social a:hover img {
  opacity: 1;
}
body > header aside.social {
  height: 28px;
  position: absolute;
  right: 10px; top: 30px;
}

/* Menük */
nav ul {
  list-style-type: none;
  margin: 0; padding: 0;
  display: inline-block;
}
nav li {
  position: relative;
  display: inline-block;
}
nav li,
nav li a {
  -moz-transition: background 0.2s ease-out 0s, color 0.2s ease-out 0s;
  -webkit-transition: background 0.2s ease-out 0s, color 0.2s ease-out 0s;
  -o-transition: background 0.2s ease-out 0s, color 0.2s ease-out 0s;
  -ms-transition: background 0.2s ease-out 0s, color 0.2s ease-out 0s;
  transition: background 0.2s ease-out 0s, color 0.2s ease-out 0s;
  cursor: pointer;
}
nav li.has-submenu {
  transition-duration: 0s;
  transition-delay: 0s;
}
nav li ul {
  position: absolute;
  left: -9999px;
  top: 42px;
}
nav li:hover ul {
  left: 0;
}

/* Főmenü */
#mainmenu-wrapper {
  height: 48px;
}
#main {
  width: 100%;
  /*background-color: rgba(0, 96, 144, 1);*/
  /*background-color: rgba(179, 201, 25, 1);*/
  background-color: #C8C8C8;
  -moz-transition: background 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;
  -webkit-transition: background 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;
  -o-transition: background 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;
  -ms-transition: background 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;
  transition: background 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;
  z-index: 999;
}
#main > div {
  width: 958px; height: 48px;
  margin: 0 auto;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.33);
  border-top: none; border-bottom: none;
}
#main a.logo {
  display: block;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear 0s, background 0.2s linear 0s;
  visibility: hidden;
  position: absolute;
  width: 75px; height: 36px;
  top: 6px; left: -82px;
  background: transparent url(../images/logo-small.png) no-repeat center center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 4px;
  opacity: 0;
  -moz-transition: visibility 0s ease-out 0.5s, opacity 0.5s ease-out 0s, background 0.2s ease-out 0s;
  -webkit-transition: visibility 0s ease-out 0.5s, opacity 0.5s ease-out 0s, background 0.2s ease-out 0s;
  -o-transition: visibility 0s ease-out 0.5s, opacity 0.5s ease-out 0s, background 0.2s ease-out 0s;
  -ms-transition: visibility 0s ease-out 0.5s, opacity 0.5s ease-out 0s, background 0.2s ease-out 0s;
  transition: visibility 0s ease-out 0.5s, opacity 0.5s ease-out 0s, background 0.2s ease-out 0s;
}
#main a.logo:hover {
  background-color: rgba(255, 255, 255, 1);
}
#main.sticked {
  position: fixed;
  top: 0; left: 0;
  /*background-color: rgba(0, 96, 144, 0.9);*/
  /*background-color: rgba(241, 143, 78, 0.9);*/
  background-color: #C8C8C8;
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.3);
}
#main.sticked div {
}
#main.sticked a.logo {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
#main ul {
  height: 48px;
  margin: 0; padding: 0;
}
#main ul > li > ul {
  /*background-color: rgba(0, 96, 144, 1);*/
  background-color: #C8C8C8;
  height: auto; width: 300px;
  border-radius: 0 8px 8px 8px;
  box-shadow: 2px 5px 3px 1px rgba(0, 0, 0, 0.3);
}
#main.sticked ul > li > ul {
  /*background-color: rgba(0, 96, 144, 0.95);*/
  background-color: #C8C8C8;
}
#main div > ul > li {
  font-size: 11pt;
  line-height: 36px;
  margin: 6px 3px;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}
#main div > ul > li:first-child {
  margin-left: 6px;
}
#main div > ul > li.has-submenu:hover {
  border-radius: 4px 4px 0 0;
}
#main div > ul > li.has-submenu:hover > a,
#main div > ul > li.has-submenu:hover > span.nolink {
  height: 48px;
}
#main div > ul > li.has-submenu > ul {
  z-index: 999;
}
#main div > ul > li.active {
  background-color: rgba(255, 255, 255, 0.5);  
}
#main div > ul > li:hover {
  background-color: rgba(255, 255, 255, 1);
  /*background-color: #80b0c8;*/
  color: #C8C8C8;
}
#main div > ul > li:hover a {
/*  color: rgba(241, 143, 78, 1);*/
/*Menüpontok feliratainak írásszíne ráállva*/
  color: #000000;
}
#main div > ul > li > ul > li.active a {
  color: rgba(255, 255, 255, 0.7);
}
#main div > ul > li > ul > li.active a:hover {
  color: rgba(255, 255, 255, 1);
}
#main li a,
#main li span.nolink {
  display: block;
  padding: 0 10px;
  /*Menüpontok feliratainak írásszíne alapesetben ffffff*/
  color: #2F2A30;
}
#main li > ul > li a {
  /*height: 24px;*/
  color: rgba(255, 255, 255, 1);
}
#main ul > li > ul > li {
  display: block;
  background-color: rgba(255, 255, 255, 1);
  /*background-color: #80b0c8;*/
  font-size: 10pt;
  text-transform: none;
}
#main ul > li > ul > li:first-child {
  border-radius: 0 8px 0 0;
}
#main ul > li > ul > li:last-child {
  border-radius: 0 0 8px 8px;
}
#main ul > li > ul > li.active {
  background-color: rgba(255, 255, 255, 0.15);
}
#main ul > li > ul > li:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
#main ul > li > ul > li:hover a {
	color: #FFFFFF;
}

/* Lábléc */
body > footer {
  position: relative;
  height: 120px;
  /*background-color: rgba(150, 150, 150, 1);*/
  background-color: #2F2A30;
  color: #FFFFFF;
  font-size: 8pt;
}
body > footer a {
  color: #FFFFFF;
}
body > footer section {
  position: relative;
  width: 958px; height: 120px;
  margin: 0 auto;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.33);
  border-top: none; border-bottom: none;
}
body > footer section img.logo {
  margin: 15px 25px 15px 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.33);
  padding-right: 20px;
  vertical-align: top;
}
body > footer aside.social {
  position: absolute;
  bottom: 20px; right: 10px;
}
body > footer aside.social div:first-child {
  margin-left: 25px;
}
#footer {
  display: inline-block;
}
#footer ul {
  margin-top: 14px;
}
#footer ul li {
  display: block;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}
#footer ul > li.active {
  background-color: rgba(255, 255, 255, 0.5);  
  color: #2F2A30;
}
#footer ul > li:hover {
  background-color: #C8C8C8;
  color: #2F2A30;
}
#footer ul > li.active a,
#footer ul > li:hover a {
  color: #2F2A30;
}
#footer ul li a {
  display: block;
  padding: 4px 8px;
  margin: 8px 0;
}
/*
#footer {
  width: 942px; height: 28px;
  margin: 0 auto; padding: 10px 6px 10px 10px;
  border: 1px solid rgba(255, 255, 255, 0.33);
  border-top: none; border-bottom: none;
  line-height: 28px;
}
#footer ul {
  float: right;
}
#footer ul > li {
  margin: 0 4px;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}
#footer ul > li.active {
  background-color: rgba(255, 255, 255, 0.5);  
}
#footer ul > li:hover {
  background-color: #C8C8C8;
}
#footer li a {
  font-size: 7pt;
  display: block;
  padding: 0 8px;
  color: #FFFFFF;
}
*/
/* Tartalom */
#content-wrapper {
  width: 922px;
  margin: 0 auto;
  padding: 6px 18px 6px 18px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: none; border-bottom: none;
}
#content-wrapper article h1,
#content-wrapper article h2,
#content-wrapper article h3,
#content-wrapper article h4,
#content-wrapper article h5,
#content-wrapper article h6 {
/*  background-color: rgba(221, 225, 131, 0.4);*/
  background-color: #C8C8C8;
  margin: 0.3em -8px 0.1em -8px;
  padding: 4px 8px;
  font-size: 2.5em;
}
#content-wrapper article h2 {
/*  background-color: rgba(251, 203, 140, 0.4);
  margin: 0.3em -8px 0.1em -8px;
  padding: 4px 8px; */
  font-size: 2em;
}
#content-wrapper article h3 {
/*  background-color: rgba(251, 203, 140, 0.4);
  margin: 0.3em -8px 0.1em -8px;
  padding: 4px 8px; */
  font-size: 1.5em;
}
#content-wrapper article h1.keywords {
  margin: 0 0 1em 0;
  font-size: 1.85em;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  text-align-last: justify;
  text-align-last: justify;
  -moz-text-align-last: justify;
  line-height: 1.1em; height: 1em;
  overflow: hidden;
}
#content-wrapper article h1.keywords:after {
  content: "";
  display: inline-block;
  width: 100%; height: 0; line-height: 0;
  padding: 0; margin: 0;
}
#content-wrapper article p {
  margin: 0.75em 0 1em 0;
  line-height: 1.5em;
  text-align: justify;
}
#content-wrapper article h1 + p {
  margin-top: 0.6em;
}
#content-wrapper article h2 + p {
  margin-top: 0.4em;
}
#content-wrapper article h3 + p {
  margin-top: 0.2em;
}
#content-wrapper article a {
  display: inline-block;
  padding: 0 4px;
/*  color: rgba(73, 114, 48, 1);*/
  color: 000000;
  border-bottom: 1px dotted rgba(0, 96, 144, 0.9);
  border-radius: 3px 3px 0 0;
}
#content-wrapper article a:hover {
	color: #FFFFFF;
/*	background-color: rgba(73, 114, 48, 0.9);*/
  background-color: #2F2A30;
  border-bottom-color: transparent;
  border-radius: 3px;
}
#content-wrapper article table {
  width: 100%;
  border-collapse: collapse;
}
#content-wrapper article td {
  vertical-align: top;
  padding: 4px;
}
#content-wrapper article table.contacts td:first-child {
  width: 200px;
}
#content-wrapper article tr.header td {
  padding: 10px 0 0 0;
}
#content-wrapper article tr.header:first-child td {
  padding: 0;
}

/* Kapcsolat */
#contact {
  width: 650px;
  margin: 0 auto;
}
#contact p {
  clear: right;
  margin: 8px 0;
  min-height: 20px;
}
#contact b {
  color: #EE0000;
  font-size: 9pt;
}
#contact .note {
  font-size: 10pt;
  font-style: italic;
}
#contact input, #contact textarea {
  vertical-align: text-top;
  float: right;
}
#contact input:required:invalid {
  background-image: url(../images/field_invalid.png);
  background-repeat: no-repeat;
  background-position: right top;
}
#contact input:required:valid {
  background-image: url(../images/field_valid.png);
  background-repeat: no-repeat;
  background-position: right top;
}
#contact textarea {
  width: 416px;
  padding: 2px 0 2px 4px;
  overflow: hidden;
  overflow-y: scroll;
}
#contact label {
  display: inline-block;
  cursor: pointer;
}
#contact input[type="text"], #contact input[type="email"] {
  width: 400px;
  padding: 2px 16px 2px 4px;
  vertical-align: text-top;
}
#contact input[type="submit"] { margin: 8px 0; }
#contact .check { display: none; }
#contact .contact-error {
  color: #B94A48;
  /*margin-left: 130px;*/
  padding: 6px 2em;
  font-size: 11pt;
  font-style: normal;
  background-color: rgba(220,40,0,0.05);
  border-radius: 4px;
}
#contact input.invalid,
#contact textarea.invalid {
  box-shadow: 0 0 4px 1px rgba(255,0,0,0.5);
}
#contact p.legal {
  padding: 4px 6px;
  /*background-color: rgba(203,166,116,0.1);*/
  background-color: #e8f0f5;
  background-color: rgba(25,112,155,0.1);
  border-radius: 4px;
}

/* Galéria */
article.gallery section {
  text-align: center;
  padding: 10px 0;
}
figure.gallery-image {
  padding: 0; margin: 15px 0;
  border: 1px solid #E0E0E0;
  display: inline-block;
  box-shadow: 0 0 16px -4px rgba(0,0,0,0.7);
  border-radius: 2px;
  border: 1px solid #FFFFFF;
  opacity: 0.7;
}
figure.gallery-image:hover {
  box-shadow: 0 0 16px 0px rgba(0,0,0,0.7);
  opacity: 1;
  margin: 5px 0;
}
figure.gallery-image figcaption {
	display: table-cell;
	vertical-align: middle;
  width: 260px; height: 40px;
  text-align: center;
  overflow: hidden;
  padding: 0 6px;
  font-size: 0.7vw;
}
figure.gallery-image:hover figcaption {
  width: 280px;
  font-size: 0.75vw;
}
figure.gallery-image img {
  width: 260px; height: 195px;
/*  width: 240px; height: 180px;*/
  -moz-transition: opacity 0.2s ease-out 0s;
  -webkit-transition: opacity 0.2s ease-out 0s/*, width 0.1s ease-out 0s, height 0.1s ease-out 0s*/;
  -o-transition: opacity 0.2s ease-out 0s;
  -ms-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s/*, width 0.1s ease-out 0s, height 0.1s ease-out 0s*/;
}
figure.gallery-image img:hover {
}
figure.gallery-image:hover img {
  width: 280px; height: 215px;
/*  width: 270px; height: 203px;*/
}
figure.gallery-image:nth-child(3n+1) {
  float: left;
  clear: both;
  margin-left: 20px;
}
figure.gallery-image:nth-child(3n) {
  float: right;
  margin-right: 20px;
}
figure.gallery-image:nth-child(3n+2) {
/*  margin-left: auto; margin-right: auto;*/
}
figure.gallery-image:nth-child(3n+1):hover {
  margin-left: 0px;
}
figure.gallery-image:nth-child(3n):hover {
  margin-right: 0px;
}
#content-wrapper figure.gallery-image a {
  padding: 6px; margin: 0;
  border: 0 none;
  border-radius: 0;
  display: block;
  border-radius: 2px;
}
#content-wrapper figure.gallery-image:hover a {
  /*padding: 16px;*/
}
#content-wrapper figure.gallery-image a:hover {
  background-color: rgba(0, 96, 144, 0.5);
}

figure.illustration {
  display: inline-block;
  margin: 0;
  padding: 5px;
  border: 1px solid #D0D0D0;
}
figure.illustration img {
  margin: 0; padding: 0;
  border: 0 none;
}
figure.illustration.right {
  margin: 0 0 20px 20px;
}
figure.illustration.left {
  margin: 0 20px 20px 0;
}
figure.illustration.center {
  margin: 0 auto;
}
#content-wrapper figure.illustration a {
  border: 0 none;
}
#content-wrapper figure.illustration a:hover {
  background-color: transparent;
}
figure.shortcut {
  opacity: 0.7;
  -moz-transition: opacity 0.2s ease-out 0s;
  -webkit-transition: opacity 0.2s ease-out 0s;
  -o-transition: opacity 0.2s ease-out 0s;
  -ms-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}
figure.shortcut:hover {
  opacity: 1;
}

figure.map {
  display: inline-block;
  margin: 0;
  padding: 5px;
  border: 1px solid #D0D0D0;
}
figure.map.center {
  margin: 0 auto;
}
figure.map > div {
  width: 690px;
  height: 400px;
}

div.services,
div.back-links {
  text-align: center;
  padding-top: 20px;
}
div.services > div {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
}
figure.service {
  display: inline-block;
  padding: 0; margin: 0;
  max-width: 220px;
}
figure.back-link {
  display: inline-block;
  padding: 0; margin: 0;
}
figure.service-pic.right {
  margin: 10px 0 20px 20px;
}
figure.service-pic.left {
  margin: 10px 20px 20px 0;
}
figure.service img {
  -moz-transition: opacity 0.2s ease-out 0s;
  -webkit-transition: opacity 0.2s ease-out 0s;
  -o-transition: opacity 0.2s ease-out 0s;
  -ms-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
  opacity: 0.5;
}
figure.back-link {
  margin: 0 10px;
}
#content-wrapper article figure.service p {
  font-size: 14pt;
  height: 60px;
  margin: 0;
}
#content-wrapper article div.services a {
  border: 0 none;
  background-color: transparent;
  padding: 4px; margin: 0 10px;
}
#content-wrapper article div.back-links a {
  border: 0 none;
  background-color: transparent;
  padding: 4px;
}
#content-wrapper article div.back-links a img {
  -moz-transition: opacity 0.2s ease-out 0s;
  -webkit-transition: opacity 0.2s ease-out 0s;
  -o-transition: opacity 0.2s ease-out 0s;
  -ms-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
  opacity: 0.3;
}
#content-wrapper article div.services a + div.hdiv {
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 0;
}
#content-wrapper article div.services a.border + div.hdiv {
  border-right: 1px dotted #AAAAAA;
  width: 2px; margin-left: 10px;
}
#content-wrapper article div.services a:hover {
  color: #000000;
}
#content-wrapper article div.services a:hover img,
#content-wrapper article div.back-links a:hover img {
  opacity: 1;
}
sup {
  vertical-align: 0.35em;
}

/* Étlapok */
table.card {
  border: 1px solid rgba(251, 203, 140, 0.4);
  margin: 5px 0;
}
table.card th {
  background-color: rgba(251, 203, 140, 0.4);
  margin: 0.3em -8px 0.1em -8px;
  padding: 4px 8px;
  font-size: 1.2em;
}
.cost-comment {
  background-color: rgba(251, 203, 140, 0.4);
  padding: 4px 8px;
  text-align: center;
  font-weight: bold;
  font-style: italic;
}
table.card tbody tr {
  -moz-transition: background 0.2s ease-out 0s;
  -webkit-transition: background 0.2s ease-out 0s;
  -o-transition: background 0.2s ease-out 0s;
  -ms-transition: background 0.2s ease-out 0s;
  transition: background 0.2s ease-out 0s;
}
table.card tbody tr:nth-child(2n) {
  background-color: rgba(251, 203, 140, 0.2);
}
table.card tbody tr:hover {
  background-color: rgba(251, 203, 140, 0.4);
}
#content-wrapper table.card tbody td p {
  padding: 0; margin: 0;
}
table.card tbody td p:last-child {
  font-size: 10pt;
  font-style: italic;
}
table.card tbody td p:first-child {
  font-size: 11pt;
  font-style: normal;
}
#content-wrapper table.card tbody td.cost {
  font-size: 12pt;
  text-align: right;
  width: 100px;
}
table.pizza thead tr:last-child th,
table.pizza thead tr:nth-child(2n) th {
  font-size: 1em;
}
table.pizza thead tr:last-child th {
  font-weight: normal;
}
#content-wrapper table.pizza tbody td.cost {
  width: 80px;
  padding-right: 20px;
}
.menu span {
  display: inline-block;
  width: 50%;
  text-align: left;
}
.menu span:last-child {
  text-align: right;
}
table.menu tbody td:first-child {
  width: 220px;
  border-right: 1px solid rgba(251, 203, 140, 0.4);
}
table.menu tbody tr:nth-child(2n) td:first-child {
  border-right: 1px solid #FFFFFF;
}
#content-wrapper table.menu tbody td:last-child {
  padding-left: 10px;
  font-size: 11pt;
}

/* Nyelv-választó */
#main div.lang {
  display: inline-block;
  position: relative;
  float: right;
  width: auto;
  background-color: transparent;
  border: 0;
  margin: 9px 10px 0 0;
  border-radius: 4px;
}
#main .langitem {
  display: inline-block;
  font-size: 10pt;
  color: #000000;
  text-transform: uppercase;
  display: inline-block;
  cursor: default;
  width: auto; height: auto;
  padding: 6px; margin: 0;
  border: 1px solid #C8C8C8;
  background-color: rgba(255,255,255,0.5);
  border-radius: 0;
}
#main .current {
  border-radius: 4px;
}
#main div.lang div.others {
  position: absolute;
  left: -9999px;
  /*top: 32px;*/
  z-index: 1000;
  border: 0;
  width: auto;
  border-radius: 0 0 4px 4px;
}
#main div.lang div.others a {
  display: block;
  border: 0;
  cursor: pointer;
}
#main div.lang div.others a:hover {
  color: white;
  background-color: #C8C8C8;
}
#main div.lang:hover {
  background: white;
}
#main div.lang:hover .langitem {
  background: white;
}
#main div.lang .others .langitem {
  border-left:  1px solid #C8C8C8;
  border-right:  1px solid #C8C8C8;
}
#main div.lang .others .langitem:last-child {
  border-bottom:  1px solid #C8C8C8;
  border-radius: 0 0 4px 4px;
}
#main div.lang:hover .current {
  border-radius: 4px 4px 0 0;
  border-bottom-color: transparent;
  box-shadow: 2px 3px 3px 1px rgba(0, 0, 0, 0.3);
}
#main div.lang:hover div.others {
  left: 0;
  box-shadow: 2px 3px 3px 1px rgba(0, 0, 0, 0.3);
}
#main .langitem .flag {
}
#main .langitem .title {
  display: inline-block;
  text-align: right;
  width: 80px;
}

/* Alap lapozó */
nav.standard-pagination {
  text-align: center;
  padding: 5px 5px 10px 5px;
}
nav.standard-pagination ul {
  list-style-type: none;
  display: inline-block;
  padding: 0; margin: 0 auto;
}
nav.standard-pagination li {
  display: inline-block;
  padding: 0;
  color: rgba(0, 96, 144, 0.9);
  border: 1px solid rgba(0, 96, 144, 0.9);
  border-radius: 3px;
  cursor: default;
}
nav.standard-pagination li a {
  display: inline-block;
  padding: 1px 5px;
  color: rgba(0, 96, 144, 0.9);
}
nav.standard-pagination li a:hover {
  background-color: rgba(0, 96, 144, 0.9);
  color: #FFFFFF;
}
nav.standard-pagination li.current {
  border: 1px solid rgba(0, 96, 144, 0.9);
  background-color: rgba(0, 96, 144, 0.9);
  color: #FFFFFF;
  padding: 1px 5px;
}
nav.standard-pagination li.divider {
  border: 1px solid transparent;
  padding: 1px 5px;
}
nav.standard-pagination li.inactive {
  border: 1px solid transparent;
  background-color: rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
  padding: 1px 5px;
}