/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014.05.25., 22:28:40
    Author     : Alex Stezak
*/


@import url(https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Jura:300,400,500,600&subset=latin-ext);

/* HTML5 DECLARATIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {display: block}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}

/* BASE */
html {height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body {margin: 0; min-height: 100%; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; } /* Improve default text rendering, handling of kerning pairs and ligatures */

/* DEFAULT FONT SETTINGS */
/* 16px base font size with 150% (24px) friendly, unitless line height and margin for vertical rhythm */
/* Font-size percentage is based on 16px browser default size */
body, button, input, select, textarea {
   font: 100%/1.5 'PT Sans Caption', Helvetica, 'Helvetica Neue', Arial, sans-serif; *font-size: 1em;
}/* IE7 and older can't resize px based text */
p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, img {margin: 0 0 1.5em; padding: 0}

/* TYPOGRAPHY */
/* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px */
h1, h2, h3, h4, h5, h6 {/*font-family:Futura, "Century Gothic", AppleGothic, sans-serif;color:#222;*/text-shadow:1px 1px 1px rgba(0,0,0,.25)}
/*h1 {margin: 0; font-size: 3.75em; line-height: 1.2em; margin-bottom: 0.4em} /* 60px / 72px */
h1 {margin: 0; font-size: 3em; line-height: 1em; margin-bottom: 0.5em} /* 48px / 48px */
h2 {margin: 0; font-size: 2.25em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.6667em} /* 36px / 48px */ 
h3 {margin: 0; font-size: 1.5em; line-height: 1em; margin-bottom: 1em} /* 24px / 24px */
h4 {margin: 0; font-size: 1.3125em; line-height: 1.1428571428571428571428571428571em; margin-bottom: 1.1428571428571428571428571428571em} /* 21px / 24px */
h5 {margin: 0; font-size: 1.125em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 1.3333333333333333333333333333333em} /* 18px / 24px */
h6 {margin: 0; font-size: 1em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 1.3333333333333333333333333333333em} /* 18px / 24px */
p, ul, blockquote, pre, td, th, label {margin: 0; font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em} /* 16px / 24px */
small, p.small {margin: 0; font-size: 0.875em; line-height: 1.7142857142857142857142857142857em; margin-bottom: 1.7142857142857142857142857142857em} /* 14px / 24px */

/* CODE */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word} /* Allow line wrapping of 'pre' */
pre, code, kbd, samp {font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; font-family: Menlo, Consolas, 'DejaVu Sans Mono', Monaco, monospace}

/* TABLES */
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em}
th {text-align: left}
tr, th, td {padding-right: 1.5em; border-bottom: 0 solid #333}

/* FORMS */
/*form {margin: 0}*/
fieldset {border: 0;}
textarea {overflow: auto; /*vertical-align: top*/}
legend {*margin-left: -.75em}
button, input, select, textarea {vertical-align: baseline; *vertical-align: middle} /* IE7 and older */
button, input {line-height: normal; *overflow: visible}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;	box-sizing: content-box}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}

