@charset "UTF-8";

/**
 * Atkom css
 *
 * @file		style.css
 * @name		Atkom
 * @version		1.0
 * @type		transitional
 * @browsers	Windows: IE6+, Opera9+, Firefox2+
 *
 * @link		http://www.atkom.pl/
 * @copyright	2009 Atkom.pl All Rights Reserved.
 *
 */

/* Ustawienia główne
---------------------------------------------------------------------------------------------------- */

html, body {
    height: 100%;
}

body {
    background-image:url(../grafika/tlo_html.gif);
    background-repeat:repeat-x;
    background-color: #eee9dc;
    padding: 0px;
    font-size:11px;
    font-family:Tahoma;
    height: 100%;
    margin: 0px;
}

td {
    vertical-align:top;
}

/* Globalne klasy
---------------------------------------------------------------------------------------------------- */

.text-left     { text-align: left; }
.text-right    { text-align: right; }
.text-center   { text-align: center; }
.text-justify  { text-align: justify; }
.text-top      { vertical-align: top; }
.text-middle   { vertical-align: middle; }
.text-bottom   { vertical-align: bottom; }

/* struktura
---------------------------------------------------------------------------------------------------- */

#contener {
    position: relative;
    width: 960px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    line-height:18px;
    font-family:Tahoma, sans;
    font-size:11px;
    color:#000000;
}

img {
    border:0px;
}

#tresc_con{
    top:0px;
    position: relative;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    z-index:3;
}

.czysc{
    height:0px;
}

#baner-top {
    position:relative;
    left:0px;
    top:0px;
    width:960px;
    height:215px;
    float:left;
}

#menu {
    background-image:url(../grafika/menu.jpg);
    background-repeat:no-repeat;
    position:relative;
    left:0px;
    top:0px;
    width:960px;
    height:79px;
    float:left;
}

#tresc {
    background-image:url(../grafika/tlo_tresc.gif);
    background-repeat:repeat-y;
    position:relative;
    left:0px;
    top:0px;
    top:-1px;
    width:960px;
    height:auto;
    float:left;
}

#stopka {
    background-image:url(../grafika/stopka_tlo.gif);
    background-repeat: no-repeat;
    position:relative;
    left:0px;
    top:0px;
    width:960px;
    height:76px;
    font-size:10px;
    padding-top:3px;
    float:left;
    background-color:#EEE9DC;
}

/* moduł podkategoria
---------------------------------------------------------------------------------------------------- */

.podkategoria {
    width: 660px;
    clear:both;
    margin-bottom: 0px;
    margin-top: 5px;
}

.separator {
    margin-bottom: 5px;
}

.podkategoria .zdjecie {
    float: left;
    width: 120px;
    text-align: center;
}

.podkategoria .opis {
    float: right;
    width: 530px;
}
.tytul {
    text-align: left;
    font-weight: bold;
    margin-top: 0;
    font-size: 14px;
}
.podkategoria .opis .wiecej {
    text-align: right;
    font-weight: bold;
}

.podkategoria .zdjecie img {
    padding: 4px;
    border: 1px solid #f1e1ce;
}

.produkt_zdjecie {
    padding: 4px;
    border: 1px solid #f1e1ce;
}

.produkt_zdjecie:hover {
    padding: 4px;
    border: 1px solid #582414;
}


.podkategoria .zdjecie img:hover {
    padding: 4px;
    border: 1px solid #582414;
}

/* moduł produkt
---------------------------------------------------------------------------------------------------- */

.produkt {
    padding-bottom: 5px;
    width: 530px;
    margin-bottom: 25px;
}
.produkt .zdjecie {
    float: left;
    width: 120px;
    text-align: center;
}

.produkt .zdjecie img {
    border-width: 1px;
}

.produkt .opis {
    float: right;
    width: 400px;
}

/* produkty na stronie głównej
---------------------------------------------------------------------------------------------------- */

