﻿*
{
	margin: 0px;
}

body
{
	font-family: Arial, seans-serif;
	color: #fff;	
	background: url(obrazki/czarny_pasek_pionowy.png) repeat-x;
	background-color: #e3e3e3;
}

#wszystko
{
	width: 950px;
	margin: 0px auto;
}

/*---------------------------------------------*/

/* header */

#wszystko #header
{
	width: 950px;
	height: 130px;
	background: url(obrazki/header_2.png) no-repeat;
	background-color: White;
	position: relative;
	z-index: 1;
}

/* logo firmy */

#header #logo_firmy
{
	width: 279px;
	height: 38px;
	position: absolute;
	top: 30px;
	left: 40px;
}

#header #logo_firmy a
{
	text-decoration: none;
}

#header #logo_firmy a img
{
	border: 0px;
}

/* motto */

#header #motto
{
	font-style: italic;
	font-size: 12px;
	position: absolute;
	top: 68px;
	left: 350px;
}

#header #wstarzka-zalobna
{
    background: url(obrazki/wstazka.png) no-repeat;
    width:76px;
    height:125px;
    position: absolute;
    top: 12px;
    left: 0px;
}

/* flagi */

#header #flagi
{
	width:56px;
	position: absolute;
	top: 22px;
	right: 30px;
}

#header #flagi #polska
{
	width: 18px;
	height: 15px;
	float: left;
}

#header #flagi #polska a
{
	text-decoration: none;
}

#header #flagi #polska a img
{
	border: 0px;
}

#header #flagi #anglia
{
	width: 19px;
	height: 16px;
	float: left;
}

#header #flagi #anglia a
{
	text-decoration: none;
}

#header #flagi #anglia a img
{
	border: 0px;
}

#header #flagi #niemcy
{
	width: 19px;
	height: 16px;
	float: left;
}

#header #flagi #niemcy a
{
	text-decoration: none;
}

#header #flagi #niemcy a img
{
	border: 0px;
}

/* gorne menu */

#header #gorne_menu 
{
	position: absolute;
	top: 92px;
	left: 0px;
	z-index: 3;
}

#header #gorne_menu ul#nawigacja 
{
	list-style: none;
	margin: 0 0 0 0;
}

#header #gorne_menu ul#nawigacja li 
{
	padding: 5px 8px 5px 3px;
	margin: 0 0 0 0;
	background: url(obrazki/oddzielacz.png) right no-repeat;
	display: inline;
}

#header #gorne_menu ul#nawigacja li.ostatni 
{
	padding: 5px 12px 5px 5px;
	margin: 0 0 0 0;
	background: none;
	display: inline;
}

#header #gorne_menu ul#nawigacja li a 
{
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#header #gorne_menu ul#nawigacja li a:hover, #header #gorne_menu ul#nawigacja li a:active
{
	color: #000;
}

/* drzewko */

#header #drzewko
{
	width: 33px;
	height: 36px;
	background: url("obrazki/eko_drzewo.png") no-repeat;
	position: absolute;
	top: 84px;
	right: 352px;
	z-index: 2;
}

/* wyszukiwarka */

#header #wyszukiwarka 
{
	position: absolute;
	top: 87px;
	right: 175px;
	z-index: 6;
}

#header #wyszukiwarka input, button 
{
	border: none;
	float: left;
}
#header #wyszukiwarka input.box 
{
	color: #fff;
	font-size: 14px;
	width: 116px;
	height: 19px;
	padding: 8px 0px 0px 7px;
	background: url("obrazki/czesc_wyszukiwarki.png") no-repeat;
	margin: 0px 0px 0px 0px;
}

#header #wyszukiwarka input.btn 
{
	width: 26px;
	height: 33px;
	cursor: pointer;
	text-indent: -9999px;
	background: url("obrazki/lupa.png") no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -7px;
}
#header #wyszukiwarka input.btn:hover 
{
	background: url("obrazki/lupa_hover.png") no-repeat;
}

/* mail */

#mail
{
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 170px;
	position: absolute;
	top: 90px;
	left: 775px;
	z-index: 5;
}

#mail #slide-panel 
{
    height: 170px; /*HEIGHT OF HIDDEN SLIDE PANEL*/
    width: 200px; /*WIDTH OF HIDDEN SLIDE PANEL*/
    display: none; /*THE ELEMENT WILL NOT BE DISPLAYED*/
    background-color: #949494; /*SLIDE PANEL BACKGROUND COLOR*/
    margin: auto; /*CENTERS OUR SLIDE PANEL*/
    border: 2px solid #626262;
}

#mail p.slide {
    margin: 0px; /*NO MARGIN*/
    padding: 0px; /*NO PADDING*/
    background: url("obrazki/koperta.png") center top no-repeat;
}
 
