body {
    background-color: #31384A;
    font-family:  arial, sans-serif;
    font-size: 14px;

}

p {

    margin: 10px 0;
    line-height: 130%;
}


H1 {
    font-size: 11px;
    vertical-align: middle;
    padding: 7px 40px 5px 40px;
    margin: 0px 0 10px 0;
    color: #085C81;
    width: 	420px;
    height: 13px;
    background-image: url(images/header.jpg);
    font-weight: bold;
}

H3 {
    font-size: 11px;
    vertical-align: middle;
    padding: 7px 28px 5px 28px;
    margin: 0 0 10px 0;
    color: #085C81;
    width: 	129px;
    height: 13px;
    background-image: url(images/menu_left_top.jpg);
    font-weight: bold;
}


#wrapper {
    font-size: 85%;
    width: 765px;
    margin: 10px auto;
    background-color: #fff;
}

#header {
    text-indent:-2000px;
    width: 765px;
    height: 172px;
}

#header a
{
    width:100%;
    height:100%;
    display:block;
}

#menu_horizontal  {
    list-style-type: none;
    background-image: url('images/vert_gradient.jpg');
    width: 765px;
    height: 42px;
    margin: auto;
    font-weight: bold;
    font-family:  arial, sans-serif;

}


#menu_horizontal LI {
    float: left;

}


#menu_horizontal LI a {
    background-image: url(images/vert_separator.jpg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 28px;
    padding-left: 28px;
    display: block;
    line-height: 42px;
    text-decoration: none;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #787878;
    /*
    border:1px solid red;
    */
}

.wiecej_specjalna a {
    font-family: verdana, arial, sans-serif;
    font-size:  11px;

}


#last {
    background-image: none !important;
}

#menu_horizontal LI a:hover,
#menu_left LI a:hover
{
    color: #6397AF;
}

#gradient {
    width: 765px;
    height: 21px;
    background-image: url(images/vert_gradient2.jpg);
}

#menu_left {
    width: 205px;
    padding-left: 20px;
    background-image: url('images/dot_vertical_main.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    float: left;
}



#menu_left LI a {
    width: 159px;
    padding-left: 10px;
    display: block;
    line-height: 22px;
    text-decoration: none;
    font-size: 12px;
    color: #454545;
}

#menu_left LI {
    background-image: url('images/news_back.jpg');
    background-repeat: no-repeat;
    margin-left: 10px;

}

.menu_first {
    background-image: url('images/dot_orange.jpg') !important;
    background-repeat: no-repeat;
    background-position: left;
}


#pp {
    width: 183px;
    height: 100px;
    border: 1px solid #EAEAEA;
    margin: 20px 0;
}

#wrapper a {
    color: #888;
}

#pp a {
    position: relative;
    left: 120px;
    bottom: 20px;
}

#auth_partner {

    display: table-cell;
    width: 180px;
/*    height: 100px;*/
    border: 1px solid #EAEAEA;
    padding: 8px 3px !important;
    margin: 0 !important;
    text-align: center;
    vertical-align: middle;

}

#dotpay {
    width: 160px;
    height: 91px;
    padding: 0px 10px;
    margin: 5px 0 10px 0;
    text-align: center;
    
}

#content {
    float: left;
    padding-left: 20px;
}

/*
* footer

*/

#menu_footer {
    color: #aaa;

}

#footer {
    background-image: url('images/footer_back.jpg');
    background-repeat: repeat-x;
    width: 745px;
    height: 16px;
    color: #555;
    text-align: right;
    padding: 10px 10px 0 10px;
    font-size: 90%;
}

#footer_bottom {
    background-image: url('images/footer_bottom_back.jpg');
    background-repeat: no-repeat;
    background-color: #31384A;
    width: 765px;
    height: 4px;
}

/*
* main page content
*/


#main_page {
    width: 500px;
    padding-bottom: 20px;
}

#main_page UL {

    list-style-image: url('images/dot_orange_small.jpg');
    list-style-position: outside;
    margin: 5px 0 8px 25px;
}

#main_page   LI {
    margin: 3px 0;
    line-height: 130%;
}


