* { font-family: "Play", verdana, arial; color: #000000; -webkit-backface-visibility: hidden; }

img, html, body, header, footer {
    border: 0;
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'Clarendon';
    src: url('/css/clar.eot');
    src: url('/css/clar.eot') format('embedded-opentype'),
    url('/css/clar.woff') format('woff'),
    url('/css/clar.ttf') format('truetype'),
    url('/css/clar.svg#clar') format('svg');
}

a:active, a:focus {outline: 0;}

a { cursor:pointer; text-decoration: none; }

a:hover { text-decoration: underline; }

.clear {
    clear: both;
}

.ctr {
    text-align: center;
}

.five {
    height: 5px;
}

.ten {
    height: 10px;
}

.twenty {
    height: 20px;
}

.fifty {
    height: 50px;
}

.left {
    float: left;
}

.right {
    float: right;
}



hr {
    color: none;
    background-color: none;
    border: 1px solid #e1e1e1;
    border-style: none none solid;
}

html {
    height: 100%;
    width: 100%;
}

body {
    background: white;
    height: auto;
    min-height: 100%;
    width: 100%;
}

.loading {
    background: url('/gfx/loader.gif') no-repeat center;
    min-height: 40px;
}

.lzoo {
    width: 1200px;
    margin: 0px auto 0 auto;
    position: relative;
}

header {
    position: relative;
    height: 115px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    background:  #ffffff;
    background:  -webkit-gradient(linear, 0 0, 0 50%, from(#e9e9e9), to(transparent));
    background:  -moz-linear-gradient(top,  #e9e9e9 0%, #ffffff 50%);
    background:  -o-linear-gradient(#e9e9e9 0%,#ffffff 50%);
}

#top {
    height: 70px;
    width: 300px;
    float: right;
}

#menu_box {
     height: 45px;
     box-sizing: border-box;
     display: block;
     background: red;
}

.menu_box_cl {
    width: 88%;
    float: right;
    position: relative;
    margin-left: 10px;
}

.top_fix {
    position: fixed;
    width: 1055px;
    margin-left: -455px;
    top: 0;
    left: 50%;
    z-index: 9999;
    background: white;
}

.a_logo {
    display: inline-block;
    float: left;
    margin: 10px 0 0 20px;
}

.a_logo_fix {
    position: fixed;
    background: white;
    top: 0px;
    margin: 0;
    padding: 0;
    z-index: 9998;
    width: 190px;
    text-align: left;
    height: 45px;

}

.a_logo_fix img {
    max-height: 30px;
    margin: 5px 0 0 40px;
}

#menu_box::before {
    box-sizing: border-box;
    content: "";
    display: block;
    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    width: 50px;
    height: 45px;
    position: absolute;
    left: -25px;
    top: 0px;
    background: red;
}


ul#menu, .add_m {
    list-style: none;
    height: 45px;
    margin: 0px;
    padding: 0;
    text-align: center;
}

ul#menu li, .add_m li {
    z-index:11;
    display: inline-block;

    position: relative;
    background: none;
}

ul#menu li a, .add_m li a {
    display: inline-block;
    color: #ffffff;
    font-weight: normal;
    font-size: 13pt;
    text-decoration: none;
    padding: 12px 20px 13px 20px;
    margin: 0 0px 0 0px;
    height: 20px;
    border-left: 1px solid rgba(255,255,255,0.4);
}

ul#menu li:last-child {
    border-right: 1px solid rgba(255,255,255,0.4);
}

ul#menu li a.expand, .add_m li a.expand {
    background: url('/gfx/ico_expand.png') no-repeat center right 20px;
    padding-right: 40px;
    cursor:default;
}
ul#menu li a.expand:hover {
    cursor:default;
}

.low_expand:hover {
    text-decoration: none;
    cursor:default;

}

ul#menu li, .add_m li {
    transition: border-color 0.5s linear;
    border-bottom: 0px solid rgba(0,0,0,0);
}

ul#menu li:hover, .add_m li:hover, ul#menu li.select {
    border-bottom: 0px solid red;
    transition: border-color 0.5s linear;
    background: #ed1c24;
}

ul#menu li ul, .add_m{
    list-style: none;
    display: none;
    position:absolute;
    width:250px;
    top: 45px;
    left: 0;
    font-weight: normal;
    padding: 0;
    margin-left:0px;
    background: rgba(255,0,0,0.9);
    z-index:20;
    border: 0;
}


