* {
        margin: 0;
        padding:0;
}
body {
        z-index: 1;
        position: relative;
        font: 10px Tahoma;
        background: url(../img/bg.gif) repeat-x;
}
.margin
{
        margin-left: 20px;
}
.ab
{
        margin-top: 10px;
}
.form
{
        margin: 0px;
        padding: 0px;
        display: inline-block;
}
#container
{
        margin: 0 auto;
        width: 800px;
}
.submit_txt
{
        margin: 0px;
        border: 0px;
        padding: 0px;
        background: 0;
        cursor: pointer;
        color: #4f4e4e;
        font-weight: bolder;
        font: 10px Tahoma;
}
.td_menu
{
        width: 44px;
        padding-left: 3px;
}
span#login a#site {
        text-indent: -1000em;
        display: block;
        background: url(../img/site.png) no-repeat;
        height: 40px;
        margin-top: -5px;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
span#login a#site:hover {
        text-indent: -1000em;
        display: block;
        background: url(../img/site_a.png) no-repeat;
        height: 40px;
        margin-top: -6px;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
span#login a#add {
        text-indent: -1000em;
        display: block;
        background: url(../img/add.png) no-repeat;
        height: 40px;
        margin-top: -5px;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
span#login a#add:hover {
        text-indent: -1000em;
        display: block;
        background: url(../img/add_a.png) no-repeat;
        height: 40px;
        margin-top: -6px;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
span#login a#index {
        text-indent: -1000em;
        display: block;
        background: url(../img/index.png) no-repeat;
        height: 40px;
        margin-top: -5px;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
span#login a#index:hover {
        text-indent: -1000em;
        display: block;
        background: url(../img/index_a.png) no-repeat;
        height: 40px;
        margin-top: -6px;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
span#login a#users {
        text-indent: -1000em;
        display: block;
        background: url(../img/users.png) no-repeat;
        height: 40px;
        margin-top: -5px;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
span#login a#users:hover {
        text-indent: -1000em;
        display: block;
        background: url(../img/users_a.png) no-repeat;
        height: 40px;
        margin-top: -6px;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
span#login a#setting {
        text-indent: -1000em;
        display: block;
        background: url(../img/setting.png) no-repeat;
        height: 40px;
        margin-top: -5px;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
span#login a#setting:hover {
        text-indent: -1000em;
        display: block;
        background: url(../img/setting_a.png) no-repeat;
        height: 40px;
        margin-top: -6px;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
span#login a#payment2 {
        text-indent: -1000em;
        display: block;
        background: url(../img/pay_a.png) no-repeat;
        height: 40px;
        margin-top: -5px;
        position: relative;
        z-index: 2;
}
span#login a#payment {
        text-indent: -1000em;
        display: block;
        background: url(../img/pay.png) no-repeat;
        height: 40px;
        margin-top: -5px;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
span#login a#payment:hover {
        text-indent: -1000em;
        display: block;
        background: url(../img/pay_a.png) no-repeat;
        height: 40px;
        margin-top: -6px;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
span#login a#logout {
        text-indent: -1000em;
        display: block;
        background: url(../img/logout.png) no-repeat;
        height: 40px;
        margin-top: -5px;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
span#login a#logout:hover {
        text-indent: -1000em;
        display: block;
        background: url(../img/logout_a.png) no-repeat;
        height: 40px;
        margin-top: -6px;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
span#login a#pp2 {
        text-indent: -1000em;
        display: block;
        background: url(../img/pp_a.png) no-repeat;
        height: 40px;
        margin-top: -5px;
        position: relative;
        z-index: 2;
}
span#login a#pp {
        text-indent: -1000em;
        display: block;
        background: url(../img/pp.png) no-repeat;
        height: 40px;
        margin-top: -5px;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
