/* 
    Document   : style.css
    Created on : 2010-02-05, 11:09:06
    Author     : TK
*/

html, body
{
    margin: 0px;
    padding: 0px;
    height: 100%;
}
body
{
    font : normal normal 11px  tahoma, helvetica, sans-serif, myriad-pro;
    background: #84BAE3 url('../images/body_bg.jpg') repeat-x;
    z-index  :1;
    color: #637786;
}

img
{
    border : none;
}
a
{
    text-decoration: none;
    color: black;
}
a:focus
{
    outline-style:none;
}

#all
{
    min-height: 100%;
    position: relative;
}

#page
{
    width : 990px;
    margin : 0px auto;
    position : relative;
    padding-bottom: 60px;
}

a.arrow1 {
    background: transparent url('../images/arrow1.jpg') no-repeat 0px 3px;
    padding-left: 10px;
    color: #005492;
}
a.white {
    color: white;
}
.lh18 {
    line-height: 18px;
}
td.thead {
    background: #ececec url('../images/thead_bg.jpg') repeat-x top;
    padding: 8px 3px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}
td.thead_left {
    border-left: 1px solid #d3d3d3;
}
td.thead_right {
    border-right: 1px solid #d3d3d3;
}
td.thead_bottom {
    border-bottom: 1px solid #d3d3d3;
}
td.tleft {
    border-left: 1px solid #e4e4e4;
}
td.tright {
    border-right: 1px solid #e4e4e4;
}
td.tbottom {
    border-bottom: 1px solid #e4e4e4;
}
td.ttop {
    border-top: 1px solid #e4e4e4;
}
td.tdark {
    color: #202325;
}
td.tbold {
    font-weight: bold;
}
td.tbig {
    font-size: 12px;
}
td.info {
    background-color: #eeeeee;
    color: #7C7B7B;
    padding: 4px 8px;
}
div.koszyk_suma {
    background: #FBFDFF url('../images/td_suma_bg.jpg') repeat-x top;
    border: 1px solid #9DB9CD;
    padding: 10px;
    font-weight: bold;
}
/*************************** STOPKA *******************************************/
#bottom {
    color: #385972;
    position:absolute;
    bottom:0;
    width:100%;
    height: 60px;
}
#bottom_content {
    width: 980px;
    margin: 0px auto;
    border-top: 1px solid #A5D2F4;
}
#bottom_left {
    padding-top: 20px;
    float: left;
    height: 22px;
}
#bottom_right {
    padding-top: 20px;
    float: right;
    height: 22px;
}
#bottom a {
    font-weight: bold;
    color: #385972;
}
#bottom a.atech {
    background: transparent url('../images/atech.jpg') no-repeat right;
    padding-right: 30px;
    padding-top: 5px;
    height: 17px;
    display: block;
    float: right;
}
#bottom_right span {
    display: block;
    float: right;
    height: 17px;
    margin-top: 5px;
    padding-right: 5px;
}
#bottom_left span {
    display: block;
    float: left;
    height: 17px;
    margin-top: 5px;
}
#partnerzy {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
#bottom_links {
    width: 980px;
    margin: 0px auto;
    text-align: justify;
    padding: 20px 0px;
}
#bottom_links a {
    padding: 0px 38px;
}
/******************************************************************************/

