html, body {
        background-image: url(../_img/bg.jpg);
        background-color: #FEB4D8;
        background-attachment: fixed;
        color: #000;
        margin: 0px;
        padding: 0px;
        text-align: center;
        cursor: default;
}

#content_main {
        background-color: transparent;
        color: #000;
        text-align: left;
        margin: 0px auto;
        width: 915px;
}
body, table, input, select {
        font-family: Arial, Tahoma, serif;
        font-size: 11px;
        line-height: 15px;
}
body, form, p {
        margin: 0px;
        padding: 0px;
}
pre {
        background-color: #FFF;
        color: #000;
        font-family: "Courier New", monospace;
        font-size: 10pt;
        padding: 10px;
        border: #C0C0C0 dotted 1px;
        text-align: left;
}
a img {
        border: none;
}
a {
        background-color: transparent;
        color: #000;
        cursor: pointer;
}
a:hover {
        background-color: transparent;
        color: #C83178;
        text-decoration: none;
        cursor: pointer;
}
p, form {
        margin: 0px;
        padding: 0px;
}
.disabled {
        display: none;
}
.break,
.clear {
        clear: both;
}
.fl_left {
        float: left;
}
.fl_right {
        float: right;
}
.ta_left {
        text-align: left;
}
.ta_right {
        text-align: right;
}
.info {
        background-color: #FFFFCC;
        color: #000099;
        border: #FF0000 2px dotted;
        font-size: 10pt;
        text-align: left;
        padding: 8px 10px;
        margin: 20px;
}
#debug_info {
        background-color: #000;
        color: #FFF;
        border: 2px inset;
        font-family: "Courier New", monospace;
        font-size: 10pt;
        font-weight: bold;
        text-align: left;
        margin: 30px auto 10px auto;
        width: 760px;
        padding: 10px;
}
#debug_info pre {
        background-color: #000;
        color: #DDD;
        font-weight: normal;
        padding: 0px 0px 10px 30px;
        border-left: none;
        border-top: none;
        border-right: none;
        border-bottom-color: #696969;
        margin: 0px 0px 10px 0px;
}
#debug_info b {
        background-color: #000;
        color: lime;
}
#debug_info span {
        background-color: #000;
        color: yellow;
}
#debug_info strong {
        background-color: #000;
        color: #01FFFF;
}

/* header */

#header {
        height: 200px;
        margin: 0px;
        padding: 0px;
}
#header_logo {
        background-image: url(../_img/boxNowosci.gif);
        background-position: left top;
        background-repeat: no-repeat;
        margin-left: 200px;
        padding: 65px 0px 0px 20px;
        height: 190px;
        max-height: 125px;
}
#header div a {
        text-decoration: none;
}
#header_list {
        background-image: url(../_img/nowosci_nowosci.gif);
        background-position: right top;
        background-repeat: no-repeat;
        width: 450px;
        float: right;
        position: relative;
        margin: -135px 100px 0px 0px;
        padding-top: 30px;
        text-align: right;
}
#header_list.promocje {
        background-image: url(../_img/promocje_promocje.gif);
}    
#header_list a {
        display: block;
        width: 100px;    
        height: 90px;
        float: left;
        margin-right: 10px;
        overflow: hidden;
        opacity:0.8;
}       
#header_list a:hover {
        opacity: 1.0;
}     
#header_list a img {   
        width: 100px;    
        height: 100px;  
        margin-top: -5px;  
}

#footer {
        background-image: url(../_img/wyspa.gif);
        background-position: center 30px;
        background-repeat: no-repeat;
        height: 150px;
        width: 715px;
        margin: -30px 0px 0px 200px;
        z-index: 10;
        padding: 0px;
        position: absolute;
        text-align: center;
        vertical-align: top;
}
#footer img {
        width: 259px;
        padding: 0px;
        margin: -10px auto 0px auto;
        display: block;
}

/* menu */

