/**
 * GENERAL CLASSES
 * A manison kivul hasznalt, de altalanos classok kaptak egy glr_ prefixet,
 * igy biztos nem akadnak ossze mas classokkal.
 * FONTOS: az alclassok nem kapjak meg a prefixet (pl. glr_glyph.gplus) mert
 * az mar igen megbonyolitana a css kezeleset. Bizunk benne, hogy nem akadnak
 * ossze mas css definiciokkal, es persze ugy irjuk meg oket, hogy lehetoleg
 * ez ne is tortenhessen meg.
 *
 * A JS-ben az altalanos clasokra vonatkozok prefixet parameterbol lehet megadni,
 * a galerielemekre vonatkozo prefix hardkodolva van. Igy a manis site-okon nincs
 * szukseg a prefixre, kulso szajtokon igen.
 *
 * Ugyanitt nagyon fontos, hogy a galeria layoutban ne hivatkozzuk meg a
 * kulonboz altalanos classokat. Hasznaljunk helyette egyeb classokat, hogy
 * ne legyen osszeakadas a prefixumok miatt.
 */
.glr_clearafter:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
}
.glr_transition {
    -moz-transition: -moz-transform 0.2s ease-in-out;
    -ms-transition: -ms-transform 0.2s ease-in-out;
    -o-transition: -o-transform 0.2s ease-in-out;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}
.glr_transition.slow {
    -ms-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
}
.glr_transition.medium {
    -ms-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}
.glr_transition.fast {
    -ms-transition-duration: 0.175s;
    -moz-transition-duration: 0.175s;
    -o-transition-duration: 0.175s;
    -webkit-transition-duration: 0.175s;
    transition-duration: 0.175s;
}
.glr_transition.none,
.glr_transition.slow.none,
.glr_transition.medium.none,
.glr_transition.fast.none {
    -ms-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}
/**
 * GENERAL TRANSFORM CLASSES
 */
.glr_flip,
.glr_flipX {
    -moz-transform: scaleX( -1 );
    -ms-filter: "FlipH";
    -ms-transform: scaleX( -1 );
    -o-transform: scaleX( -1 );
    -webkit-transform: scaleX( -1 );
    filter: "FlipH";
    filter: "progid:DXImageTransform.Microsoft.BasicImage(mirror=1)";
    transform: scaleX( -1 );
}
.glr_flipY {
    -moz-transform: scaleY( -1 );
    -ms-filter: "FlipV";
    -ms-transform: scaleY( -1 );
    -o-transform: scaleY( -1 );
    -webkit-transform: scaleY( -1 );
    filter: "FlipV";
    filter: "progid:DXImageTransform.Microsoft.BasicImage(mirror=1)";
    transform: scaleY( -1 );
}
.glr_rotate_cw {
    -moz-transform: rotate( 90deg );
    -ms-transform: rotate( 90deg );
    -o-transform: rotate( 90deg );
    -webkit-transform: rotate( 90deg );
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate( 90deg );
}
.glr_rotate_ccw {
    -moz-transform: rotate( -90deg );
    -ms-transform: rotate( -90deg );
    -o-transform: rotate( -90deg );
    -webkit-transform: rotate( -90deg );
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate( -90deg );
}
/**
 * CSS3 ANIMATION KEYFRAMES
 */
@-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); }}
@-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); }}
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }}
@keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); }}
/**
 * FONT GLYPH (SPRITE)
 * Ebben a fontban ikonokat tarolunk
 */
@font-face {
    font-family: 'index_glyph';
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/glyph/index.eot");
    src:
         url("../fonts/glyph/index.svg#index") format("svg"),
         url("../fonts/glyph/index.eot?#iefix") format("embedded-opentype"),
         url("../fonts/glyph/index.ttf") format("truetype"),
         url("../fonts/glyph/index.woff") format("woff")
         ;
}
/**
 * Fontbol megoldott ikonok
 *
 * Fontos, hogy van neki egy negativ letter-spacingje, ami azt hivatott szolgalni,
 * hogy egymasra lehessen tenni tobb ikont is (igy peldault kor alaku bordert adni
 * egy nyomogombnak). Emiatt minden ikonnak kulon be kell allitani a widthjet
 * ugyanakkorara, amekkora a font-size, hogy ne csusszon felre.
 */