span#login a#pp:hover {
        text-indent: -1000em;
        display: block;
        background: url(../img/pp_a.png) no-repeat;
        height: 40px;
        margin-top: -6px;
        cursor: pointer;
        position: relative;
        z-index: 2;
}
table.list_2 {
        border-collapse: separate;
        border-spacing: 1px;
}
table.list_2 td.td_1 {
        background: #e8e8e8;
        font-weight: bold;
        border: 1px solid #e0dede;
        padding: 2px 3px 2px 3px;
}
table.list_2 td.td_2 {
        background: #f5f2f2;
        border: 1px solid #e0dede;
        padding: 2px 3px 2px 3px;
}
table.list_2 td.td_3 {
        background: #ffffff;
        border: 1px solid #e0dede;
        padding: 2px 3px 2px 3px;
}
table.edit {
        border-collapse: separate;
        border-spacing: 1px;
}
table.edit td.td_1 {
        background: #e8e8e8;
        font-weight: bold;
        border: 1px solid #e0dede;
        padding: 2px 3px 2px 3px;
}
table.edit td.td_2 {
        background: #f5f2f2;
        border: 1px solid #e0dede;
        padding: 2px 3px 2px 3px;
}
table.edit td.td_3 {
        background: #ffffff;
        border: 1px solid #e0dede;
        padding: 2px 3px 2px 3px;
}
table.list {
        border-collapse: separate;
        border-spacing: 1px;
}
table.list td.td_1 {
        background: #e8e8e8;
        text-align: center;
        font-weight: bold;
        border: 1px solid #e0dede;
        padding: 2px 0px 2px 0px;
}
table.list td.td_2 {
        background: #f5f2f2;
        border: 1px solid #e0dede;
        padding: 2px 0px 2px 0px;
}
table.list td.td_3 {
        background: #ffffff;
        border: 1px solid #e0dede;
        padding: 2px 0px 2px 0px;
}
table.list img.icon_navi {
        margin: 0px;
        margin: -1px 0px -3px 0px;
}

