* {
	margin: 0px;
	padding: 0px;
}

body {
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	background: #666666 url(../gfx/body_tlo2.gif) left top repeat;
	overflow: auto;
	outline: none;
}

table {
	font-size: 1em;
}

img {
	border: 0px;
}

a {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #e50000;
}

hr {
	display: block;
	margin: 0 auto;
	width: 400px;
}

.left {
	text-align: left;
}

.left2 {
	float:left;
  width:300px;
  padding-right:8px;
}
.left3 {
	float:left;
  width:448px;
}
.left4 {
	float:left;
  width:245px;
  padding-right:8px;
}
.imgleft {
	float:left;
  width:140px;
  clear:right;
  cursor: pointer;
}

.imgleft2 {
	float:left;
  width:195px;
  clear:right;
  cursor: pointer;
}

sup {
	font-size: 0.9em;
}

/* main layout */

#outer_background {
	width: 100%;
	height: auto;
	background: url(../gfx/body_tlo_long.jpg) left top repeat-x;
	padding-top: 16px;
}

#container {
	margin: 0px auto;
	width: 810px;
	text-align: left;
}

/* gorny wiersz z logo i menu */

#row_up {
	width: 100%;
	height: 59px;
}

#logo {
	width: 272px;
	height: 100%;
	float: left;
	background: url(../gfx/elkon_logo2.jpg) center top no-repeat;
}

#menu_up {
	width: 526px;
	height: 100%;
	float: right;
	/*text-align: right;*/
}

#menu_up_pozycje {
	width: 100%;
	height: 46px;
	overflow: hidden;
}

#menu_up_leftend {
	width: 36px;
	height: 100%;
	background: url(../gfx/menu_up_left.gif) right top no-repeat;
	float: left;
}

#menu_up_srodek {
	width: 470px;
	height: 100%;
	background: url(../gfx/menu_up_tlo.gif) left top repeat-x;
	float: left;
/*	text-align: right;*/
}

#menu_up_rightend {
	width: 20px;
	height: 100%;
	background: url(../gfx/menu_up_right.gif) left top no-repeat;
	float: left;
}

#menu_up_cien {
	width: 100%;
	height: 13px;
	background: url(../gfx/menu_up_cien2.gif) left top no-repeat;
}

div.menu_button, div.menu_separator {
	width: auto;
	height: 100%;
	text-align: center;
	float: right;
}

#menu_up div.menu_separator {
	width: 10px;
}

#menu_up div.menu_separator div {
	margin-top: 17px;
	height: 1px;
	font-size: 8px;
}

/* wyglad linkow menu gornego */

a.menu_up {
	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}

#menu_up a.menu_up {
	font-size: 11px;
	margin-top: 15px;
}

a.menu_up:hover, a.menu_up#active {
	color: #e50000;
}

/* wygląd menu dolnego */

#menu_down {
	width: 497px;
	height: 30px;
	background: url(../gfx/tlo_menu_dolnego.jpg) left top no-repeat;
	overflow: hidden;
}

#menu_down div.menu_separator {
	width: 10px;
}

#menu_down div.menu_separator div {
	margin-top: 7px;
	height: 1px;
	font-size: 8px;
}

/* wyglad linkow menu dolnego */

#menu_down a.menu_up {
	font-size: 10px;
	margin-top: 6px;
}

/* layout srodkowej czesci */

#row_middle {
	width: 100%;
}

/* lewa kolumna */

#left_part {
	width: 278px;
	height: 100%;
	background: #ffffff url(../gfx/left_part_tlo.gif) left top repeat-y;
}

#element_1 {
	width: 278px;
	height: 237px;
	background: url(../gfx/element_1.jpg) left top no-repeat;
	margin: 0;
	padding: 0;
}

#przedzialka {
	width: 100%;
	height: 11px;
	background: url(../gfx/przedzialek_long.gif) left top no-repeat;
}

div.naglowek_lewy {
	width: 100%;
	height: 31px;
	background: url(../gfx/naglowek_tlo.jpg) left top no-repeat;
}