#main_page h2, #main_page h2 a {
    color: #085C81;
    font-weight: bold;
    font-size: 95%;
    margin-bottom: 5px;
}

#main_page h4 {
    color: #085C81;
    font-weight: bold;
    font-size: 120%;
    margin: 10px 0 10px;
    border-bottom: 1px solid #3b8fb4;
    width: 50%;
}

.main_page_item {
    float: left;
    display: block;
    margin-right: 20px;
}

.item_desc {
    padding: 5px 0 0 50px;
    margin-left: 10px;
}

.item_desc p {
    font-size: 90%;
    color: #555 !important;
}

.item_desc LI a {
    text-decoration: none;
    color: #454545 !important;
}

.zamow_teraz {
    margin: 10px 0;
    display: block;
}
.zamow_teraz a {
    text-decoration: none;
}

.link_zamow {
    border: none;text-decoration: none;
}

.box_main_page {
    width: 240px;
    float: left;
}

.box_first {
    margin-right: 20px;
    background-image: url('images/dot_vertical.jpg');
    background-position: right top;
    background-repeat: no-repeat;
}

.dot_hor {
    margin: 15px 0;
    width: 100%;
    height: 2px;
    background-image: url('images/dot_horizontal.jpg');
    background-repeat: no-repeat;
}

#kontakt_ul   {
    list-style-image: url('images/dot_orange.jpg');
    list-style-position: inside;
    margin-left: 10px;
}

#kontakt_ul LI {
    margin: 5px 0; padding: 0;
    background-image: none;
}



/* import OLD */


.box {
    float: right;
    width: 200px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.box_img {
    border-left: 10px solid #fff;
    border-right: 20px solid #fff;
    border-bottom: 10px solid #fff;
    float: right;
}

.zamawiam {
    /*border-top: 1px solid #8ccce5;*/
    border-top: 1px solid #ddd;
    text-align: right;
    margin-top: 3px;
    padding-top: 10px;

}

.box .zamawiam {
    text-align: center !important;
}




.help {

    width: 485px;

    padding: 5px;

    border: 1px solid #aaa;

    margin: 10px 0 10px 0;

    min-height: 20px;

    float: left;

    display: inline;

    color: #555;
    /*line-height: 1.2em;*/
}



.help ul, .info ul {

    list-style-image: url('../graph/info.jpg') !important;
    list-style-position: inherit !important;
    margin-left: 40px !important;;

}



.help ul {

    padding-left: 30px;



}



.help, .info li {

    margin: 5px 3px;

}

/*
.numerek_na {
background-color: #eee;
color: #aaa;

}

.numerek_a {
background-color: #027AB7;
color: #fff;

}

.numerek {



border: 1px solid #005895;

margin: 0 10px 0 2px;

width: 20px;

height: 20px;

padding: 3px;

text-align: center;

vertical-align: middle;

font-size: 14px;

font-weight: bold;

float: left;

display: inline;
}

*/

.tabela_zamowienia {
    width: 100%;
}

table {
    border-collapse: collapse;
}

TH {

    background-color: #31384A;

    color: #fff;
border: 1px solid #000;
    padding: 3px;
font-weight: bold;
    text-align: center;
}


TD {

    border: 1px solid #aaa;
    text-align: right;
    padding: 3px;
    margin: 2px;
}


.inp {border: none}
.inp INPUT {width: 95%;border: 1px solid #888;font-family: verdana, arial;font-size: 12px}
.inp TEXTAREA {width: 95%;border: 1px solid #888;font-family: verdana, arial;font-size: 12px}
.inp2 {border: none;border-bottom: 1px solid #aaa;text-align: left; }

.buttonik {

    border: 1px solid black;

    background-color: #fff;

    padding: 0;

    width: 90px;

    height: 22px;

    margin: 0;

}


/*.submitek {*/

/*border: 1px solid black;*/

/*background-color: #aaa;*/

/*padding: 0;*/

/*margin: 0;*/

/*width: 90px;*/

/*height: 22px;*/

/*}*/


#zam_form {
    width: 480px;
    margin-top: 10px;
}

#zam_form TD {padding:0 2px;}


.fl {border: none;vertical-align: top;width: 25%;}

.fl_ {

    float: left;

}

.diagram {
    border-collapse: collapse !important;
}

.diagram td {
/*    border-collapse: collapse !important;*/
}

.diagram a {
    color: #fff  !important;
}

.fillbgr {
    background-color: #666;
    
}

.submenu {
    list-style-image: url('images/dot_orange.jpg') !important;
    margin-left: 10px  !important;
}

.zamow_submenu {
    float: right;
    margin-top: -45px;
}

.cennik_submenu {
    float: right;
    margin-top: -75px;

}


.submenu A {
    font-size: 110%;
    text-decoration: none;

}

.submenu A:HOVER {
    color: #6397AF !important;
}

.submenu li {
    padding: 3px 0;

}

.submenu li p {
    color: #888;
    font-size: 95%;
    font-weight: normal;
    margin: 0px;

}

.box_left {
    float: left;
    margin-bottom: 10px;
    border-bottom: 5px solid #eee;
}

.box_right {
    float: left;
    margin-bottom: 10px;
    border-bottom: 5px solid #eee;
}

.logo_box {
    width: 245px;
/*    border: 1px solid red;*/
    float: left;
    padding: 0 0 0px 0;
    margin: 0 0 0px 0;
/*    border-bottom: 5px solid #eee;*/
}

.logo_box img {
    margin: 10px 0;

}


.right_menu {
    float: left;
    width: 245px;
    padding: 0 0 0px 0;
    margin: 0 0 0px 0;
/*    border-bottom: 5px solid #eee;*/
/*    border: 1px solid green;*/
}

.hr_bold {
    border: 5px solid #eee;
}
.zam_szkola {
    padding: 0 !important;
    margin: 0 !important;
}

.mniej {
    margin-left: -10px;
}

.wiecej {
    padding-left: 15px;
    text-decoration: none !important;
    text-align: center;

    font-weight: bold;
}






#menu_img {
    margin: 10px 0;

}

#menu_img  LI  {
    background-image: none;
    margin: 2px 0 2px 10px;
    width: 170px;
    border-bottom: 1px solid #eee;

}

#menu_img  LI  A {
    display: block;
    border-left: 3px solid #eee;
}