span#input input.input_error {
        border: 1px solid #c29100;
}
span#input b.txt_error {
        color: #c29100;
        font-weight: bold;
}
span#input input, textarea, select {
        color: #8a8a8a;
        border: 1px solid #c3cacd;
        padding-left: 2px;
}
span#input input:focus {
        border: 1px inset #c3cacd;
}
span#input textarea:focus {
        border: 1px inset #c3cacd;
}
span#input input.radio
{
        border: 0px;
}
span#input input.submit
{
        padding: 0px 10px 2px 10px;
}
div.error {
        border-left: 1px solid #facd4a;
        border-top: 1px solid #facd4a;
        border-right: 2px solid #c29100;
        border-bottom: 2px solid #c29100;
        padding: 5px;
        color: #d1a005;
        font-weight: bold;
        margin-bottom: 10px;
}
div.error img {
        margin: 0px 10px -3px 0px;
        padding 0px;
}
div.success {
        border-left: 1px solid #b0d8a1;
        border-top: 1px solid #6fac58;
        border-right: 2px solid #679356;
        border-bottom: 2px solid #679356;
        padding: 5px;
        color: #3b7923;
        font-weight: bold;
        margin-bottom: 10px;
}
div.success img {
        margin: 0px 10px -3px 0px;
        padding 0px;
}
a {
        text-decoration: none;
        color: #4f4e4e;
}
a:hover {
        text-decoration: underline;
}
a:focus {
        overflow: hidden;
}
fieldset {
        border: 0;
        padding: 0;
        margin: 0;
}
h1 {
        display: block;
        float: left;
        width: 270px;
        height: 74px;
        background: url(../img/logo.jpg) no-repeat;
        text-indent: -1000em;
        margin: 15px 0;
}
span#login {
        float: right;
        background: url(../img/formlogin.jpg) no-repeat;
        width: 364px;
        height: 48px;
        padding: 10px 0 5px 20px;
}
span#login td {
        align: center;
}
span#login input {
        color: #8a8a8a;
        width: 116px;
        height: 16px;
        border: 1px solid #c3cacd;
        padding: 3px 5px;
        margin: 2px 10px 0 0;
        float: left;
}
span#login input:focus {
        border: 1px inset #c3cacd;
}
span#login input#submit {
        width: 62px;
        height: 24px;
        border: 0px;
        text-indent: -1000em;
        background :url(../img/login.jpg) no-repeat;
        float: left;
        cursor: pointer;
}
ul#menu {
        float: right;
        width: 383px;
        height: 42px;
}
ul#menu li {
        float: left;
        list-style: none;
}
ul#menu a {
        display: block;
        float: left;
        height: 42px;
        text-indent: -1000em;
}
ul#menu a#glowna {
        background: url(../img/glowna.gif) no-repeat;
        width: 86px;
}
ul#menu a#glowna:hover {
        background-position: 0 -42px;
}
ul#menu a#oferta {
        background: url(../img/oferta.gif) no-repeat;
        width: 88px;
}
ul#menu a#oferta:hover {
        background-position:0 -42px;
}
ul#menu a#rejestracja {
        background: url(../img/rejestracja.gif) no-repeat;
        width: 77px;
}
ul#menu a#rejestracja:hover {
        background-position: 0 -42px;
}
ul#menu a#regulamin {
        background: url(../img/regulamin.gif) no-repeat;
        width: 80px;
}
ul#menu a#regulamin:hover {
        background-position: 0 -42px;
}
ul#menu a#kontakt {
        background: url(../img/kontakt.gif) no-repeat;
        width: 52px;
}
ul#menu a#kontakt:hover {
        background-position: 0 -42px;
}
h2 {
        display: block;
        text-indent: -1000em;
}
#presentation
{
        float: left;
        position: relative;
        width: 800px;
        height: 232px;
        background: url(../img/presentation.jpg) no-repeat;
}
#presentation ul#description
{
        position: absolute;
        top: 125px;
        left: 23px;
}
#presentation ul#users
{
        font: 10px Tahoma;
        font-weight: bold;
        position: absolute;
        top: 92px;
        left: 16px;
        color: #e2f5fc;
}
#presentation ul#users b
{
        font: 12px Tahoma;
        font-weight: bold;
}
#presentation ul#description li
{
        list-style:none;
        color: #ffffff;
        margin:5 px 0;
        padding: 0 15px;
        background: url(../img/dot.gif) 0 5px no-repeat;
}
#presentation a#more, #presentation a#register
{
        position: absolute;
        display: block;
        top: 190px;
        width: 102px;
        height: 23px;
        text-indent: -1000em;
}
#presentation a#more
{
        background: url(../img/more.jpg) no-repeat;
        left: 35px;
}
#presentation a#register
{
        background: url(../img/register.jpg) no-repeat;
        left: 157px;
}
#presentation ul#icons
{
        position: absolute;
        top: 60px;
        left: 772px;
}
#presentation ul#icons li
{
        list-style: none;
        height: 35px;
}
#presentation ul#icons a
{
        display: block;
        text-indent: -1000em;
        width: 12px;
        height: 12px;
}
#presentation ul#icons a#home
{
        background: url(../img/home.gif) no-repeat;
}
#presentation ul#icons a#list
{
        background: url(../img/list.gif) no-repeat;
}
#presentation ul#icons a#plus
{
        background: url(../img/plus.gif) no-repeat;
}
#presentation ul#icons a#mail
{
        background: url(../img/mail.gif) no-repeat;
}
#main
{
        float: left;
        width: 100%;
}
h2#logowanie {
        z-index: 1;
        position: relative;
        background: url(../img/logowanie.jpg) no-repeat;
        height: 102px;
}
h2#rejestracja {
        z-index: 1;
        position: relative;
        background: url(../img/rejestracja.jpg) no-repeat;
        height: 102px;
}
h2#kontakt {
        z-index: 1;
        position: relative;
        background: url(../img/kontakt.jpg) no-repeat;
        height: 102px;
}
h2#user_pp {
        z-index: 1;
        position: relative;
        background: url(../img/user_pp.jpg) no-repeat;
        height: 102px;
}
h2#user_finanse {
        z-index: 1;
        position: relative;
        background: url(../img/user_finanse.jpg) no-repeat;
        height: 102px;
}
h2#user_ustawienia {
        z-index: 1;
        position: relative;
        background: url(../img/user_ustawienia.jpg) no-repeat;
        height: 102px;
}
h2#user_strony {
        z-index: 1;
        position: relative;
        background: url(../img/user_strony.jpg) no-repeat;
        height: 102px;
}
h2#user_dodaj {
        z-index: 1;
        position: relative;
        background: url(../img/user_dodaj.jpg) no-repeat;
        height: 102px;
}
h2#user_info {
        z-index: 1;
        position: relative;
        background: url(../img/user_info.jpg) no-repeat;
        height: 102px;
}
h2#right_finanse {
        z-index: 1;
        position: relative;
        background: url(../img/menu_finanse.jpg) no-repeat;
        height: 102px;
}
h2#right_przejdz {
        z-index: 1;
        position: relative;
        background: url(../img/menu_przejdz.jpg) no-repeat;
        height: 103px;
}
h2#right_wykresy {
        z-index: 1;
        position: relative;
        background: url(../img/menu_wykresy.jpg) no-repeat;
        height: 103px;
}
h2#szybkistart {
        z-index: 1;
        position: relative;
        background: url(../img/right_title.jpg) no-repeat;
        height: 103px;
}
h2#reseller {
        z-index: 1;
        position: relative;
        background: url(../img/left_title.jpg) no-repeat;
        height: 103px;
}
h2#reseller_info {
        z-index: 1;
        position: relative;
        background: url(../img/reseller_info.jpg) no-repeat;
        height: 102px;
}
h2#reseller_dodaj {
        z-index: 1;
        position: relative;
        background: url(../img/reseller_dodaj.jpg) no-repeat;
        height: 102px;
}
h2#reseller_user {
        z-index: 1;
        position: relative;
        background: url(../img/reseller_user.jpg) no-repeat;
        height: 102px;
}
h2#reseller_ustawienia {
        z-index: 1;
        position: relative;
        background: url(../img/reseller_ustawienia.jpg) no-repeat;
        height: 102px;
}
h2#reseller_finanse {
        z-index: 1;
        position: relative;
        background: url(../img/reseller_finanse.jpg) no-repeat;
        height: 102px;
}
h2#reseller_pp {
        z-index: 1;
        position: relative;
        background: url(../img/reseller_pp.jpg) no-repeat;
        height: 102px;
}
h2#wide {
        z-index: 1;
        position: relative;
        background:url(../img/regulamin.jpg) no-repeat;
        height: 103px
}
h2#greensample {
        z-index: 1;
        position: relative;
        background: url(../img/reseller_oferta.jpg) no-repeat;
        height: 103px;
}
h2#bluesample {
        z-index: 1;
        position: relative;
        background:url(../img/osobiste_oferta.jpg) no-repeat;
        height: 103px;
}