/************************ TOP *************************************************/
div#pagetop div {
    float: left;
}
div#pagetop div#koszyk_info {
    background: transparent url('../images/top_3.jpg') no-repeat;
    width: 197px;
    height: 102px;
    padding-top: 64px;
    padding-left: 37px;
}
div#pagetop div#logowanie {
    background: transparent url('../images/top_4.jpg') no-repeat;
    width: 231px;
    height: 166px;
}
div#pagetop div#zalogowany {
    background: transparent url('../images/top_4_1.jpg') no-repeat;
    width: 231px;
    height: 166px;
}
/************************ TOP MENU ********************************************/
#topmenu {
    background: transparent url('../images/top_menu_bg.jpg') no-repeat;
    width: 960px;
    height: 49px;
    padding: 0px 10px;
    margin: 0px auto;
}
#topmenu a {
    height: 32px;
    display: block;
    float: left;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 17px 10px 0px 10px;
    background: transparent url('../images/top_menu_link_bg.jpg') repeat-x;
}
#topmenu a:hover {
    background: transparent url('../images/top_menu_link_hover.jpg') repeat-x;
}
div#infolinia {
    float: right;
    padding-top: 18px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
}
/*********************** LEFT MENU ********************************************/
div#pageleft {
    padding: 5px;
    float: left;
    width: 205px;
}
div#pageleft div.left_block {
    width: 203px;
}
div.left_head {
    background: transparent url('../images/left_head.jpg') no-repeat;
    height: 24px;
    width: 185px;
    padding-top: 13px;
    padding-left: 18px;
    color: #324409;
    font-weight: bold;
    font-size: 12px;
}
div.head1 {
    background: transparent url('../images/head1.jpg') no-repeat;
    height: 37px;
    line-height: 37px;
    width: 662px;
    padding-left: 18px;
    color: #324409;
    font-weight: bold;
    font-size: 12px;
}
div.head2 {
    background: transparent url('../images/head2.jpg') no-repeat;
    height: 37px;
    line-height: 37px;
    width: 262px;
    padding-left: 18px;
    color: #324409;
    font-weight: bold;
    font-size: 12px;
}
div.left_item {
    background: #F5F8EC url('../images/left_item.jpg') repeat-x bottom;
    border: 1px solid #DDE9C3;
    border-top: none;
    padding: 12px 9px 10px;
}
div.left_light_item {
    background-color: #FCFFF6;
    border: 1px solid #DDE9C3;
    border-top: none;
    padding: 10px;
    color: #000000;
}
a.left_menu_link {
    background: transparent url('../images/left_arrow.jpg') no-repeat 0px 1px;
    padding-left: 20px;
    display: block;
    color: #324409;
    font-weight: bold;
}
a.left_menu_link_lvl2 {
    color: #324409;
    padding-left: 25px;
    display: block;
}
a.left_menu_link_lvl3 {
    color: #324409;
    padding-left: 35px;
    display: block;
}
a.left_menu_link_lvl4 {
    color: #324409;
    padding-left: 45px;
    display: block;
}
a.category_list {
    background: transparent url('../images/arrow4.jpg') no-repeat 2px 7px;
    padding-left: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 10px;
}
div#left_kontakt {
    background: #FCFFF6 url('../images/left_kontakt_bg.jpg') no-repeat bottom right;
    height: 250px;
    border: 1px solid #DDE9C3;
    border-top: none;
    color: #636955;
}
div#left_kontakt a.kontakt {
    color: #658616;
}
table.left_kontakt {
    padding-top: 15px;
}
table.left_kontakt td {
    padding: 4px 15px;
}
table.left_kontakt td.gg {
    padding: 0px 2px;
}
/******************************************************************************/
#pagemiddle {
    background-color: #fff;
    width: 980px;
    margin: 0px auto;
}



