html
html
{
font-family: Tahoma;
font-size: 11px;
margin: 0;
padding: 0;
color: #000000;
}
body
{
background-image: url("images/tlo.jpg");
font-family: Tahoma;
font-size: 11px;
margin: 0;
padding: 0;
}
div#container
{
width: 922px;
height: 100%;
overflow: hidden;
margin: 0 auto;
}
div#top
{
width: 900px;
height: 60px;
margin: 0 auto;
overflow: hidden;
background-image: url("images/top.jpg");
background-repeat: no-repeat;
}
div#top div#logo
{
display: inline;
float: left;
width: 300px;
height: 60px;
}
div#top div#logo img
{
border: 0;
}
div#top div#flagi
{
display: inline;
float: right;
width: 165px;
height: 60px;
text-align: left;
}
div#top div#flagi a#polska
{
display: inline;
float: left;
width: 32px;
height:18px;
padding-top: 42px;
background-image: url("images/polska.jpg");
background-repeat: no-repeat;
text-decoration: none;
color: #fff;
font-weight: bold;
text-align: center;
}
div#top div#flagi a#angielska
{
display: inline;
float: left;
width: 32px;
height:18px;
padding-top: 42px;
background-image: url("images/angielska.jpg");
background-repeat: no-repeat;
text-decoration: none;
color: #fff;
font-weight: bold;
text-align: center;
margin-left: 13px;
}
div#top div#flagi a#niemiecka
{
display: inline;
float: left;
width: 32px;
height:18px;
padding-top: 42px;
background-image: url("images/niemiecka.jpg");
background-repeat: no-repeat;
text-decoration: none;
color: #fff;
font-weight: bold;
text-align: center;
margin-left: 13px;
}
div#top div#flagi a#polska:hover
{
color: #fabc07;
}
div#top div#flagi a#angielska:hover
{
color: #fabc07;
}
div#top div#flagi a#niemiecka:hover
{
color: #fabc07;
}
div#top2
{
width: 922px;
height: 225px;
background-image:url("images/top2.jpg");
background-repeat: no-repeat;
background-position: 2px 0;
margin: 0 auto;
}
div#menu
{
width: 900px;
height: 116px;
overflow: hidden;
background-image: url("images/menu.jpg");
background-repeat: repeat-x;
margin: 0 auto;
}
div#menu .kobieta
{
width: 111px;
height: 116px;
display: inline;
float: left;
background-image: url("images/kobieta.jpg");
background-repeat: no-repeat;
}
div#menu a.pozycja1
{
width: 115px;
height: 16px;
display: inline;
float: left;
background-image: url("images/menu_pozycja1.jpg");
background-repeat: no-repeat;
background-position: 0 0;
margin-left: 50px;
text-align: center;
color: #282828;
font-weight: bold;
text-decoration: none;
padding-top: 100px;
}
div#menu a.pozycja1:hover
{
background-position: 0px -116px;
color: #282828;
}
div#menu a.pozycja1_active
{
width: 115px;
height: 16px;
display: inline;
float: left;
background-image: url("images/menu_pozycja1.jpg");
background-repeat: no-repeat;
background-position: 0 -116px;
margin-left: 50px;
text-align: center;
color: #282828;
font-weight: bold;
text-decoration: none;
padding-top: 100px;
}
div#menu a.pozycja2
{
width: 115px;
height: 16px;
display: inline;
float: left;
background-image: url("images/menu_pozycja2.jpg");
background-repeat: no-repeat;
background-position: 0 0;
text-align: center;
color: #282828;
font-weight: bold;
text-decoration: none;
padding-top: 100px;
}
div#menu a.pozycja2_active
{
width: 115px;
height: 16px;
display: inline;
float: left;
background-image: url("images/menu_pozycja2.jpg");
background-repeat: no-repeat;
background-position: 0 -116px;
text-align: center;
color: #282828;
font-weight: bold;
text-decoration: none;
padding-top: 100px;
}
div#menu a.pozycja2:hover
{
background-position: 0px -116px;
color: #282828;
}
div#menu a.pozycja3
{
width: 115px;
height: 16px;
display: inline;
float: left;
background-image: url("images/menu_pozycja3.jpg");
background-repeat: no-repeat;
background-position: 0 0;
text-align: center;
color: #282828;
font-weight: bold;
text-decoration: none;
padding-top: 100px;
}
div#menu a.pozycja3_active
{
width: 115px;
height: 16px;
display: inline;
float: left;
background-image: url("images/menu_pozycja3.jpg");
background-repeat: no-repeat;
background-position: 0 -116px;
text-align: center;
color: #282828;
font-weight: bold;
text-decoration: none;
padding-top: 100px;
}
div#menu a.pozycja3:hover
{
background-position: 0px -116px;
color: #282828;
}
div#menu a.pozycja4
{
width: 115px;
height: 16px;
display: inline;
float: left;
background-image: url("images/menu_pozycja4.jpg");
background-repeat: no-repeat;
background-position: 0 0;
text-align: center;
color: #282828;
font-weight: bold;
text-decoration: none;
padding-top: 100px;
}
div#menu a.pozycja4_active
{
width: 115px;
height: 16px;
display: inline;
float: left;
background-image: url("images/menu_pozycja4.jpg");
background-repeat: no-repeat;
background-position: 0 -116px;
text-align: center;
color: #282828;
font-weight: bold;
text-decoration: none;
padding-top: 100px;
}
div#menu a.pozycja4:hover
{
background-position: 0px -116px;
color: #282828;
}
div#menu a.pozycja5
{
width: 115px;
height: 16px;
display: inline;
float: left;
background-image: url("images/menu_pozycja5.jpg");
background-repeat: no-repeat;
background-position: 0 0;
text-align: center;
color: #282828;
font-weight: bold;
text-decoration: none;
padding-top: 100px;
}
div#menu a.pozycja5_active
{
width: 115px;
height: 16px;
display: inline;
float: left;
background-image: url("images/menu_pozycja5.jpg");
background-repeat: no-repeat;
background-position: 0 -116px;
text-align: center;
color: #282828;
font-weight: bold;
text-decoration: none;
padding-top: 100px;
}
div#menu a.pozycja5:hover
{
background-position: 0px -116px;
color: #282828;
}
div#menu a.pozycja6
{
width: 115px;
height: 16px;
display: inline;
float: left;
background-image: url("images/menu_pozycja6.jpg");
background-repeat: no-repeat;
background-position: 0 0;
text-align: center;
color: #282828;
font-weight: bold;
text-decoration: none;
padding-top: 100px;
}
div#menu a.pozycja6_active
{
width: 115px;
height: 16px;
display: inline;
float: left;
background-image: url("images/menu_pozycja6.jpg");
background-repeat: no-repeat;
background-position: 0 -116px;
text-align: center;
color: #282828;
font-weight: bold;
text-decoration: none;
padding-top: 100px;
}
div#menu a.pozycja6:hover
{
background-position: 0px -116px;
color: #282828;
}
div#zawartosc
{
position: relative;
width: 920px;
height:auto;
margin-left: 3px;
z-index: 1;
background-image: url("images/zawartosc_tlo.jpg");
background-repeat: repeat-y;
}
div#zawartosc .top
{
width: 920px;
height: 32px;
position: absolute;
z-index: 10;
top: 0;
background-image: url("images/zawartosc_top.jpg");
background-repeat: no-repeat;
margin: 0;
padding: 0;
}
div#zawartosc .stopka
{
width: 920px;
height: 22px;
background-image: url("images/zawartosc_stopka.jpg");
background-repeat: no-repeat;
position: absolute;
z-index: 10;
bottom: 0;
margin: 0;
padding: 0;
}
div#menu_pionowe
{
display: inline;
float: left;
position: relative;
width: 207px;
height: auto;
overflow: hidden;
background-image: url("images/menu_pionowe_tlo.jpg");
background-repeat: repeat-y;
background-position: -1px 0;
}
div#menu_pionowe p.produkt
{
position: relative;
text-align: center;
font-size: 11px;
text-decoration: underline;
color: #262626;
display: inline;
float: left;
width: 200px;
margin: 3px 0;
padding: 0;
}
div#menu_pionowe p.produkt_opis
{
position: relative;
text-align: center;
font-size: 11px;
color: #262626;
display: inline;
float: left;
width: 180px;
margin: 3px 0;
padding: 0;
margin-left: 15px;
}
div#menu_pionowe p.produkt_zdjecie
{
position: relative;
display: inline;
float: left;
width: 200px;
text-align: center;
margin: 3px 0;
padding: 0;
}
div#menu_pionowe p.wiecej
{
display: inline;
float: left;
width: 200px;
text-align: center;
}
div#menu_pionowe p.wiecej a
{
font-size: 9px;
color: #262626;
}
div#menu_pionowe .text
{
width: 175px;
height: 15px;
border-style: solid;
border-width: 1px;
border-color: #999999;
margin: 4px 15px;
text-align: right;
font-size: 10px;
}
div#menu_pionowe input.submit
{
background: none;
border: 0;
font-size: 11px;
float: right;
margin-right: 3px;
cursor: pointer;
}
div.naglowek_zielony
{
display: inline;
float: left;
width: 207px;
height: 43px;
background-image: url("images/menu_naglowek_zielony.jpg");
background-repeat: no-repeat;
}
div.naglowek_zielony p
{
margin: 10px 0 0 20px;
padding: 0;
color: #262626;
font-weight: bold;
}
div.naglowek_szary
{
display: inline;
float: left;
width: 207px;
height: 43px;
background-image: url("images/menu_naglowek_szary.jpg");
background-repeat: no-repeat;
}
div.naglowek_szary p
{
margin: 10px 0 0 20px;
padding: 0;
color: #262626;
font-weight: bold;
}
div.naglowek_niebieski
{
display: inline;
float: left;
width: 207px;
height: 34px;
background-image: url("images/menu_naglowek_niebieski.jpg");
background-repeat: no-repeat;
background-position: -1px 0;
}
div.naglowek_niebieski p
{
margin: 10px 0 0 20px;
padding: 0;
color: #262626;
font-weight: bold;
}
div.naglowek_czerwony
{
display: inline;
float: left;
position: relative;
width: 207px;
height: 41px;
background-image: url("images/menu_naglowek_czerwony.jpg");
background-repeat: no-repeat;
}
div.naglowek_czerwony p
{
margin: 10px 0 0 20px;
padding: 0;
color: #262626;
font-weight: bold;
}
div.naglowek_zolty
{
display: inline;
float: left;
width: 207px;
height: 41px;
background-image: url("images/menu_naglowek_zolty.jpg");
background-repeat: no-repeat;
}
div.naglowek_zolty p
{
margin: 10px 0 0 20px;
padding: 0;
color: #262626;
font-weight: bold;
}
div#menu_pionowe .linki
{
display: inline;
float: left;
width: 207px;
height: auto;
}
div#menu_pionowe .linki p
{
margin: 0;
padding: 0;
}
div#menu_pionowe .link_zielony
{
display: inline;
float: left;
width: 183px;
height: 17px;
background-image: url("images/menu_link_zielony.jpg");
background-repeat: no-repeat;
text-decoration: none;
color: #262626;
padding-left: 25px;
padding-top: 3px;
}
div#menu_pionowe .link_zielony:hover
{
background-position: 0 -20px;
color: #fff;
}
div#menu_pionowe .link_czerwony
{
display: inline;
float: left;
width: 183px;
height: 17px;
background-image: url("images/menu_link_czerwony.jpg");
background-repeat: no-repeat;
text-decoration: none;
color: #262626;
padding-left: 25px;
padding-top: 3px;
}
div#menu_pionowe .naglowek_zolty2
{
display: inline;
float: left;
width: 209px;
height: 21px;
background-image: url("images/menu_naglowek_zolty2.jpg");
background-repeat: no-repeat;
background-position: -1px 0;
}
div#menu_pionowe .naglowek_zolty2 p
{
margin: 0;
padding: 0;
text-decoration: none;
color: #262626;
padding-left: 25px;
padding-top: 3px;
}
div#menu_pionowe .link_czerwony:hover
{
background-position: 0 -20px;
color: #fff;
}
div#menu_pionowe .przerywnik
{
display: inline;
float: left;
width: 207px;
height: 9px;
background-image: url("images/menu_przerwynik.jpg");
background-repeat: no-repeat;
}
div.tresc
{
display: inline;
float: left;
width: 590px;
height: auto;
margin-left: 30px;
}
div.tresc .sciezka
{
display: inline;
float: left;
width: 560px;
height: auto;
margin: 0;
padding: 0;
color: #C8C8C8;
background-image: url("images/sciezka_przerwynik.jpg");
background-repeat: no-repeat;
background-position: 0 10px;
padding-left: 20px;
padding-bottom: 20px;
}
div.tresc .sciezka p
{
text-align: left;
font-size: 12px;
margin: 0;
margin-top: 11px;
padding: 0;
}
div.tresc .sciezka p a
{
text-decoration: none;
color: #C8C8C8;
background-image: url("images/sciezka_przerwynik.jpg");
background-repeat: no-repeat;
background-position: right 1px;
padding-right: 20px;
height: 28px;
padding-top: 3px;
padding-bottom: 2px;
}
div.tresc .opis_produktu
{
display: inline;
width: 560px;
height: auto;
margin: 0;
padding: 0;
color: #C8C8C8;
}
div.tresc h1
{
font-size: 12px;
}
div.tresc h4
{
font-size: 12px;
border-style: solid;
border-width: 0 0 1px 0;
border-color: #444444;
padding-bottom: 10px;
width: 580px;
}
div.tresc .opis_produktu div.part
{
display: inline;
width: 580px;
height: auto;
border-width: 0 0 1px 0;
border-color: #444;
border-style: solid;
padding-bottom: 10px;
margin-bottom: 10px;
}
div.tresc .opis_produktu table
{
display: inline;
margin: 0 auto;
border-collapse: collapse;
}
div.tresc .opis_produktu td
{
text-align: center;
padding: 6px;
}
div.tresc .opis_produktu .opis
{
display: inline;
width: 400px;
height: auto;
}
div.tresc .opis_produktu .zdjecie
{
display: inline;
border-style: solid;
border-width: 4px;
border-color: #c8c8c8;
overflow: hidden;
}
.zdjecie
{
display: inline;
border-style: solid;
border-width: 4px;
border-color: #c8c8c8;
overflow: hidden;
}
div.tresc .opis_produktu .mapka
{
width: 80px;
height: 75px;
display: inline;
float: right;
margin-top: 20px;
margin-right: 35px;
}
h2
{
font-size: 11px;
margin: 0;
padding: 0;
font-weight: normal;
}
div.box_produktu
{
display: inline;
float: left;
width: 184px;
height: 279px;
background-image: url("images/box_produktu.gif");
background-repeat: no-repeat;
margin-top: 10px;
margin-right: 8px;
}
p
{
margin: 0;
padding: 0;
}
h3
{
font-size: 11px;
font-weight: normal;
margin:0;
padding: 0;
}
div.box_produktu .nazwa
{
display: inline;
float: left;
width: 184px;
height: 40px;
color: #000;
margin-top: 20px;
text-align: center;
overflow: hidden;
}
div.box_produktu .nazwa a
{
text-decoration: none;
color: #000;
}
div.box_produktu .zdjecie_produktu
{
display: inline;
float: left;
width: 184px;
height: 215px;
overflow: hidden;
text-align: center;
margin-top: 8px;
}
div.tresc .opis_produktu p
{
margin: 0;
padding: 0;
/* width: 385px; */
padding-right: 15px;
margin-bottom: 20px;
}
div#stopka
{
width: 920px;
height: auto;
background-color: #686868;
padding-top: 5px;
}
div#stopka p.linki
{
text-align: center;
color: #BBBBBB;
margin: 0;
padding: 0;
}
div#stopka p.linki a
{
text-decoration: none;
color: #BBBBBB;
}
div#stopka p.kegel
{
text-align: center;
display: inline;
float: left;
width: 460px;
color: #999999;
background-color: #686868;
padding-top: 10px;
margin: 0;
}
div#stopka p.kegel a
{
color: #999999;
text-decoration: none;
}
div#stopka p.sarka
{
text-align: center;
display: inline;
float: left;
width: 460px;
color: #999999;
background-color: #686868;
padding-top: 10px;
margin: 0;
}
div#stopka p.sarka a
{
text-decoration: none;
color: #999999;
}
p#stronicowanie
{
display: inline;
float: left;
width: 580px;
margin-top: 20px;
text-align: center;
}
p#stronicowanie a
{
text-decoration: none;
color: #C8C8C8;
}
div.tresc .opis_produktu div.part2
{
display: inline;
float: left;
width: 580px;
height: auto;
padding-bottom: 10px;
margin-bottom: 10px;
}
div#menu a.pozycjax
{
width: 115px;
height: 16px;
display: inline;
float: left;
background-image: url("images/menu_pozycja6.jpg");
background-repeat: no-repeat;
background-position: 0 0;
text-align: center;
color: #282828;
font-weight: bold;
text-decoration: none;
padding-top: 100px;
}
div.tresc a
{
text-decoration: none;
color: #ADADAD;
}
div.tresc a:hover
{
text-decoration: underline;
color: #FFFFFF;
}