/* Basic declarations */

* { margin: 0; padding: 0; }

body
{
font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
color: white;
background: #2E3639 url('../images/bgBody.png') repeat-x;
}

img { border: 0; }
img.border { border: 1px solid #7D7991; }
a, a:link, a:visited, a:hover, a:active { color: inherit; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
abbr { font-weight: bold; }

/* classes */

.ajax-loader { background: transparent url('../images/ajax-loader.gif') no-repeat center left; padding-left: 38px !important; font-weight: bold; height: 30px; margin-top: 12px; padding-top: 10px; font-size: 1.2em; }

.bigger { font-size: 1.1em; }
.biggerPlus { font-size: 1.3em !important; }
.big { font-size: 1.6em; }
.smaller { font-size: .9em; padding: 0; }
.small { padding: 0.5em; font-size: 0.9em; }
.bold { font-weight: bold;}
.normal { font-weight: normal; }
.marginTop { margin-top: 15px !important; }
.marginTopBig { margin-top: 25px !important; }
.marginBottom { margin-bottom: 25px !important; }
.marginBottomBig { margin-bottom: 25px !important; }
.marginLeft { margin-left: 16px; }
.marginRight { margin-right: 24px; }
.borderTop { border-top: 1px solid #D0D2C9; padding-top: 6px; margin-top: 12px; }
.clearBoth { clear: both !important; }
.clearRight { clear: right; }
.clearLeft { clear: left; }
.right { float: right; }
.left { float: left; }
.invisible { line-height: 0px; font-size: 0px; position: absolute; top: -9999px;}
.fontVera { font-family: "Bitstream Vera Sans", "Trebuchet MS", Arial, Verdana; }
.fontGeorgia { font-family: Georgia, "Trebuchet MS", Verdana, Arial; }
.colorGrey { color: #64625E !important; }
.colorBlack { color: black !important; }
.colorOrange { color: #D0590A; }
.colorGreen { color: #77B40D !important; }
.colorRed { color: #FF6F1C; }
.lineHeight { line-height: 1.5em; }
.alignCenter { text-align: center; }
.underLine { border-bottom: 1px solid #A1A1A1; }

.arrDark { background: transparent url('../images/arrHeaderDark.png') no-repeat left center; padding-left: 24px; font-weight: normal; }
.arrGreen { background: transparent url('../images/arrGreen.png') no-repeat left center; padding-left: 18px; font-weight: normal; }
    .arrGreen:hover { background: transparent url('../images/arrGreenHover.png') no-repeat left center; padding-left: 18px; font-weight: normal; }
.arrBlue { background: transparent url('../images/arrBlue.png') no-repeat left center; padding-left: 18px; font-weight: normal; }
.arrGrey { background: transparent url('../images/arrGrey.png') no-repeat left center; padding-left: 18px; }
.arrOrange { background: transparent url('../images/arrGreenHover.png') no-repeat left center; padding-left: 18px; font-weight: normal; }

.bgDarkHeadWide {background: transparent url('../images/bgDarkHeadWide.png') no-repeat left center; width: 944px; height: 28px; }

.bgMiniBanner {background: transparent url('../images/bgMiniBanner.png') no-repeat left center; width: 208px; height: 108px; margin: 18px 0px 18px 0px; color: #3D3D3D; padding: 8px; }
  .bgMiniBanner p { margin-top: 25px; }

.more { float: right; clear: both; margin-top: 12px; color: #3F3F3F; }

.mesgErr { color: red; margin-top: 12px; font-size: 1.1em; }
.mesgOK { color: #456D17; margin-top: 12px; font-size: 1.1em;}

/* styles for site elements */

#mainWrapper #skipLink { position: absolute; top: -9999px; }

#headerLogo h1 span.text { position: absolute; z-index: 10; text-indent: -9999px; }
        #headerLogo h1 span.text a { display: block; position: absolute; top: 12px; left: 300px; height: 193px; width: 388px; outline: 0;}
        #headerLogo h1 span.bg { width: 993px; min-height: 351px; position: absolute; top: 0; left:0; z-index: 5; display: block;  background: transparent url('../images/bgHeader.png') no-repeat;  }
        #headerLogo h2#tagBanner { position: absolute; top: 100px; }

#navBar ul { list-style: none; padding-left: 183px; }
  #navBar ul li { height: 31px; padding-left: 10px; float: left; width: 196px; text-align: center; padding-top: 12px; background: transparent url('../images/bgNavBarBtn.png') no-repeat left center; margin-right: 10px;  }
  #navBar ul li:hover {  background: transparent url('../images/bgNavBarBtnHover.png') no-repeat left center;  }
  #navBar .oferta { }
  #navBar .kontakt { }

#mainBoxes .box { float: left; margin-right: 28px; }
  #mainBoxes .wide { width: 386px; }
  #mainBoxes .narrow { width: 238px; }
  #mainBoxes h2 { height: 24px; border-bottom: 1px solid #99A189; font-size: 2em; font-family: Arial, Verdana; font-weight: normal; margin-bottom: 24px; }
  #mainBoxes .boxBody { line-height: 1.5em; margin-bottom: 20px; clear: both; float: left; }

.product { float: left; width: 180px; margin-right: 10px; margin-bottom: 18px; background-color: #ECEDE3; height: 145px; border: 1px solid #C1C4B3; }
  .product .info { text-align: center; font-size: .9em; margin-top: 4px; }
  .product .photo { text-align: center; margin-top: 12px; }
  .product .photo img { border: 1px solid #58584C; }
  .productList .product { width: 220px; }
  .productPromo {background-color: #ED8012; color: white; font-size: 1.2em; }

.productPage { float: left; width: 944px;  }
  .productPage .info { text-align: center; font-size: .9em; margin-top: 8px; width: 252px;   }
  .productPage .photo { margin-right: 24px;  }
  .productPage .photo img { border: 1px solid #58584C; }
  .productPage .moreAbout { float: left; width: 280px;  }
  .productPage .colorPalette h3 { text-align: center; font-size: 1.1em; margin-bottom: 8px; border-top: 1px solid #A1A1A1; padding-top: 8px;  }

  #btnZamow { background: transparent url('../images/btnZamow.png') no-repeat left center; display: block; text-indent: -9999px; height: 56px; width: 226px; margin-top: 24px;  }
  #btnZamow:hover { background: transparent url('../images/btnZamowHover.png') no-repeat left center; display: block; text-indent: -9999px; height: 56px; width: 226px; margin-top: 24px;  }

  .bodyText { margin-top: 24px; }
  .bodyText p { line-height: 1.5em; margin-top: 8px; font-size: 1.1em; }

  pre { margin-top: 12px; font-family: "Trebuchet MS", Verdana; font-size: 1.1em; border-left: 1px solid #99A189; padding-left: 12px; }

  .column { float: left; width: 380px; }

  fieldset { border: 0; }
  legend { display: none; }

  #contactForm div { margin-top: 12px; float: left; clear: both; }
  #contactForm label { float: left; display: block; width: 120px; }
  #contactForm .text { float: left; width: 340px; font-size: 1.1em; padding: 1px; }

  #mainBoxes .btnAeterna { color: white; padding-top: 42px; padding-left: 12px; display: block; width: 166px; height: 30px;background: transparent url('../images/catAeterna.png') no-repeat left center; float: left; margin-right: 18px; }
  #mainBoxes .btnLiturgia { color: white; padding-top: 42px; padding-left: 12px; display: block; width: 166px; height: 30px;background: transparent url('../images/catLiturgia.png') no-repeat left center; float: left;  }
  #mainBoxes .btnSwiece { margin-top: 18px;  color: white; padding-top: 42px; padding-left: 12px; display: block; width: 166px; height: 30px;background: transparent url('../images/catSwiece.png') no-repeat left center; float: left;  margin-right: 18px; }
  #mainBoxes .btnZnicze { margin-top: 18px;  color: white; padding-top: 42px; padding-left: 12px; display: block; width: 166px; height: 30px;background: transparent url('../images/catZnicze.png') no-repeat left center; float: left;  }

  .infoBoxWide { margin-top: 24px; clear: both; }
  .infoBoxNarrow {float: right;  width: 330px; background: transparent url('../images/bgBoxRight.png') no-repeat left top; padding-left: 8px; }
    .infoBoxNarrow h2 { color: white; font-size: 1.1em;   padding-top: 5px; font-weight: normal; margin-left: 12px; height: 25px; }
  .infoBoxWide h2 { color: white; font-size: 1.1em;  padding-left: 30px; padding-top: 9px; font-weight: normal; }
    .infoBox div { margin-top: 8px; }
    .infoBox h3 { font-size: 1.1em; font-family: Arial, Verdana; font-weight: normal; }
    .infoBoxWide .left { width: 300px; }
    .infoBoxNarrow .left { width: 250px; }
    .infoBox .colorBlue { color: #0071c8; }
    .infoBox .icoMail { padding-left: 70px; background: transparent url('../images/icoMail.png') no-repeat left top; }
    .infoBox .icoPhone { padding-left: 70px; background: transparent url('../images/icoPhone.png') no-repeat left top; }
    .infoBoxWide .infoText { color: #848484; }
    .infoBoxNarrow .infoText { color: #848484; font-size: 1em; }

/* general declarations for banner, background etc. */

#mainWrapper { margin: 0px auto; width: 993px; position: relative; }
#headerLogo{ width: 993px; }

#headerLogo
{
min-height: 351px;
height: 351px;
position: relative;
}

#footer {
background: #303b46 url('../images/bgFooter.png') repeat-x top;
width: 968px;
height: 30px;
background-color: #303b46;
clear: both;
padding-right: 24px;
padding-top: 12px;
}


#banner {
background: transparent url('../images/bgBanner.png') repeat-x ;
height: 124px;
width: 992px;
clear: both;
}

#content
{
background: #f1f0ed url('../images/bgContent.png') repeat-x ;
border-top: 1px solid #CAD0B1;
width: 946px;
margin-top: 0px;
min-height: 200px;
float: left;
clear: both;
font-size: 1.1em;
padding: 23px;
color: #383838;
}

#navBar
{
background: #303b46 url('../images/bgNavBar.png') no-repeat ;
width: 992px;
float: left; clear:both;
height: 58px;
font-size: 1.4em;
color: white;
}