* {
    margin: 0;
    padding: 0;
}
[hidden] {
    display: none;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow: auto;
}
html,
button,
input,
select,
textarea {
    color: #000000;
}
body {
    margin: 0;
    padding: 0;
    font-size: 0.8125em;
    line-height: 1.215;
}
a {
    text-decoration: underline;
    color: #00aeff;
}
a:hover,
a:focus {
    color: #ffb500;
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}
img {
    border: none;
}

@media screen, projection, tv {
    html, body {
        /* height: 100%; */
    }
    body {
        color: #333333;
        font-family: Arial, serif;
        font-size: 12px;
        text-align: center;
        text-rendering: optimizeLegibility;
        background: #e5e5e5;
    }
    a,
    a:hover {
        color: #003e7e;
    }
    a:hover {
        text-decoration: none;
    }
    li {
        list-style: none;
    }

    div.container {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -130px;
    }

    div.footer, div.push {
        height: 109px; 
        padding-top: 20px;
    }
    div.footer {
        border-top: 1px solid #d7d7d7;
    }
    /*    div.footer {
            position:absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 110px;    Height of the footer 
            border-top: 1px solid #d7d7d7;
            padding-top: 20px;
        }
        div.footer span {
            display: block;
            margin-top: 20px;
        }*/
    div.content {
        min-width: 995px;
        width: 79%;
        margin: 0 auto;
    }

    /* header */
    div.header {
        height: 55px;
        width: 100%;
        min-width: 995px;
        border-bottom: 1px solid #d8d8d8;
        background: #dfdede url("../img/bg_header.png") repeat-x;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1000;
        -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
    }
    div.header div.header_wrapper {
        margin: 0 auto;
        width: 79%;
        text-align: left;
        position: relative;
        z-index: 10;
    }
    div.header div.header_wrapper div.menu-logo {
        float: left;
        margin: 20px 0 0 0;
    }
    div.header div.header_wrapper div.menu-logo a {
        background: url("../img/ico_home.png")  left 0 no-repeat;
        padding: 3px 0 3px 30px;
        text-decoration: none;
        display: inline-block;
        white-space: nowrap;
    }
    div.header div.header_wrapper div.menu-logo a:hover {
        text-decoration: underline;
    }
    div.header div.header_wrapper div.menu-right {
        float: right;
    }

    /** MENU **/
    ul.menu {
        float: left;
        margin-top: 12px;
    }
    ul.menu li span {
        font-family: arial,sans-serif;
        font-size: 12px;
        font-weight: normal;
    }
    ul.menu li {
        float: left;
        margin-top: 2pt;
    }
    ul.menu li a {
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
        padding: 6px 15px;
        text-decoration: none;
        display: block;
        position: relative;
        margin-right: 1px;
        margin-left: 1px;
        white-space: nowrap;
        margin: 1px;
    }
    ul.menu li a:hover, ul.menu li.active a {
        background: #e6ecf4;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #fff;
        margin: 0px;
        -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);

    }
    ul.menu li.active a:hover, ul.menu li.active:hover a  {
    }
    ul.menu li a:hover, ul.menu li:hover a {
    }

    ul.menu li.dropdown {
        position: relative;
    }
    ul.menu li.dropdown a.sub {
        padding-right: 27px;
        position: relative;
        z-index: 2;
        margin: 1px;
    }
    ul.menu li.dropdown a.sub i.icon-arrow {
        display: inline;
        width: 8px;
        height: 4px;
        background: url('../img/ico_menu_arrow.png');
        position: absolute;
        right: 12px;
        top: 12px;
    }    
    ul.menu li.dropdown:hover a.sub {
        background: #e6ecf4;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #fff;
        margin: 0px;
        border-bottom: 1px solid #e6ecf4;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    ul.menu li.dropdown:hover a.sub i.icon-arrow {
    }
    ul.menu li.dropdown:hover ul {
        display: block;
    }

    ul.menu li.dropdown a.sub:hover {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-bottom: 1px solid #e6ecf4 !important;
    }
    ul.menu li.dropdown ul {
        width: 120px;
        display: none;
        position: absolute;
        top: 27px;
        left: auto;
        right: 0px;
        background: #e6ecf4;
        -webkit-border-radius: 5px;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius: 5px;
        -moz-border-radius-topright: 0;
        border-radius: 5px;
        border-top-right-radius: 0;
        border: 1px solid #fff;
        padding: 5px;
        -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
        z-index: 1;
    }
    ul.menu li.dropdown ul li {
        float: none;
    }
    ul.menu li.dropdown ul li a {
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 5px 9px;
        margin: 0px;
    }
    ul.menu li.dropdown ul li a img {
        float:left;
    }
    ul.menu li.dropdown ul li a:hover {
        background: #f2f5f9;
    }
    ul.menu li.highlighted {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #fff;
        -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
    }
    ul.menu li.highlighted a {
        background: #141d48;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 5px 14px 5px 14px;
        border: none;
        text-shadow: none;
        color: #fff;
    }
    ul.menu li.highlighted:hover {
        border: 1px solid #fff;
        padding: 0;
        background: #e6ecf4;
        -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
    }
    ul.menu li.highlighted a:hover {
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
        box-shadow: none;
        -webkit-box-shadow: none;
        color: #003E7E;
        background: #e6ecf4;
        border: none;
    }
    ul.menu li.home {
        height: 35px;
        width: 35px;
        margin-right: 10px;
        margin-top: -1px;
    }
    ul.menu li.home a {
        text-indent: -9999px;
        height: 30px;
        width: 30px;
        display: block;
        padding: 0;
        background: url('../img/ico_home.png') 8px 8px no-repeat;
    }
    ul.menu li.home_active,
    ul.menu li.home:hover {
        margin-right: 10px;
        border: none;
        background: url('../img/bg_home.png');
    }
    ul.menu li.home_active a,
    ul.menu li.home:hover a {
        background: url('../img/ico_home.png') 8px 8px no-repeat;
        border: none;
        box-shadow: none;
        -webkit-box-shadow: none;
    }


    div.popbox {
        display: inline-block;
        padding: 40px;
        background: #f6f8f9;
        border: 1px solid #fff;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); 
        margin: 105px auto 40px auto;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    div.popbox2 {
        position: absolute;
        text-align: center;
        vertical-align: central;
        top: 105px;
        margin-left: -200px;
        width: 180px;
        height: 50px;
        display: inline-block;
        background: #f6f8f9;
        border: 1px solid #fff;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); 
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    form fieldset {
        border: none;
        font-size: 14px;
        text-align: left;
    }
    form div.field {
        margin-bottom: 30px;
        float: left;
        clear: both;
        width: 100%;
    }
    form div.last-field {
        margin-bottom: 1px;
    }
    form div.field label {
        display: block;
        font-size: 18px;
        margin-bottom: 5px;
    }

    div.logo {
        margin: -35px 0 30px 0;
        padding: 0;
        border-bottom: 1px solid #dddddd;
        background: url('../img/bg_outside_logo.png') center center no-repeat;
        overflow: hidden;
    }
    
    div.logo img {
        width: 500px; 
        margin: -100px;
    }

    /********************
    LOGIN PAGE 
    ********************/
    /*
    div.popbox {
         width: 410px; 
    }
    */

    div.login div.field input {
        width: 398px;
        height: 39px;
        line-height: 39px;
        padding: 0 10px;
        border: 1px solid #737475;
        font-size: 16px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    div.login div.pass label  {
        float: left;
        display: inline !important;
        _width: 150px;
    }
    div.login div.pass input  {
        float: left;
        width: 288px;
        clear: both;
        -webkit-border-radius: 3px 0px 0px 3px;
        -moz-border-radius: 3px 0px 0px 3px;
        border-radius: 3px 0px 0px 3px;
    }
    div.login div.pass a.forgotten  {
        float: left;
        margin: 3px 0 0 10px;
        font-size: 13px;
        width: 200px;
    }

    div.login div.pass label.force-block {
        float: none !important;
        display: block !important;
        clear: both;
        margin-bottom: 0.3em;
    }

    .input-row {
        display: flex;
        align-items: center;
    }

    div.login input {
        float: left;
        clear: both;
        width: auto;
    }
    div.login span.show {
        float: right;
        width: 109px;
        /* height: 39px !important; */
        position: relative;
        padding: 0 !important;
        -webkit-border-radius: 0px 5px 5px 0px;
        -moz-border-radius: 0px 5px 5px 0px;
        border-radius: 0px 5px 5px 0px;
        border-left: 0;
        /* border: none; */
        background: #e2e2e2; /* Old browsers */
    }

    div.login span.show input {
        clear: none;
        width: auto;
        height: auto;
        position: absolute;
        left: 10px;
        top: 14px;
        border: none;
    }

    div.login span.show label {
        float: left;
        display: inline;
        font-size: 13px;
        display: block;
        width: 104px;
        height: 38px;
        padding-left: 5px;
        line-height: 38px;
        cursor: pointer;
    }

    div.login div.submit input {
        padding: 0 30px;
        width: auto;
        /* border: none; */
        overflow: visible !important;
    }

    div #msg {
        margin-top: 80px;
        color: red;
    }

    .button {
        width: auto !important;
        height: 39px;
        line-height: 39px;
        border: 1px solid gray;
        text-align: center;
        text-decoration: none;
        padding: 0 30px;
        font-size: 16px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        /* margin: 0 0 1px 0; */
        vertical-align: middle;
        font-family: Arial, serif;
    }

    .orange_button {
        overflow: auto;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0%, #fc8e2d), color-stop(97%, #ff7501), color-stop(99%, #d35c01) );
        background:-moz-linear-gradient(to bottom, #fc8e2d 0%,#ff7501 97%,#d35c01 99%);
        background: linear-gradient(to bottom, #fc8e2d 0%,#ff7501 97%,#d35c01 99%);
        background-color:#fc8e2d;
        color: #fff;
        text-shadow: 1px 1px 0 #c05b07;
    }
    .orange_button:hover {
        opacity: 0.9;
        color: #fff;
    }
    .orange_button:active {
        margin: 1px 0 0 0;
    }

    .grey_button, .orange_button[disabled] {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(97%,#dfdfdf), color-stop(100%,#bcbcbc));
        background:-moz-linear-gradient(top, #f3f3f3 0%, #dfdfdf 97%, #bcbcbc 100%);
        background:linear-gradient(to bottom, #f3f3f3 0%,#dfdfdf 97%,#bcbcbc 100%);
        background-color:#ededed;
        color:#555555;
        text-shadow:1px 1px 0px #ffffff;
    }
    .grey_button_small, .orange_button_small {
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        padding: 0 15px !important;
        display: inline-block;
    }
    .grey_button:hover {
        opacity: 0.9;
    }
    .grey_button:active {
        margin: 1px 0 0 0;
    }

    .infoBar a {
        text-decoration: none;
    }

    .infoBar {
        color: green;
        margin-top: 10px; 
        text-align: left;
    }

    .infoFooter {
        float: left;
        display: block;
        border-top: 1px solid silver;
        margin-top: 15px;
        padding-top: 15px;
        text-align: right
    }


    /********************
LOGOUT PAGE 
********************/

    div.logout div.popbox {
        overflow: auto;
        padding: 20px 40px;
        width: 720px;
    }

    div.logout div.logo {
        float: left;
        border: none;
        margin: 0;
        padding: 10px 20px 10px 0;
        border-right: 1px solid #dddddd;
    }
    div.logout div.text {
        font-size: 22px;
        font-weight: normal;
        line-height: 45px;
        float: right;
        width: 380px;
    }
    div.logout_content {
        width: 720px;
        padding: 0 40px;
        margin: 0 auto 0 auto;
        text-align: left;
    }
    div.logout_content div.left_column {
        float: left;
        width: 380px;
        margin-right: 80px;
    }
    div.logout_content div.product {
    }

    div.logout_content div.product h2 {
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 8px;
    }
    div.logout_content div.product em {
        font-size: 14px;
        font-weight: italic;
        display: block;
        margin-bottom: 8px;
    }
    div.logout_content div.product p {
        font-size: 13px;
        margin-bottom: 10px;
        line-height: 1.3;
        float: none;
    }
    div.logout_content div.socials {
        width: 285px;
        float: right;
        margin: 40px 0 5px 0;
        padding-bottom: 20px;
        text-align: center;
        border-bottom: 1px solid #d7d7d7;
    }
    div.logout_content div.socials h3 {
        font-size: 14px;
        text-shadow: 1px 1px rgba(255,255,255,0.7);
        margin-bottom: 10px;
    }
    div.logout_content div.socials ul li {
        /*display: inline-block;*/
        display: inline;
        margin: 0 2px;
        width: 25px;
        _float: left;
    }

    div.logout_content a.edizone {
        padding: 20px 0 20px 125px;
        background: url(../img/edizone.png) left 15px no-repeat;
        float: left;
        width: 155px;
        line-height: 1.5;
        float: right;
    }
    div.logout_content div.news {
        text-shadow: 1px 1px 0 rgba(255,255,255,0.7);
    }
    div.news h2 {
        font-size: 18px;
        margin-bottom: 20px;
        font-weight: normal;
    }
    div.news h2 a, div.news h2 a:hover span {
        font-size: 13px;
        text-decoration: none;
    }
    div.news h2 a span {
        text-decoration: underline;
    }
    div.news ul li {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #d7d7d7;
    }
    div.news ul li:last-child {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: none;
    }
    div.news ul li time {
        background: url(../img/ico_news_wide.png) no-repeat;
        color: #333333;
        float: left;
        font-size: 12px;
        height: 30px;
        padding: 6px 0 0 0;
        margin: 0 8px 0 0;
        text-align: center;
        width: 86px;
    }
    div.news ul li time span.year {
        color: #9a9c9e;
    }
    div.news ul li h3 {
        font-size: 12px;
        font-weight: normal;
        margin: 5px 0;
        float: left;
    }
    div.news ul li p {
        clear: both;
        color: #333333;
        font-size: 12px;
        font-weight: normal;
        margin-top: 3px;
        padding-top: 2px;
        text-align: justify;
    }
    div.decor_guy {
        position: relative;
        margin-left: -20px;
        padding-left: 45px;
        position: relative;
    }

    .skladnik {
        margin-top: -30px;
        display: block;
        position: absolute;
        left: 20px;
        width: 150px;
    }

    div.decor_guy span.guy-ok {
        background: url(../img/guy_ok.png);
        height: 171px;
        width: 147px;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }
    div.decor_guy span.guy-bad {
        background: url(../img/guy_bad.png);
        height: 182px;
        width: 147px;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }
    div.decor_guy div.bubble {
        background: #fff;
        border: 1px solid #000;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        padding: 20px;
        width: 275px;
        margin-left: 25px;
        margin-bottom: 30px;
        margin-top: 50px;

    }
    div.decor_guy p {
        font-size: 18px;
    }

    div.patch div.popbox {
        width: 470px;
    }

    div.patch div.text {
        margin-bottom: 40px;
        font-size: 22px;
        font-weight: normal;
    }

    div.patch div.bubble {
        text-align: center;
    }

    div.patch div.bubble p.call {
        /*font-weight: bold;*/
    }

    .css3pie {
        -pie-track-hover:true;
        -pie-lazy-init:true;
        -pie-watch-ancestors: 1;
        -pie-poll: true;
        behavior: url('./plugin/css3pie/PIE.htc.jsp');
    }

    .info {
        font-size: 14px;
        font-weight: normal;
        max-width: 420px;
    }

    .changePasswordRequest .infoBox {
        width: 500px;
        font-size: 22px;
        font-weight: normal;
    }

    .newPassInfo {
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 20px;
    }   

    .login .errors {
        display: block;
        margin-top: 55px;
        color: red;
    }

    .newPwdError, .infoBox {
        font-size: 22px;
        font-weight: normal;
    }

    .form_anchor {
        cursor: auto;
        display: inline;
        font-size: 14px;
        text-align: left;
        width: auto;
    }

    #hintDiv {
        top: 210px;
        margin-left: 190px;
        display: none;
        text-align: left;
        position: absolute;
        width: 210px;
        border: 1px solid black;
        background-color: white;
        padding: 5px;
    }

    #hintImg {
        padding: 10px 0px 10px 7px;
    }

    #warningDiv {
        display: block;
        width: 420px;
        height: 220px;
        font-size: 14px;
        margin-bottom: -50px;
    }

    #warningDiv h2 {
        font-size: 22px;
    }

    #loginDiv {
        width: 420px;
    }

    #slider {
        width: 390px !important;
    }

    #sliderHint {
        position: relative;
        top: -14px;
        margin-left: 5px;
    }

    .slider_captcha > span {
        padding-left: 20px;
    }

    .login.patch .decor_guy {
        height: 180px; 
        margin-left: -40px;
    }
}