#menu {
        float: left;
        width: 190px;
        height: 485px;
        margin: 0px;
        padding: 0px;
        list-style: none;
        z-index: 10;
}
#menu li {
        background-position: left top;
        background-repeat: no-repeat;
        display: block;
        margin-bottom: 3px;
}
#menu li a {
        background-position: left top;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block;
        height: 45px;
}     
#menu li.facebook a {
        height: 32px;
        width: 32px;  
        margin-top: 7px;
}  
#menu li span {
        display: none;
}
#menu li.promocje a {
        background-image: url(../_img/menu/promocje01.gif);
        height: 62px;
}
#menu li.koncepcja_butiku a {
        background-image: url(../_img/menu/koncepcja01.gif);
}
#menu li.marki a {
        background-image: url(../_img/menu/marki01.gif);
}
#menu li.kolekcje a {
        background-image: url(../_img/menu/kolekcje01.gif);
}
#menu li.sklepy a {
        background-image: url(../_img/menu/sklepy01.gif);
}
#menu li.publikacje a {
        background-image: url(../_img/menu/publikacje01.gif);
}
#menu li.newsletter a {
        background-image: url(../_img/menu/newsletter01.gif);
}
#menu li.kontakt a {
        background-image: url(../_img/menu/kontakt01.gif);
}     
#menu li.sklep-online a {
        background-image: url(../_img/menu/sklep-online01.gif);
}                                            

#menu li.promocje,
#menu li.promocje a:hover,
#menu li.promocje_selected a,
#menu li.promocje_selected a:hover {
        background-image: url(../_img/menu/promocje02.gif);
        height: 62px;
}
#menu li.koncepcja_butiku,
#menu li.koncepcja_butiku a:hover {
        background-image: url(../_img/menu/koncepcja02.gif);
}
#menu li.marki,
#menu li.marki a:hover  {
        background-image: url(../_img/menu/marki02.gif);
}
#menu li.kolekcje ,
#menu li.kolekcje a:hover  {
        background-image: url(../_img/menu/kolekcje02.gif);
}
#menu li.sklepy ,
#menu li.sklepy a:hover  {
        background-image: url(../_img/menu/sklepy02.gif);
}
#menu li.publikacje ,
#menu li.publikacje a:hover {
        background-image: url(../_img/menu/publikacje02.gif);
}
#menu li.newsletter ,
#menu li.newsletter a:hover  {
        background-image: url(../_img/menu/newsletter02.gif);
}
#menu li.kontakt ,
#menu li.kontakt a:hover {
        background-image: url(../_img/menu/kontakt02.gif);
}     
#menu li.sklep-online ,
#menu li.sklep-online a:hover{
        background-image: url(../_img/menu/sklep-online02.gif);
}

#menu li.koncepcja_butiku_selected a,
#menu li.koncepcja_butiku_selected a:hover {
        background-image: url(../_img/menu/koncepcja03.gif);
}
#menu li.marki_selected a,
#menu li.marki_selected a:hover {
        background-image: url(../_img/menu/marki03.gif);
}
#menu li.kolekcje_selected a,
#menu li.kolekcje_selected a:hover {
        background-image: url(../_img/menu/kolekcje03.gif);
}
#menu li.sklepy_selected a,
#menu li.sklepy_selected a:hover {
        background-image: url(../_img/menu/sklepy03.gif);
}
#menu li.publikacje_selected a,
#menu li.publikacje_selected a:hover {
        background-image: url(../_img/menu/publikacje03.gif);
}
#menu li.newsletter_selected a,
#menu li.newsletter_selected a:hover {
        background-image: url(../_img/menu/newsletter03.gif);
}
#menu li.kontakt_selected a,
#menu li.kontakt_selected a:hover {
        background-image: url(../_img/menu/kontakt03.gif);
}        
#menu li.sklep-online_selected ,
#menu li.sklep-online_selected a:hover{
        background-image: url(../_img/menu/sklep-online03.gif);
}



