/* glowne style */
a:link {  text-decoration: none}
a:active {  text-decoration: none}
a:visited {  text-decoration: none}
a:hover {  text-decoration: underline}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.linkmenu {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #CC0000; font-weight: bold; text-decoration: none; font-size: small}
.ceglasty { color: #CC0000; }
.linkmenuBIG {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #CC0000; font-weight: bold; text-decoration: none; font-size: large}
.drobne {font-size: 12px}
.linkmenuGray {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-decoration: none; font-size: 14px}
.odstep {  line-height: 140%}
.odstep_pdd { padding-bottom:15px; }
.small_vert_marg { margin:3px 0; }
.align_left {text-align:left;}
.zielony {color: #008000;}
.purpurowy {color: purple;}
.pomaranczowy {color: #ef9910;}
.style2 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: smaller;}
.aural { position: absolute; left: -9999px; font-size: 0; }
.no_text { 
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}
.clear { clear: both;}
.cleardiv {font-size: 0px; height: 1px; clear: both;}
.cleartag { clear: both; display:block; font-size:0px; height:1px; clear:both; }
.left { float:left; }
.right { float:right; }
.centered { text-align: center !important; }
.center_block { margin-left: auto; margin-right: auto; }
.no_border { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; }

/* - - - - - - - - - - - - - - - - [ bloki podstawowe ] - - - - - - - */
body {
  margin:0 auto 0 auto;
  text-align:center; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  background: #fff url(grafika/bg.gif) repeat-x;
}
td{font-family:Verdana;font-size:11px;}

#holder {
  width: 996px;
  margin: 0 auto;
  padding:0;
  position: relative;
}
#f_2{display:none;}
 
 
 
/* top */
#header {
  height: 143px;
}
#logo {
  width: 342px;
  height: 120px;
  margin: 15px 0 0;
  background: url(grafika/logo.png) no-repeat;
}
#logo a {
  display: block;
  height: 120px;  
}
#top_menu {
  list-style: none;
  margin: 0;
  padding: 7px 0 0;
}
#top_menu li{
  float: left;
  width: 183px;
}
#top_menu li a {
  display: block;
  height: 127px;
  background: url(grafika/sprite.png) no-repeat;
}
#top_menu li a.lnk_home {
  background-position: -25px -3px;
}
#top_menu li a.lnk_home:hover {
  background-position: -25px -147px;
}
#top_menu li a.lnk_katalog {
  background-position: -226px -3px;
}
#top_menu li a.lnk_katalog:hover {
  background-position: -226px -147px;
}
#top_menu li a.lnk_kontakt {
  background-position: -433px -3px;
}
#top_menu li a.lnk_kontakt:hover {
  background-position: -433px -147px;
} 


/* Home - glówne menu */
#main_menu {list-style: none; float: left; margin: 0; padding: 0; text-align: left; background: #fff;}
#main_menu li {border-bottom: 0px solid orange; margin:0; padding:0; float: left; clear: left;}
#main_menu a {
  text-decoration: none;
  color: #333;
  font-size: 1.4em;
  text-transform: uppercase;
  float: left;
  width: 196px;
  padding: 0.7em 1.6em 0.6em 1em;
  margin: 1px;
  background-color: #fff;
  border-bottom: 1px solid #e7e3e7;
  background: url(grafika/arrow_sm_grey.gif) no-repeat 95% 51%;
}
#main_menu a:focus, #main_menu a:active, #main_menu a:hover{
  text-decoration: underline;
  background-color:#f5f5f5;
  background-position: 98% 51%;
}
#main_menu.main_menu_wide {
  width: auto;
  float: none;
  margin: 0 0 2em;
  overflow: auto;
  border-bottom: 1px solid #e7e3e7;
}
#main_menu.main_menu_wide li {
  float: left;
  clear: none;
  padding: 0;
}
#main_menu.main_menu_wide li a {
  width: auto;
  border: none;
  font-size: 1.25em;
}

/* home center*/
#home_pht {
  float: left;
  width: 450px;
  height: 298px;  
  background:  url(grafika/promo_pht.jpg) no-repeat -34px -2px;
}
#home_intro {
  position: absolute;
  top: 143px;
  right: 0;
  width: 413px;
  height: 298px;
  padding: 0 10px;
  background: #fff;
  opacity: 0.85;
  filter: alpha(opacity=85);
}
#home_intro h3 em {
  display: block;
  font-style: normal;
  font-size: 12px;
}

#home_intro ul {
  padding: 0 0 0 36px;
  margin: 12px 0;
  text-align: left;
}
#home_intro li {
  padding: 3px 0 3px 23px;
  background:url(grafika/sprite.png) no-repeat scroll -591px -353px transparent;
}


/* home info */
.address {
  overflow: auto;
}
.address div.first {
  margin: 0 166px 2em;
}
.address h4 {
  padding: 3px 0 3px 20px;
  margin: 0;
  background: url(grafika/sprite.png) no-repeat -597px -354px;
}
.address address {
  font-style: normal;
}

