@charset "utf-8";
/* CSS Document */

body {
margin:0;
padding:0;
background:#fff;
font-family:"Tahoma", Arial, sans-serif;
font-size:12px;
color:#5e5e5e;
}

a, img {
border:none;
outline:none;
}

a {
color:#0770cc;
}
a:hover {
text-decoration:none;
}

h1, h2, h3, h4 {
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
}

p {
line-height:16px;
}

/************************************************* 1. KONTENERY NA STRONE ***********************************/
div#mainpageContainer, div#subpageContainer {
width:100%;
float:left;
background:url(../gfx/tla/mainpage_bg.jpg) top center no-repeat;
margin:0; padding:0;
height:700px;
}
div#subpageContainer {
background:url(../gfx/tla/subpage_bg.jpg) top center no-repeat;
height:220px;
}

div#gridContainer {
width:960px;
margin:0 auto;
}

/************************************************* 2. NAGŁÓWEK ***********************************************/
h1 {
width:383px;
height:104px;
margin:0; padding:0;
float:left;
font-size:14px;
display:block;
}
h1 a {
width:383px;
height:104px;
display:block;
position:relative;
}
h1 a span {
width:383px;
height:104px;
display:block;
background:url(../gfx/dodatki/logo.jpg) no-repeat;
position:absolute;
cursor:pointer;
}

/****************** MENU GŁÓWNE ********************/
ul#mainmenu {
float:right;
margin:0;
padding:0;
}
ul#mainmenu li {
float:left;
display:inline;
list-style:none;
}
ul#mainmenu li a {
text-indent:-6000px;
height:66px;
display:block;
}
ul#mainmenu li a:hover, ul#mainmenu li a.active {
background-position:0 -66px;
}

li.glowna a {
background:url(../gfx/menu/glowna.jpg) 0 0 no-repeat; width:130px; margin-right:18px;
}
li.ofirmie a {
background:url(../gfx/menu/ofirmie.jpg) 0 0 no-repeat; width:91px; margin-right:12px;
}
li.oferta a {
background:url(../gfx/menu/oferta.jpg) 0 0 no-repeat; width:68px; margin-right:22px;
}
li.kontakt a {
background:url(../gfx/menu/kontakt.jpg) 0 0 no-repeat; width:82px; margin-right:33px;
}


/********************** TAGLINE box **************************/
div#taglineBox {
clear:both;
width:400px;
float:left;
margin:30px 0 0 0px;
padding:0 0 0 0px;
color:#c7c7c7;
}

div#taglineBox h2 {
color:#fff;
background:url(../gfx/dodatki/Horange.gif) 0 10px no-repeat;
padding:0 0 8px 24px; margin:0;
font-size:24px;
}
div#taglineBox p {
margin:12px 0 12px 0;
}

div#taglineBox ul {
float:right;
margin:10px 0 0 0; padding:0;
}
div#taglineBox ul li {
list-style:none;
float:left;
display:inline;
margin-left:10px;
}
div#taglineBox li a {
width:110px;
height:39px;
display:block;
text-indent:-6000px;
}
div#taglineBox li a:hover {
background-position:0 -39px;
}

li.wiecejButton a{
background:url(../gfx/dodatki/ofirmieButton.jpg) 0 0 no-repeat;
}
li.produktyButton a{
background:url(../gfx/dodatki/produktyButton.jpg) 0 0 no-repeat;
}

/************************************* 2.2. SLIDER w TOPIE **************************************/
div#sliderContainer {
float:right;
margin:26px 0 0 0;
padding:0;
background:url(../gfx/tla/slider_bg.jpg) no-repeat;
width:489px;
height:267px;
}

ul#slideShowTop {
float:left;
margin:34px 0 0 50px; padding:0;
width:372px;
height:173px;
overflow:hidden;
}
ul#slideShowTop li {
margin:0;
padding:0;
}

#slideShowNav {
  margin: 10px 63px 10px 0px;
  float:right;
  display:inline;
}
#slideShowNav a {
  background:url(../gfx/dodatki/sliderTopUnactiveDot.jpg) top left no-repeat;
  text-indent:-4000px;
  outline:none;
  margin:0 0 0 6px;
  width:14px;
  height:14px;
  float:left;
  display:inline;
}
#slideShowNav a.activeSlide {
  background-image:url(../gfx/dodatki/sliderTopActiveDot.jpg);
}


/************************************************ 3. TREŚĆ GŁÓWNA ****************************************************/
div#mainContentContainer, div#subpageContentContainer {
width:960px;
float:left;
margin:60px 0 0 0;
}
div#subpageContentContainer {
margin:140px 0 0 0;
}
/********************* POWITANIE ****************/
div#introColumn {
width:430px;
float:left;
}

div#introColumn h2, div#sampleOfferColumn h2, div#subpageMainColumn h2, div#subpageAddColumn h2, div.offerGallery h2 {
color:#3d3d3d;
background:url(../gfx/dodatki/Hblue.jpg) 0 10px no-repeat;
padding:0 0 8px 24px; margin:0;
font-size:24px;
}

/********************* PRÓBKA Z OFERTAMI ****************/
div#sampleOfferColumn {
width:490px;
float:right;
}