/* home */

#home {
        padding: 0px;
        text-align: center;
}
#home_box {
        margin: 0px auto;
        width: 320px;
        text-align: center;
        position: relative;
}
#home_left_box {
        background-image: url(../_img/glowna_boxLewy.gif);
        background-position: center top;
        background-repeat: no-repeat;
        width: 320px;
        height: 260px;
        padding: 0px;
        /* float: left; */
        margin: 0px auto;
}
#home_left_box span {
        display: none;
}
#home_right_box {
        background-image: url(../_img/glowna_boxPrawy.gif);
        background-position: right top;
        background-repeat: no-repeat;
        float: right;
        width: 300px;
        height: 350px;
        padding: 0px;
        float: right;
}
#home_right_box div {
        margin: 60px 20px 0px 20px;
        text-align: center;
}
#home_right_box img {
        margin: 0px auto 0px auto;
        width: 250px;
}
#home_lolly_lewa {
        background-image: url(../_img/lolly_lewa.gif);
        background-position: center top;
        background-repeat: no-repeat;
        position: relative;
        width: 85px;
        height: 333px;
        top: 0px;
        clear: none;
        float: left;
}
#home_lolly_prawa {
        background-image: url(../_img/lolly_prawa.gif);
        background-position: center top;
        background-repeat: no-repeat;
        position: relative;
        width: 400px;
        left: 0px;
        clear: none;
        float: right;
        margin-right: 50px; 
        z-index: 30;
}

/* intro_button */

#intro_button {
        background-image: url(../_img/enterPL.gif);
        background-repeat: no-repeat;
        background-position: center center;
        text-decoration: none;
        width: 320px;
        height: 45px;
        display: block;
        /* float: left; */
        margin: 0px auto 0px auto;
        position: relative;
        z-index: 40;
}
#intro_button:hover {
        background-image: url(../_img/enterPL_hover.gif);
}
#intro_button span {
        display: none;
}

/* lollys */

#lolly_lewa {
        background-image: url(../_img/lolly-lewa.png);
        background-position: center top;
        background-repeat: no-repeat;
        position: absolute;
        width: 200px;
        height: 200px;
        padding: 0px;  
}
#lolly_prawa {
        background-image: url(../_img/lolly-prawa.png);
        background-position: center top;
        background-repeat: no-repeat;
        position: absolute;
        width: 150px;
        height: 190px;
        margin-left: 805px;
        padding: 0px;  
}


/* content */

#content {
        background-image: url(../_img/kwadratGlowny.gif);
        background-position: right top;
        background-repeat: no-repeat;
        float: right;
        width: 715px;
        max-width: 659px;
        height: 445px;
        max-height: 389px;
        padding: 28px;
}
#content.wathermark {
        background-image: url(../_img/kwadratLolly.gif);
}

#content h1, 
#content h2,
#home_star {
        background-image: url(../_img/gwiazdka.gif);
        background-position: left -1px;
        background-repeat: no-repeat;
        margin: 0px;
        padding: 0px 0px 20px 25px;
        font-family: "Century Gothic", Arial, Tahoma, serif;
        font-size: 20px;
        font-weight: 500;
        text-align: left;
}
#content h1 a,
#content h2 a {
        background-color: transparent;
        color: #000;
        text-decoration: none;
}
#content h1 a:hover, 
#content h2 a:hover {
        background-color: transparent;
        color: #C83178;
}

#content .up25 {
        margin-top: -25px;
}
#content .up50 {
        margin-top: -50px;
}
#content .pt50 {
        margin-top: 50px;
}
#content .pt100 {
        padding-top: 100px;
}

/* text_box */

