* {
        margin: 0px;
        padding: 0px;
        border: 0px;
        
}

body {
        color: #3a3a3a;
        font-family: Verdana, Tahoma;
        font-size: 11px;
        text-align: left;
        background: url('../gfx/bg1.jpg') repeat-y top left #fcfaf9;
                
}

.clear {
        clear: both;
        width: 100%;
        height: 0px;
        font-size: 0px;
        line-height: 0px;
}

a:link, a:visited {
        text-decoration: none;
}

a:hover, a:active {
        text-decoration: none;
}

div#main {
        width: 100%;
        background: url('../gfx/bg1.jpg') repeat-y top left #fcfaf9;
}

div#main_container1 {
        min-width: 1176px; 
        width: 100%; 
        min-height: 400px; 
        background: url('../gfx/bg1.jpg') repeat-y top left #fcfaf9;
        
        padding-bottom: 50px;
}

div#main_container2{
        width: 100%;
        height: 100%;
        background: url('../gfx/bg2.jpg') no-repeat top left transparent;
}

div#menu {
        width: 100%;
        min-height: 200px;
        font-size: 11px;
        font-family: Tahoma;
        font-weight: bold;
        text-transform: uppercase;
        text-align: left;
        color: #77603a;        
}


div#menu ul {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
}

div#menu ul li {
        display: block;
        list-style: none;
        
        background: url('../gfx/li_bg.png') no-repeat top left transparent;
        padding-left: 15px;
        padding-top: 4px;
        margin-top: 4px;
        width: 184px;
        height: 16px;
}

div#menu ul li a{
        font-size: 11px;
        font-family: Tahoma;
        text-transform: uppercase;
        text-align: left;
        color: #77603a;
}

div#menu ul li a:hover, div#menu ul li a:active{
        color: #842C2C;               
        text-decoration: underline;
}

div#link {
        position: absolute; top: 0; left: 100px;
        height: 110px;
        width: 200px;
}


div#menu_top {
        width: 585px;
        height: 89px;
        background: url('../gfx/top_bg.png') no-repeat top center transparent;
        margin-left: 60px;
        
}

div#search {
        padding-top: 35px;
        padding-left: 50px;
        width: 170px;
        
        display: inline;
        float: left;
        padding-right: 45px;
}

div#logowanie, div#kontakt, div#regulamin, div#koszyk {
        display: inline;
        float: left;
        width: 52px;
        height: 45px;
        margin-top: 12px;
        margin-left: 10px;
}

div#log_img {
        width: 52px;
        height: 45px;
        background: url('../gfx/log_img.png') no-repeat top left transparent;
}

div#kon_img {
        width: 52px;
        height: 45px;
        background: url('../gfx/kon_img.png') no-repeat top left transparent;
}

div#reg_img {
        width: 52px;
        height: 45px;
        background: url('../gfx/reg_img.png') no-repeat top left transparent;
}

div#kosz_img {
        width: 52px;
        height: 45px;
        background: url('../gfx/kosz_img.png') no-repeat top left transparent;
}

div#inp1 {
        display: inline;
        float: left;
}

div#inp2 {
        margin-left: 2px;
        margin-top: 1px;
        display: inline;
        float: left;
}

input#simple2 {
        border: 1px solid #aaaaaa;
        height: 15px;
        width: 102px;
        font-family: DejaVu Sans;
        color: #000000;
        font-size: 11px;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 1px;
        text-transform: uppercase;
        font-weight: bold;
}

input#submit {
        width: 39px;
        height: 16px;
        background: url('../gfx/ok.jpg') no-repeat top left transparent;
        cursor: pointer;
}


div#widok {
        width: 100%;
}

div#widok2{text-align: right;
        width: 150px;
        height: 30px;margin: 0 auto;
        margin-left: 585px;
}

#widok_tekst{
        font-family: Myriad Pro, Verdana;
        font-size: 14px;
        font-weight: bold;
        color: #7ffd04;
        display: inline;
        float: left;
        padding-top: 4px;
        padding-right: 5px;
}

#siatka{
        width: 25px;
        height: 26px;
        background: url('../gfx/siatka.png') no-repeat top left transparent;
        display: inline;
        float: left;
        padding-right: 5px;
        cursor:pointer;
}

#lista{
        width: 25px;
        height: 26px;
        background: url('../gfx/lista.png') no-repeat top left transparent;
        display: inline;
        float: left;
        
        cursor: pointer;
}

div#center_content{
        width: 100%;
        min-height: 400px;
        padding-left: 20px;
}


div.product{
        width: 100%;
        
        display: inline;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 12px;
        
}

div.product_content {
        width: 83%;
        min-height: 120px;
        min-width: 640px;
        max-width: 640px;
        background-color: #ffffff;
        padding-top: 8px;
        padding-bottom: 5px;
        padding-left: 20px;
        
        position: relative;
}

div.product_foto {
        width: 161px;
        height: 107px;

        border: 1px solid #c2b194;
        display: inline;
        float: left;
}