div.naglowek_lewy div {
	position: relative;
	left: 30px;
	top: 8px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #4b4b4b;
}

div.linia_sekcyjna {
	width: 100%;
	height: 1px;
	background: url(../gfx/linia_sekcyjna.gif) left top no-repeat;
/*	background: red;*/
}

div.sekcja_aktualnosci {
	width: 100%;
	height: 102px;
	font-size: 11px;
	overflow: hidden;
}

div.sa_part_left {
	width: 23px;
	height: 100%;
	background: url(../gfx/tlo_aktualnosci_left.gif) left top no-repeat;
	float: left;
}

div.sa_part_center {
	width: 247px;
	/*width: auto;*/
	height: 100%;
	background: url(../gfx/tlo_aktualnosci_p.gif) left top repeat-x;
	float: left;
}

div.sa_part_right {
	width: 8px;
	height: 100%;
	background: url(../gfx/tlo_ktualnosci_right.gif) left top no-repeat;
	float: left;
}

div.sa_title {
	color: #4b4b4b;
	font-weight: bold;
	padding: 8px 0px 10px 12px;
}

div.sa_tresc {
	color: inherit;
	padding: 0px 10px 2px 12px;
}

div.sa_title a, div.sa_tresc a {
	color: #4b4b4b;
}

div.sa_title a:hover, div.sa_tresc a:hover {
	color: #e50000;
}

div.sa_data {
	color: #aeaeae;
	text-align: right;
	padding: 0px 20px 5px 0px;
}

#sekcja_referencje {
	width: 100%;
	height: 110px;
	background: url(../gfx/tlo_referencji.gif) left top repeat-y;
}

#sekcja_referencje div {
	margin-left: 7px;	
	width: 268px;
	height: 102px;
}

/* prawa główna część */

#right_part {
	width: 508px;
	height: 100%;
	background: #f2f2f2 url(../gfx/ramka_biala.gif) right top repeat-y;
}

#naglowek_top {
	width: 100%;
	height: 40px;
	background: url(../gfx/tlo_naglowka_top.jpg) left top no-repeat;
}

#naglowek_top div {
	position: relative;
	left: 34px;
	top: 11px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #4d4d4d;
}

#zakladki {
	width: 100%;
	height: 23px;
	background: url(../gfx/tlo_zakladki3.jpg) left top no-repeat;
	font-size: 10px;
	font-weight: bold;
	overflow: hidden;
	text-align: left;
}

#zakladka_1 div {
	padding: 4px 0px 0px 13px;
}
#zakladka_2 div, #zakladka_3 div, #zakladka_4 div {
	padding: 4px 0px 0px 15px;
}

#zakladka_1 {
	width: 110px;
	height: 100%;
	float: left;
}

#zakladka_2 {
	width: 134px;
	height: 100%;
	float: left
}

#zakladka_3 {
	width: 136px;
	height: 100%;
	float: left
}

#zakladka_4 {
	width: 128px;
	height: 100%;
	float: left
}

#zakladka_1 a, #zakladka_2 a, #zakladka_3 a, #zakladka_4 a {
 	color: #4d4d4d;
}

#zakladka_1 a:hover, #zakladka_2 a:hover, #zakladka_3 a:hover, #zakladka_4 a:hover {
 	color: #e50000;
}

#zakladka_1 a#active, #zakladka_2 a#active, #zakladka_3 a#active, #zakladka_4 a#active {
 	color: #e50000;
}

/* główne okno treści */
#main_window {
	position: relative;
	width: 448px;
	height: 100%;
	padding: 30px;
	font-size: 0.8em;
}

#main_window p {
	text-align: justify;
	margin-bottom: 15px;
	text-indent: 15px;
}

/* ramka po prawej */

#ramka_prawa {
	width: 24px;
	height: 100%;
}

#flagi {
	margin-top: 40px;
}

a#flaga_pl {
	background: url(../gfx/flaga_pl.gif);
}