#menu_img  LI  A:HOVER {
    border-left: 3px solid #6397AF;
    width: 155px;

}


.rarrow {
    padding: 0 5px;

}

.newsy {
    margin: 5px 0;
}

hr {
    color: #aaa;
    border: 1px solid #ddd;

}

.netto {
    font-size: 85%;
    color: #aaa;
}

.hidden { display: none; }
.unhidden { display: block; }

#reseller img {

    margin: 20px 10px;
}

.cenaod {
    font-size: 80%;
    padding-left: 10px;
    font-weight: normal;
}

.pobierz {
    font-size: 75% !important;
    color: #eee !important;
    margin-left: 20px;
}

.pobierz img {
    margin-right: 5px;
}

#menu_left_sub {
    margin: 10px 0;
}

#ggchat {
    margin: 10px 0;
    cursor: pointer;
    width: 180px;
    text-align: center;

}

#opcje_dodatkowe {
    color: #888;
}
.udoskonalono {
    font-size: 85%;
    color: blue;
}

.nowosc {
    font-size: 85%;
    color: red;
}


#tabela_porownawcza a {
    text-decoration: none;
    color: #fff;
}

.common {
    text-align: left;
}
.checked {
    text-align: center;
}

.tr_header td {
    font-weight: bold;
    background-color: #aaa;
    text-align: center;
}


.tr_header2 td {
    font-weight: bold;
    text-align: center;
    background-color: #eee;
}

.product_image {
    float: left;
    margin: 0 20px 10px 5px;
    max-width: 150px;
    
}

.short_description {
    font-size: 95%;
    float: left;
    margin-bottom: 10px;
    margin-left: 5px;
    width: 320px;
}

.short_description ul {
    margin-left: 15px !important;
}

.short_description ul li {
    list-style-image: url('images/blue_dot.png');

}

.clr {
    clear: both;
}

.more {

    font-weight: bold;
    float: right;
    margin-right: 10px;
}

.more a {
    text-decoration: none;
}

.product_menu {
margin-bottom: 50px;

}