.glr_glyph {
    -webkit-font-smoothing: antialiased;
    font-family: 'index_glyph';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    height: 1em;
    line-height: 1;
    position: relative;
    speak: none;
    text-decoration: none;
    text-transform: none;
    text-align: left;
    letter-spacing: 0;
    width: 1em;
}
.glr_glyph:before,
.glr_glyph:after {
    position: absolute;
}
.glr_glyph.twitter:before {
    content: "\e000";
}
.glr_glyph.tumblr:before {
    content: "\e001";
}
.glr_glyph.refresh:before {
    content: "\e002";
}
.glr_glyph.refresh_circle:before {
    content: "\e002";
}
.glr_glyph.refresh_circle:after {
    content: "\e007";
}
.glr_glyph.glr_dot:before {
    content: "\e003";
}
.glr_glyph.ellipsis {
    letter-spacing: .8em;
    text-indent: .8em;
}
.glr_glyph.ellipsis:before {
    content: "\e003\e003\e003";
}
.glr_glyph.zoom_in:before {
    content: "\e004";
}
.glr_glyph.zoom_in_circle:before {
    content: "\e004";
}
.glr_glyph.zoom_in_circle:after {
    content: "\e007";
}
.glr_glyph.arrowhead_circle:before {
    content: "\e005";
}
.glr_glyph.arrowhead_circle:after {
    content: "\e007";
}
.glr_glyph.arrow:before {
    content: "\e006";
}
.glr_glyph.arrow_circle:before {
    content: "\e006";
}
.glr_glyph.arrow_circle:after {
    content: "\e007";
}
.glr_glyph.circle:before {
    content: "\e007";
}
.glr_glyph.arrowhead:before {
    content: "\e005";
}
.glr_glyph.zoom_out:before {
    content: "\e008";
}
.glr_glyph.zoom_out_circle:before {
    content: "\e008";
}
.glr_glyph.zoom_out_circle:after {
    content: "\e007";
}
.glr_glyph.gplus:before {
    content: "\e009";
}
.glr_glyph.close:before {
    content: "\e00a";
}
.glr_glyph.close_circle:before {
    content: "\e00a";
}
.glr_glyph.close_circle:after {
    content: "\e007";
}
.glr_glyph.thumbnails:before {
    content: "\e00e";
}
.glr_glyph.age_1:before {
    content: "\e00b";
}
.glr_glyph.age_2:before {
    content: "\e00c";
}
/**
 * HELPER CSS
 */
body.glr_open {
    overflow-y: scroll;
    position: fixed;
}
body.glr_layered.glr_open {
    position: static;
}
body.glr_open iframe,
body.glr_open object,
body.glr_open embed,
body.glr_open .goAdverticum {
    visibility: hidden;
    opacity: 0;
}
body.glr_open .glr_container iframe,
body.glr_open .glr_container object,
body.glr_open .glr_container embed,
body.glr_open .glr_container .goAdverticum {
    visibility: visible;
    opacity: 1;
}
.glr_container.glr_loading .glr_slider_wrapper img {
    visibility: hidden;
}
/**
 * GALLERY STYLE
 * GENERAL LAYOUT
 */