#mail a.btn-slide {
    text-align: center; /*ALIGNS TEXT CENTER*/
    width: 24px; /*BUTTON WIDTH*/
    height: 24px; /*BUTTON HEIGHT*/
    display: block; /*DISPLAY AS A BLOCK*/
    color: #ffffff; /*TEXT COLOR*/
    text-decoration: none; /*REMOVES UNDERSCORE FROM LINK*/
    font-family: Arial, Helvetica, sans-serif; /*FONT FAMILY*/
    font-weight: bold; /*TURNS TEXT BOLD*/
    font-size: 1em; /*FONT SIZE*/
    margin: 0px auto;
    line-height: 22px; /*LINE HEIGHT OF BUTTON TEXT*/
    display: block;
    text-indent: -9999px;
    outline: none;
}

#mail #slide-panel input.wprowadzanie
{
	margin: 5px 12px;
	padding: 5px;
	border: 1px solid #000000;
	background: #e3e3e3;
	font-size: 15px;
	width: 160px;
}

#mail #slide-panel input.wyslij
{
	margin: 5px 5px 5px 35px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px;
	border: 1px solid #000000;
}

#mail #slide-panel .podaj_login
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px;
	color: #fff;
	margin: 20px 0px 0px 10px;
	padding: 5px;
}

/*---------------------------------------------*/

/* content */

#wszystko #content
{
	width: 950px;
	display: block;
	z-index: 4;
}

/* content lewo */

#wszystko #content #lewo
{
	width: 206px;
	float: left;
	margin: 0px;
	padding: 0px;
}

/* menu pionowe */

#wszystko #content #lewo #menu
{
	width: 206px;
}

#menu .menu_list {	
	width: 206px;
}

/* style menu_head */

#menu .menu_head_rolki_transportowe 
{
	width: 206px;
	height: 31px;
	cursor: pointer;
    background: url("obrazki/menu/rolki_transportowe.png") no-repeat;
    margin: 0px;
}

#menu .menu_head_listwy_rolkowe 
{
	width: 206px;
	height: 31px;
	cursor: pointer;
    background: url("obrazki/menu/listwy_rolkowe.png") no-repeat;
    margin: 0px;
}

#menu .menu_head_elementy_wieloskretne 
{
	width: 206px;
	height: 31px;
	cursor: pointer;
    background: url("obrazki/menu/elementy_wieloskretne.png") no-repeat;
    margin: 0px;
}

#menu .menu_head_siatki_transportowe 
{
	width: 206px;
	height: 31px;
	cursor: pointer;
    background: url("obrazki/menu/siatki_transportowe.png") no-repeat;
    margin: 0px;
}

#menu .menu_head_lancuchy_rolkowe 
{
	width: 206px;
	height: 31px;
	cursor: pointer;
    background: url("obrazki/menu/lancuchy_rolkowe.png") no-repeat;
    margin: 0px;
}

#menu .menu_head_lancuchy_plytkowe 
{
	width: 206px;
	height: 31px;
	cursor: pointer;
    background: url("obrazki/menu/lancuchy_plytkowe.png") no-repeat;
    margin: 0px;
}

#menu .menu_head_tworzywa_sztuczne 
{
	width: 206px;
	height: 41px;
	cursor: pointer;
    background: url("obrazki/menu/tworzywa_sztuczne.png") no-repeat;
    margin: 0px;
}

#menu .menu_head_intralox 
{
	width: 206px;
	height: 41px;
	cursor: pointer;
    background: url("obrazki/menu/tasmy_transportowe.png") no-repeat;
    margin: 0px;
}