/* QUOTES */
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
blockquote, q, cite {font-style: italic}
blockquote {padding-left: 1.5em; border-left: 3px solid #ccc}
blockquote > p {padding: 0}

/* LISTS */
ul, ol {list-style-position: inside; padding: 0}
li ul, li ol {margin: 0 1.5em}
dl dd {margin-left: 1.5em}
dt {font-family:Futura, "Century Gothic", AppleGothic, sans-serif}

/* HYPERLINKS */
a {text-decoration: none; /*color:#333;*/}
a:hover {/*text-decoration: underline*/}
a:focus {outline: thin dotted}
a:hover, a:active {outline: none} /* Better CSS Outline Suppression */

/* MEDIA */
figure {margin: 0}
img, object, embed, video {max-width: 100%;	_width: 100%} /* Fluid images */
img {border: 0;	-ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */

/* ABBREVIATION */
abbr[title], dfn[title] {border-bottom: 1px dotted #333; cursor: help}

/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins, mark {text-decoration: none}
mark {background: #c47529}
ins {background: #d49855}
del {text-decoration: line-through}
::-moz-selection {background: #2a59a4; color: #fff; text-shadow: none} /* selected text */
::selection {background: #2a59a4; color: #fff; text-shadow: none} /* selected text */

/* OTHERS */
strong, b, dt { font-weight: bold}
dfn {font-style: italic}
var, address {font-style: normal}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} /* Position 'sub' and 'sup' without affecting line-height */
sup {top: -0.5em} /* Move superscripted text up */
sub {bottom: -0.25em} /* Move subscripted text down */
span.amp{font-family:Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline} /* Best available ampersand */

/* MICRO CLEARFIX HACK */
.cf:before, .cf:after {content:"";display:table} /* For modern browsers */
.cf:after {clear:both}
.cf {zoom:1} /* For IE 6/7 (trigger hasLayout) */

/* DEFAULT MOBILE STYLE */
body {width: 100%; }
#main { z-index: 999; }
/* column grid */
.g1,.g2,.g3,.g4{display:block; position: relative; margin-left: 1%; margin-right: 1%}
/* 1 column grid */
.g1,.g2,.g3,.g4{width:98.0%}
header.g4 { float:left; }

.ny1, .ny3 { width:98%; min-width:240px; margin:0 auto; text-align:center; }
.ny2 { width:98%; min-width:148px; margin:0 auto; text-align:center; }
.ny2 a {
   text-decoration: none;
   display: inline-block;
}

/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {
   body {

   }
}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
   body {

   }
}

/* SMALL TABLET */
@media only screen and (min-width: 600px) {
   body {

   }
}

/* TABLET/NETBOOK */ /*768-24*/
@media only screen and (min-width: 714px) {/*760px*/
   body {

   }

   /* COLUMN GRID */
   .g1,.g2,.g3,.g4 {display:inline; float: left}

   /* 4 COLUMN GRID */
   .g1 {width:31%}/*31.0%*/
   .g2 {width:65%}/*65.0%*/
   .g3 {width:65%}/*65.0%*/
   .g4 {width:98.0%}
   #main { float:right; }
   #sidebar2 { clear: left; }

   .ny1, .ny3 { float:left; width:33%; min-width:240px; }
   .ny1 { text-align:right; padding-right:.5em; }
   .ny3 { text-align:left; padding-left:.5em; }
   .ny2 { float:left; width:32%; min-width:148px; height:100%; vertical-align:bottom; }


   /*	#sidebar2 {
         top:0;
      }*/
}


/* LANDSCAPE TABLET/NETBOOK/LAPTOP */ /* 1024-32*/
@media only screen and (min-width: 992px) { /*1018px*/
   body {

   }
   #main { float:left; }

   /* 4 COLUMN GRID */
   .g1 {width:18%}/*23%*/
   .g2 {width:58%}/*48%;*/
   .g3 {width:58%}/*72%*/
   .g4 {width:98%}
   #sidebar2 { clear: none; }
}

@media only screen and (min-width: 1240px) { /*1280-40*/
   /* DESKTOP */
   body {

   }
}

/* WIDESCREEN */ /* 1440-58*/
/* Increased body size for legibility */
@media only screen and (min-width: 1382px) { 
   body {font-size:116.75%; /*background:url('../images/28px_grid_bg.gif') 0 1.25em;*/ max-width:1440px;margin: 0 auto;} /* 18.5px / 28px */
}


/* PRINT */
@media print {
   * {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important} /* Black prints faster */
   a, a:visited {color: #444 !important; text-decoration: underline}
   a[href]:after {content: " (" attr(href) ")"}
   abbr[title]:after {content: " (" attr(title) ")"}
   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: ""}  /* Don't print links for images, javascript or internal links */
   pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
   thead {display: table-header-group; } /* Repeat header row at top of each printed page */
   tr, img {page-break-inside: avoid; }
   img {max-width: 100% !important; }
   @page {margin: 0.5cm}
   p, h2, h3 {orphans: 3; widows: 3}
   h2, h3{page-break-after: avoid}
   #header, #sidebar1, #sidebar2, .noprint { display:none; }
}


a img {border: none}

aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}


/************************ Basics ************************/

body {
   background-color: #cb010e;
   color: #fff;
   overflow:hidden;
}

body:before {
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   z-index: 100;
}

p + p, ul + p, ol + p, p + ul, p + ol  {
   margin-top: -1em;
}

a, p a {
   color: #fff;
}
article a {
   font-weight:bold;
   text-decoration: underline;
}
article h3 a {
   text-decoration: none;
}

article a, article p a {
   -webkit-text-shadow:1px 2px 3px rgba(0,0,0, .75);
   -moz-text-shadow:1px 2px 3px rgba(0,0,0, .75);
   text-shadow:1px 2px 3px rgba(0,0,0, .75);
}

h1, h2 {
   font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
   /*font-weight: normal;*/
   position: relative;
   /*color: #191919;*/
   -webkit-text-shadow: 1px 2px 3px rgba(0,0,0,1);
   -moz-text-shadow: 1px 2px 3px rgba(0,0,0,1);
   text-shadow: 1px 2px 3px rgba(0,0,0,1);

   font-family: 'Jura', Futura, "Century Gothic", AppleGothic, sans-serif;
}

h3 span {
   display: block;
   text-transform: none;
}

h4 {
}

h4 span {
   display: block;
}

header {
   font-family: 'Jura', Futura, "Century Gothic", AppleGothic, sans-serif;
   margin-bottom: 1.5em;
   height:auto;
   /*height: 180px;
   text-align:right;*/
   background: url('images/logo_top_full.png') no-repeat left bottom;
}
header.g4 {
   vertical-align:bottom;
   text-align:center;
}
.nyito header {
   background: #cb010e url('images/film_top_2445.png') no-repeat left bottom;
   height:auto;
   text-align:center;
}
.nyito .logok {
   vertical-align: top;
   padding-top: 1em;
   padding-bottom: 3em;
}
.nyito img {
   /* margin:1.5em 0 0; */
}
header a.logo {
   display: inline-block;
   width: 226px;
   height: 160px;
   left: 0;
   bottom: 0;
   position: absolute;
}
header img{
   margin: 10px 0 3em;
   right: 0;
   top: 0;
   /*position: absolute;*/
   display: inline-block;
}

header #placeholder {
   width: 226px;
   height: 160px;
   display: inline-block;
   float: left;
}

footer {
   clear: both;
   margin: 20px auto 0;
   background: url('images/film_down_2445.png') no-repeat left top;
   color: #fff;
   text-align:center;
   padding: 80px 0 40px;
   font-family: 'Jura', Futura, "Century Gothic", AppleGothic, sans-serif;
}
footer p { margin:0; font-weight:bold;}

/************************ Navigation Menu ************************/
aside {
   font-family: 'Jura', Futura, "Century Gothic", AppleGothic, sans-serif;
   text-align: center;
}

nav {
   position: relative;
   margin: 0 auto;
   padding-top: .5em;
}

nav li a{
   font-size: 1.5em;
   /*line-height:1.6em;*/
   /*text-transform:capitalize;*/
   font-weight:bold;
   text-decoration: none;
   display:block;	/* IE6, IE7 line height fix */
   background-color:transparent;
   /*padding:5px;*/
   -moz-opacity: 0.9;
   -khtml-opacity: 0.9;
   opacity: 0.9;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
   filter:alpha(opacity=90);
   color:#fff;
   -webkit-text-shadow:1px 2px 3px rgba(0,0,0, 1);
   -moz-text-shadow:1px 2px 3px rgba(0,0,0, 1);
   text-shadow:1px 2px 3px rgba(0,0,0, 1);
}

nav li li {
   font-size: 0.85em;
}

nav li li.active a{
   /*	-moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
      filter:alpha(opacity=100);*/
}

aside ul {
   list-style: none;
   color: #333;
   margin: 0 0 15px;
}

aside ul ul {
   margin: 0 0 15px;
}

aside  li a.ui-button {
   display: block;
}

aside  li .ui-button-text-only .ui-button-text {
   padding: 0;
}
article .ui-tabs .ui-tabs-nav li a { padding: .4em .5em; }

aside  li ul{
   margin-bottom: 0;}

aside  li li{
   border-bottom: none;
   background: none;
}

nav li a:hover, nav li.here>a {
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   filter:alpha(opacity=100);
}
nav li.here>a {
   cursor:default;
   text-decoration: underline;
}

nav li a.grn{
   color:#9acd32;
}

nav li a.grn:hover{
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   filter:alpha(opacity=100);
}

nav li a.orng{
   color:#ff6600;
}

nav li a.orng:hover{
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   filter:alpha(opacity=100);
}
nav li a.pnk{
   color:#FF3399;
}
nav li a.pnk:hover{
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   filter:alpha(opacity=100);
}

nav li a.blu{
   color:#00d0ff;
}

nav li a.blu:hover{
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   filter:alpha(opacity=100);
}

nav li a.prpl{
   color:#CC00FF;
}

nav li a.prpl:hover{
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   filter:alpha(opacity=100);
}

nav li a:hover{
   text-decoration:none;
}

.green {	color: #9acd32; }
.pink { color: #FF3399; }
.orange { color: #FF6600; }
.blue { color: #00d0ff; }
.purple {color: #cc00ff; }
.large {font-size: 72px; }
.medium {font-size: 50px; }
.small {font-size: 25px; }

.rotate {
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg); display: block;
}

.clear {
   clear: both;
   /*display: inline;
   width: 100%;
   height: 0;
   overflow: hidden;*/
}

/************************ Specifics ************************/

.quote {	position: relative;
         float: left;
         width: 100%;
         margin-top: 6px;
         margin-bottom: 30px;
         background: none;
}

.welcome {
   position: relative;
   padding: 15px 15px 25px 15px;
   background: transparent;
}

.portfolio {
   position: relative;
   padding: 15px 15px 25px 15px;
   background: transparent;
}

/* ---------- gallery styles start here ----------------------- */
.gallery {
   list-style: none;
   margin: 0;
   padding: 0;
}

.gallery li {
   margin: 15px 10px;
   padding: 0 12px;
   float: left;
   position: relative;
   width: 180px;
   height: 130px;
   background: none;
}

.gallery img {
   border: none;
   padding: 0;
}

.gallery a:hover img {
   border-color: #000;
}

.gallery span {
   width: 185px;
   height: 134px;
   display: block;
   position: absolute;
   top: -6px;
   left: 3px;
   background: url(images/brush-border.png) no-repeat;
}

.gallery a {
   text-decoration: none;
}

img {
   border: none;
}

/* sidebar and footer widget blocks */
aside h2 {
   margin-bottom: 0;
}

aside h3 {
   margin-top: 1.5em;
   margin-bottom: 0;
}

article {
}

article img { margin:8px 0 10px; }
article img[align=left] { margin-right:10px; }
article img[align=right] { margin-left:10px; }
article hr { border:none; height:1px; border-bottom:1px #000 dotted; }

article .stripped img:not([align]) {
   float:left;
   margin-right:10px;
}
article.short .stamp {
   width: 200px;
   float: left;
   margin: 0 15px 10px 0;
}

article .stamp {
   width: 200px;
   float: left;
   margin: 0 15px 10px 0;
}

.left, img.justifyleft , img[float='left'] {
   float: left;
   margin-right: 10px;
}

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

.center {
   margin-left:auto;
   margin-right:auto;
}

.tleft {
   text-align:left;
}
.tright {
   text-align:right;
}
.tcenter {
   text-align:center;
}
.full { width:98%; }
.hidden { display:none; }

.hird { text-align: center; }
.hird div.hirdimg {
   width:164px;
   height:120px;
   margin: 10px auto;
   line-height:120px;
   background-color: #fff;
}
.hird span {
   display:block;
   height:132px;
   margin-top:-137px;
   position: relative;
}
.hird div img {
   vertical-align: middle;
   margin:0;
   max-width:none;
}

#langflags, #nyitoflags { width:100%; text-align:center; margin:0 0 1em; }
#langflags ul, #langflags img, #nyitoflags ul, #nyitoflags img { margin:0; }
#langflags li, #nyitoflags li { margin:0; border:none; display:inline-block; width:66px;height:72px; background:none;/*vertical-align: bottom*/;}
#langflags li+li, #nyitoflags li+li { margin-left:1em; }
#langflags a img { height: 32px; }
#nyitoflags a { display:block; width: 66px; height: 72px; position: absolute;}
#nyitoflags a img { margin-top:16px; }
#nyitoflags li.yams_lang_hu { background:url(images/flag_hu.png) no-repeat center; }
#nyitoflags li.yams_lang_en { background:url(images/flag_en.png) no-repeat center; }
#nyitoflags a:hover { background:url(images/lang_current.png) no-repeat center; }

.hirek {
   clear:both;
   padding: 1em 0;
}
.hirek + .hirek {
}
article.short .datum {
   margin-bottom:0;
}

.nevezesek {
   clear:both;
   padding: 1em 0;
}

article table {}

article table.logos td {
   vertical-align:top;
   text-align:center;
}

.ui-tabs-nav {
   font-family: 'Jura', Futura, "Century Gothic", AppleGothic, sans-serif;
   font-size:1.2em; 
}
.ui-state-highlight {
   padding: .3em .5em;
   margin-bottom:1.5em;
}

.oldstuff table {
   width:100%;
}
.oldstuff td {
   white-space:normal;
}
.oldstuff tr, .oldstuff td {
   background:none!important;
}
.oldstuff table img {
   max-width: none;
   height: auto;
}
.oldstuff br, .oldstuff hr {
   height:0;
   line-height:0;
}
.ui-tabs-nav img, img.logo, .logok img {
   margin: 0;
   border:none;
   -webkit-box-shadow:none;
   -moz-box-shadow:none;
   box-shadow:none;

}

.round6, article img {
   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   border-radius:6px;
   -webkit-box-shadow:1px 2px 3px rgba(0,0,0, .75);
   -moz-box-shadow:1px 2px 3px rgba(0,0,0, .75);
   box-shadow:1px 2px 3px rgba(0,0,0, .75);
}

#headslides .slide {
   vertical-align:bottom;
}
/*#headslides img {
   margin:0;
   position: absolute;
}*/
#headslides .slide p {
   font-size:93.75%;
   -webkit-text-shadow:2px 2px 1px rgba(0,0,0, 1);
   -moz-text-shadow:2px 2px 1px rgba(0,0,0, 1);
   text-shadow:2px 2px 1px rgba(0,0,0, 1);
   position: absolute;
   bottom: 0;
   margin:0 .5em;
   width: 340px;
}

.bold { font-weight:bold; }

.approved { color:green; }


.fb-like-box span, .fb-like-box iframe {
   width: 182px !important;
}

#fanback {
   display:none;
   background:rgba(0,0,0,0.8);
   width:100%;
   height:100%;
   position:fixed;
   top:0;
   left:0;
   z-index:99999;
}
#fan-exit {
   width:100%;
   height:100%;
}
#fanbox {
   background:white;
   width:420px;
   height:300px;
   position:absolute;
   top:58%;
   left:63%;
   margin:-220px 0 0 -375px;
   -webkit-box-shadow: inset 0 0 50px 0 #939393;
   -moz-box-shadow: inset 0 0 50px 0 #939393;
   box-shadow: inset 0 0 50px 0 #939393;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin: -220px 0 0 -375px;
}
#fanclose {
   float:right;
   cursor:pointer;
   background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/fanclose.png) repeat;
   height:15px;
   padding:20px;
   position:relative;
   padding-right:40px;
   margin-top:-20px;
   margin-right:-22px;
}
.remove-borda {
   height:1px;
   width:366px;
   margin:0 auto;
   background:#F3F3F3;
   margin-top:16px;
   position:relative;
   margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
   color:#80808B;
   font-size:10px;
   margin: 0 auto 5px auto;
   float:center;
}

article.short {
   clear: both;
   margin-bottom: 60px;
}
.cattabs-inner {
   border: 1px solid #000;
   border-radius: 10px;
   padding: 20px 15px;
   margin: -1px 0 0;
   box-shadow: 0 0 3px rgba(50,50,50,0.3);
}
.cattabs-inner > div {
   max-height: 0;
   opacity: 0;
   overflow: hidden;
   transition: 400ms all ease;
}
.cattabs-inner > div.active {
   display: block;
   opacity: 1;
   max-height: 30000px;
   transition: 400ms height, 500ms opacity;
   transition-delay: 50ms, 450ms;
}
.cattabs > ul, .scattabs > ul {
   margin: 0;
   padding: 0 10px;
}
.cattabs > ul > li,
.scattabs > ul > li {
   list-style: none;
   padding: 0;
   display: inline-block;
   background: #2a59a4;
   border-radius: 5px 5px 0 0;
   border: 1px solid #111;
   box-shadow: inset 0 20px 20px rgba(255,255,255,0.2), inset 0 -5px 5px rgba(0,0,0,0.2), 0 0 3px rgba(50,50,50,0.3);
   transition: all 500ms ease;
}
.cattabs > ul > li.active,
.scattabs > ul > li.active {
   background: #cb010e;
   border-bottom: 1px solid #cb010e;
   box-shadow: inset 0 20px 20px rgba(255,255,255,0.2);
}
.cattabs > ul > li > a,
.scattabs > ul > li > a {
   text-decoration: none;
   padding: 10px 15px 10px;
   line-height: 20px;
   height: 20px;
   display: block;
   font-weight: 500;
}
.cattabs > ul > li:hover,
.scattabs > ul > li:hover {
   box-shadow: inset 0 35px 35px rgba(255,255,255,0.2), inset 0 20px 20px rgba(255,255,255,0.2), inset 0 -5px 5px rgba(0,0,0,0.2);
}
.cattabs > ul > li.active:hover,
.scattabs > ul > li.active:hover {
   box-shadow: inset 0 35px 35px rgba(255,255,255,0.2), inset 0 20px 20px rgba(255,255,255,0.2);
}
.read-article {
   list-style: none;
   padding: 0;
   display: inline-block;
   background: #2a59a4;
   border-radius: 5px;
   border: 1px solid #111;
   box-shadow: inset 0 20px 20px rgba(255,255,255,0.2), inset 0 -5px 5px rgba(0,0,0,0.2), 1px 1px 5px rgba(50,50,50,0.8);
   transition: all 500ms ease;
   padding: 10px 15px 10px;
   line-height: 20px;
   height: 20px;
   display: inline-block;
   text-decoration: none;
}
.read-article:hover {
   box-shadow: inset 0 35px 35px rgba(255,255,255,0.2), inset 0 20px 20px rgba(255,255,255,0.2), inset 0 -5px 5px rgba(0,0,0,0.2), 1px 1px 5px rgba(50,50,50,0.8);
}
nav > ul > li > a {
   display: block;
   line-height: 24px;
   list-style: none;
   padding: 0;
   background: #2a59a4;
   border-radius: 5px;
   border: 1px solid #111;
   box-shadow: inset 0 20px 20px rgba(255,255,255,0.2), inset 0 -5px 5px rgba(0,0,0,0.1), 1px 1px 5px rgba(50,50,50,0.8);
   transition: all 500ms ease;
   padding: 10px;
   line-height: 24px;
   min-height: 24px;
   font-size: 24px;
   text-decoration: none;
   width: auto;
}
nav > ul > li {
   margin: 0 0 5px;
}
nav > ul > li > ul {
   opacity: 0;
   max-height: 0;
   overflow: hidden;
   transition: 500ms all ease;
}
nav > ul > li.open > ul {
   opacity: 1;
   max-height: 200px;
}
nav > ul > li > ul > li > a.open {
   text-decoration: underline;
}
.warnbox {
   padding: 10px;
   border-radius: 3px;
   border: 1px dashed #FFF;
   background: rgba(40,140,250,0.7);
   text-align: justify;
   font-style: italic;
   margin: 30px 0;
}
table.logos td {
   width: 30%;
}
table.logos img {
   max-width: 100%;
   max-height: 200px;
}

ul.logok { 
   list-style: none; 
   text-align:center; 
}
ul.logok a { 
    display: block;
    width: 180px;
    height: 150px;
    background-color: #fff;
    /* padding: 5px; */
    box-shadow: 1px 1px 3px #000;
    border-radius: 6px;
    overflow: hidden;
    font: 0/0 a;
}
ul.logok a:before {
    content: " ";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}
ul.logok img { 
    max-height: 152px;
    max-width: 182px;
    display: inline-block;
    vertical-align: middle;
    width: auto !important;
    margin: -1px;
}

ul.logok li {
   width: 190px;
   height: 160px;
   margin: 15px;
   display: inline-block;
   line-height: 160px;
}
ul.logok li > span {
   display: block;
   width: 180px;
   height: 150px;
   overflow: hidden;
}

.gstamps {
   clear: both;
   opacity: 0;
   transition: opacity 500ms ease-in;
   -webkit-transition: opacity 500ms ease-in;
}
.gstamps.show {
   opacity: 1; 
}
.gstamp {
   width: 33%;
   width: calc(33% - 20px);
   display: inline-block;
   float: left;
   cursor: pointer;
   margin: 0 10px;
   text-align: center;
}
.gstampin {
   padding: 5px;
   width: auto;
   display: block

}
.gstamp img {
   border: 5px solid #FFF;
   box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
   max-width: 200px;
   max-height: 200px;
}
.gstamp:hover img {
   -webkit-animation: glow 300ms linear;
   animation: glow 300ms linear;
}

.frow {
   margin: 10px 0;
}
.frow.center {
   text-align: center;
}
.frow label {
   display: inline-block;
   width: 180px;
   margin-bottom:5px;
   vertical-align: top;
}
.frow label.autowidth {
   width: auto;
}
.frow label small {
   font-size: 12px;
   font-style: italic;
   color: #DDD;
}
.frow input[type=text], .frow input[type=number], .frow input[type=tel], .frow input[type=password] {
   width: 300px;
   width: calc(100% - 200px);
   min-width: 200px;
   max-width: 350px;
   padding: 5px;
   height: 20px;
   line-height: 20px;
   font-size: 15px;
   color: #000;
   border: 0;
   background: rgba(255,255,255,0.85);
   border-radius: 3px;
   box-shadow: 1px 1px 3px rgba(0,0,0,0.5), inset 0 0 5px rgba(255,145,145,0.1);
}
.frow input.tiny {
   min-width: 35px;
   max-width: 35px;
   width: 35px;
}
.frow input.vsmall {
   min-width: 70px;
   max-width: 70px;
   width: 70px;
}
.frow input.ralign {
   text-align: right;
}
.frow input.error {
   background: rgba(255,255,165,0.85) url(/design/input-error.png) 100% 50% no-repeat;
}
.frow input.tiny.error, .frow input.vsmall.error {
   padding: 5px 35px 5px 5px;
}
.frow select {
   width: 310px;
   width: calc(100% - 190px);
   min-width: 210px;
   max-width: 360px;
   padding: 0 5px;
   height: 30px;
   line-height: 30px;
   font-size: 15px;
   color: #000;
   border: 0;
   background: rgba(255,255,255,0.85);
   border-radius: 3px;
   box-shadow: 1px 1px 3px rgba(0,0,0,0.5), inset 0 0 5px rgba(255,145,145,0.1);
}
.frow select.error {
   background: rgba(255,255,165,0.85) url(/design/input-error.png) 95% 50% no-repeat;
}
.frow input:focus, .frow select:focus, .frow textarea:focus {
   background: rgba(255,255,255,1);
}
.frow textarea {
   width: 300px;
   width: calc(100% - 200px);
   min-width: 200px;
   max-width: 350px;
   padding: 5px;
   height: 80px;
   max-height: 160px;
   line-height: 20px;
   font-size: 15px;
   font-family: Arial;
   color: #000;
   border: 0;
   background: rgba(255,255,255,0.85);
   border-radius: 3px;
   box-shadow: 1px 1px 3px rgba(0,0,0,0.5), inset 0 0 5px rgba(255,145,145,0.1);
   resize: vertical;
}
.frow textarea.error {
   background: rgba(255,255,165,0.85) url(/design/input-error.png) 100% 100% no-repeat;
}
.frow input[type=button], .frow input[type=submit] {
   width: auto;
   max-width: 200px;
   padding: 0 15px;
   height: 45px;
   line-height: 45px;
   font-size: 18px;
   color: #FFF;
   border: 0;
   background: rgba(40,140,250,0.85);
   border-radius: 3px;
   box-shadow: 1px 1px 3px rgba(0,0,0,0.5), inset 0 0 5px rgba(255,145,145,0.1), inset 0 30px 30px rgba(255,255,255,0.1);
   cursor: pointer;
   text-shadow: 1px 1px 3px rgba(0,0,0,1);
   transition: 200ms all ease-in;
}
.frow input[type=button]:hover, .frow input[type=submit]:hover {
   background: rgba(40,140,250,1);
}
.frow input[type=button]:active, .frow input[type=submit]:active {
   background: rgba(40,140,250,1);
   box-shadow: 1px 1px 3px rgba(0,0,0,0.5), inset 0 0 5px rgba(255,145,145,0.1), inset 0 30px 30px rgba(0,0,0,0.2);
   transition: 50ms all ease-in;
}
.warnbox ul {
   padding: 0 0 0 50px;
}
.tcenter.team > p {
   display: inline-block;
}
.tcenter.team > p > img {
   width: 200px;
   height: auto;
}

.nevezesek {
   clear: both;
   padding: 20px 0 0 ;
}
.nevezesek img {
   max-width: 120px;
   min-width: 80px;
   max-height: 100px;
   min-height: 60px;
   background: #CCC;
   float: left;
   margin: 5px 20px 0 0;
   border-radius: 8px;
   box-shadow: 1px 1px 3px 1px rgba(0,0,0,1);
}
.nevezesek h4 {
   margin: 0;
   font-style: italic;
   font-size: 18px;
   line-height: 24px;
}
.nevezesek h3 {
   margin: 0;
   font-size: 22px;
   line-height: 25px;
}
.nlsignup h3 {
   margin: 0;
   list-style: none;
   padding: 10px 0 8px;
   display: block;
   background: #2a59a4;
   border-radius: 7px 7px 0 0;
   box-shadow: inset 0 20px 20px rgba(255,255,255,0.2), inset 0 -5px 5px rgba(0,0,0,0.2);
   text-align: center;
   border-bottom: 1px solid #000;
}
.nlsignup .frow input[type=submit] {
   padding: 5px 10px;
   font-size: 14px;
   height: 35px;
   line-height: 25px;
}
.nlsignup {
   border-radius: 8px;
   overflow: hidden;
   border: 1px solid #000;
   padding:0;
   margin: 10px 0 20px;
}
.nlsignup form {
   margin: 0;
   padding: 10px;
}


.ytgalleryplayer {
   height: 400px;
   width: 100%;
   background: rgba(0,0,0,0.2);
 /*  border: none;
   border-bottom: 1px solid #FFF;*/
}
.ytgallerydetails {
   width: 100%;
   position: relative;
}
.ytgprev {
   height: 100%;
   display: inline-block;
   width: 50px;
   top: 0;
   left: 0;
   position: absolute;
   background: url(/design/ytgprev.png) 50% 50% no-repeat;
   background-size: contain;
   cursor: pointer;
}
.ytgnext {
   height: 100%;
   display: inline-block;
   width: 50px;
   top: 0;
   right: 0;
   position: absolute;
   background: url(/design/ytgnext.png) 50% 50% no-repeat;
   background-size: contain;
   cursor: pointer;
}
.ytgprev.inactive, .ytgnext.inactive {
   opacity: 0.4;
}
.ytgtexts {
   overflow: hidden;
   width: 80%;
   width: calc(100% - 120px);
   position: relative;
   left: 50px;
}
.ytgtexts .ytgtextsin {
}
.ytgallerydetails .ytgdetails {
  width: auto;
  float: left;
  padding: 20px 10px;
}
.ytgpage {
  /* border: 1px solid #FFF;*/
}
.ytgdetails img {
   max-width: 200px;
   max-height: 200px;
   float: left;
   margin: 0 10px 10px 0;
}
a.button {
   display: inline-block;
   line-height: 24px;
   padding: 0;
   background: #2a59a4;
   border-radius: 5px;
   border: 1px solid #111;
   box-shadow: inset 0 20px 20px rgba(255,255,255,0.2), inset 0 -5px 5px rgba(0,0,0,0.1), 1px 1px 5px rgba(50,50,50,0.8);
   transition: all 500ms ease;
   padding: 10px;
   line-height: 24px;
   min-height: 24px;
   font-size: 16px;
   text-decoration: none;
   width: 150px;
   font-weight: 400;
   margin: 15px 10px;
   text-align: center;
}
a.button.next {
   float: right;
}
a.button.prev {
   float: none;
}