/**
* $Id$
*/
html,
body {
padding: 0;
margin: 0;
}
body {
background: #5a6034 url('../gfx/backgroundlapki.jpg');
font-family: Verdana, Arial, sans-serif;
font-size: small;
text-align: center;
}
img {
vertical-align: bottom;
border: 0;
}
a {
text-decoration: none;
color: #d2110c;
}
a:hover {
text-decoration: underline;
}
a.mocny {
font-weight: bold;
text-transform: uppercase;
}
h1 {
font-family: Georgia, "Times New Roman", serif;
font-size: 170%;
font-weight: normal;
color: #d2110c;
border-bottom: 1px solid #c0c0c0;
padding: 0 0 5px;
margin: 0;
}
h2 {
font-size: 110%;
font-weight: bold;
color: #111;
padding: 0;
margin: 10px 0;
}
p {
padding: 1px 0;
margin: 10px 0;
text-align: justify;
}
p.srodek {
text-align: center;
}
/* container ------------------------------------------------------------------ */
#container {
width: 775px;
margin: 0 auto 15px;
padding: 0;
height: auto;
overflow: hidden;
text-align: left;
background: #fff url('../gfx/background.jpg') 0 0 repeat-y;
}
#top1 {
height: 92px;
position: relative;
background: transparent url('../gfx/bg_top.gif') 0 0 repeat-x;
}
#top1 span.title {
font-family: Georgia, "Times New Roman", serif;
color: #d2110c;
display: block;
position: absolute;
top: 20px;
left: 20px;
font-size: 20px;
}
#top1 span.sub-title {
font-family: "Times New Roman", serif;
font-size: 13px;
font-weight: bold;
color: #444;
display: block;
position: absolute;
top: 42px;
left: 20px;
}
#top1 span.adres {
display: block;
font-size: 10px;
font-weight: bold;
color: #a1a1a1;
float: right;
width: 300px;
text-align: right;
margin: 20px 20px 0 0;
}
#top1 span.adres a {
color: #a1a1a1;
}
/* menu ------------------------------------------------------------------ */
#menu2 {
padding: 0;
}
#menu2 ul {
height: auto;
overflow: hidden;
list-style: none;
font-size: 140%;
padding: 0;
margin: 0;
}
#menu2 ul li {
float: left;
padding: 0;
margin: 0;
}
#menu2 ul li a {
display: block;
text-indent: -9999px;
height: 34px;
}
#menu2 ul li a.link_1 {
background: url('../gfx/menu_btn01.gif');
width: 97px;
}
#menu2 ul li a.link_2 {
background: url('../gfx/menu_btn02.gif');
width: 130px;
}
#menu2 ul li a.link_3 {
background: url('../gfx/menu_btn03.gif');
width: 130px;
}
#menu2 ul li a.link_4 {
background: url('../gfx/menu_btn04.gif');
width: 183px;
}
#menu2 ul li a.link_5 {
background: url('../gfx/menu_btn05.gif');
width: 120px;
}
#menu2 ul li a.link_6 {
background: url('../gfx/menu_btn06.gif');
width: 115px;
}
#menu2 ul li a:hover {
background-position: left -34px;
}
#left-con {
float: left;
width: 595px;
}
/* content ------------------------------------------------------------------ */
#content {
margin: 0;
padding: 32px 20px 20px;
height: auto;
overflow: hidden;
background: url('../gfx/bg_content.jpg') 0 0 no-repeat;
}
div.obrazki {
height: auto;
overflow: hidden;
}
div.obrazki a {
display: block;
float: left;
width: 153px;
border: 5px solid #fff;
padding: 0;
margin: 5px;
}
div.obrazki a:hover {
border: 5px solid #ddd;
}
div.obrazki a img {
margin: 0;
border: 1px solid #000;
}
#content div.piesek {
margin: 0;
padding: 15px 0;
border-bottom:1px solid silver;
}
#content div.piesek span.osiagniecia {
font-weight: bold;
color: #be0101;
}
#content div.piesek ul {
margin: 10px 20px 0;
padding: 0;
list-style: none;
}
#content div.piesek ul li {
background: url('../gfx/dot.gif') 0 50% no-repeat;
margin: 0;
padding: 0 0 0 10px;
}
/* tapety -------------------------------------------------------- */
#content div.tapety {
float: left;
width: 270px;
text-align: center;
padding: 10px 0 30px;
}
#content div.tapety ul {
list-style: none;
padding: 10px 0 0;
margin: 0;
}
/* kontakt i formularz kontaktowy ------------------------------------------- */
#content div.adres {
padding: 0 0 30px;
}
#content a.mapka {
display: block;
float: right;
width: 175px;
margin: 10px 0 0;
}
#kontaktform,
#kontaktform fieldset {
padding: 0;
margin: 0;
border: 0;
}
#kontaktform fieldset div {
height: auto;
overflow: hidden;
margin: 0 0 5px;
}
#kontaktform fieldset div label {
float: left;
width: 150px;
text-align: right;
padding: 0 5px 0 0;
}
#kontaktform fieldset div input {
float: left;
width: 200px;
}
#kontaktform fieldset div input#ko_catkey {
float: left;
width: 100px;
margin-right: 5px;
}
#kontaktform fieldset div textarea {
float: left;
width: 380px;
height: 100px;
}
#kontaktform fieldset div.check label {
width: 300px;
text-align: left;
}
#kontaktform fieldset div.check input {
margin: 0 5px 0 155px;
width: auto;
}
#kontaktform fieldset div.butony {
padding: 0 0 0 155px;
}
#kontaktform fieldset div.butony input {
width: 100px;
margin: 0 5px 0 0 ;
}
/* SIDEBAR ------------------------------------------------------- */
#sidebar {
background: transparent url('../gfx/baner1.jpg') 0 0 no-repeat;
float: right;
width: 180px;
padding: 0 0 10px 0;
text-align: center;
}
#sidebar a.nagrody {
display: block;
width: 180px;
height: 346px;
margin: 0;
padding: 0;
text-indent: -9999px;
}
#sidebar a.obrazek {
display: block;
width: 153px;
border: 0;
padding: 5px 0;
margin: 3px auto;
}
#sidebar a:hover.obrazek {
border: 5px solid #ddd;
margin: 3px auto;
padding: 0;
}
#sidebar a.obrazek img {
margin: 0;
border: 1px solid #000;
}
#sidebar img.obrazek {
display: block;
width: 151px;
padding: 5px 0;
margin: 3px auto;
}
/* FOOTER ------------------------------------------------------- */
#footer {
clear: both;
position: relative;
background: transparent url('../gfx/bg_footer.jpg') 0 100% no-repeat;
color: #bcbcbc;
height: 35px;
padding: 0;
margin: 0;
}
#footer a {
color:#bcbcbc;
}
#footer a:hover {
color:#9c9b9b;
}
#footer .stopka_pp {
position: absolute;
top: 1px;
left: 10px;
font-size: 90%;
padding: 0;
}
#footer .copy {
position: absolute;
top: 1px;
right: 190px;
font-size: 90%;
padding: 0;
}
#footer .stopka {
position: absolute;
top: 1px;
right: 20px;
font-size: 90%;
padding: 0;
}
#s3slider {
width: 595px; /* important to be same as image width */
height: 372px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}
#s3sliderContent {
width: 595px; /* important to be same as image width or wider */
position: absolute; /* important */
top: 0; /* important */
margin-left: 0; /* important */
}
.s3sliderImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
}
.s3sliderImage span {
position: absolute; /* important */
left: 0;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 374px;
background-color: #000;
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
bottom: 0;
/*
if you put
top: 0; -> the box with text will be shown at the top of the image
if you put
bottom: 0; -> the box with text will be shown at the bottom of the image
*/
}
.clear {
clear: both;
}