.product_tab {
    margin: 0 !important;
    
    padding: 0 !important;
    width: 100%;
}

.product_tab li {
    list-style: none;
    float: left;
    font-size: 100%;
    background-color: #fff;
    border: 1px solid #aaa;
    margin: 0 2px !important;

}

.product_tab li a {
    padding: 3px 19px;
    display: block;
    color: #555;
    text-decoration: none;
    font-weight: bold;

}

.product_tab a:hover, .here {
    color: #fff !important;
    background-color: #0B5F8A !important;
}



.product_desc {

}

.no_list LI {
    list-style: none;
}

.small_text {
    font-size: 80%;
}

.small_box {
    float: left;
    margin: 0px 40px 0 0;

}

form h2 {
    margin-top: 20px;
}

.price_new {
    font-size: 130%;
    color: red;
}

.price_old {
    text-decoration: line-through;
    font-size: 100%;
    color: #666;
}

.price_common {
    font-size: 130%;
    
}


.price_new_small {
    font-size: 90%;
    color: #000;
}

.price_old_small {
    text-decoration: line-through;
    font-size: 85%;
    color: #888;
}


.list-cell a:hover {
    color: #000 !important;
}


.menu-product-table td {

    text-align: left;
    vertical-align: top;
    border: none;
}

.menu-product-table td a {

    font-size: 120%;
    text-decoration: none;
}

.menu-product-table p {
    font-size: 85%;
}


object {
    margin-bottom: 20px;
}

.info_product {
    font-size: 90%;
    color: #666;
}

.info {

    display: none;

}

.info_icon {
    margin-left: 5px;
    cursor: help;
}

#cart .name {
    text-align: left;
}

#cart td {
    margin: 0px !important;

}

#cart input {
    border: 1px solid #aaa;
    width: 30px;
    padding: 2px;
}


.back___right_menu li {
    list-style: none;
    padding-left: 20px;
    background:url('images/arrow_right.gif') no-repeat ;
    height: 1.5em;
    vertical-align: middle;
}

.back___right_menu a {
    text-decoration: none;
    font-size: 110%;
}

.blue_button {
    margin: 5px 5px 0 0;
    background-color: #4A87A3;
    color: #fff;
    font-size: 90%;
    font-family: verdana, arial, sans-serif;
    border: none;
    padding: 2px 5px !important;
    font-weight: bold;
    
    border: 1px solid #4A87A3;
}

.blue_button:hover {
    background-color: #175470;
    cursor: pointer;
    border: 1px solid #175470;
}


.short {
    width: 100px;
}

.order_form label {
    color: #666;
}

.order_form label strong {
color: #000;
}
.order_form {
    margin-bottom: 20px;
}
.order_form td {
    border: none;
    
}

.form_item

{
    border: 2px solid #ddd;
    padding: 2px;
    width: 350px;
    font-size: 100%;
}


.highLightInput {
    background-color: #FCFFC5;
}


.errors {

    border: 1px solid #DD8282;
    background-color: #FFDFDF;
    margin: 10px 0;
        padding: 5px;
}

.table_confirm {
    width: 100%;
    border-collapse: collapse;
font-size: 100%;
}

.table_confirm td {
    margin: 3px;
    padding: 4px 4px;
    text-align: left;
    border: 1px solid #ccc;
}

.table_confirm th {
    color: #000;
    text-align: right;
    border: 1px solid #ccc;
    background-color: #fff;
}


.gray {
    color: #888;
}

.pricer {
    text-align:right;
    white-space: nowrap;
}

.delitem {
    
    margin: 10px 10px;
}

.hash {
    font-family: Courier, "Courier New", monospace;
    font-size: 16px !important;
    color: #000;
    font-weight: bold;

}

.status {
    font-size: 120%;
    
    color: #333;
}

.bordered {
    border: 2px solid #ddd;
}

.ctr {
    vertical-align: middle;
    text-align: center;
}

.lft {
    text-align: left;
}

.button_left {
border: 1px solid #D5D5D5;
    background-color: #EAEAEA;
    width: 183px;
    height: 21px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
}

.button_left a {
    color: #085C81 !important;
    text-decoration: none;
}

.button_left a:hover {
 color: #6397AF !important;
}