ul#menu li ul li, .add_m li{
    width: 250px;
    display: block;
    padding: 0px;
    margin: 0px;
    text-align: left;
    border: 0;
    border-top: 1px solid rgba(255,255,255,0.5);
}

ul#menu li ul li:hover, ul#menu li ul li, .add_m li:hover, .add_m li {
    border: none;
    border-top: 1px solid rgba(255,255,255,0.5);

}

ul#menu li ul li a, .add_m li a {
    text-align: left;
    font-size: 10.5pt;
    margin: 0;
    width: 240px;
    padding: 8px 5px 5px 5px;
    min-height: 20px;
    height: auto !important;
    height: 20px;
    border: 0;
    font-weight: normal;
    background: none;
    -moz-transition: 0.1s ease-in; -webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in;
}
.add_m li a {
    width: 240px;
}

ul#menu li ul li a:hover, .add_m li a:hover {
    border: 0px;
    background: #ed1c24;
    -moz-transition: 0.1s ease-in; -webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in;
}


ul#menu li:hover ul, ul#menu li.over ul, .add_m li:hover, .add_m li.over {
    display: block;
}

.black_line {
    height: 9px;
    background: black;
}

.stretch {
    transform:scale(1.5,1)  !important;
    -webkit-transform:scale(1.5,1);
    -moz-transform:scale(1.5,1);
    -ms-transform:scale(1.5,1);
    -o-transform:scale(1.5,1);
}

.stretch2 {
    transform:scale(1.2,1)  !important;
    -webkit-transform:scale(1.2,1);
    -moz-transform:scale(1.2,1);
    -ms-transform:scale(1.2,1);
    -o-transform:scale(1.2,1);
}

#logo_caption {
    font-family: 'Clarendon';
    color: #b1b1b1;
    font-size: 1.6em;
    margin: 17px 0 0 110px;
    display:inline-block;
}

#motto, #search, #lang {
    float: right;
    margin: 0 0 0 5px;
    width: auto;
    min-width: 50px;
    display: inline-block;
    height: 70px;
    padding: 0 10px 0 10px;
}

#top {
    overflow: hidden;
}

#motto {
    font-family: 'Clarendon';
    color: #d0d0d0;
    padding: 23px 30px 0 30px;
    height: 47px;
    box-sizing: border-box;
}

.motto_slider {
    font-family: 'Clarendon';
    color: #d0d0d0;
    position: absolute;
    bottom: 30px;
    left: 90px;
    display: block;
    overflow: hidden;
    padding: 10px;
    font-size: 10pt;
    background: rgba(0,0,0,0.6);
}

#tri_white {
    position: absolute;
    right: 0;
    bottom: -50px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 50px 0;
    border-color: transparent #ffffff transparent
}

#tri_cont {
    width: 50px;
    height: 53px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0px;
}

#tri_black {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 44px 44px 44px 0;
    border-color: transparent #000000 transparent
}


a.a_pl, a.a_de, a.a_en, a.a_fr {
    display: inline-block;
    width: 16px;
    height: 11px;
    background: url('/gfx/flag_pl.png') no-repeat center;
    margin: 30px 11px 0 11px;
    float: right;
}

a.a_de {
    background: url('/gfx/flag_de.png') no-repeat center;
}

a.a_en {
    background: url('/gfx/flag_uk.png') no-repeat center;
}

a.a_fr {
    background: url('/gfx/flag_fr.png') no-repeat center;
}

a.a_pl:hover, a.a_de:hover, a.a_en:hover, a.a_fr:hover {
    box-shadow: 0px 0px 5px #808080;
}

footer {
    background: #bcbdc0;
    height: auto;
    min-height: 200px;
}

footer h4 {
    text-transform: uppercase;
    color: white;
    display: block;
    padding: 14px 10px;
    margin: 0;
    font-weight: normal;
    width: 100%;
    font-size: 10pt;
    box-sizing: border-box;
}

footer h4 a {
    color: white;
}

.a_footer_menu {
    color: white;
    display: block;
    padding: 3px 5px 3px 10px;
    font-size: 9pt;
}

.a_footer_menu:hover {
    font-weight: bold;
    text-decoration: none;
}