#content div.text_box {
        height: 300px;
        overflow: auto;
        text-align: justify;
}
#content div.text_box_auto {
        height: auto;
        overflow: auto;
        text-align: justify;
}
#content div.text_box a {
        background-color: transparent;
        color: #C82E78;
        text-decoration: none;
}
#content div.text_box a:hover {
        background-color: transparent;
        color: #771C45;
        text-decoration: underline;
}

/* thumbs_box */

#content div.thumbs_box a {
        text-decoration: none;
        margin-right: 10px;
        margin-top: 10px;
}

#content div.thumbs_box img {
        border: #BFBFBF 1px solid;
        margin-bottom: 10px;
}
#content div.thumbs_box_marki img {
        border: none;
        margin-bottom: 0px;
}
#content div.thumbs_box_publikacje img {
        margin-right: 15px;
        margin-bottom: 20px;
}
#content div.thumbs_box_publikacje_pages img {
        margin-bottom: 0px;
}
#content div.thumbs_box_promocje img {
        margin-bottom: 0px;
}
#content div.thumbs_box_promocje div {
        text-align: center;
        float: left;
        width: 200px;
        margin-right: 15px;
        margin-bottom: 5px;
}

#content div.leftcol_box {
        width: 360px;
        float: left;
}

#content div.rightcol_box {
        width: 280px;
        float: right;
}
#content div.rightcol430_box {
        width: 430px;
        float: right;
}

/* box_promocje */

.box_promocje {
        background-image: url(../_img/box01.gif);
        background-repeat: no-repeat;
        background-color: #FFB4D8;
        color: #000;
        width: 322px;
        float: left;
        margin-top: -5px;
        margin-right: 2px;
}
.box_promocje img {
        margin: 25px 0px 11px 28px;
}
.box_promocje span {
        display: block;
        font-size: 14px;
        margin-bottom: 20px;
        padding-left: 42px;
}
.box_promocje a {
        text-decoration: none;
}


/* arrows_box */

#content div.arrows_box {
        height: 22px;
        margin-top: 20px;
}
#content div.arrows_box_top0 {
        margin-top: 0px;
}
#content div.arrows_box span {
        display: none;
}
#content div.arrows_box a {
        background-position: center center;
        background-repeat: no-repeat;
        text-decoration: none;
        display: block;
        width: 22px;
        height: 22px;
        z-index: 40;
        position: relative;
}
#content div.arrows_box a.prev {
        background-image: url(../_img/szczalaPREV.gif);
        float: left;
}
#content div.arrows_box a.next {
        background-image: url(../_img/szczalaNEXT.gif);
        float: right;
}
#content div.arrows_box a.prev:hover {
        background-image: url(../_img/szczalaPREVact.gif);
        float: left;
}
#content div.arrows_box a.next:hover {
        background-image: url(../_img/szczalaNEXTact.gif);
        float: right;
}

/* back_button */

.back_button {
        background-image: url(../_img/wroc.gif);
        background-repeat: no-repeat;
        background-position: center center;
        width: 36px;
        height: 27px;
        margin-top: -10px;
        margin-right: -10px;
        display: block;
        float: right;
        text-decoration: none;
}
.back_button:hover {
        background-image: url(../_img/wrocACT.gif);
}
.back_button span {
        display: none;
}

/* all_button */

.all_button {
        background-image: url(../_img/zobaczWsz.gif);
        background-repeat: no-repeat;
        background-position: center center;
        width: 108px;
        height: 16px;
        margin-top: -10px;
        margin-left: 15px;
        display: block;
        float: left;
        text-decoration: none;
}
.all_button2 {
        margin-top: 0px;
        float: right;
}
.all_button:hover {
        background-image: url(../_img/zobaczWszACT.gif);
}
.all_button span {
        display: none;
}

/* ooll_button */

.ooll_button {
        background-image: url(../_img/zobacz-Kol.gif);
        background-repeat: no-repeat;
        background-position: center center;
        width: 170px;
        height: 18px;
        margin-top: -10px;
        margin-left: 15px;
        display: block;
        float: right;
        text-decoration: none;
}
.ooll_button:hover {
        background-image: url(../_img/zobacz-KolACT.gif);
}
.ooll_button span {
        display: none;
}

