@import 'common.css';
@import 'page_left.css';
@import 'page_right.css';
@import 'page_footer.css';
@import 'page_form.css';
@import 'iview.css';

#container {
}

#header {
    float: left;
    width: 578px;
    background: url('../images/header-1.png') no-repeat;
    height: 254px;
}

#header.-en {
    float: left;
    width: 578px;
    background: url('../images/header-1-en.png') no-repeat;
    height: 254px;
}

#header.linie_produktow {
    float: left;
    width: 578px;
    background: url('../images/header-2.png') no-repeat;
    height: 254px;
}

#header.linie_produktow-en {
    float: left;
    width: 578px;
    background: url('../images/header-2-en.png') no-repeat;
    height: 254px;
}

#header.academy {
    float: left;
    width: 578px;
    background: url('../images/header-3.png') no-repeat;
    height: 254px;
}

#header.academy-en {
    float: left;
    width: 578px;
    background: url('../images/header-3-en.png') no-repeat;
    height: 254px;
}

#header.html {
    float: left;
    width: 578px;
    background: url('../images/header-4.png') no-repeat;
    height: 254px;
}

#header.html-en {
    float: left;
    width: 578px;
    background: url('../images/header-4-en.png') no-repeat;
    height: 254px;
}

#header.katalog {
    float: left;
    width: 578px;
    background: url('../images/header-5.png') no-repeat;
    height: 254px;
}

#header.katalog-en {
    float: left;
    width: 578px;
    background: url('../images/header-5-en.png') no-repeat;
    height: 254px;
}

#nav {
    float: left;
    background: url('../images/nav.png') no-repeat;
    width: 202px;
    height: 348px;
    margin-left: 110px;
    display: inline;
}

#nav-en {
    float: left;
    background: url('../images/nav-en.png') no-repeat;
    width: 202px;
    height: 317px;
    margin-left: 110px;
    display: inline;
}

#nav-main {
    position: absolute;
    top: 90px;
    left: 125px;
}

#nav-main-en {
    position: absolute;
    top: 90px;
    left: 125px;
}

#nav-promocje  {
    position: absolute;
    top: 122px;
    left: 125px;
}

#nav-promocje-en  {
    position: absolute;
    top: 122px;
    left: 125px;
}

#nav-products {
    position: absolute;
    top: 152px;
    left: 125px;
}

#nav-products-en {
    position: absolute;
    top: 152px;
    left: 125px;
}

#nav-academy {
    position: absolute;
    top: 183px;
    left: 125px;
}

#nav-academy-en {
    position: absolute;
    top: 183px;
    left: 125px;
}

#nav-about {
    position: absolute;
    top: 213px;
    left: 125px;
}

#nav-about-en {
    position: absolute;
    top: 213px;
    left: 125px;
}

#nav-catalog {
    position: absolute;
    top: 243px;
    left: 125px;
}

#nav-catalog-en {
    position: absolute;
    top: 243px;
    left: 125px;
}

#nav-shop {
    position: absolute;
    top: 274px;
    left: 125px;
}

#nav-contact {
    position: absolute;
    top: 306px;
    left: 125px;
}

#nav-contact-en {
    position: absolute;
    top: 284px;
    left: 125px;
}

div#login {
    background: url('../images/login.png') no-repeat;
    width: 578px;
    height: 57px;
    text-align: left;
    position: absolute;
    top: 254px;
    left: 312px;
}

#login #breadcrumb {
    margin-left: 15px;
    margin-top: 10px;
}

#login #pl {
    position: absolute;
    top: 40px;
    left: 20px;
}

#login #pl.selected {
    font-weight: bold;
}

#login #eng {
    position: absolute;
    top: 40px;
    left: 45px;
}

#login #eng.selected {
    font-weight: bold;
}

#login #label {
    position: absolute;
    top: 5px;
    left: 342px;
    width: 200px;
    color: #ebebeb;
    font-size: 1.1em;
}

#login #user {
    position: absolute;
    top: 5px;
    left: 342px;
    width: 200px;
    color: #ebebeb;
    font-size: 1.1em;
}

#login #input-login {
    position: absolute;
    top: 23px;
    left: 340px;
    width: 107px;
    border: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background: url('../images/login-input-1.png') no-repeat;
    color: #ebebeb;
    font-style: italic;
    text-align: right;
}

#login #input-password {
    position: absolute;
    top: 23px;
    left: 460px;
    width: 76px;
    border: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background: url('../images/login-input-2.png') no-repeat;
    color: #ebebeb;
    font-style: italic;
    text-align: right;
}

#login #input-submit {
    position: absolute;
    top: 23px;
    left: 550px;
}

#middle {
    clear: left;
    background: url('../images/middle-left.png') repeat-y;
    margin-left: 110px;
    width: 780px;
}

#middle #left {
    float: left;
    width: 160px !important;
    width: 203px;
    text-align: left;
    padding-left: 25px;
    padding-right: 17px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#middle #right {
    float: left;
    background: url('../images/middle-right.png') no-repeat #3d3d3d;
    width: 528px !important;
    width: 570px;
    text-align: left;
    padding-left: 25px;
    padding-right: 17px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#footer-left {
    float: left;
    background: url('../images/footer-left.png') no-repeat;
    width: 110px;
    height: 182px;
    display: inline;
}

#footer-middle {
    float: left;
    width: 160px !important;
    width: 203px;
    background: url('../images/middle-left.png') repeat-y;
    text-align: left;
    padding-left: 25px;
    padding-right: 17px;
    text-align: left;
    min-height: 182px;
    display: inline;
}

* html #footer-middle {
    height: 182px;
}

#footer-right {
    float: left;
    background: url('../images/footer-right.png') no-repeat;
    width: 538px !important;
    width: 580px;
    height: 172px;
    text-align: left;
    padding-left: 25px;
    padding-right: 17px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline;
}

#footer-bottom {
    clear: left;
    float: left;
    background: url('../images/footer-bottom.png') no-repeat;
    width: 202px;
    height: 57px;
    margin-left: 110px;
    display: inline;
}

#footer-copyright {
    float: left;
    width: 568px;
    height: 57px;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
}

#footer-copyright #vfactory {
    float: right;
    width: 50%;
    text-align: right;
}

/*div.info {
    width: 210px;
    margin-top: 10px;
    margin-left: 100px;
    background-color: #666666;
    background-image: url('../images/icons/info.gif');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    color: #ebebeb;
    padding: 5px 5px 5px 35px;
    border: 1px solid #666666;
}*/

div.error {
    width: 210px;
    margin-left: 115px;
    margin-top: 10px;
    background-color: #660000;
    background-image: url('../images/icons/error.gif');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    color: #ebebeb;
    padding: 5px 5px 5px 35px;
    border: 1px solid #ff0000;
}