.glr_container {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EB000000, endColorstr=#EB000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EB000000, endColorstr=#EB000000);
    background-color: rgba( 0, 0, 0, .92 );
    bottom: 0;
    display: none;
    font-family: Helvetica, Arial, sans-serif;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9500;
}
.glr_container * {
    background-image: none;
    list-style: none;
}
.glr_action_layer {
    background-image: url(#);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 6;
}
.glr_image {
    bottom: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    right: 0;
    text-align: center;
    top: 0;
}
.glr_image ul {
    height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 400%;
}
.glr_image li {
    display: list-item; /* ha ezt blockra allitom, nem mukodik a line-heightes kozepre igazitas. bizarr. */
    float: left;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    /*width: 25%;*/
}
/**
 * Kisse komplex CSS, de szepen forgatja az elemet a tengelye korul.
 * A szelesseg-magassag-textalign-lineheight beallitasok mind nelkulozhetetlenek,
 * hogy a sajat kozeppontja korul forogjon az abra. Minuszos marginnal oldjuk meg,
 * hogy a kontener mertani kozepen jelenjen meg.
 * @type {[type]}
 */
.glr_image.glr_moving li:before {
    color: rgba( 255, 255, 255, 0.8 );
    display: inline-block;
    height: 1em;
    top: 50%;
    left: 50%;
    z-index: -1;
    content: "\e016\e007";
    font-family: 'index_glyph';
    font-size: 64px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    letter-spacing: -1em;
    line-height: 1;
    margin: -0.5em 0 0 -0.5em;
    text-decoration: none;
    text-transform: none;
    text-align: left;
    position: absolute;
    speak: none;
    width: 1em;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.glr_image li.glr_active:before,
.glr_image li.active:before {
    content: "";
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -ms-animation-name: none;
    animation-name: none;
}
/* kitakarjuk a teljes kepet a gombokkal, ettol meg a drag scroll mukodik */
.glr_image .glr_pager {
    background-image: url(#); /* IE-ben nem klikkolhato az abszolut div, ha transzparens. meg 10-ben se! */
    bottom: 0;
    cursor: pointer;
    padding: 10px;
    position: absolute;
    top: 0;
}
.glr_normal .glr_image .glr_pager {
    bottom: 40px;
}
.glr_image .glr_pager.prev {
    left: 0;
    right: 50%;
}
.glr_image .glr_pager.next {
    left: 50%;
    right: 0;
}
.glr_image .glr_pager .glr_cntrl {
    color: transparent;
    color: rgba( 255, 255, 255, 0 );
    font-size: 40px;
    margin: -22px 10px 0;
    position: absolute;
    top: 50%;
    width: 40px;
}
.glr_teaser_active .glr_image .glr_pager .glr_cntrl,
.glr_advert_active .glr_image .glr_pager .glr_cntrl {
    color: rgb( 77, 77, 77 );
    color: rgba( 255, 255, 255, 0.3 );
}
.glr_image .glr_pager.next .glr_cntrl {
    right: 0;
}
.glr_image .glr_pager.prev .glr_cntrl {
    left: 0;
}
.glr_image img {
    display: inline;
    height: auto !important; /* felul kell vagni a hirdetes miatt importanttal */
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    /*position: relative;*/
    width: auto !important;
    vertical-align: middle;
}
.glr_image .glr_advert_placeholder {
    background: #222;
    border: 1px solid #666;
    display: inline-block;
    height: 358px;
    line-height: 0;
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
    min-width: 638px;
}
.glr_image .glr_advert_placeholder:after {
    position: absolute;
    content: "\25B4\00A0h i r d e t é s";
    bottom: -12px;
    right: 0;
    color: #5f5f5f;
    font-size: 9px;
    font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
}
.glr_image .glr_warning_shown,
.glr_image li[data-id=teaser],
.glr_teaser_active .glr_image .glr_active {
    background: none;
}
.glr_image .glr_warning_shown img {
    visibility: hidden;
}
.glr_popup {
    border-radius: 5px;
    font-size: 15px;
    line-height: 150%;
    margin: 50px auto;
    max-width: 640px;
    min-height: 113px;
    padding: 30px;
    position: relative;
    text-align: left;
    width: 60%;
}
.glr_image .glr_advert {
    bottom: 0;
    display: list-item;
    height: 100%;
    left: 0;
    line-height: 1;
    margin: 0 60px; /* ezt azert tesszuk ra, hogy a teljes szelessegu bannerek se logjanak ra a lapozora */
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
.glr_image .glr_advert > div {
    display: inline-block;
    line-height: 0;
    margin: 0 auto;
    vertical-align: middle;
}
.glr_popup p {
    margin: 1em 0;
    padding: 0;
}
/**
 * a folyoszovegben levo linkeket feherre tesszuk
 * igy nem erinti a glypheket
 * muszaj kulon beszinezni, hatha a lead szovegben van a link
 */
.glr_popup p a {
    color: #fff;
}
.glr_popup button {
    background-color: #acacac;
    background-color: rgba( 255, 255, 255, 0.7 );
    color: #040404;
    cursor: pointer;
    border: none;
    border-radius: 2px;
    font-size: 15px;
    line-height: 15px;
    font-weight: bold;
    margin-right: 5px;
    padding: 16px 16px;
}
.glr_popup button:hover {
    background-color: #fff;
    background-color: rgba( 255, 255, 255, 1 );
}
.glr_lead {
    background-color: rgb( 100, 100, 100 );
    background-color: rgba( 0, 0, 0, .6 );
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.glr_wide .glr_lead {
    right: 310px;
}
.glr_popup h1 {
    font-size: 30px;
    line-height: 40px;
    font-weight: normal;
    margin: 0 0 40px 0;
}
.glr_lead .glr_lead_text {
    font-size: 18px;
    line-height: 150%;
}
.glr_lead .glr_popup h1 {
    margin: 0;
}
.glr_lead .glr_popup glr_lead_start {
    text-align: center;
}
.glr_lead .glr_cntrl {
    font-size: 48px;
    width: 48px;
}
.glr_warning {
    background-color: rgb( 4, 4, 4 );
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
}
.glr_warning.pic_warning {
    background-color: transparent;
    margin-left: 15%;
    margin-right: 15%;
}
.glr_teaser {
    display: inline-block;
    line-height: 1;
    margin: 0 auto;
    text-align: center;
    width: 676px;
}
.glr_wide .glr_warning.pic_warning {
    right: 310px;
}
.glr_warning.pic_warning .glr_popup {
    width: 100%;
}
.glr_teaser .glr_teaser_wrapper {
    height: 514px;
}
.glr_warning.pic_warning .glr_back {
    display: none;
}
.glr_warning .glr_popup div {
    margin: 40px 0 60px 0;
}
.glr_warning p,
.glr_warning h1 {
    margin-left: 143px;
}
.glr_warning .glr_age {
    border-top: 1px solid #222;
    margin-top: 20px;
    padding-top: 20px;
}
.glr_warning .glr_age {
    font-size: 13px;
}
.glr_warning .glr_age_icon {
    color: #f00;
    font-size: 96px;
    left: 20px;
    position: absolute;
    top: 20px;
}
.glr_thumbnails .glr_thumb_warning:before {
    color: #f00;
    display: block;
    font-family: 'index_glyph';
    font-size: 64px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    height: 90px;
    line-height: 90px;
    text-align: center;
    width: 90px;
}
.glr_thumbnails .glr_thumb_warning.age_1:before {
    content: "\e00b";
}
.glr_thumbnails .glr_thumb_warning.age_2:before {
    content: "\e00c";
}
.glr_thumbnails .glr_thumb_warning img {
    display: none;
}
.glr_header {
    margin: 0;
    padding: 5px 10px;
}
.glr_header * {
    z-index: 2;
    position: relative;
}
.glr_horizontal_line,
.glr_vertical_line {
    background-color: rgb( 50, 50, 50 );
    background-color: rgba( 255, 255, 255, .2 );
    position: absolute;
}
.glr_normal.glr_thumbnails_closed .glr_controls {
    -webkit-transform: translateY(112px);
    -ms-transform: translateY(112px);
    -o-transform: translateY(112px);
    -moz-transform: translateY(112px);
}
.glr_header .close_circle,
.glr_header .glr_cntrl.glr_zoom {
    float: right;
}
.glr_controls {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
}
.glr_thumbnails {
    -webkit-box-sizing: content-box;
    overflow: hidden;
    z-index: 1;
    box-sizing: content-box;
}
/**
 * GALLERY NORMAL LAYOUT
 * 4:3 screenhez
 */
.glr_normal .glr_image {
    top: 40px;
}
.glr_normal .glr_normal_controls {
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 5px;
    bottom: 110px;
}
.glr_normal .glr_thumbnails {
    bottom: 0;
    height: 100px;
    left: 45px;
    overflow: hidden;
    padding: 5px 0;
    position: absolute;
    right: 45px;
}
.glr_wide .glr_thumbnails {
    margin: 0 5px 5px;
}
.glr_normal .glr_horizontal_line {
    bottom: 111px;
    height: 1px;
    left: 0;
    right: 0;
}
.glr_normal .glr_vertical_line {
    bottom: 120px;
    left: 50%;
    height: 20px;
    width: 1px;
}
.glr_normal.glr_thumbnails_closed .glr_normal_controls /* ,
.glr_normal.glr_thumbnails_closed .glr_site */ {
    /*margin-bottom: -111px;*/
}
/**
 * ez baromi bonyolultnak tunik, de a ketfele layout miatt kicsit meg van kotve
 * a kezunk. Plusz: ezzel a megoldassal tudtunk ra tenni text-overflow: ellipsist,
 * amitol tok jol neznek ki a hosszu cimek kicsi kepernyokon
 */
.glr_normal .glr_title h1 {
    display: inline;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    line-height: 30px;
    overflow: hidden;
    position: absolute;
    right: 80px;
    left: 220px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.glr_normal .glr_title span {
    float: left;
    font-size: 14px;
    line-height: 30px;
}
.glr_normal.glr_controls_closed .glr_controls {
    -webkit-transform: translateY(260px); /* normal nezetben ekkora a caption max magassaga, tehat az egesz control magassaga */
    -ms-transform: translateY(260px);
    -o-transform: translateY(260px);
    -moz-transform: translateY(260px);
    transform: translateY(260px);
}
.glr_normal.glr_thumbnails_closed .glr_thumbnails {
    -webkit-transform: translateY(110px);
    -ms-transform: translateY(110px);
    -o-transform: translateY(110px);
    -moz-transform: translateY(110px);
    transform: translateY(110px);
}
.glr_normal.glr_controls_closed .glr_normal_controls {
    -moz-transform: translateY(-150px) rotate( -90deg ); /* normal nezetben ennyivel kell visszaozni a gombot, hogy ugy tunjon, mintha nem mozdult volna */
    -ms-transform: translateY(-150px) rotate( -90deg );
    -o-transform: translateY(-150px) rotate( -90deg );
    -webkit-transform: translateY(-150px) rotate( -90deg );
    transform: translateY(-150px) rotate( -90deg );
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
}
.glr_normal.glr_thumbnails_closed .glr_thumbnail_controls {
    -webkit-transform: translateY(67.5px);
    -ms-transform: translateY(67.5px);
    -o-transform: translateY(67.5px);
    -moz-transform: translateY(67.5px);
}
.glr_normal .glr_header {
    background: rgb( 10, 10, 10 );
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 1;
}
.glr_normal.glr_fullscreen .glr_image {
    top: 0;
}
.glr_normal.glr_fullscreen .glr_header {
    top: -40px;
}
.glr_normal.glr_fullscreen .glr_header_controls {
    top: 40px;
}

/**
 * GALLERY WIDE LAYOUT
 * 16:9 screenhez
 */
.glr_wide .glr_wide_controls {
    float: left;
}
.glr_wide .glr_vertical_line {
    bottom: 0;
    left: 0;
    top: 0;
    width: 1px;
}
.glr_wide .glr_image {
    right: 310px;
}
.glr_wide .glr_header {
    line-height: 25px;
    right: 0;
    text-align: center;
    z-index: 2;
}
.glr_wide .glr_controls {
    top: 0;
    width: 310px;
}
.glr_wide.glr_controls_closed .glr_image {
    right: 0;
}
.glr_wide .glr_header_controls {
    position: relative;
    width: 290px;
}
.glr_wide.glr_controls_closed .glr_header_controls {
    width: 85px;
    -webkit-transform: translateX(-105px);
    -ms-transform: translateX(-105px);
    -o-transform: translateX(-105px);
    -moz-transform: translateX(-105px);
}
.glr_normal.glr_controls_closed .glr_header {
    top: -50px;
}
.glr_normal.glr_controls_closed .glr_header_controls {
    top: 50px;
    height: 50px;
}
.glr_handheld.glr_wide.glr_controls_closed .glr_header_controls {
    width: 128px;
    left: -148px;
}
.glr_wide.glr_controls_closed .glr_controls {
    -webkit-transform: translateX(310px);
    -ms-transform: translateX(310px);
    -o-transform: translateX(310px);
    -moz-transform: translateX(310px);
}
.glr_wide.glr_controls_closed .glr_site {
    width: 0;
}
.glr_wide .glr_title {
    clear: both;
    padding-top: 20px;
    text-align: left;
}
/**
 * GALERIA THUMBNAIL LISTA LAYOUT
 *
 * Fontos kriterium a jQuery.sly plugin eseteben, hogy a DIVnek ne legyen
 * paddingja, az ULnek pedig marginja.
 * Fontos, hogy a widthet azelott atallitsuk a szamolt ertekre, mielott
 * lefuttatjuk rajta a sly-t.
 */
.glr_thumbnails ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 99999px;
}
.glr_thumbnails li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}
.glr_thumbnails ul a {
    display: block;
    float: left;
    margin: 5px;
}
.glr_thumbnails img,
.glr_thumbnails span {
    border: 0;
    display: block;
    height: 90px;
    width: 90px;
}
.glr_teaser_thumb {
    background-color: rgb( 4, 4, 4 );
}
.glr_thumbnail_controls {
    height: 25px;
}
.glr_thumbnail_controls .glr_pager {
    float: left;
    font-size: 24px;
    width: 24px;
}
.glr_thumbnail_pager {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0;
    line-height: 0;
    margin: 0 5px;
    padding: 0;
    text-align: center;
    width: 48px;
}
.glr_wide .glr_thumbnails li {
    width: 300px;
    height: 300px;
    padding: 5px 0;
}
.glr_wide .glr_thumbnail_controls {
    margin: 0 auto;
    padding: 0 0 10px 0;
    width: 108px;
}
.glr_normal .glr_thumbnail_controls {
    bottom: 42.5px;
    left: 10px;
    position: absolute;
    right: 10px;
}
.glr_normal .glr_thumbnail_controls .glr_pager.next {
    float: right;
}
/**
 * GALERIA AJANLO LAYOUT
 */
.glr_facebook_page {
    background: #3a579b url( https://galeria.index.hu/static/images/woody/facebook_logo.png ) 544px 10px no-repeat;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    display: block;
    font-family: 'Lucida Grande', 'Lucida', 'Verdana', sans-serif;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    padding: 0 14px;
    text-align: left;
    text-decoration: none;
    width: 620px;
}
.glr_teaser_card {
    border: 1px solid #acacac;
    float: left;
    height: 225px;
    margin: 15px 12px;
    overflow: hidden;
    position: relative;
    width: 310px;
}
.glr_teaser_card a {
    display: block;
    text-decoration: none;
}
.glr_teaser_card a img {
    display: block;
    width: 310px;
}
.glr_teaser_caption {
    background: rgb( 50, 50, 50 );
    background: rgba( 0, 0, 0, .8 );
    bottom: 0;
    color: rgb( 170, 170, 170 );
    font-size: 12px;
    height: 20px;
    left: 0;
    line-height: 20px;
    overflow: hidden;
    padding: 5px 6px;
    position: absolute;
    right: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.glr_teaser_card:hover .glr_teaser_caption {
    height: auto;
    white-space: normal;
}
.glr_teaser_watermark {
    background-repeat: no-repeat;
    bottom: 25px;
    height: 30px;
    left: 5px;
    position: absolute;
    width: 120px;
}
.glr_teaser_card.index .glr_teaser_watermark {
    background-image: url(http://galeria.index.hu/static/images/watermarks/index_southwest.png)
}
.glr_teaser_card.indafoto .glr_teaser_watermark {
    background-image: url(http://galeria.index.hu/static/images/watermarks/indafoto_southwest.png)
}
.glr_teaser_card.velvet .glr_teaser_watermark {
    background-image: url(http://galeria.index.hu/static/images/watermarks/velvet_southwest.png)
}
.glr_teaser_card.divany .glr_teaser_watermark {
    background-image: url(http://galeria.index.hu/static/images/watermarks/divany_southwest.png)
}
.glr_teaser_card.tcmagazine .glr_teaser_watermark,
.glr_teaser_card.totalcar .glr_teaser_watermark {
    background-image: url(http://galeria.index.hu/static/images/watermarks/totalcar_southwest.png)
}
.glr_teaser_card.totalbike .glr_teaser_watermark {
    background-image: url(http://galeria.index.hu/static/images/watermarks/totalbike_southwest.png)
}
.glr_teaser_card.sportgeza .glr_teaser_watermark {
    background-image: url(http://galeria.index.hu/static/images/watermarks/sportgeza_southwest.png)
}
.glr_teaser_card.travelo .glr_teaser_watermark {
    background-image: url(http://galeria.index.hu/static/images/watermarks/travelo_southwest.png)
}
.glr_teaser_reload {
    font-size: 14px;
    color: #ccc;
    cursor: pointer;
    text-decoration: underline;
}
/**
 * GALERIA STILUSOK
 */
.glr_unselectable {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}
.glr_text-unselectable {
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    user-select: text;
}
.glr_selectable {
    -khtml-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    -webkit-touch-callout: all;
    -webkit-user-select: all;
    user-select: all;
}
.glr_container .dark,
.glr_container a.dark,
.glr_container .dark a {
    color: #666;
}
.glr_container .dark a:hover,
.glr_container a.dark:hover {
    color: #666;
    text-decoration: underline;
}
.glr_container .light,
.glr_container a.light,
.glr_container .light a {
    color: #acacac;
}
.glr_container .light a:hover,
.glr_container a.light:hover {
    color: #acacac;
    text-decoration: underline;
}
.glr_container .medium,
.glr_container a.medium,
.glr_container .medium a {
    color: #ccc;
}
.glr_container .medium a:hover,
.glr_container a.medium:hover {
    color: #ccc;
    text-decoration: underline;
}
.glr_container .white,
.glr_container a.white,
.glr_container .white a {
    color: #fff;
}
.glr_container a.white:hover,
.glr_container .white a:hover {
    color: #fff;
    text-decoration: underline;
}
.glr_container .yellow,
.glr_container a.yellow,
.glr_container .yellow a {
    color: #90815d;
}
.glr_container a.yellow:hover,
.glr_container .yellow a:hover {
    color: #c1a563;
    text-decoration: underline;
}
.glr_container:not(.glr_handheld) .glr_image .glr_pager:hover .glr_cntrl,
.glr_container:not(.glr_handheld) .glr_advert_active .glr_image .glr_pager.prev.disabled:hover .glr_cntrl,
.glr_container:not(.glr_handheld) .glr_teaser_active .glr_image .glr_pager.prev.disabled:hover .glr_cntrl {
    color: rgb( 255, 255, 255 );
    color: rgba( 255, 255, 255, 1 );
}
.glr_container:not(.glr_handheld) .glr_image .glr_pager.prev.disabled:hover .glr_cntrl {
    color: transparent;
    color: rgba( 255, 255, 255, 0 );
}
.glr_normal .glr_controls {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)";
    background-color: rgba( 0, 0, 0, .8 );
}
.glr_thumbnails a {
    text-decoration: none;

}.glr_thumbnails a:active,
.glr_thumbnails a.glr_active {
    outline: 1px solid #fff;
}
.glr_thumbnails a:hover {
    outline: 1px solid #ccc;
    text-decoration: none;
}
.glr_thumbnails.dragging,
.glr_thumbnails.dragging *,
.glr_image.dragging,
.glr_image.dragging * {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
/**
 * GALERIA EGYEB ELEMEK
 */
.glr_caption p {
    margin: 0;
    padding: 0;
}
.glr_caption a {
    color: inherit;
    text-decoration: underline;
}
.glr_normal .glr_caption {
    margin: 10px auto 150px auto;
    text-align: center;
    max-width: 1000px;
    max-height: 100px;
    width: 90%; /* IE9 miatt kell egy width */
}
.glr_wide .glr_caption {
    margin: 0 10px;
    overflow: hidden;
}
.glr_wide .glr_controls_bottom {
    position: absolute;
    bottom: 0;
    width: 310px
}
.glr_normal .glr_credits {
    bottom: 110px;
    height: 40px;
    line-height: 40px;
    padding-right: 20px;
    position: absolute;
    right: 50%;
}
.glr_wide .glr_credits,
.glr_wide .glr_related {
    display: block;
    padding: 10px;
}
.glr_normal .glr_related {
    bottom: 110px;
    height: 40px;
    left: 50%;
    line-height: 40px;
    padding-left: 20px;
    position: absolute;
}
.glr_share {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 20px;
    line-height: 20px;
    z-index: 2;

}
.glr_wide .glr_share {
    border-bottom: 1px solid #222;
    margin: 0 10px 20px;
    padding: 10px 0 20px 0;
}
.glr_normal .glr_share {
    bottom: 110px;
    left: 10px;
    line-height: 20px;
    min-width: 170px;
    padding: 10px 0;
    position: absolute;
}
.glr_wide .glr_image_index {
    border-top: 1px solid #222;
    display: block;
    margin: 10px 10px 0 10px;
    padding: 10px 0 0 0;
}
.glr_normal .glr_image_index {
    bottom: 110px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 64px;
}
.glr_normal .glr_share iframe.fb_iframe_widget_lift {
    bottom: 0;
}
/**
 * Ez 20pixelre van forszolva, mert a facebook hajlamos kilogni
 */
/*
.glr_normal .glr_site {
    bottom: 124px;
    position: absolute;
    left: 430px;
}
*/
.glr_normal .glr_site {
    background-position: left center;
    background-size: auto 65%;
}
.glr_wide .glr_site {
    background-position: center center;
    width: 200px;
}
/**
 * GALERY NORMAL/WIDE DEPENDENS ELEMEK
 */
.glr_container.glr_wide .glr_horizontal_line,
.glr_container.glr_normal .glr_wide_controls,
.glr_container.glr_wide .glr_cntrl.glr_toggle_thumbnails,
.glr_container.glr_wide .glr_normal_controls,
.glr_container.glr_wide .glr_controls .close_caption,
.glr_container.glr_normal .glr_thumbnail_pager {
    display: none;
}
/**
 * GALERIA TEXT
 */
/**
 * Agresszivan definialjuk a selectorokat, hogy biztos kiussek az oroklott
 * tulajdonsagokat.
 */
.glr_controls,
.glr_controls p,
.glr_controls div {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.3em;
}
.glr_title h1 {
    font-size: 20px;
    line-height: 22px;
    padding: 0;
    margin: 0;
}
.glr_title span {
    display: block;
    font-size: 13px;
    margin-right: 6px;
}
.glr_title a {
    font-size: 13px;
}
/**
 * GALERIA KEZELOGOMBOK (GLYPH-FEL MEGJELENITVE)
 */
.glr_container .glr_cntrl {
    color: rgb( 153, 153, 153 );
    color: rgba( 255, 255, 255, .6 );
    cursor: pointer;
    display: inline-block;
    overflow: visible;
    text-decoration: none;
}
.glr_container .glr_cntrl:hover {
    color: rgb( 255, 255, 255 );
    color: rgba( 255, 255, 255, 1 );
    text-decoration: none;
}
.glr_container .glr_cntrl.prev.disabled {
    cursor: default;
    color: #515151;
    color: rgba( 255, 255, 255, .3 );
}
/*.glr_container .glr_cntrl.disabled:hover {
    color: #515151;
    color: rgba( 255, 255, 255, .3 );
}
*/.glr_normal .glr_toggle_thumbnails {
    bottom: 110px;
    font-size: 19px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 36px;
}
/*
.glr_container .glr_cntrl.arrow {
    height: 44px;
    width: 25px;
}
*/
.glr_wide_controls,
.glr_normal_controls,
.glr_close,
.glr_zoom {
    height: 30px;
    font-size: 24px;
    line-height: 30px;
    width: 25px;
}
.glr_toggle_thumbnails {
    height: 20px;
    width: 20px;
}
.glr_thumbnail_pager .glr_cntrl {
    display: inline-block;
    font-size: 7px;
    height: 24px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    width: 16px;
}
.glr_thumbnail_pager .glr_cntrl.glr_active {
    color: rgb( 255, 255, 255 );
    color: rgba( 255, 255, 255, 1 );
}
.glr_share .fb_like {
    display: inline-block;
    max-width: 120px;
}
.glr_share .glr_cntrl {
    float: right;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    width: 16px;
}
.glr_zoom,
.glr_wide_controls {
    margin-right: 5px;
}
.glr_teaser_thumb span {
    line-height: 90px;
    font-size: 7px;
    text-align: center;
}

/*  Kiadvanyok */
.glr_site {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    background-repeat: no-repeat;
    background-size: auto 80%;
    display: inline-block;
    filter: alpha(opacity=60);
    float: left;
    height: 30px;
    opacity: 0.3;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 180px;
}
.glr_site:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.glr_site.index {
    background-image: url( https://galeria.index.hu/static/images/woody/logo_index.svg );
}
.glr_site.velvet {
    background-image: url( https://galeria.index.hu/static/images/woody/logo_velvet.svg );
}
.glr_site.totalcar {
    background-image: url( https://galeria.index.hu/static/images/woody/logo_totalcar.svg );
}
.glr_site.tcmagazine {
    background-image: url( https://galeria.index.hu/static/images/woody/logo_totalcar.svg );
}
.glr_site.totalbike {
    background-image: url( https://galeria.index.hu/static/images/woody/logo_totalbike.svg );
}
.glr_site.divany {
    background-image: url( https://galeria.index.hu/static/images/woody/logo_divany.svg );
    height: 30px;
    background-size: auto 90%;
}
.glr_site.sportgeza {
    background-image: url( https://galeria.index.hu/static/images/woody/logo_sportgeza.svg );
    height: 30px;
}
.glr_site.travelo {
    background-image: url( https://galeria.index.hu/static/images/woody/logo_travelo.svg );
}

.glr_site.mediafuture{
    background-image: url( https://galeria.cdn.index.hu/static/images/woody/logo_mediafuture.svg  );
    background-size: contain;
    background-repeat: no-repeat;
}

.glr_site.welovebudapest {
    background-image: url( https://galeria.cdn.index.hu/static/images/woody/logo_we-love-budapest.svg );
    background-size: contain;
    background-repeat: no-repeat;
}

.glr_site.welovebalaton {
    background-image: url( https://galeria.cdn.index.hu/static/images/woody/logo_we-love-balaton.svg );
    background-size: contain;
    background-repeat: no-repeat;
}



.glr_normal .glr_site.index {
    background-position: left 2px;
    width: 120px;
}
.glr_normal .glr_site.tcmagazine,
.glr_normal .glr_site.totalcar,
.glr_normal .glr_site.totalbike {
    width: 120px;
}
.glr_normal .glr_site.velvet {
    background-size: auto 80%;
    width: 100px;
}
.glr_normal .glr_site.velvet+.glr_title h1 {
    left: 180px;
}
.glr_normal .glr_site.divany {
    background-size: auto 80%;
    width: 120px;
}
.glr_normal .glr_site.sportgeza {
    width: 120px;
    height: 30px;
}
.glr_normal .glr_site.travelo {
    background-image: url( https://galeria.index.hu/static/images/woody/logo_travelo.svg );
    width: 90px;
}
.glr_normal .glr_site.travelo+.glr_title h1 {
    left: 180px;
}
.nosvg .glr_site {
    background-image: url( https://galeria.index.hu/static/images/woody/kiadvanyok_sprite.png );
}
.nosvg .glr_site.index {
    background-position: 0 0;
    height: 14px;
    width: 80px;
}
.nosvg .glr_site.velvet {
    background-position: -96px 0;
    height: 16px;
    width: 55px;
}
.nosvg .glr_site.totalcar {
    background-position: -160px 0;
    height: 16px;
    width: 90px;
}
.nosvg .glr_site.tcmagazine {
    background-position: -160px 0;
    height: 16px;
    width: 90px;
}
.nosvg .glr_site.totalbike {
    background-position: 0 -32px;
    height: 16px;
    width: 90px;
}
.nosvg .glr_site.divany {
    background-position: -96px -32px;
    height: 16px;
    width: 56px;
}
.nosvg .glr_site.sportgeza {
    background-position: -160px -32px;
    height: 16px;
    width: 71px;
}
.nosvg .glr_site.travelo {
    background-position: 0 -64px;
    height: 16px;
    width: 62px;
}
 /*@media handheld and only screen and (min--moz-device-pixel-ratio: 2),
       handheld and only screen and (-o-min-device-pixel-ratio: 2/1),
       handheld and only screen and (-webkit-min-device-pixel-ratio: 2),
       handheld and only screen and (min-device-pixel-ratio: 2),
       only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
*/

@media (max-width: 1000px) {
    .glr_teaser {
        width: 388px;
    }
    .glr_teaser_card {
        width: 165px;
        height: 118px;
    }
    .glr_teaser_card a {
        display: block;
    }
    .glr_teaser_card a img {
        display: block;
        width: 165px;
    }
    .glr_facebook_page {
        width: 310px;
    }
    .glr_teaser .glr_teaser_wrapper {
        height: 368px;
    }
}

.glr_handheld .glr_image .glr_pager {
    height: 40px;
    margin: -22px 10px 0;
    position: absolute;
    top: 50%;
    width: 40px;
    left: auto;
    right: auto;
}
.glr_handheld .glr_image .glr_pager.prev {
    left: 0;
}
.glr_handheld .glr_image .glr_pager.next {
    right: 0;
}
.glr_handheld .glr_image .glr_pager .glr_cntrl {
    color: rgb( 77, 77, 77 );
    color: rgba( 255, 255, 255, 0.3 );
    position: static;
    margin: 0;
}
.glr_handheld .glr_site {
    width: 140px;
}
.glr_handheld .glr_zoom,
.glr_handheld .glr_wide_controls {
    margin-right: 10px;
}
.glr_handheld .glr_popup {
    font-size: 18px;
}
.glr_handheld .glr_popup button {
    font-size: 18px;
    line-height: 18px;
}
.glr_handheld .glr_popup h1 {
    font-size: 40px;
}
.glr_handheld .glr_popup p {
    font-size: 24px;
}
.glr_handheld .glr_lead .glr_cntrl {
    font-size: 64px;
    width: 64px;
}
.glr_handheld .glr_warning .glr_age {
    font-size: 16px;
}
.glr_handheld .glr_warning .glr_age_icon {
    font-size: 126px;
}
.glr_handheld .glr_thumbnail_controls .glr_pager {
    font-size: 36px;
    width: 36px;
}
.glr_handheld .glr_facebook_page {
    font-size: 18px;
}
.glr_handheld .glr_teaser_caption {
    font-size: 14px;
}
.glr_handheld .glr_teaser_reload {
    font-size: 18px;
}
.glr_handheld .glr_controls,
.glr_handheld .glr_controls p,
.glr_handheld .glr_controls div {
    font-size: 16px;
    line-height: 20px;
}
.glr_handheld .glr_title h1 {
    font-size: 20px;
    line-height: 24px;
}
.glr_handheld .glr_title span {
    font-size: 16px;
}
.glr_handheld .glr_title a {
    font-size: 16px;
}
.glr_normal.glr_handheld .glr_toggle_thumbnails {
    bottom: 115px;
    font-size: 36px;
    height: 36px;
    right: 59px;
    width: 36px;
}
.glr_normal.glr_handheld .glr_normal_controls {
    bottom: 115px;
}
.glr_handheld.glr_normal .glr_image_index {
    line-height: 36px;
    right: 110px;
}
.glr_handheld.glr_normal.glr_controls_closed .glr_normal_controls {
    bottom: 5px;
}
.glr_handheld .glr_wide_controls,
.glr_handheld .glr_normal_controls,
.glr_handheld .glr_close,
.glr_handheld .glr_zoom {
    font-size: 36px;
    height: 36px;
    line-height: 36px;
    width: 36px;
}
.glr_handheld .glr_thumbnail_pager {
    width: 72px;
}
.glr_handheld .glr_thumbnail_pager .glr_cntrl {
    font-size: 11px;
    height: 36px;
    line-height: 36px;
    width: 24px;
}
.glr_wide.glr_handheld .glr_thumbnail_controls {
    height: 24px;
    width: 154px;
}
.glr_handheld .glr_share .glr_cntrl {
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    margin-left: 20px;
    width: 24px;
}
.glr_handheld .glr_teaser_thumb span {
    line-height: 60px;
    font-size: 12px;
}

.glr_handheld .glr_share > a {
    display: none;
}