@import url(undohtml.css);

html { height: 100%; margin-bottom: 1px; }
		
body { background: #fff url(../images/body.jpg) repeat-x; color: #666; font: normal 75%/1.4 Tahoma, sans-serif; }
a:link {text-decoration: none;}
a:hover, a:active, a:focus {text-decoration: underline;}

p { margin: 0.5em 0; }

#wrapper { width: 750px; margin: 0 auto; background: #EBEBEB; }

/* header */
#header { background: #fff url(../images/header.jpg) no-repeat; height:143px; position: relative; }
#skippers { padding: 3px 50px;  }
#skippers a { color: #fff; font-size: 83.3%; text-transform: uppercase; padding-left: 12px; background: transparent url(../images/skipper-arrow.png) 0 50% no-repeat; }
 #header h1, #header h2 { text-indent: -9999em; height: 0; }
 #header h1 a { display: block; position: absolute; left: 40px; top: 43px; width: 160px; height: 50px; overflow: hidden; }
#biodent_flash { display: block; width: 536px; height: 92px; margin: 1px 0px 0px 0px; border: 0px; }

/* navigation */
#navigation { position: absolute; left: 8px; width: 567px; height: 24px; bottom:2px; }
 #navigation li { display: block; float: left;}
  #navigation li a  { margin: 0 1px 0 0 ; display: block; text-decoration: none; height: 24px; background: transparent url(../images/navigation.png) 0 0 no-repeat; text-indent: -9999em; overflow: hidden;}

  #navigation li a#navigation-aktualnosci  { width: 82px; background-position: 0 0;}
  #navigation li a#navigation-aktualnosci:hover  { background-position: 0 100%;}

  #navigation li a#navigation-firma  { width: 68px; background-position: -84px 0; }
  #navigation li a#navigation-firma:hover  { background-position: -84px 100%; }

  #navigation li a#navigation-oferta  { width: 59px; background-position: -153px 0; }
  #navigation li a#navigation-oferta:hover  { background-position: -153px 100%; }

  #navigation li a#navigation-dostawcy { width: 73px; background-position: -213px 0; }
  #navigation li a#navigation-dostawcy:hover  { background-position: -213px 100%; }

  #navigation li a#navigation-promocja { width: 74px; background-position: -287px 0; }
  #navigation li a#navigation-promocja:hover  { background-position: -287px 100%; }

  #navigation li a#navigation-serwis { width: 136px; background-position: -362px 0; }
  #navigation li a#navigation-serwis:hover  { background-position: -362px 100%; }

  #navigation li a#navigation-kontakt { width: 67px; background-position: -500px 0; }
  #navigation li a#navigation-kontakt:hover  { background-position: -500px 100%; }

/* subnav */

#content-wrapper { position: relative; overflow: hidden; padding: 20px; min-height: 200px; background: transparent url(../images/drills.jpg) 73px 100% no-repeat; }
#categories { margin-right: 20px; position: relative; width: 130px; float: left; z-index: 2;}
 #categories li { position: relative; }
  #categories li a { text-decoration: none; display: block; color: #000196; margin: 0 0 2px 0; padding: 2px 5px 2px 16px; position: relative; width: 110px; border: 1px solid #E4E4E4; border-width: 2px 2px 1px 1px; background: #f2f2f2 url(../images/categories-arrow.png) 3px 6px no-repeat }
  #categories li a:hover { background-color: #fff; border-color: #f5f5f5; }
  #categories li ul { display: none; }
  #categories li:hover ul { display: block; position: absolute; top: 0; left: 130px; z-index: 2; }
  #categories li:hover ul a { margin-left: 7px; }

.content-box { float: left; background: white; border: 1px solid #D6D6CF; position: relative; padding: 50px 25px 25px; font-size: 93%; z-index:1 }
 .content-box h3 { position: absolute; text-indent: -9999em; top: -5px; left: -1px; height: 40px; }
 .content-box a { color: red; }

#content-box-company { width: 273px; margin-right: 15px;  }
 #content-box-company h3 { width: 330px; background: transparent url(../images/headers/home-aktualnosci.png) no-repeat;  }


#content-box-news { width: 146px; }
 #content-box-news h3 { width: 203px; background: url(../images/headers/home-promocja.png) no-repeat;  }

/* secondary content */
#content-secondary { clear: both; border: 4px solid #fff; border-width: 4px 0; background: #009; color: #fff; overflow: hidden; height: 1%;}

 #content-secondary div { padding: 10px; float: left;  }
 #content-secondary h3 { text-indent: -9999em; margin-bottom: 10px; height: 19px;}

 #content-secondary #content-secondary-suppliers { width: 135px; padding: 10px 20px; }
 #content-secondary-suppliers h3 { background: transparent url(../images/subheaders/dostawcy.png) no-repeat;  }
 #content-secondary-suppliers img { display: block; border: 1px solid #2F8CD8; }

 #content-secondary-company { background: #008; width: 225px; min-height: 160px; font-size: 91%; }
 #content-secondary-company a { color: #fff; font-weight: bold; }
 #content-secondary-company h3 { background: transparent url(../images/subheaders/firma.png) no-repeat;  }

#content-secondary #offer-presentation { padding: 50px 30px; width: 260px; }
 #offer-presentation h3 { background: transparent url(../images/subheaders/banner.png) no-repeat; height: 34px; }

#footer { clear: both; background: #EF120F; padding: 18px; text-align: right; color:#fff; font-size: 90%; }
 
/* content */
#content-full { width: 484px; }

#content-full h3 { width: 541px; background-color: transparent; background-repeat: no-repeat; }
h3#content-header-dostawcy { background-image: url(../images/headers/dostawcy.png); }
h3#content-header-aktualnosci { background-image: url(../images/headers/aktualnosci.png); }
h3#content-header-firma { background-image: url(../images/headers/o_firmie.png); }
h3#content-header-oferta { background-image: url(../images/headers/oferta.png); }
h3#content-header-promocja { background-image: url(../images/headers/promocja.png); }
h3#content-header-zamowienie { background-image: url(../images/headers/zamowienie.png); }
h3#content-header-serwis { background-image: url(../images/headers/autoryzowany_serwis.png); }
h3#content-header-kontakt { background-image: url(../images/headers/kontakt.png); }
h3#content-header-dowiedz { background-image: url(../images/headers/dowiedz.png); }
h3#content-header-blad { background-image: url(../images/headers/blad.png); }

/* aktualnosci */
#content-wrapper dt { padding: 5px 5px 2px 20px; background: #efefef url(../images/content-page-icon.png) 5px 50% no-repeat; }
#content-wrapper dd { margin: 0 0 1em; padding:2px 5px 5px 20px; background: #efefef;}

/* forms */
fieldset { border:0; margin: 1em 0; }
fieldset p { overflow: hidden; margin: 0.5em 0; clear: both; }
fieldset label { float: left; width: 110px;  }
fieldset input { float: left; width: 250px; }
fieldset textarea { width: 250px; height: 150px; margin-left:110px; margin-top: -1.5em; clear: both;}
fieldset .error { clear: both; padding-left: 110px; font-weight: bold; color:#933; }

#product-photos { overflow: hidden; text-align: center; margin: 1em 0; } 
#product-photos li { display: inline; margin-right: 5px; } 

.picture { margin: 1em auto; display: block; padding: 2px; border: 1px solid #dedede; }

#map { margin: 0 0 1em 1em; float: right; }

address { margin: 0 0 1em 0; }

.content-picture { display: block; border: 1px solid #dedede; padding: 2px; float: right; margin: 1em; }

#supplier-logo-container { background: white; }

#dostawcy-list li { clear: left; overflow: hidden; margin: 0.5em 0 }
#dostawcy-list img { float: left; margin: 0 1em 0.5em 0; padding: 2px; border: 1px solid #efefef; }

#dostawcy-list strong { font-size: 1.2em; display: block; }