/* footer */
#footer{
  height: 95px;
  padding: 20px 0 0;
  margin: 0 5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
  color:#E0DFE3;
  font-weight:normal;
  line-height:40px;
  text-align: left;
  background:  url(grafika/footer_sprite.png) repeat-x;
  position: relative;
}
#footer_side_l,
#footer_side_r {
  position: absolute;
  top: 0;
  width: 5px;
  height: 115px;
  background:  url(grafika/footer_sprite.png) no-repeat;
}
#footer_side_l {
  left: -5px;
  background-position: 0 -144px;
}
#footer_side_r {
  right: -5px;
  background-position: -5px -286px;
}
#bottom_menu {
  width: 810px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  overflow: auto;
}
#bottom_menu li {
  float: left;
  width: 169px;
  margin: 0 1.3em;
}
.brands a {
  height: 53px;
  background: url(grafika/sprite.png) no-repeat;
}
.brands a.lnk_stemcell {
  background-position: 13px -288px;  
}
.brands a.lnk_sarstedt {
  background-position: -154px -288px;  
}
.brands a.lnk_omega {
  background-position: -314px -288px;  
}
.brands a.lnk_mercator {
  background-position: -463px -288px;  
}
#footer,
#footer a {
  color: #898989;
  text-transform: uppercase;
  font-size: 11px;
}
#footer a:hover {
  color: #282828;
}
#footer_nav {
  padding: 0 1em;
  text-align: right;
}
#footer_nav span {
  float: left;
}
#footer #stat4u { float:right; }
#footer #stat4u a { position:relative; z-index:-1; }



/* - - - - - - - - - - - - - - - - [ katalog ] - - - - - - - */
#katalog {
  padding: 0 1em 2em 1em;
  background: #fff;
  overflow: auto;
  text-align: left;
  font-size: 1.2em;
}
#katalog_list {
  width: 180px;
  float: left;
  margin: 0 10px 0 0;
  font-size: 1.2em;
}
#katalog_content {
  float: left;
  width: 786px;
}
#katalog_list li {
  padding: 1.2em 0 0 0;
}
#katalog_list li a {
  display: block;
  padding: 0 0 0 23px;
  color: #333;
  background: url(grafika/sprite.png) no-repeat -591px -356px;
  text-decoration: none;
  font-size: 0.9em;
}
#katalog_list li a:focus,
#katalog_list li a:active,
#katalog_list li a:hover {
  background-position: -598px -356px;
  text-decoration: underline;
}
/* - - - [ katalog home ] - - - */
.katalog_home #katalog_list {
  width: 976px;
  margin: 0;
}
.katalog_home #katalog_list ul {
  float: left;
  width: 300px;
  margin: 10px 0 40px 25px
}



#katalog h2 {
  text-align: center;
  margin: 2.5em 0 1em;
  font-size: 1.5em;
}
.katalog_table {
  width: 74%;
  margin: 0 auto;
  border: 1px solid #000;
}
.katalog_table td {
  padding: 0.9em 0.7em;
  border-bottom: 1px solid #000;
}
.katalog_table .last td {
  border: none;
}
.katalog_table h3 {
  text-align: center;
  margin: 0.5em auto;
  font-size: 1.1em;
}
.katalog_table h3 .pointer {
  padding: 0 0 0 16px;
  background: url(grafika/sprite.png) no-repeat -598px -356px;
}


.tytul_logo {
  display: block;
  margin: 0 auto;
}
.content_menu {
  width: 250px;
  margin: 50px auto 0;
}
.content_menu li {
  font-size: 2em;
  padding: 10px 0;
  text-align: center;
}
.content_menu li a{
  background: url(grafika/sprite.png) no-repeat -591px -350px;
  padding: 0 0 0 23px;
  color: #333333;
}
.content_menu li a:hover{  background: url(grafika/sprite.png) no-repeat -597px -350px;

}
/* blok JS menu */
#tloMenu {
  width: 270px;
  height: 420px;  
  float:left;
  padding:0px;
  margin:0;
  text-align:left;
}
:root #tloMenu {padding:13px 0 0 0px;}
#pMenu-root a img {border:0;}

/* JS menu */
.lowText, a.lowText:link, a.lowText:visited, a.lowText:active, a.lowText:focus {
 color: #000000;
 font: 12px Arial, Helvetica;
 text-align: left;
 text-decoration: none;
}

.highText, a.highText:link, a.highText:visited, a.highText:active, a.highText:focus {
 color: #000000;
 font: 12px Arial, Helvetica;
 text-align: left;
 text-decoration: none;
}
#pMenu-root .highText, #pMenu-root a.highText:link, #pMenu-root a.highText:visited, #pMenu-root a.highText:active, #pMenu-root a.highText:focus {
color: #333;
 font: 15px Verdana, Arial, Helvetica;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
}