/*************** slider kategorii *******************/
div#offerSlider {
width:490px;
height:170px;
overflow:hidden;
float:left;
margin:10px 0 0 0
}


div.categorySlide {
width:490px;
height:170px;
}

a.imgHolder {
background:url(../gfx/dodatki/categorySlider/img_bg.jpg) no-repeat;
width:182px;
height:148px;
float:left;
}
a.imgHolder img{
width:174px;
height:130px;
margin:4px 0 0 4px;
}

div.description {
float:right;
width:284px;
margin:0;
padding:0;
}

div.description h3 {
color:#329af3;
margin:0 0 6px 0;
font-size:18px;
}
div.description p {
margin:10px 0 10px 0;
}

a.yellowArrow {
background:url(../gfx/dodatki/yellowArrow.jpg) 0 0  no-repeat;
padding:0 0 10px 28px;
float:left;
margin:10px 0 0 0;
}

p.navigator {
float:left;
width:490px;
}

p.navigator a.next, p.navigator a.prev {
float:right;
width:30px;
height:22px;
background:url(../gfx/dodatki/categorySlider/righty.jpg) no-repeat;
text-indent:-5000px;
}
p.navigator a.prev {
float:left;
background:url(../gfx/dodatki/categorySlider/lefty.jpg) no-repeat;
}
p.navigator a:hover {
background-position:0 -22px;
}


/*************************************************** 3.3. PROMOCJE + szybki KONTAKT ***********************************/
div#promoContact {
width:960px;
float:left;
margin:10px 0 0 0;
background:url(../gfx/tla/lowerContent_bg.jpg) top no-repeat;
padding:63px 0 0 0;
}

/********************* 3.3.1 Sczególnie polecamy **********************/
div#promoProduct {
float:left;
width:470px;
margin:0; padding:0;
}

div#promoProduct h2, div#quickContact h2 {
background:url(../gfx/dodatki/HfingerPointer.jpg) 0 0 no-repeat;
padding:6px 0 14px 90px; margin:0;
color:#3d3d3d;
font-size:24px;
}

a.promoProduct {
float:left;
height:166px;
margin:10px 0 0 0; padding:0;
display:block;
background:url(../gfx/tla/promo_bg.jpg) top left no-repeat;
}
a.promoProduct img {
padding:4px 0 0 4px;
}
a.morePromo {
background:url(../gfx/dodatki/blueArrow.jpg) no-repeat;
padding:0 0 16px 30px;
}

/***************************** 3.3.2  SZYBKI KONTAKT ***************************/
div#quickContact {
width:450px;
float:right;
margin:0; padding:0;
background:url(../gfx/tla/quickContact_bg.jpg) top left no-repeat;
background-position:0 20px;
}

div#quickContact h2 {
background:none;
}

div#quickContact ul {
float:left;
margin:60px 0 0 130px; padding:0 0 58px 0;
}
div#quickContact ul li{
list-style:none;
margin-bottom:8px;
color:#3d3d3d;
}


/******************** POSDTRONY ***********************/
/***************************************************************************************************/

/************************ KOLUMNY W PODSTRONIE **************************/
div#subpageMainColumn {
width:600px;
float:left;
}

div#subpageAddColumn {
width:320px;
float:right;
}

div#subpageAddColumn h3 {
font-size:18px;
font-weight:normal;
color:#3d3d3d;
width:300px;
float:left;
margin:20px 0 10px 0;
}

div#subpageAddColumn ul {
float:left;
width:300px;
margin:12px 0 0 0; padding:0;
}
div#subpageAddColumn ul li {
list-style:none;
background:url(../gfx/dodatki/orangeSquare.jpg) 0 5px no-repeat;
padding:0 0 0 14px; margin-bottom:8px;
}

iframe {
width:592px;
height:342px;
border:1px solid #7d7d7d;
padding:4px;
float:left;
margin:12px 0 0 0;
}

ul.offerList {
float:left;
margin:12px 0 0 0; padding:0;
}

ul.offerList li{
list-style:none;
background:url(../gfx/dodatki/offerPointer.jpg) 0 4px no-repeat;
padding:0 0 0 36px; margin-bottom:6px;
}

/**** GALERIA OFERTY ****/
div.offerGallery {
clear:both;
width:960px;
margin:28px 0 0 0;
float:left;
}

a.offerImg {
float:left;
width:168px;
height:136px;
display:block;
margin:0 24px 16px 0; padding:0;
background:url(../gfx/tla/offerImg_bg.jpg) no-repeat;
}
a.offerImg img {
padding:4px;
}
/********************************************** 4. STOPA ******************************************/
div#footer {
width:960px;
float:left;
margin:20px 0 10px 0;
background:url(../gfx/tla/footer_bg.jpg) no-repeat;
padding:50px 0 0 0;
}
p.copyrights {
float:left;
width:280px;
margin:0; padding:0;
}

ul.footermenu {
float:right;
margin:0; padding:0;
}
ul.footermenu li {
list-style:none;
margin-left:10px;
float:left;
display:inline;
}

p.madeby {
clear:both;
float:right;
margin:10px 0 10px 0;
}