div.product_info {
        padding-left: 20px;
        margin: 0 auto;
        font-family: Myriad Pro, Verdana;
        font-size: 11px;
        color: #000000;

        line-height: 20px;
        display: inline;
        float: left;
        
        padding-right: 5px;
        width: 60%;
}

.product_info p{
        font-family: Myriad Pro, Verdana;
        font-size: 11px;
        color: #000000;
        
        line-height: 20px;
}

.product_dodaj {
        width: 151px;
        height: 22px;
        
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        background: url('../gfx/dodaj.jpg') no-repeat top left transparent;
}

span.pc1, span.pp1 {
        color: #c2b194;
        
}

span.pc2, span.pp2 {
        color: #919191;
        padding-left: 5px;
}

div#right_content {
        width: 100%;
        min-height: 400px;
}

div#zaw_koszyk {
        width: 175px;
        min-height: 126px;

        text-align: left;
        margin: 0 auto;
        margin-right: 0;
        
        padding-bottom: 20px;
}

div#kosz_top {
        width: 150px;
        height: 10px;
        background: url('../gfx/kosz_top.png') no-repeat top left transparent;
}

div#kosz_middle {
        width: 150px;
        min-height: 130px;
        background: url('../gfx/kosz_middle.png') no-repeat top left;
        
}

div#kosz_middle_content {
        padding-left: 10px;
        padding-right: 5px;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: white;
        koszyka;
}

div#kosz_middle_content p {
        padding-bottom: 15px;
}

div#kosz_middle_content ul {
        margin-left: 10px;
        list-style-type: decimal; 
}

div#kosz_bottom {
        width: 150px;
        height: 10px;
        background: url('../gfx/kosz_bottom.png') no-repeat top left transparent;
}

div#kosz_cena {
        text-align: right;
        min-height: 30px;
        padding-top: 7px;
        width: 100%;
}

#c1 {
        font-size: 23px;
        color: #842C2C
}

#c2 {
        font-size: 17px;
        color: #842C2C
}

#c3 {
        font-size: 12px;
        color: #842C2C
        
}

div#nowosci {
        width: 168px;
        min-height: 150px;
        text-align: left;
        margin: 0 auto;
        margin-right: 0;
        padding-bottom: 10px;
        padding-right: 5px;
}

div#now_top {
        width: 168px;
        height: 20px;
        background: url('../gfx/now.jpg') no-repeat top left transparent;
        padding-bottom: 10px;

}

div#now_prod {
        width: 145px;
        min-height: 140px;
        padding: 3px;
        text-align: center;
        border: 1px solid #c2b194;

}

div#now_foto {
        width: 141px;
        height: 93px;
        margin: 0 auto;

}

p.nazwa_p {
        text-transform: uppercase;
        color: #000000;
        font-family: Arial;
        font-size: 10px;
        padding-top: 3px;
}

p.cena_p {
        text-transform: uppercase;
        color: #c2b194;
        font-family: Arial;
        font-size: 10px;
        padding-top: 2px;
}

p.cena_p span {
        padding-left: 5px;
        color: #868686;
}

div#promocje {
        width: 168px;
        min-height: 150px;
        
        text-align: left;
        margin: 0 auto;
        margin-right: 0;
        padding-bottom: 10px;
        padding-right: 5px;
}

div#pro_top {
        width: 168px;
        height: 20px;
        background: url('../gfx/pro.jpg') no-repeat top left transparent;
        padding-bottom: 10px;
}

div#pro_prod {
        width: 145px;
        min-height: 140px;
        padding: 3px;
        text-align: center;
        border: 1px solid #c2b194;
}

div#pro_foto {
        width: 141px;
        height: 93px;
        margin: 0 auto;

}







div#wyprzedaz {
        width: 168px;
        min-height: 150px;
        
        text-align: left;
        margin: 0 auto;
        margin-right: 0;
        padding-bottom: 10px;
        padding-right: 5px;
}

div#wyp_top {
        width: 168px;
        height: 20px;
        background: url('../gfx/wyp.jpg') no-repeat top left transparent;
        padding-bottom: 10px;
}

div#wyp_prod {
        width: 145px;
        min-height: 140px;
        padding: 3px;
        text-align: center;
        border: 1px solid #c2b194;
}

div#wyp_foto {
        width: 141px;
        height: 93px;
        margin: 0 auto;

}












div#footer{
        text-align: center;
}

div#footer p#foot{
        font-size: 11px;
        color: #222222;
        font-family: Arial;
        
}

p#foot a:link, p#foot a:visited{
        color: #558822;
        text-decoration: none;
}

p#foot a:hover, p#foot a:active{
        color: #558822;
        text-decoration: underline;
}

div#left {
        width: 26%; 
        min-height: 492px; 
        
        display: inline; 
        float: left;
        
        padding-top: 290px;
        position: relative;
}


div#right {
        width: 16%; 
        min-height: 492px;
        display: inline;
        float: left;
        padding-top: 10px;
}