#menu .menu_head_pasy_i_tasmy 
{
	width: 206px;
	height: 31px;
	cursor: pointer;
    background: url("obrazki/menu/pasy_i_tasmy.png") no-repeat;
    margin: 0px;
}

#menu .menu_head_projektowanie_urzadzen 
{
	width: 206px;
	height: 41px;
	cursor: pointer;
    background: url("obrazki/menu/projektowanie_urzadzen.jpg") no-repeat;
    margin: 0px;
}

#menu .menu_head_amortyzatory 
{
	width: 206px;
	height: 31px;
	cursor: pointer;
    background: url("obrazki/menu/amortyzatory.png") no-repeat;
    margin: 0px;
}

#menu .menu_head_komponenty 
{
	width: 206px;
	height: 41px;
	cursor: pointer;
    background: url("obrazki/menu/komponenty_do_transporterow.png") no-repeat;
    margin: 0px;
}

/* menu_head_2 */

#menu .menu_head_2 
{
	font-weight: bold;
	color: #ffffff;
	padding: 5px 10px;
	cursor: pointer;
	margin: 1px;
    background: #9d9d9d;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#menu .menu_body {
	display:none;
}

.menu_body_2 {
	display:none;
}

#menu .menu_body a{
  display:block;
  color: #000000;
  background-color:#e3e3e3;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#menu .menu_body_2 a{
  display:block;
  color: #000000;
  background-color:#e3e3e3;
  padding-left:10px;
  text-decoration:none;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#menu .menu_body a:hover{
  color: #000000;
  text-decoration: underline;
  }
  
#menu .menu_body_2 a:hover{
  color: #000000;
  text-decoration: underline;
  }
  
  
/* partnerzy */

#wszystko #content #lewo #partnerzy
{
	width: 206px;
}

#partnerzy #partnerzy_napis
{
	background: #4d4d4d;
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
	margin-top: 3px;
	border: 1px solid #000;
}

#partnerzy #regina
{
	margin: 5px auto;
	background: url("obrazki/regina.jpg") no-repeat;
	width: 134px;
	height: 140px;
}

#partnerzy #rollex
{
	margin: 5px auto;
	background: url("obrazki/rollex.jpg") no-repeat;
	width: 134px;
	height: 138px;
}

#partnerzy #tecom
{
	display: none;
	margin: 5px auto;
	background: url("obrazki/tecom.gif") no-repeat;
	width: 134px;
	height: 50px;
}

/* promocje */

#content #lewo #promocje
{
	width: 206px;
}

#promocje #promocje_podklad
{
	background: url("obrazki/promocje.png") no-repeat;
}

#promocje #promocje_podklad #promocje_dol
{
	background: url("obrazki/promocje_footer.png") bottom no-repeat;
}

#promocje #promocje_podklad #promocje_dol h3 
{
	padding: 7px 0px 10px 8px;
	color: #ffffff;
	font-size: 15px;
}

#promocje #promocje_podklad #promocje_dol p
{
	text-align: justify;
	padding: 0px 10px 10px 10px;
	color: #ffffff;
	font-size: 12px;
}

/* logowanie */

#content #lewo #logowanie
{
	width: 206px;
	height: 104px;
	background: url("obrazki/login_panel.png") no-repeat;
	display: none;
}

#logowanie #logowanie_slowo
{
	font-size: 12px;
	color: #fff;
	padding: 7px 0px 5px 12px;
	font-weight: bold;
}

#logowanie #forma_logowanie form input.text
{
	border: 0px;
	width: 120px;
	margin: 0px 0px 0px 10px;
	background: #e3e3e3;
}

#logowanie #forma_logowanie form input.przycisk
{
	border: 0px;
	width: 47px;
	height: 17px;
	background: url("obrazki/przycisk_zaloguj.png") no-repeat;
	margin-left: 5px;
	cursor: pointer;
}

#logowanie #logowanie_inne p
{
	padding-top: 2px;
}

#logowanie #logowanie_inne p a
{
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	padding-left: 10px;
}

#logowanie #logowanie_inne p a:hover
{
	text-decoration: underline;
}


/* content prawo */

#wszystko #content #prawo
{
	width: 744px;
	float: right;
	position: relative;
	display: block;
}