a#flaga_en {
	background: url(../gfx/flaga_en.gif);
}

a#flaga_ru {
	background: url(../gfx/flaga_ru.gif);
}

a#flaga_de {
	background: url(../gfx/flaga_de.gif);
}

#flagi a {
	display: block;
	height: 19px;
	width: 16px;	
	background-position: -13px 0px;
	background-repeat: no-repeat;
	margin-bottom: 1px;
}

#flagi a:hover, #flagi a.active {
	width: 24px;
	background-position: -5px 0px;
}

/* layout stopki */

#row_bottom {
	width: 100%;
	height: 83px;
	margin-top: 3px;
}

#stopka_1 {
	width: 9px;
	height: 100%;
	background: url(../gfx/stopka_left.gif) left top no-repeat;
	float: left;
}

#stopka_2 {
	width: 261px;
	height: 100%;
	float: left;
	background: #ffffff;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	overflow: hidden;
}

/* wygląd adresu w stopce po lewej */
#adres_1 {
	padding: 8px 0px 0px 20px;
}

#adres_2 {
	padding: 0px 0px 10px 20px;
}

#st_2_inner, #st_4_inner {
	width: 100%;
	height: 81px;
	background: #f2f2f2;
}

#stopka_3 {
	width: 11px;
	height: 100%;
	background: url(../gfx/stopka_srodek.gif) left top no-repeat;
	float: left;
}

#stopka_4 {
	width: 497px;
	height: 100%;
	float: left;
	background: #ffffff;
}

#stopka_5 {
	width: 8px;
	height: 100%;
	background: url(../gfx/stopka_prawa.gif) left top no-repeat;
	float: left;
}



/* napis copyright */

#copyright {
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	padding-left: 192px;
	padding-top: 25px;
	overflow: hidden;
}

#copyright a {
	color: #666666;
}

#copyright a:hover {
	color: #e50000;
}

/* lustrzane odbicie stopki */
#odbicie {
	position: relative;
	width: 786px;
	height: 82px;
	background: url(../gfx/odbicie.jpg) left top no-repeat;
}

/* ludzik */
#ludzik {
	position: absolute;
	left: 740px;
	top: -170px;
	width: 125px;
	height: 278px;
	background: url(../gfx/ludzik.png) left top no-repeat;
}

/* layout strony z ofertami produktów - ikony */
#oferta_ikony_lewa {
	width: 47%;
	height: auto;
	float: left;
	text-align: center;
}

#oferta_ikony_prawa {
	width: 47%;
	height: auto;
	float: right;
	text-align: center;
}

div.oferta_ikona {
	position: relative;
	width: 100%;	
	height: 140px;
	margin-bottom: 10px;
}

div.ikona_kategorii {
	position: absolute;
}

div.podpis {
	position: absolute;
	left: 25px;
	bottom: -8px;
	width: auto;
	height: 16px;	
	background: url(../gfx/kwadracik.gif) left 1px no-repeat;
}

div.podpis div {
	margin-left: 18px;
	text-align: left;
}

/* wyglad list */
ul {
	margin-left: 25px;
}

ul li {
	margin-bottom: 5px;
}

ul a {
	text-decoration: underline;
}

/* linki w tabeli na stronie z materiałami do pobrania */

table.materialy a {
	text-decoration: underline;
}

/* wyglad tabeli z danymi adresowymi firmy na stronie kontakt */
#kontakt {
	width: 448px;
	height: auto;
	overflow: hidden;
}

table.kontakt {
	overflow: hidden;
}

table.kontakt input.textfield, table.kontakt textarea, table.kontakt input.button {
	font-family: Tahoma;
	font-size: 12px;
	color: #999999;
	border: #999999 1px solid;
	background: #ffffff;
	padding-left: 10px;
}

table.kontakt input.textfield, table.kontakt textarea {
	width: 180px;
	height: 18px;
}

table.kontakt textarea {
	height: 100px;
}

table.kontakt input.button {
	color: #666666;
	width: 60px;
	height: 18px;
	padding: 0px 0px 2px 0px;
}

