@charset "utf-8";
html, body
{
margin: 0;
border: 0;
padding: 0;
height: 100%;
behavior:url("csshover2.htc");
}
.zawartosc {font-family: verdana;
font-size: 9px;}
ul, ol, dl, h1, h2, h3, h4, h5, h6
{
/* margin-top: 14px;
margin-bottom: 14px;
padding-top: 0;
padding-bottom: 0;*/
}
a
{
text-decoration: none;
color: #929395;
}
a.text
{
font-family: verdana;
font-size: 11px;
line-height: 18px;
padding: 0 30px;
line-height: 18px;
color: #333;
}
a.promo {
text-align: center;
padding-right: 5px;
padding-left: 5px;
font-size: 10px;
color: #333;
}
a.active
{
font-weight: bold;
}
a.skok {
text-align: right;
padding-right: 30px;
padding-left: 460px;
font-size: 9px;
color: #333;
}
/* wlasciwosci tekstu */
p, p a, .text, .doltab, .naglowek, ul.listPr, ul.mapa, .naglowekLINK{
font-family: verdana;
font-size: 11px;
line-height: 18px;
padding: 0 30px;
line-height: 18px;
color: #333;
}
p a { padding: 0;}
.naglowek {clear: both;}
div.str_foto {width: 600px; position:relative;}
.str_foto p{weight: 400px; height: 80px; float: left; }
.struktura {clear: both;}
div.str_foto img {position: absolute; top: 5px; right: 50px; width: 80px; height: 80px; }
.zbiorniki_foto {width: 600px; height: 80px; position:relative;}
.zbiorniki_foto p {padding-left: 120px;}
.zbiorniki_foto img.zbiornik {position: absolute; top: 5px; left: 30px; width: 70px; height: 70px; }
img.produkt {float: left;
width: 64px;
height: 64px;
margin-left: 30px;
margin-right:10px;
border: 0;}
div.opis {
display: block;
height: 64px;
margin-botom: 10px;
}
.naglowek {
font-weight: bold;
padding-top: 3px;
padding-bottom: 0;
margin-bottom: 0;
line-height: 10px;
}
.naglowekLINK {font-weight: bold;}
.naglowekLINK a {color: #000;}
.naglowek a {color: #333;}
.struktura .naglowek {padding-bottom:10px; clear: both;}
h1
{
font-size: 220%;
}
h2
{
font-size: 190%;
}
h3
{
font-size: 160%;
font-weight: normal;
/* margin: 18px 0 9px 0;*/
}
h4
{
font-size: 130%;
/* margin: 12px 0 6px 0;*/
}
h5
{
font-size: 100%;
}
h6
{
font-size: 76%;
}
ul.listPr {list-style-image: url(img/adobe2.gif)}
.gnav {position: relative;
width:600px;
height: 50px;
}
.gnav_r {position: absolute; top:10px; right:0;}
.gnav_r {font-size: 10px;
color: #929395;}
.gnavP {position: relative;
width:186px;
height: 50px;
}
.gnav_rP {margin: 0; padding: 0; position: absolute; top:5px; left:10px;}
.gnav_r a {color: #929395;}
p.logo {font-family: arial;
padding: 0;
margin-right: 0;
font-weight: bold;
font-size: 16px;
text-align: right;
color: #828282;
margin-bottom: 2px;
}
.galeria {margin: 15px 35px;
width: 530px;
background-color: #e1e1e1;
}
.galeria img {margin: 5px 0 5px 5px;
padding: 0;
border: 0;}
.galeria a {margin: 0;
border: 0;}
.galeria .last {margin: 10px;}
div.mapa {position: relative;
width: 550px;
height: 250px;}
img.mapaIN {position: absolute;
top: 0; right: 0;}
/* mapa strony */
div.mapaS {
margin: 0 30px 0 30px;
list-style-type: square;
color: #333;}
ul.mapa li a
{
list-style-position: outside;
text-align: left;
list-style-type: square;
color: #333;
text-decoration: none;
}
ul.mapa a:hover {color: #004C83;
text-decoration: underline;}
/* koniec mapy strony */
/* styl dla wynikw wyszukiwarki */
#search {margin: 10px;}
#search ul {
margin:0;
border: 0;
list-style-position: outside;
text-align: left;
list-style-type: none;
color: #828282;
}
#search ul li a
{
text-align: left;
font: normal 10px verdana, lucida, sans-serif;
text-decoration: none;
color: #333;
}
/* koniec styl dla wynikw wyszukiwarki a:hover przy navcontainer */
/* nawigacja po lewej stronie z kwadracikami */
#navcontainer {position: relative;
margin-left: 10px;
padding-left: 20px;
top:0;
height: 100px;
}
#navcontainer ul
{
padding: 0;
margin:0;
border: 0;
list-style-position: outside;
text-align: left;
list-style-type: square;
color: #828282;
}
#navcontainer ul li a
{
text-align: left;
font: normal 10px verdana, lucida, sans-serif;
text-decoration: none;
line-height: 16px;
color: #333;
}
#navcontainer ul li a:hover, #search ul li a:hover
{
color: #004C83;
text-decoration: underline;
}
#navcontainer ul li a#current
{
list-style-type: square;
font-weight: bold;
color: #004C83;
}
/* koniec nawigacji z lewej strony */
/* nawigacja po prawej stronie z kwadracikami */
#navcontainerP {position: relative;
top:0;
height: 100px;
}
#navcontainerP ul
{
margin-left: 3px;
margin-right: 3px;
padding: 0;
border: 0;
list-style-type: none;
text-align: left;
}
#navcontainerP ul li a, .prawydol a
{
padding-left: 15px;
text-align: left;
font: normal 10px verdana, lucida, sans-serif;
text-decoration: none;
line-height: 16px;
color: #333;
}
#navcontainerP ul li a:hover, .prawydol a:hover, p a, ul.listPr, ul.listPr li a, a.skok:hover
{
color: #004C83;
text-decoration: underline;
}
#navcontainerP ul li a#current
{
font-weight: bold;
color: #004C83;
}
/* koniec nawigacji pop prawej strony */
.menu_l ul li a:hover, .gnav_r a:hover, .nav_d a:hover, .doltab a:hover, div.adres b
{
color: #004C83;
}
.doltab a:hover, div.adres b, p a
{text-decoration: underline;}
.top {vertical-align: top;}
/* koniec linkow z prawej strony */
.hnav ul
{
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
}
.hnav ul li
{
display: block;
width: auto;
float: left;
white-space: nowrap;
line-height: 28px;
}
.hnav ul li a
{
font-size: 8pt;
padding: 8px;
border-right: 1px solid #000;
}
* html .HNAV
{
padding: 0;/* IE5/Win will resize #hnav to fit the heights of its
inline children that have vertical padding. So this
incorrect case selector hack will be applied only by
IE 5.x/Win */
}
.hnav
{
height: 28px;
width: 600px; /* pageWidth - leftColumn : 1000 - 200*/
border-left: 1px solid #000;
overflow: hidden;
}
.hnav
{
background-color: #929395;
}
.hnav ul li a, .hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active
{
color: #fff;
}
.hnav ul li a:hover, .hnav ul li a.active, .hnav ul li a.active:link, .hnav ul li a.active:visited, .hnav ul li a.active:active
{
color: #000;
background-color: #e1e1e1;
}
.nav_d {font-size: 9px;
margin: 0 30px;
color: #828282;
}
.szary {height:100%;
position: relative;
}
/* biale paski na szarych tlach po obu stronach */
.bialy {
position: relative;
top: 95px;
height: 6px;
background-color: #fff;
}
.prawyGora {height: 100px;}
/* styl dzieki ktoremu niebieski pasek jest zblokowany i nie ma odstepu miedzy zdjeciem i paskiem w IE */
img.pasek {
display:block;
margin:0;
padding: 0;
border:0;}
.doltab {
font-size: 10px;
weight: 990px;
height: 10px;
margin: 0 0 0 230px;
padding: 0;
display: block;
color: #828282;
}
/* adres w szarym pasku po lewej stronie */
div.adres, .prawydol {position: relative;
top: 176px;
margin: 0 20px;
weight: 200px;
font-size: 9px;
line-height: 14px;}
div.adres b {font-weight: bold;
padding-bottom: 10px;
}
.prawydol {
padding:0;
margin: 0;}
.prawydol ul li
{
padding:0;
margin:0;
list-style-image: url(img/adobe.gif);
line-height: 20px;
}
.prawydol li {padding: 10px 0;}
.prawydol a {
padding: 0;
font-size: 9px;
line-height: 20px;}
.prawydol ul li {margin-left: 5px;}
ul.none li {list-style-image: none;
list-style-type: none;}
.prawydol ul.none li{ list-style-image: none;
list-style-type: none;
font-size: 9px;
margin-left: 5px;}
/* koniec adresu w szarym pasku po lewej stronie */
.linia {
margin: 12px 30px;
height: 2px;
overflow: hidden; /* IE6 fix alternativ leeren Kommentar ins div tag */
background-color: #e1e1e1;
clear: both;
}
div.mapki {position: relative;
width: 600px;
height:auto}
div.mapki p {width: 400px;}
img.mapka {
position: absolute;
top:0;
right: 20px;
width: 136px;
height:129px;}
img.mapkaFoto {
position: absolute;
top:0;
right: 190px;
width: 80px;
height:80px}
img.mapka2 {
position: absolute;
top:0;
right: 60px;
width: 233px;
height:220px;}
img.lgora {
position: absolute;
top:0;
right: 50px;
width="103"
height="180"}