.produkt_box {
    width: 154px;
    float: left;
    text-align: center;
    margin: 5px;
}

.nowosci_box {
    margin: auto;
    margin-bottom: 10px;
}

.nowosci_box img{
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

/* formularze
---------------------------------------------------------------------------------------------------- */

input, textarea {
    border: 0px solid #693314;
}

.form_tekst, .form, .form_log {
    border: 1px solid #693314;
}

.submit {
    background-color:#693314;
    text-decoration:none;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    padding: 4px;
    border: 1px solid #693314;
    cursor: pointer;
}

.submit:hover{
    text-decoration:none;
    color:#da5601;
    font-size:12px;
    font-weight:bold;
    background-color:#693314;
    cursor:pointer;
}

/* stopka
---------------------------------------------------------------------------------------------------- */

.linki_stopka{
    padding-left:36px;
    float:left;
}
.grupa_stopka{
    color:#775847;
    float:right;
    padding-right:36px;
    margin-top:55px;
    width: 300px;
}

span.stopka_link{
    margin-right:41px;
}

a.stopka_link{
    padding:2px;
    color:#797065;
    font-weight:bold;
    text-decoration:none;
}

a.stopka_link:hover{
    padding:2px;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
    background-color:#797065;
}

a.stopka_link2{
    padding:2px;
    color:#775847;
    text-decoration:none;
}

a.stopka_link2:hover{
    color:#5c2201;
    text-decoration:none;
    background-color:#ccb4a3;
}

/* komunikaty
---------------------------------------------------------------------------------------------------- */

.komunikat {
    background-color: #ec4916;
    text-align:center;
    font-weight: bold;
    color: #ffffff;
    padding: 5px;
    border: 1px solid ec3800;
}

.komunikat_ok {
    background-color: #90d91c;
    text-align:center;
    font-weight: bold;
    color: #ffffff;
    padding: 5px;
    border: 1px solid #85d900;
    margin: 20px;
}


/* nagłówki
---------------------------------------------------------------------------------------------------- */

h1, .naglowek {
    background-color:#f1e1ce;
    color:#5c2201;
    font-weight:bold;
    font-size:14px;
    padding:5px;
}

h2 {
    color:#5c2201;
    font-weight:bold;
    font-size:12px;
    padding:5px;
}

/* nieuporządkowane
---------------------------------------------------------------------------------------------------- */


/*BANER-TOP*/


.baner_logo{
    background-image:url(../grafika/baner-top-logo.jpg);
    background-repeat:no-repeat;
    position:relative;
    left:0px;
    top:0px;
    width:283px;
    height:215px;
    float:left;
}

.logo_sklep{
    position:relative;
    left:57px;
    top:82px;
    width:226px;
    height:94px;
    float:left;
}

.baner_flash{
    position:relative;
    left:0px;
    top:0px;
    width:509px;
    height:215px;
    float:left;
}

.baner_linki{
    background-image:url(../grafika/baner-top-koszyk.gif);
    background-repeat:no-repeat;
    position:relative;
    left:0px;
    top:0px;
    width:168px;
    height:205px;
    padding-top:10px;
    float:left;
}

.baner_linki_txt{
    padding-right:10px;
    float:right;
    margin-bottom:23px;
}
.baner_koszyk{
    background-image:url(../grafika/koszyk_bg.gif);
    background-repeat:no-repeat;
    position:relative;
    left:0px;
    top:0px;
    width:101px;
    height:32px;
    float:left;
    color:#441a08;
    line-height:12px;
    padding-left:40px;
    padding-top:7px;
}
.baner_zaloguj{
    float:left;
    margin-bottom:5px;
}
.baner_linki_{
    float:right;
    padding-right:20px;
}
.baner_linki_2{
    text-align:right;
    padding:5px;
    margin:1px;
}

a.linki_baner{
    text-decoration:none;
    color:#e0be99;
    font-size:10px;
    font-weight:bold;
}
a.linki_baner:hover{
    text-decoration:underline;
    color:#d77344;
    font-size:10px;
    font-weight:bold;

}


/*KONIEC BANER-TOP*/

/*MENU*/

.menu_{
    padding-left:38px;
    position:relative;
    left:0px;
    top:0px;
    float:left;
    height:62px;
    }

.menu_link{
    padding-top:12px;
    float:left;
}

.menu_spacja{
    padding-left:15px;
    padding-right:15px;
    padding-top:6px;
    float:left;
}
.szukaj{
    float:right;
    margin-right:36px;
    margin-top:12px;
    _margin-right:19px;
}
.szukaj_nag{
    float:left;
    top:0px;
    height:20px;
    font-weight:bold;
    color:#ffffff;
    padding-right:6px;
}
.szukaj_form{
    float:left;
    top:0px;
    height:20px;
    font-weight:bold;
    color:#ffffff;
    padding-left:6px;
}
.szukaj_but{
    float:left;
    top:0px;
    height:20px;
    font-weight:bold;
    color:#ffffff;
    padding-left:10px;
}
.form_szukaj{
    font-family:Tahoma, sans;
    font-size:8pt;
    color:#cfc2a8;
    font-weight: normal;
    border: 1px solid #cfc2a8;
    background-color:#441a08;
    padding-top:2px;
    height:16px;
    width: 132px;
    float:left;
}

.nawigacja{
    height:auto;
    position:relative;
    left:0px;
    top:0px;
    width:670px;
    float:left;
}

.nawigator{
    position:relative;
    left:258px;
    top:-5px;
    width:400px;
    font-size:10px;
    color:#767670;
    float:left;
}
a.navi{
    padding:2px;
    color:#767670;
    font-weight:normal;
    text-decoration:none;
}
a.navi:hover{
    padding:2px;
    color:#ffffff;
    font-weight:normal;
    text-decoration:none;
    background-color:#767670;
}

a.menu{
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    color:#ffffff;
}
a.menu:hover{
    color:#f1e1ce;
    text-decoration:underline;
}

/*KONIEC MENU*/

/*TRESC*/

.box{
    width: 248px;
    float:left;
    top:0px;
    padding-right: 0px;
    padding-left: 0px;
}

.box_g{
    background-image:url(../grafika/box_g.gif);
    background-repeat:no-repeat;
    position:relative;
    left:0px;
    top:0px;
    width:248px;
    height:24px;
    float:left;
}

.box_{
    background-image:url(../grafika/box_tlo.gif);
    background-repeat:repeat-y;

    left:0px;
    top:0px;
    width:248px;
    height:auto;
    padding-top:1px;
    padding-bottom:1px;
    float:left;
}
.box_d{
    background-image:url(../grafika/box_d.gif);
    background-repeat:no-repeat;
    position:relative;
    left:0px;
    top:0px;
    width:248px;
    height:24px;
    float:left;
}

.box_g_{
    background-image:url(../grafika/box_g_.gif);
    background-repeat:no-repeat;
    position:relative;
    left:0px;
    top:0px;
    width:248px;
    height:24px;
    float:left;
}

.box_tekst{
    padding-left:20px;
    padding-right:20px;
}

.box_d_{
    background-image:url(../grafika/box_d_.gif);
    background-repeat:no-repeat;
    position:relative;
    left:0px;
    top:0px;
    width:248px;
    height:74px;
    float:left;
}

.tresc_{
    width: 686px;
    float:left;
    top:0px;
    padding-top: 0px;
    padding-left: 10px;
    padding-bottom: 16px;
}

.tresc_wl{
    width: 686px;
    float:left;
    top:0px;
    padding-top: 0px;
    padding-bottom: 16px;
}

.tekst{
    width: 686px;
    float:left;
    padding-bottom: 10px;
}
.tekst_{
    float:left;
    width: 662px;
}

.ramka{
    background-color:#ffffff;
    width: 662px;
    float:left;
    padding: 5px;
    border-top: 1px solid #edd4b5;
    border-left: 1px solid #edd4b5;
    border-bottom: 1px solid #dbc4a7;
    border-right: 1px solid #dbc4a7;
}

.ramka_cena {
    background-color:#ffffff;
    float:left;
    padding: 5px;
    border-top: 1px solid #edd4b5;
    border-left: 1px solid #edd4b5;
    border-bottom: 1px solid #dbc4a7;
    border-right: 1px solid #dbc4a7;
}

.baner_rotator{
    width: 702px;
    float:right;
    padding-right: 10px;
    padding-bottom:16px;
}

.nag{
    font-size:12px;
    width:100%;
    font-weight:bold;
    font-style: normal;
    margin-bottom:10px;
    border:1px solid red;
}

.nag_{
    background-color:#eee9dc;
    color:#5c2201;
    font-weight:bold;
    font-size:14px;
    padding:5px;
    float:left;
}

.data{
    background-color:#eee9dc;
    color:#5c2201;
    height:20px;
    padding-top:8px;
    padding-left:1px;
    padding-right:5px;
    font-weight:normal;
    font-size:10px;
    float:left;
}

.kat_sub{
    color:#89867d;
    margin-top:8px;
    float:left;

}
.kat_gl{
    float:left;
}

.baner_swiat{
    width: 149px;
    float:right;
    top:0px;
}

a{
    color:#6f2008;
    text-decoration:none;
}
a:hover{
    color:#582414;
    text-decoration:none;
}

a.wiecej{
    text-decoration:none;
    color:#6f2008;
    font-size:12px;
    font-weight:bold;
}
a.wiecej:hover{
    text-decoration:none;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    background-color:#6f2008;
}

a.sub{
    text-decoration:none;
    color:#582414;
}

a.sub_{
    text-decoration:none;
    color:#582414;
    font-weight:bold;
}


a.sub:hover{
    color:#da5601;
    text-decoration:none;
}

a.ramka_l{
    text-decoration:none;
    color:#da5601;
    font-size:12px;
    font-weight:bold;
    padding: 6px;
    border: 1px solid #6f2008;

}
a.ramka_l:hover{
    text-decoration:none;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    background-color:#6f2008;
}

/* podmenu boczne */

.box_ ul {
    margin:0;
    padding:0;
    margin-left:10px;
}

ul.link {
    list-style-type: none;

}

 li.link {
    background-image:url(../grafika/punkt.gif);
    background-repeat: no-repeat;
    padding: 2px;
    padding-left:20px;
    margin-bottom:0px;
}

li.link:hover {
    background-image:url(../grafika/punkt_.gif);
    background-repeat: no-repeat;
}

li.link_:hover {
    background-image:url(../grafika/punkt.gif);
    background-repeat: no-repeat;
}

 .link_ {
    background-image:url(../grafika/punkt_.gif);
    background-repeat: no-repeat;
    padding: 2px;
    padding-left:20px;
    margin-bottom:0px;
}

hr {
    height : 1px; border : 0px solid #FFFFFF; border-top : 1px solid #d8d8d8;
}

/* formularz rejestracji */

.uwagi {
    background-color: #fafab8;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.podkreslenie {
    border-bottom: 1px solid #edd4b5;
}
.gwiazdka {
    color: Red;
}

/* lista produktów */

.tlo_ceny {
    background-color: #faf4ec;
    border: 1px solid #edd4b5;
}
.przekreslona {
    text-decoration: line-through;
    color: Red;
}
.supercena {
    color: Green;
}
.netto {
    color: gray;
    font-size: 10px;
}

.tab_nag {
    background-color: #faf4ec;
}
.tab_tresc {
    border-bottom: 1px solid #faf4ec;
}

/*KONIEC TRESC*/


/*STOPKA*/