/************************* BUTTONY, FORMULARZE ********************************/
a.button1, input.button1 {
    background: transparent url('../images/button1.png') no-repeat;
    width: 114px;
    text-align: center;
    color: #fff;
    border: none;
    font-size: 11px;
    cursor: pointer;
}
a.button1, a.button2, a.button3, a.button4, a.button5, a.button6, a.button7, a.button8 {
    display: block;
    height: 18px;
    padding-top: 5px;
}
input.button1, input.button2, input.button3, input.button4, input.button5, input.button6, input.button7, input.button8  {
    height: 23px;
    padding-top: 0px;
}
a.button2, input.button2 {
    background: transparent url('../images/button2.png') no-repeat;
    width: 69px;
    text-align: center;
    color: #fff;
    border: none;
    font-size: 11px;
    cursor: pointer;
}
a.button3, input.button3 {
    background: transparent url('../images/button3.png') no-repeat;
    width: 124px;
    text-align: center;
    color: #fff;
    border: none;
    font-size: 11px;
    cursor: pointer;
}
a.button4, input.button4 {
    background: transparent url('../images/button4.png') no-repeat;
    width: 90px;
    text-align: center;
    color: #fff;
    border: none;
    font-size: 11px;
    cursor: pointer;
}
a.button5, input.button5 {
    background: transparent url('../images/button5.png') no-repeat;
    width: 76px;
    text-align: center;
    color: #004D86;
    border: none;
    font-size: 11px;
    cursor: pointer;
}
a.button6, input.button6 {
    background: transparent url('../images/button6.png') no-repeat;
    width: 69px;
    text-align: center;
    color: #202325;
    border: none;
    font-size: 11px;
    cursor: pointer;
}
a.button7, input.button7 {
    background: transparent url('../images/button7.png') no-repeat;
    width: 69px;
    text-align: center;
    color: #202325;
    border: none;
    font-size: 11px;
    cursor: pointer;
}
a.button8, input.button8 {
    background: transparent url('../images/button8.png') no-repeat;
    width: 100px;
    text-align: center;
    color: #004D86;
    border: none;
    font-size: 11px;
    cursor: pointer;
}
input.input1 {
    background: transparent url('../images/input1.png') no-repeat;
    border: none;
    width: 138px;
    height: 17px;
    padding: 3px 6px;
}
input.input2 {
    background: transparent url('../images/input2.png') no-repeat;
    border: none;
    width: 131px;
    height: 19px;
    padding: 3px 6px;
}
input.kosz_ico {
    display: block;
    width: 23px;
    height: 23px;
    border: none;
    background: transparent url('../images/do_kosza.jpg') no-repeat;
    cursor: pointer;
}
input.delete {
    background: transparent url('../images/button_del.jpg') no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    border: none;
    cursor: pointer;
    color: red;
}
input.txt, textarea.txt {
    border-top: 1px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 4px;
}
input.kosz_ile {
    width: 20px;
    text-align: center;
    border-top: 1px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 4px;
}
/******************************************************************************/
/******************************************************************************/
div#pageright {
    float: left;
    width: 760px;
}
/*********************** NAWIGACJA ********************************************/
div#navi {
    padding-top: 17px;
    color: #CAD2D8;
}
div#navi a {
    color: #4E687C;
}
a.navi_arrow {
    background: transparent url('../images/navi_arrow.jpg') no-repeat 10px 4px;
    font-weight: bold;
    color: #0074CB !important;
    padding-left: 30px;
}
/******************************************************************************/
div#search {
    background: transparent url('../images/search_bg.jpg') no-repeat;
    width: 554px;
    height: 52px;
    margin-top: 15px;
    padding-top: 24px;
    padding-left: 205px;
}
div#glowna {
    margin: 0px auto;
    margin-top: 6px;
    width: 757px;
    color: #485033;
}
div#glowna_top {
    background: transparent url('../images/glowna_top.jpg') no-repeat bottom;
    width: 757px;
    height: 8px;
    margin: 0px;
}
div#glowna_bottom {
    background: transparent url('../images/glowna_bottom.jpg') no-repeat;
    width: 757px;
    height: 8px;
}
div#glowna_mid {
    background: #D7E6B8 url('../images/glowna_bg.jpg') repeat-x top;
    width: 727px;
    padding: 0px 15px;
    margin: 0px;
}
div#glowna_img {
    float: left;
    width: 119px;
    margin: 0px 25px 0px 0px;
}
div#glowna_opis {
    float: left;
    width: 580px;
}
/******************************************************************************/
div.page_box {
    width: 757px;
}
div.page_head {
    background: transparent url('../images/page_header.jpg') no-repeat;
    width: 717px;
    height: 25px;
    color: #F1F6E6;
    margin-top: 7px;
    padding-top: 12px;
    padding-left: 20px;
    padding-right: 20px;
}
div.page_head2 {
    background: transparent url('../images/page_header2.jpg') no-repeat;
    width: 717px;
    height: 25px;
    color: #003863;
    margin-top: 7px;
    padding-top: 12px;
    padding-left: 20px;
    padding-right: 20px;
}
div.page_head3 {
    background: transparent url('../images/page_header3.jpg') no-repeat;
    width: 678px;
    height: 30px;
    color: #202325;
    margin: 0px auto;
    margin-top: 7px;
    padding-top: 9px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
}
div.page_head_title {
    float: left;
    font-weight: bold;
}
div.page_head_more {
    float: right;
}
div.page_box_content {
    border: 1px solid #E4E4E4;
    border-top: none;
    width: 755px;
}


/*************************** STRONA GŁÓWNA ************************************/
div.product_box {
    float: left;
    width: 377px;
    height: 165px;
}
div.product_box_h {
    padding-top: 5px;
    padding-bottom: 5px;
}
div.product_box td.product_img img, div.product_box div.product_name td.product_img img {
    margin-top: 15px;
}
div.product_box div.product_name, div.product_box_h div.product_name {
    color: #202325;
    font-weight: bold;
    margin-top: 20px;
    line-height: 18px;
    padding-right: 5px;
}
div.product_name a {
    color: #202325;
    font-size: 12px;
}
div.product_price {
    margin-top: 11px;
}
span.price {
    font-size: 14px;
    font-weight: bold;
    color: #0071C6;
    padding-left: 6px;
}
span.price_dark {
    font-size: 14px;
    font-weight: bold;
    color: #202325;
    padding-left: 6px;
}
div.product_basket {
    margin-top: 20px;
    width: 120px;
}
span.punkty {
    display: block;
    width: 77px;
    height: 18px;
    background: transparent url('../images/punkty_bg.jpg') no-repeat;
    padding-top: 5px;
    text-align: center;
    font-weight: bold;
    color: #004D86;
}
/******************************************************************************/

/************************ STRONY **********************************************/
div.tekst {
    padding: 15px;
}
div.galeria {
    padding: 15px;
}
div.galeria img {
    border: 1px solid  #cfcfcf;
    padding: 3px;
    margin: 5px;
}
div.dokumentacja {
    padding: 15px;
}
div.dokumentacja a {
    padding: 3px 25px;
}
/******************************************************************************/

/************************* ADRESY *********************************************/
div.adres_sel {
    border: 1px solid #9DB9CD;
    color: black;
    background-color: #E5EEF5;
}
/******************************************************************************/