div#pasek {
        height: 25px;
        width: 620px;
        background-color: #C2B195;
                }

div#pasek_tekst{
        font-family: Tahoma, Verdana;
        font-size: 15px;
        font-weight: bold;
        color: white;
        display: inline;
        float: left;
        padding-right: 15px;
        padding-top: 2px;
                padding-bottom: 2px
}

/* biały tekst w pasku */
.tp { font-family: Tahoma, Verdana, Arial; font-size: 15px; font-weight: bold; color: white; text-decoration: none; padding-left: 15px;}
A.tp:LINK { font-weight: normal; color: white; text-decoration: none; }
A.tp:VISITED { font-weight: normal; color: white; text-decoration: none; }
A.tp:HOVER { font-weight: bold; color: white; text-decoration: none; }






/* menu left */
.mll { font-family: Tahoma, Arial, Times New Roman; font-size: 12px; font-weight: normal; color: #000066; text-decoration: none; }
A.mll:link { color: #000066; font-weight:normal; }
A.mll:visited { color: #000066; font-weight:normal; }
A.mll:hover { color: #842C2C; font-weight:normal; }

/* następna strona */
.mll_01 { font-family: Tahoma, Arial, Times New Roman; font-size: 12px; font-weight: normal; color: #77603a; text-decoration: none; }
A.mll_01:link { color: #77603a; font-weight:normal; }
A.mll_01:visited { color: #77603a; font-weight:normal; text-decoration: none; }
A.mll_01:hover { color: #842C2C; font-weight: normal; text-decoration: underline; }







/* wykonawca - nazwa 1 */
.oa { font-family: Tahoma, Verdana, Arial; font-size: 12px; font-weight: normal; color: black; text-decoration: none; }
A.oa:LINK { font-weight: normal; color: black; text-decoration: none; }
A.oa:VISITED { font-weight: normal; color: black; text-decoration: none; }
A.oa:HOVER { font-weight: normal; color:#842C2C; text-decoration: underline; }

/* wykonawca - nazwa 1 */
.oa_1 { font-family: Tahoma, Verdana, Arial; font-size: 13px; font-weight: normal; color: black; text-decoration: none; }
A.oa_1:LINK { font-weight: normal; color: black; text-decoration: none; }
A.oa_1:VISITED { font-weight: normal; color: black; text-decoration: none; }
A.oa_1:HOVER { font-weight: normal; color:#842C2C; text-decoration: underline; }

/* tytul */
.on {font-family: Tahoma, Verdana, Arial; font-size: 11px; font-weight: normal; color: black; text-decoration: none; }
A.on:LINK { font-weight: normal; color: black; text-decoration: none; }
A.on:VISITED { font-weight: normal; color: black; text-decoration: none; }
A.on:HOVER { font-weight: normal; color: #842C2C; text-decoration: underline; }

/* tytul w koszyku i potwierdzeniu zamówienia*/
.on_1 {font-family: Tahoma, Verdana, Arial; font-size: 11px; font-weight: normal; color: black; text-decoration: none; }
A.on_1:LINK { font-weight: normal; color: black; text-decoration: none; }
A.on_1:VISITED { font-weight: normal; color: black; text-decoration: none; }
A.on_1:HOVER { font-weight: normal; color: #842C2C; text-decoration: underline; }

/* track */
.ot { font-family: Tahoma, Verdana, Arial; font-size: 10px; font-weight: normal; color: #000066; text-decoration: none; }
A.ot:LINK { font-weight: normal; color: #000066; text-decoration: none; }
A.ot:VISITED { font-weight: normal; color: #000066; text-decoration: none; }
A.ot:HOVER { font-weight: normal; color: red; text-decoration: none; }

/* cena */
.oc { font-family: Tahoma, Verdana, Arial; font-size: 12px; color: #505050; font-weight:normal; }
A.oc:LINK { font-size: 12px; color:#842C2C; font-weight:normal; }
A.oc:VISITED { font-size: 12px; color:#842C2C; font-weight:normal; }
A.oc:HOVER { font-size: 12px; color:#842C2C; font-weight:normal; }

/* wykonawca w pe*/
.pe { font-family: Tahoma, Verdana, Arial; font-size: 15px; font-weight: bold; color: white; text-decoration: none; }
A.pe:LINK { font-weight: bold; color: white; text-decoration: none; }
A.pe:VISITED { font-weight: bold; color: white; text-decoration: none; }
A.pe:HOVER { font-weight: bold; color:#842C2C; text-decoration: underline; }

/* panel klienta */
.pk_1 { font-family: Tahoma, Verdana, Arial; font-size: 12px; font-weight: normal; color: #151764; text-decoration: none; }
A.pk_1:LINK { font-weight: normal; color: #151764; text-decoration: none; }
A.pk_1:VISITED { font-weight: normal; color: #151764; text-decoration: none; }
A.pk_1:HOVER { font-weight: normal; color:#842C2C; text-decoration: underline; }