/* tresc glowna */

#content #prawo #tresc_glowna
{
	width: 744px;
	clear: both;
}

#tresc_glowna #tresc_paragraf
{
	background: url("obrazki/tresc_paragraf_4.png") no-repeat;
}

#tresc_glowna #tresc_paragraf #tresc_paragraf_podklad
{
	background: url("obrazki/tresc_paragraf_footer.png") bottom no-repeat;
}



#tresc_glowna #tresc_paragraf #tresc_paragraf_podklad p.naglowek
{
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	padding: 10px 5px 5px 15px;
}

#tresc_glowna #tresc_paragraf #tresc_paragraf_podklad p.tresc
{
	font-size: 12px;
	color: #ffffff;
	text-align: justify;
	padding: 0px 15px 15px 15px;
}

#tresc_glowna #tresc_paragraf #tresc_paragraf_podklad p.tresc_srodek
{
	font-size: 12px;
	color: #ffffff;
	padding: 0px 15px 15px 15px;
}

#tresc_glowna #tresc_paragraf #tresc_paragraf_podklad ul.lista
{
	font-size: 12px;
	color: #ffffff;
	padding-bottom: 10px;
}

/* tresc glowna lewo */

#content #prawo #tresc_lewo
{
	width: 372px;
	float: left;
}

#tresc_lewo #tresc_lewo_paragraf
{
	background: url("obrazki/paragraf_lewy.png") no-repeat;
}

#tresc_lewo #tresc_lewo_paragraf #tresc_lewo_paragraf_podklad
{
	background: url("obrazki/paragraf_lewy_footer.png") bottom no-repeat;
}

#tresc_lewo #tresc_lewo_paragraf #tresc_lewo_paragraf_podklad p.naglowek
{
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	padding: 10px 5px 5px 15px;
}

#tresc_lewo #tresc_lewo_paragraf #tresc_lewo_paragraf_podklad p.text
{
	font-size: 12px;
	color: #ffffff;
	text-align: justify;
	padding: 0px 15px 15px 15px;
}


/* tresc glowna prawo */

#content #prawo #tresc_prawo
{
	width: 372px;
	float: right;
}

#tresc_prawo #tresc_prawo_paragraf
{
	background: url("obrazki/paragraf_prawy.png") no-repeat;
}

#tresc_prawo #tresc_prawo_paragraf #tresc_prawo_paragraf_podklad
{
	background: url("obrazki/paragraf_prawy_footer.png") bottom no-repeat;
}

#tresc_prawo #tresc_prawo_paragraf #tresc_prawo_paragraf_podklad p.naglowek
{
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	padding: 10px 5px 5px 15px;
}

#tresc_prawo #tresc_prawo_paragraf #tresc_prawo_paragraf_podklad p.text
{
	font-size: 12px;
	color: #ffffff;
	text-align: justify;
	padding: 0px 15px 15px 15px;
}


/*---------------------------------------------*/

/* footer */

#wszystko #footer
{
	width: 950px;
	height: 46px;
	clear: both;
	background: url("obrazki/footer.png") no-repeat;
	position: relative;
}

#footer #male_logo
{
	width: 137px;
	height: 20px;
	background: url("obrazki/logo_male.png") no-repeat;
	position: absolute;
	top: 12px;
	left: 25px;
}

#footer #napisy
{
	font-size: 11px;
	position: absolute;
	top: 14px;
	right: 15px;
}



img.obrazek_srodek
{
	padding: 10px;
	border: none;
}

img.obrazek_srodek2
{
	padding: 5px 50px;
	border: none;
}

#srodek
{
	text-align: center;
}

#srodek img
{
	vertical-align: middle;
	border: 1px solid #ffffff;
	padding: 2px;
	margin: 2px 20px 0px 20px;
}

table.tabela_srodek
{
	margin: 0px auto;
}

table.mala_tabela
{
	margin: 0px auto;
	font-size: 10px;
}

a.bialy
{
	color: White;
}

#tresc_paragraf_podklad li
{
	font-size: 12px;
}

table.font12px
{
	font-size: 12px;
	margin: 0px auto;
}

p.tresc_srodek a
{
	color: White;
	text-decoration: none;
	font-size: 12px;
}