/************************* PRODUKTY *******************************************/
div#product_main_foto {
    padding: 5px;
    border: 1px solid #efefef;
    text-align: center;
}
div.product_linki {
    padding: 5px;
}
div.product_linki a {
    background: transparent url('../images/arrow2.jpg') no-repeat 2px 5px;
    color: #0068B5;
    font-size: 11px;
    padding-left: 15px;
    padding-right: 15px;
}
div.product_gallery {
    padding: 5px;
}
div.product_gallery img {
    padding: 2px;
    border: 1px solid #efefef;
}
div.product_files {
    padding: 5px 35px 25px;
}
div.product_files a {
    background: transparent url('../images/file.jpg') no-repeat 2px 3px;
    color: #0062AB;
    font-size: 11px;
    font-weight: bold;
    padding-left: 25px;
    padding-right: 15px;
}
div.product_modele {
    padding: 5px 35px 25px;
}
div.product_modele span.model{
    background: transparent url('../images/arrow3.jpg') no-repeat 2px 5px;
    padding-left: 15px;
}
/******************************************************************************/
/*********************** STRONICOWANIE ****************************************/
div.pager {
    text-align: center;
    padding: 10px;
}
div.pager a {
    color: #888;
    border: 1px solid transparent;
    padding: 3px 6px;
}
div.pager a:hover {
    color: #333;
    border: 1px solid #ccc;
    padding: 3px 6px;
}
div.pager a.selected {
    border: 1px solid #999;
    color: #333;
}
div.pager a.txt:hover {
    border: 1px solid transparent;
    color: #888;
}
/******************************************************************************/
/********************* AKTUALNOŚCI ********************************************/
div.news img {
    float: left;
    margin: 5px 13px;
    padding: 2px;
    border: 1px solid #efefef;
}
/******************************************************************************/
/******************** MAPA STRONY *********************************************/
a.map_lvl1
{
    background: transparent url('../images/map_lvl1.jpg') no-repeat;
    padding-left: 22px;
    display: block;
    color: #777;
}
a.map_lvl2
{
    background: transparent url('../images/map_lvl2.jpg') no-repeat;
    padding-left: 42px;
    display: block;
    color: #777;
}
a.map_lvl3
{
    background: transparent url('../images/map_lvl3.jpg') no-repeat;
    padding-left: 62px;
    display: block;
    color: #777;
}
a.map_lvl4
{
    background: transparent url('../images/map_lvl4.jpg') no-repeat;
    padding-left: 82px;
    display: block;
    color: #777;
}
a.map_lvl1:hover, a.map_lvl2:hover, a.map_lvl3:hover, a.map_lvl4:hover
{
    /*font-weight: bold;*/
    color: #000;
}
/******************************************************************************/

/******************************************************************************/
div.foto {
    position: relative;
}
div.fotomid {
    position: absolute;
    display: none;
    left: 100px;
    top: -100px;
    background: white;
    z-index: 10;
}
div.fotomid img {
    padding: 3px;
    border: 1px solid #bbb;
}
/******************************************************************************/
div.baner {
    padding: 10px;
}
a.baner_anchor {
    display: block;
    float: left;
    padding: 4px;
    border: 1px solid #eee;
    margin: 2px;
    font-weight: bold;
    color: #aaaaaa;
}
a.baner_anchor_pause {
    display: block;
    float: left;
    padding: 4px;
    border: 1px solid #eee;
    margin: 2px;
    font-weight: bold;
    color: #aaaaaa;
}
a.baner_anchor_selected {
    background: #84bae3;
    border: 1px solid #222222;
    color: white;
}
/******************************************************************************/

#wysuwany_div {
    width: 280px;
    position: fixed;
    display: block;
    top: 295px;
    left: -256px;
    z-index: 10;
}
#wysuwany_left {
    width: 24px;
    height: 24px;
    background: url(../images/facebook.png) no-repeat;
    display: block;
    float: right;
    z-index: 2;
}
#wysuwany_right {
    width: 250px;
    display: block;
    float: left;
    background-color:#FFFFFF;
    border: 3px solid #123776;
}
#wysuwany_div2 {
    width: 249px;
    position: fixed;
    display: block;
    top: 350px;
    left: -223px;
    z-index: 10;
}
#wysuwany_left2 {
    background: url("../images/live_chat.jpg") no-repeat scroll 0 0 transparent;
    border: 2px solid #DC750C;
    display: block;
    float: right;
    height: 24px;
    width: 24px;
    z-index: 2;
}
#wysuwany_right2 {
    background-color: #FFFFFF;
    border: 3px solid #DC750C;
    display: block;
    float: left;
    padding: 10px 0;
    text-align: center;
    width: 215px;
}
#live_contact {
    padding: 7px 2px 0px 2px;
}