﻿body 
{
    margin: 0 auto;
    padding: 0px;
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    color: #555555;
    
    background-color: #fff;
    /*background-image: url(../Images/bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    */
}

input 
{
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
}

textarea 
{
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
}

select 
{
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
}

a 
{
    color: #df6126;
}

a:visited 
{
    text-decoration: none;
}

a:link 
{
    text-decoration: none;
}

a:hover 
{
    text-decoration: underline;
}

img
{
    border: 0;
}

/* fonts */
.f11 {font-size: 11px}
.f11b {font-size: 11px; font-weight: bold;}
.f12 {font-size: 12px}
.f12b {font-size: 12px; font-weight: bold;}
.f13 {font-size: 13px}
.f14 {font-size: 14px}
.f14b {font-size: 14px; font-weight: bold;}
.f16b {font-size: 16px; font-weight: bold;}

/* floats */
.fl {float: left;}
.fr {float: right;}

/* colors */
.c0 {color: black;}
.c1 {color: white;}
.c2 {color: #868686;}
.c3 {color: #7a7a7a;}
.c4 {color: #929292;}
.c5 {color: red;}

/* paddings */
.pad3 {padding: 3px;}
.pad5 {padding-left: 10px;}
.pad10h {padding: 0px 10px;}

/* others */
.compSelected {border: solid 2px red;}
.compDeselected {border: solid 2px transparent;}

.gridView {border: solid 1px #CA5134;}
.gridViewHeader {background-color: #CA5134;}
.gridViewRow {background-color: #F5F5F5;}
.gridViewRowItem {background-color: Transparent;}

/* INFOMAX */

.pomarancz
{
    color: #df6126;
}

#footer
{
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 12px;
    padding-bottom: 50px;
}

#footer > a
{
    color: gray;
}

#footer > img
{
    padding-left: 10px;
    padding-right: 10px;
}

#loginMenu
{
    width: 100%;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
}

#loginMenu > div
{
    margin-right: 25px;
}

#ring
{
    position: absolute;
    top: 8px;
    left: 0;
    background: url(../Images/ring.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 295px;
}

/* tabs */
.tabsCont
{
    background: url(../Images/tabsBg.jpg) no-repeat;
    width: 605px;
    height: 349px;
    margin-top: 5px;
}

#tabs
{
    width: 590px;
    margin-left: 25px;
    padding-top: 2px;
}

.tab > div
{
    text-align: left;
    margin: 0px;
    margin-top: -12px;
    margin-bottom: -12px;
    padding: 10px;
    font-size: 11px;
}

.tab > div a
{
    color: #df6126;
}

.tab > div a:hover
{
    text-decoration: underline;
}

.tab > div > ul.lista, .tab > div > ol.lista
{
    padding: 2px;
    padding-left: 15px;
}

li
{
    padding-top: 4px;
}

.tab > div input, textarea, select
{
    width: 300px;
}

.pochyl
{
    font-style: italic;
}

/* Menu lewe */
#menuLeft
{
    position: relative;
    left: 0px;
    width: 228px;
    float: left;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

#menuLeft table
{
    position: relative;
    width: 185px;
    text-align: left;
}

#menuLeft table tr
{
    height: 15px;
}

#menuTop
{
    width: 228px;
    height: 39px;
    background: url(../Images/sklep/menuTop.jpg) no-repeat;
}

#menuMiddle
{
    width: 228px;
    background: url(../Images/sklep/menuMid.jpg) repeat-y;
    text-align: left;
    margin: 0 auto;
    padding: 0;
}

#menuMiddle div > table
{
    /*padding-left: 30px;*/
}

#menuBottom
{
    width: 228px;
    height: 32px;
    background: url(../Images/sklep/menuBtm.jpg) no-repeat;
}

#wyprzTop
{
    width: 228px;
    height: 39px;
    margin-top: 20px;
    background: url(../Images/sklep/wyprzTop.jpg) no-repeat;
    text-align: center;
    vertical-align: middle;
}

#wyprzTop h2
{
    color: #FFFFFF;
    height: 39px;
    padding-top: 7px;
}

#wyprzMid
{
    width: 228px;
    min-height: 50px;
    background: url(../Images/sklep/wyprzMid.jpg) repeat-y;
    text-align: justify;
    padding-left: 39px;
    padding-right: 4px;
}

#wyprzBtm
{
    width: 228px;
    height: 90px;
    background: url(../Images/sklep/wyprzBtm.jpg) no-repeat;
}

.slides, .slide
{
    position: relative;
    width: 150px;
    height: 73px;
    text-align: center;
}

/* CONTENT */

#contentMain
{
    float: left;
    position: relative;
    width: 670px;
    min-height: 250px;
    margin-left: 10px;
    margin-top: 7px;
    padding: 30px;
    border: 2px solid #cecece;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

#ringi
{
    position: absolute;
    width: 190px;
    height: 47px;
    top: 40px;
    left: -30px;
}

.groupTitle
{
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #929292;
    padding-left: 20px;
    padding-bottom: 20px;
    background: url(../Images/sklep/bulletBig.png) no-repeat 0px 4px;
}

#gotowy
{
    width: 170px;
    float: left;
}

#gotowyLista
{
    width: 430px;
    margin-left: 50px;
    float: left;
}

.loginTable1
{
    width: 100%;
    text-align: center;
}

.loginTable1 a
{
    font-weight: bold;
}

/* price Viewer */

.priceViewer
{
    text-align: center;
}

.priceViewer select
{
    width: 50px;
}

.cenaTopBg
{
    height: 40px;
    background: url(../Images/sklep/panelKoszykMid.png) repeat-y;
    vertical-align: middle;
}

.cenaBg
{
    background: url(../Images/sklep/panelKoszykMid.png) repeat-y;
}

.cenaBtm
{
    height: 14px;
    background: url(../Images/sklep/panelKosztkbtm.png) no-repeat;
}