div.boxleft {
        float: left;
        background: url(../img/box_left_footer.jpg) 0 100% no-repeat;
        width: 541px;
        padding: 0 0 13px 0;
        margin: 10px 0 0 0;
}
div.boxleftcontent {
        padding: 10px 15px;
        margin: 0 0 0 0px;
        width: 541px;
        background: url(../img/pow_left.jpg) repeat-y;
        color: #4f4e4e;
}
div.boxright {
        float: right;
        width: 254px;
        background: url(../img/box_right_footer.jpg) 0 100% no-repeat;
        padding: 0 0 16px 0;
        margin: 10px 0px 0px 0px;
}
div.boxrightcontent {
        padding: 0px 10px ;
        margin: 0 0 0 0px;
        width: 254px;
        background: url(../img/pow_right.jpg) repeat-y;
        color: #4f4e4e;
}
div.right_txt {
        z-index: 2;
        position:relative;
        margin: -40px 26px 0px 8px;
        text-align: justify;
}
div.left_txt {
        z-index: 2;
        position:relative;
        margin: -50px 31px 0px 2px;
        text-align: justify;
}
div.boxwide {
        float: left;
        background: url(../img/box_wide_footer.jpg) 0 100% no-repeat;
        width: 804px;
        padding: 0 0 13px 1px;
        margin: 10px 1px 0 0;
}
div.boxwidecontent {
        padding: 10px 15px;
        margin: 0 0 0 0px;
        width: 804px;
        background: url(../img/pow_p2.jpg) repeat-y;
}
div.wide_txt {
        z-index: 2;
        position:relative;
        margin: -50px 33px 0px 3px;
        text-align: justify;
        color: #4f4e4e;
}
div.boxsemi {
        float: left;
        width: 398px;
        padding: 0 0 13px 0;
        margin: 10px 0 0 1px;
        background: url(../img/box_semi_footer.jpg) 0 100% no-repeat;
}
div.boxsemicontent {
        padding: 10px 15px;
        margin:0 0 0 0px;
        width: 398px;
        background: url(../img/pow_p1.jpg) repeat-y;
}
div.semi_txt {
        z-index: 2;
        position:relative;
        margin: -50px 33px 0px 3px;
        text-align: justify;
        color: #4f4e4e;
}
div#graph {
        width: 488px;
        height: 109px;
        margin: 15px 0 15px 7px;
        position: relative;
        background: url(../img/graph.gif) no-repeat;
}
div#graph p {
        position: absolute;
        text-align: center;
        top: 22px;
        left: 110px;
        width: 130px;
        display: block;
}
div#graph a {
        font: 12px Tahoma;
        font-weight: bold;
        color: #6e9011;
        position: absolute;
        left: 155px;
        top: 59px;
}

ul#szybkistarttabc {
        width: 200px;
        margin: 20px 0 -10px 0;
}
ul#szybkistarttabc li {
        list-style: none;
        margin: 0 0 10px 0;
        padding: 0 0 0 20px;
        background: url(../img/arrow.gif) 0 4px no-repeat;
}
ul#szybkistarttabc a {
        font-weight: bold;
        color: #1c82c8;
}
ul#szybkistarttab {
        background: url(../img/szybkistarttab.jpg) 100% 0 no-repeat;
        width: 200px;
        margin: 20px 0 -10px 0;
}
ul#szybkistarttab li {
        list-style: none;
        margin: 0 0 10px 0;
        padding: 0 0 0 20px;
        background: url(../img/arrow.gif) 0 4px no-repeat;
}
ul#szybkistarttab a {
        font-weight: bold;
        color: #1c82c8;
}
#footer
{
        float: left;
        width: 780px;
        height: 38px;
        background: url(../img/footer.gif) no-repeat;
        margin: 5px 0;
        padding: 25px 10px;
        color: #4f4e4e;
}
#footer p
{
        float: left;
}
#footer ul
{
        float: right;
}

#footer ul li
{
        list-style: none;
        float: left;
}
#footer a
{
        margin: 0 5px;
        color: #4f4e4e;
}