#bottom_box {
    width: 80%;
    height: 45px;
    box-sizing: border-box;
    position: absolute;
    display: block;
    background: #a4a4a4;
    left: 0;
    top: 0;
}

#bottom_box::before {
    box-sizing: border-box;
    content: "";
    display: block;
    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    width: 50px;
    height: 45px;
    position: absolute;
    right: -25px;
    top: 0px;
    background: #a4a4a4;
}

#bottom {
    background: none;
    border-top: 1px solid rgba(255,255,255,0.5);
    color: white;
    padding: 0;
    margin: 0;
}

#bottom p, #bottom p a {
    color: white;
    padding: 5px;
    margin: 0;
    font-size: 9pt;
}

#bottom p a span, #bottom p a:hover {
    color: red;
    text-decoration: none;
}

#address_bottom {
    width: 100%;
    text-align: center;
}

#address_bottom img {
    margin-top: 10px;
}

#breadcrumbs {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #f1f1f1;
    color: #c0c0c0;
}

#breadcrumbs a {
    display: inline-block;
    margin: 0 10px 0 10px;
    color: #c0c0c0;
    font-size: 10pt;
}

#breadcrumbs a:first-child {
    margin-left: 0px;
}

#content p, #content p strong {
    font-family: verdana, tahoma, arial;
    line-height: 150%;
    font-size: 10pt;
    text-align: justify;
}

p.p_address, p.p_email, p.p_phone, p.p_email a {
    text-align: left;
    color: white;
    font-size: 9pt;
    font-style: normal;
    padding-left: 20px;
    background: url('/gfx/ico_home.png') no-repeat;
    margin: 5px;
}

p.p_email {
    background: url('/gfx/ico_email.png') no-repeat;
}

p.p_phone {
    background: url('/gfx/ico_phone.png') no-repeat;
}

p.p_email a {
    background: none;
    padding-left: 0px;
    margin: 0;
}

h1 {
    font-size: 16pt;
    font-weight: bold;
    color: red;
    background: white;
    padding: 0 40px 0 40px;
    margin: 40px auto 0 auto;
    display: inline-block;
}

h2 {
    font-size: 14pt;
    font-weight: bold;
    color: #808080;
    padding: 0 40px 0 40px;
    margin: 10px 0 10px 0;
}

.col1, .col2, .col8, .col9, .col88 {
    float: left;
    width: 80%;
    height: 100%;
    min-height: 100px;
    box-sizing: border-box;
}

.col1 {
    width: 20%;
    text-align: center;
    padding: 0 0 0 0%;
}

.col8, .col88 {
    width: 12%;
    height: auto;
    min-height: 10px;
    position: relative;
}

.col88 {
    width: 24%;
}

.col9 {
    float: right;
}

.txt_col {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.col9 {
    width: 16%;
    height: auto;
    min-height: 10px;
    position: relative;
}

#content p {
     margin: 10px 40px 10px 40px;
}

.menu_column {
    width: 100%;
    margin: 50px 0 20px 0;
    background: #f6f6f6;
    position: relative;
}

.menu_column a {
    display: block;
    text-align: left;
    padding: 10px;
    font-size: 11pt;
    border-left: 10px solid #dfdfdf;
    border-bottom: 1px solid #dbdbdb;
}

.menu_column a.big {
    display: block;
    text-align: left;
    padding: 10px;
    font-size: 12pt;
    border-left: 10px solid #dfdfdf;
    border-bottom: 1px solid #dbdbdb;
}

.menu_column a.a_column_main {
    background: red;
    color: white;
    border-left: 10px solid #ed1c24;
}

.menu_column a.a_column_main:hover {
    color: white;
}

.menu_column a:hover, .menu_column a.select {
    border-left: 10px solid red;
    color: red;
    text-decoration: none;
}

.menu_column a:last-child {
    border-bottom: 0px;
}

.gallery_box {
    width: 90%;
    padding: 20px;
    border-top: 1px solid #d1d1d1;
    margin: 20px auto 20px auto;
}

.thumb {
    border: 1px solid #d1d1d1;
    padding: 0px;
    height: 120px;
    width: 120px;
    display: inline-block;
    margin: 5px 10px 5px 10px;
    text-align: center;
}