td#kontakt_lewakol {
	background: url(../gfx/ikona_kontakt.jpg) left top no-repeat;
	width: 240px;
}

#kontakt_left_info {
	margin-top: 30px;
	margin-left: 13px;
}

#link_mapa_dojazdu {
	margin-left: 13px;
	height: 22px;
}

#link_mapa_dojazdu div {
	width: 25px;
	height: 100%;
	background: url(../gfx/znaczek_duzy.jpg) left top no-repeat;
	float: left;
	margin-right: 5px;
}

#link_mapa_dojazdu a {
	margin-top: 2px;
	text-transform: uppercase;
	float: left;
}

#email_info {
	margin-bottom: 25px;
	text-align: center;
	font-weight: bold;
	color: #633;
}

/* wyglad strony kategorii */
div.zdjecie_kategorii {
	margin-bottom: 20px;
}

div.tytul_kategorii {
	height: 22px;
	margin-bottom: 20px;
	background: url(../gfx/znaczek_duzy.jpg) left top no-repeat;
}

div.tytul_kategorii div {
	position: relative;
	top: 2px;
	margin-left: 30px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
}

div.tytul_produktu {
	margin-bottom: 20px;
	height: 16px;
	background: url(../gfx/kwadracik.gif) left 1px no-repeat;
}

div.tytul_produktu div {
	margin-left: 18px;
	text-transform: uppercase;
	font-size: 0.95em;
}

div.opis_produktu {
 	margin-bottom: 25px;	
}

/* tabela z szczegolami technicznymi */

table.parametry {
	margin: 0px auto 20px auto;
	font-size: 0.85em;
	/*border: 1px solid #616161;*/
	border-top: 1px solid #616161;
	border-right: 1px solid #616161;
}

table.parametry tr {
	height: 17px;
	text-align: center;
}

table.parametry th {
	color: #C40000;
	font-weight: bold;
	font-size: 1.1em;
	background: url(../gfx/tlo_naglowka_tabeli2.gif) left 1px repeat-x;

}

table.parametry td, table.parametry th {
	border-bottom: 1px solid #616161;
	border-left: 1px solid #616161;
}

table.parametry .odstep {
	padding-left: 10px;
}

table.parametry div {
	margin-top: 1px;
	height: 15px;
	border-left: 2px solid #f2f2f2;
	/*border-right: 2px solid #f2f2f2;*/
}

/* lista linkow wyboru zgrzewarki */
a.lista {
	display: block;
	margin-bottom: 5px;
	padding-left: 18px;
	background: url(../gfx/kwadracik.gif) left 2px no-repeat;
}

.lista2 {
  font-weight: bold;
	float:left;
	margin-bottom: 0px;
	padding-left: 18px;
	background: url(../gfx/kwadracik.gif) left 2px no-repeat;
}

/* mala tabelka ze zdjeciami - przyklady oprzyrzadowania */
table.przyklady {
	margin: 0 auto 0px auto;
}

table.przyklady td.lewa {
	padding-right: 30px;
}

table.przyklady td.prawa {
	padding-left: 30px;
}

table.przyklady td.napis {
	padding-bottom: 15px;
}

/* tabelka przyklady2 */

table.przyklady2 {
	margin: 0 auto 0px auto;
}

table.przyklady2 td.napis {
	padding-bottom: 15px;
}

/* zdjecie produktu przy jego opisie i pop-up z powiększeniem */
div.zdjecie_produktu { 
	margin-bottom: 20px; 
}
div.zdjecie_produktu a {
	cursor: default;
}
div.zdjecie_produktu a div.popup { 
	display: none; 
}
div.zdjecie_produktu a:hover { 
	height:0px; 
}
div.zdjecie_produktu a:hover div.popup {
	display: block;
	position: absolute;
	left: 2%;
	top: 8%;
	/*left: 30px;*/
	/*top: 60px;*/
	border: 2px rgb(186,186,186) solid;
}