.itemBorder { border: 1px solid #666666 }
.itemBorderBlank { border: 1px solid #CCCCDD }
/* koniec JS menu */



/* Kontakt */
#kontakt_form { display: block; width:496px; margin:0 auto; }
h2.ceglasty { font-size:1.5em; }
#kontakt_form fieldset{ border: none; }
#kontakt_form label {float: left; clear: both; width: 11em; text-align: left; font-family: Veradana, Helvetica, Arial; color: #535353; height: 22px; margin-bottom: 6px; display: inline;}
#kontakt_form input {float: right; clear: right; width: 16em; margin: 0 70px 6px 0;}
:root #kontakt_form input {margin: 0 70px 0 0;}
#kontakt_form textarea {float: left; width:468px; clear: left;}
#kontakt_form p.form_end {clear: both; padding-top: 15px; height: 0px; border-bottom: 1px solid #535353; display: block; margin-bottom: 15px;}
:root #kontakt_form p.form_end {width:100%;float:left;}
#kontakt_form .wyslij_button {float: none; width: auto; margin:0;}
:root #kontakt_form .wyslij_button {float: left; clear:left;width: auto; margin:0;}
:root #kontakt_form p {float: left;clear:left;}
p.kontakt_prawa a {color: #000000; font-size: 11px; font-family: Verdana, Tahoma;}
p.kontakt_prawa a:hover {text-decoration: none;}

/* Oferta */
#oferta_h2 {float: right; display: inline; margin: 7em 4em 7em 0em; color: #d1d1d1; width: 15em; font-size: 2em}

/* Producenci */ /* Nowosci */
#producenci .brands,
#nowosci .brands {
  margin: 0 auto;
  width: 680px;
}
#producenci .brands li {
  overflow: auto;
  padding: 3em 0;
}
#nowosci .brands li {
  overflow: auto;
  padding: 1em 0;
}
#producenci .brands li li,
#nowosci .brands li li,
#producenci .brands li p,
#nowosci .brands li p {
  padding: 0.5em 0 0.5em 25px;
  font-size: 1.2em;
  background: url(grafika/sprite.png) no-repeat -591px -348px;
}
#producenci .brands a.no_text,
#nowosci .brands a.no_text,
#producenci .brands a.text_link,
#nowosci .brands a.text_link {
  float: right;
  width: 159px;
}
#producenci .brands a.text_link,
#nowosci .brands a.text_link {
  font-size: 1.6em;
  color: #333;
  background: none;
}
#producenci .brands li div.left,
#nowosci .brands li div.left {
  width: 500px;
}
#producenci .brands h3 a,
#nowosci .brands h3 a {
  height: auto;
  background: none;
  color: #333;
  font-size: 1.5em;
}

.subsite_content { background: #fff; margin: 0 auto; overflow:auto; padding:0 1em 2em; text-align:left; font-size: 1.2em; }
.subsite_content h1 { font-size: 1.8em; margin: 1em auto; text-align:center;}
.subsite_content h1 span { font-size: 1em;}
.subsite_content h2 { font-size: 1.4em; margin:2.5em 0 2em; text-align:center;}
.subsite_content h3 { font-size: 1.1em; text-align: left; margin:13px 0; font-size:13px;}
.subsite_content p { text-align: justify; font-size:1.1em;}
.subsite_content table {border-right: 1px solid gray; border-bottom: 1px solid gray;}
.subsite_content table th, .subsite_content table td { text-align: left; padding:5px;  border-left: 1px solid gray; border-top: 1px solid gray;}
.subsite_content ul, .subsite_content ol {text-align: left;}
.subsite_content a img {border: 1px solid black;}
.subsite_content .new_img_div {width:283px; float:left; padding:10px 15px 25px 0;}
.subsite_content .new_ul { width:260px;list-style:none; padding:1em 3em 1em 0; margin: 1em auto; font-size:1.1em;}
.subsite_content .new_ul li{background: transparent url(grafika/arrow_sm_grey.gif) no-repeat 0 30%; padding:0 0 0.7em 1.2em;}





/* promocje */
/* Zamowienia */


/* Inne */
.featured_item { padding: 1em 4em 3em; overflow: auto; text-align: center; }
.featured_item  h2 { padding: 3em 0 1em; font-size: 1.8em; }
.featured_item  img { padding: 0.5em 0 1em; }
.featured_item  div { width: 354px; padding: 0 5px; }

.flash_holder {
  float: left;
  margin: 1em 4em;
  position: relative;
  text-align: center;
  width: 380px;
}
.flash_holder img { position:absolute; top:56%; left:50%; }
.flash_holder .zoom_lnk { float:right; height:14px; padding:2px 8px 2px 22px; background: url(grafika/zoom.gif) no-repeat 0 0; text-decoration:none; color:#2d3740; }
.flash_holder h3 { margin:0.5em 0; font-size:14px; color:#f8971e; }


/* info biezace */
#info_biezace {width: 600px; margin: 4em auto;}
#info_biezace  h3 { font-size: 1.2em;}