.thumb_a {
    padding: 0px;
    height: 100px;
    width: 100px;
    display: inline-block;
    margin: 10px;
    text-align: center;
}
.thumb:hover {
    background: red;
}

#tri_white2 {
    position: absolute;
    right: 0;
    bottom: -25px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 25px 0;
    border-color: transparent #ffffff transparent
}

.map {
    width: 100%;
    height: 500px;
    border: 0px;
}

p.mini {
    font-size: 9pt;
}

.italic {
    font-style: italic;
}


input, select, textarea {
    background: white;
    border: 1px solid #c0c0c0;
    padding: 9px;
    color: #464646;
    display: block;
    margin: 0;
    width: 80%;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    background:  #f1f1f1 no-repeat center right 5px;
    background:  no-repeat center right 5px, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
    background:  no-repeat center right 5px, -moz-linear-gradient(top,  #ffffff, #f1f1f1);
    background:  no-repeat center right 5px, -o-linear-gradient(#ffffff,#f1f1f1);
    box-sizing: border-box;
}

input[type=search] {
    color: #aaaaaa;
    cursor: pointer;
    display: inline-block;
    width: 120px;
    background: #ececec url('/gfx/icon_search.png') no-repeat center right 10px;
    border: 0px;
    padding: 8px 31px 8px 8px;
    margin: 18px 0 0 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}


textarea {
    display: block;
    margin: 10px auto 10px 0;
    width: 80%;
    min-height: 100px;
    resize: none;
}

.in_inline {
    display: inline-block;
}

.inline {
    display: inline-block;
    margin: 2px 2px 2px 0;
}


input:focus, textarea:focus {
    border: 1px solid #808080;
    color: black;
}

select {
    background: #f1f1f1;
}

td.clear {
    border: 0;
}


input[type=submit], .btn_big {
    padding: 3px 15px 3px 15px;
    cursor:pointer;
    width: auto;
    display: inline-block;
    margin: 0 20px 0 0px;
    min-height: 20px;
    color:  #ffffff;
    text-shadow: none;
    border: none;
    background: red;
    font-size: 11pt;
}

input[type=submit]:hover, .btn_big:hover {
    box-shadow: 0px 0px 9px #808080;
}

label.error {
    color: red;
    font-size: 9pt;
    display: block;
    margin-bottom: 3px;
}

input.error, textarea.error {
    border: 1px solid red;
}

input[type=checkbox] {
    display: inline-block;
    border: 0px;
    background: none;
    margin: 3px 5px 0 0;
}

input[type=radio] {
    display: inline-block;
    border: 0px;
    background: none;
    margin: 0 5px 0 0;
}

.invis {
    display: none;
}

.frame_info {
    width: 90%;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    margin: 20px auto 20px auto;
}

.frame_info {
    border: 1px solid #c0c0c0;
    background: rgba(255,255,255,0.1);
    padding: 10px;
    margin: 10px 0 10px 0;
}


.frame_error, .frame_ok, .frame_attention {
    border: 1px solid #ff0207;
    background: rgba(255,0,0,0.1);
    padding: 10px;
    color: red;
    margin: 0px auto 20px auto;
}

.frame_ok {
    border: 1px solid green;
    background: rgba(83, 240, 9, 0.2);
    background-position: 13px center;
    color: green;
}

.t_list, .t_form {
    border-collapse: collapse;
    width: 95%;
    margin: 20px auto 20px 40px;
}

.t_form {
    width: 80%;
}

tr.even {
}

.t_list tr.odd {
    background: rgba(255,255,255,0.2);
}

.t_list th {
    color: #005fa2;
}


.t_form th {
    text-align: left;
    font-weight: bold;
    width: 25%;
    font-family: verdana, tahoma, arial;
    font-size: 10pt;
}

.t_section {
    text-align: center;
    text-transform: uppercase;
    color: #c0c0c0;
    height: 60px;
    padding: 20px 0 0 0;
}

span.red, p.red, p.red a {
    color: red;
}

.t_form th small {
    text-align: left;
    display: block;
    font-size: 10pt;
    color: #808080;
    font-weight: normal;
}

label.check_label {
    display: inline-block;
    margin: 0 0 0 10px;
    font-size: 10pt;
}

td.rt {
    text-align: right;
}

td, .t_form th  {
    border-bottom: 1px solid rgba(130, 130, 130, 0.1);
    border-right: 0px solid rgba(130, 130, 130, 0.1);
    padding: 6px;
}

.t_list td, .t_list th  {
    border-bottom: 1px solid rgba(130, 130, 130, 0.1);
    border-right: 1px solid rgba(130, 130, 130, 0.1);
    padding: 4px;
    font-size: 11pt;
}

td:last-child, .t_list th {
    border-right: 0;
}

.result_box {
    width: 95%;
    border-top: 1px solid #e1e1e1;
    margin: 10px auto 10px auto;
    padding: 20px 20px 20px 0;
}

.result_box h2 {
    margin: 0px;
    color: red;
    padding: 10px 10px 10px 10px;
}

.result_box h2 a {
    color: red;
}

#content .result_box p {
    margin: 10px;
}

#content ul {
    margin: 10px 40px 10px 40px;
    list-style-type: square;
}