/* brd_button , slv_button */

.brd_button,
.slv_button  {
        background-color: #C82E78;
        color: #FFF;
        width: 150px;
        height: 16px;
        margin-top: -10px;
        margin-right: 5px;
        display: block;
        float: left;
        text-align: center;
        text-decoration: none;
        text-transform: lowercase;
}
.slv_button {
        background-color: #EAEAEA;
        color: #000;
}
a.brd_button:hover {
        background-color: #959595;
        color: #FFF;
}
a.slv_button:hover {
        background-color: #959595;
        color: #000;
}

input.buttonOK,
input.buttonCancel {
        background-color: #FFF;
        color: #000;
        background-position: center center;
        background-repeat: no-repeat;
        border: none;
        height: 25px;
        width: 80px;
        font-size: 0px;
}
input.buttonOK {
        background-image: url(../_img/ok-kontakt.gif);
}
input.buttonCancel {
        background-image: url(../_img/anuluj-kontakt.gif);
}
input.buttonOK:hover {
        background-image: url(../_img/ok-kontakt_hover.gif);
}
input.buttonCancel:hover {
        background-image: url(../_img/anuluj-kontakt_hover.gif);
}

/* layers */

#layer_plus {
        background-image: url(../_img/zoomOK.png);
        background-position: center center;
        background-repeat: no-repeat;
        display: none;
        position: absolute;
        cursor: pointer;
        z-index: 100;
}
#layer_info {
        background-image: url(../_img/white.png);
        background-color: transparent;
        color: #000;
        border: #BFBFBF 1px solid;
        display: none;
        position: absolute;
        padding: 10px;
        z-index: 50;
}
#layer_zoom {
        float: right;
        display: block;
        z-index: 50;
        position: relative;
        cursor: pointer;
        top: -350px;
        margin-right: -10px;
}

/* form */

label.input_label u {
        text-decoration: none;
}
label.input_label:hover u,
label.input_label:focus u  {
        background-color: transparent;
        color: #C82F79;
        text-decoration: underline;
}

input.text_edit,
textarea.text_edit {
        background-color: #FFDEEE;
        color: #741D46;
        border: #B8BAB9 1px solid;
        margin: 3px 0px 6px 0px;
        padding: 2px;
        font-family: Arial, Tahoma, serif;
        font-size: 12px;
        line-height: 15px;
}
input.text_edit:hover,
textarea.text_edit:hover {
        border: #741D46 1px solid;
}
input.text_edit:focus,
textarea.text_edit:focus {
        background-color: #FFF;
        color: #000;
        border: #741D46 1px solid;
}
input.button {
        background-color: #FFDEEE;
        color: #741D46;
        font-size: 12px;
        font-weight: bold;
        border: #B8BAB9 2px solid;
        padding: 2px;
}
input.button:hover {
        background-color: #FFDEEE;
        color: #000;
}
input.button:focus {
        background-color: #E38AB5;
        color: #000;
}
input.button80 {
        width: 80px;
}

/* validate_error */

.validate_error {
        background-color: transparent;
        color: #C82E78;
        margin-top: -5px;
        margin-bottom: 5px;
}

/* lollypop-online */

#lollypop-online {        
        background-image: url(../_img/lolly-star-art.gif);
        background-position: 4px center;
        background-repeat: no-repeat;   
        background-color: transparent;
        color: #C82E78;
        position: absolute;
        display: block;
        border: #CCC 1px solid;
        margin-left: 250px;
        width: 175px;   
        max-width: 150px;
        padding: 5px 5px 5px 20px;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
}    
#lollypop-online:hover {        
        background-color: transparent;
        color: #CA347C;       
        border: #C82E78 1px solid;
}