#content ul li {
    font-family: verdana, tahoma, arial;
    padding: 3px 0 3px 0;
    line-height: 150%;
    font-size: 10pt;
}

#content ul li a, #content a {
    font-family: verdana, tahoma, arial;
    line-height: 150%;
    font-size: 10pt;
}

#content address, #content address a {
    font-family: verdana, tahoma, arial;
    line-height: 150%;
    font-size: 10pt;
    text-align: justify;
    font-style: normal;
}

#content address {
    margin: 0px 40px 0px 40px;
}

@media only screen and (max-width: 1200px) {
    .lzoo {
        width: 100%;
    }
    header {
        height: auto;
        text-align: center;
    }
    #top {
        height: auto;
        width: 100%;
        clear: both;
        margin-bottom: 30px;
    }
    #menu_box, ul#menu {
        height: auto;
        width: 100%;
    }
    #menu_box::before, #bottom_box::before {
        display: none;
    }

    #logo_caption {
        float: none;
        display: inline-block;
        vertical-align: middle;
        line-height: 60px;
        margin-top: 0px;
        font-size: 1.4em;
    }
    #motto, #lang, #search {
        float: none;
        display: inline-block;
        height: 40px;
    }
    #motto {
        display: block;
    }
    .a_logo, .a_logo img {
        float: none;
        margin-left: 0;
        vertical-align: middle;
        line-height: 60px;
    }
    .col1 {
        width: 30%;
    }
    .col2 {
        width: 70%;
    }

    .col8, .col88, .col9 {
        width: 24%;
    }

    .col88 {
        width: 48%;
    }
    .clear_rwd {
        clear: both;
    }
    #bottom_box {
        width: 100%;
    }
    ul#menu li a {
        padding-left: 10px;
        padding-right: 10px;
    }
    ul#menu li a.expand {
        padding-right: 30px;
        background: url('/gfx/ico_expand.png') no-repeat center right 10px;
    }
}

@media only screen and (max-width: 850px) {
    ul#menu li {
        display: block;
        border: 0px;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        text-align: left;
    }
    ul#menu li a.expand {
        display: block;
        width: 95%;
        padding: 10px 0 10px 20px;
        background: url('/gfx/ico_expand.png') no-repeat center right;
        box-sizing: border-box;
        height: auto;
    }
    ul#menu li a, ul#menu li ul li a {
        display: block;
        width: 80%;
        padding-left: 20px;
    }
    ul#menu li ul li {
        box-sizing: border-box;
    }
    ul#menu li ul li a {
        padding-left: 50px;
        box-sizing: border-box;
    }
    ul#menu li ul {
        position: relative;
        width: 100%;
        top: 0;
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }
    ul#menu li ul li {
        width: 100%;
    }
    #tri_black, #tri_cont, #tri_white {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .col8, .col88, .col9 {
        width: 50%;
    }
    .col88 {
        width: 100%;
    }
    .col1, .col2 {
        width: 100%;
    }
    #logo_caption {
        margin-left: 55px;
    }
}

.fe-logos {
    max-height: 60px;
    display: inline-block;
    margin-left: 75px;
    margin-top: 5px;
    vertical-align: top;
}

@media only screen and (max-width: 1200px) {

    .fe-logos {
        margin-top: 25px;
    }
}


@media only screen and (max-width: 850px) {

    .fe-logos {
        display: block;
        margin: 10px auto 0 auto;
        max-width: 100%;
    }
}