html {
	background: #FFFFFF;
}

body {
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
	width: 100%;
	display: table;
}


#page {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	background: url(../images/pasek.png) no-repeat;
	padding:1px;
}

a { color: #444444; text-decoration:none; }
a:hover {  color: #e8641b; }

/* header 
------------------------------------------------------------ */
#header {
	height: 69px;
	margin: 0 auto;
	position: relative;
	
}
#header h1 a {
	background: url(../images/logo.png) no-repeat;
	text-indent: -900em;
	width: 229px;
	height: 65px;
	position: absolute;
	left: 12px;
	bottom: 11px;
}
#header h2 {
	display: none;
}
#nav1 {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 0;
	bottom: 0;
}
#nav {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align:center;
	width:535px;
	margin-right:200px;
}
.nawigacja {
width:198px;
font-weight:bold;
height:20px;
border: solid 1px #e4e6e7;
text-align:center;
background-color:#f2f3f4;
padding-top:3px;
margin-bottom:10px;
}
.szukajka  {
width:198px;
height:20px;
border: solid 1px #e4e6e7;
margin-bottom:15px;
display:block;
background: url(../images/search.png) no-repeat;
}
/* menu główne 
----------------------------------------------------- */
ul.menu, ul.menu li.menu {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu {
	width: 210px;
	padding: 0px;
	border: 0px;
}

ul.menu li.menu {
	border-bottom: 1px solid #f8f6f7;
}

ul.menu a:link, ul.menu a:visited {
	display: block;
	font-size:13px;
	width: 190px;
	height:19px;
	text-decoration: none;
	padding: 1px;
	margin-left:13px;
	margin-right:13px;
	padding-left:30px;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #fff;
	background: url(../images/m.png) no-repeat;
}

ul.menu a:hover {
	width: 190px;
	padding-left:30px;
	background-color: #e8641b;
	color: #fff;
}
/* menu lewa strona 
------------------------------------------------- */
ul.menu_left, ul.menu_left li.menu_left {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu_left {
	width: 248px;
	padding: 0px;
	border: 0px;
}

ul.menu_left li.menu_left {
	border-bottom: 1px solid #f8f6f7;
}

ul.menu_left a:link, ul.menu_left a:visited {
	display: block;
	font-size:13px;
	width: 248px;
	height:32px;
	text-decoration: none;
	padding: 1px;
	margin-left:1px;
	font-weight: bold;
	color: #fff;
}

ul.menu_left a:hover {
	width: 245px;
	text-decoration:underline;
	color: #fff;
}
/* podmenu
------------------------------------------------- */
ul.menus, ul.menus li.menus {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menus {
	width: 241px;
	padding: 0px;
	border: 0px;
}

ul.menus li.menus {
	border-bottom: 1px solid #f8f6f7;
}

ul.menus a:link, ul.menus a:visited {
	display: block;
	vertical-align:middle; 
	line-height:13px;
	font-size:12px;
	width: 241px;
	text-decoration: none;
	padding: 1px;
	font-weight: bold;
	color: #222;
	background-color:#ccd0d3;
	border-left: 5px solid #9aa1a7;
	border-bottom: 1px solid #ffffff;
}

ul.menus_czm a:hover {
	width: 241px;
	background-color:#bbb;
	border-left: 5px solid #0172c2;
	color: #222;
}
ul.menus_pa a:hover {
	width: 241px;
	background-color:#bbb;
	border-left: 5px solid #ffd228;
	color: #222;
}
ul.menus_ap a:hover {
	width: 241px;
	background-color:#bbb;
	border-left: 5px solid #ff6d00;
	color: #222;
}
ul.menus_h a:hover {
	width: 241px;
	background-color:#bbb;
	border-left: 5px solid #83a841;
	color: #222;
}
ul.menus_o a:hover {
	width: 241px;
	background-color:#bbb;
	border-left: 5px solid #444444;
	color: #222;
}
ul.menus_sp a:hover {
	width: 241px;
	background-color:#bbb;
	border-left: 5px solid #f50000;
	color: #222;
}
/* strona główna
------------------------------------------------- */
.glowna {
padding: 0 15px 0 15px;
text-align:justify;
}

a.pmenu:link { color: #FFF; font-size:11px; font-family: Tahoma, sans-serif;	text-decoration:none; font-weight:bold;}
a.pmenu:visited { color: #FFF; font-size:11px; font-family: Tahoma, sans-serif;	text-decoration:none; font-weight:bold;}
a.pmenu:hover { color: #FFF; font-size:11px; font-family: Tahoma, sans-serif;	text-decoration:underline; font-weight:bold;}

.tabelka-z-wymiarami {position:absolute; height:400px;}

.lightbox { float: left; width:150px; padding:5px; margin:5px; border: solid 1px gray; font-size:9px; }

/* NEWSY
------------------------------------------------- */
.news_title{
position:absolute;
width:50px;
background-color: #000;
color:#fff;
text-align:center;
line-height:12px;
font-size:9px;
margin-top:22px;
margin-left:2px;
font-weight:bold;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}

/* prawa strona 
------------------------------------------------- */
.prawa {
display:block;
color:#444444;
font-weight:bold;
line-height:26px;
padding-left:30px;
border-right: solid 10px #9aa1a7;
}
.prawa_menadzer {
background: #ccd0d3 url(../images/me.png) no-repeat;
}
.prawa_produkty {
background: #ccd0d3 url(../images/produkty.png) no-repeat;
}
.prawa_email {
background: #ccd0d3 url(../images/email.png) no-repeat;
}
.prawa_kontakt {
background: #ccd0d3 url(../images/address.png) no-repeat;
}
.kontakt_p {
line-height:normal;
padding-left:10px;
font-weight:normal; 
font-size:12px; 
color:#555555;
padding-bottom:10px; 
text-align:justify;
}
/* TAGI 
------------------------------------- */
.tags {
width: 520px;
background-color:#f1f1f1;
margin-top:1px;
float:left;
}
.tags-cloud {
display:block;
color:#444444;
font-weight:bold;
line-height:16px;
padding-left:20px;
background: #ccd0d3 url(../images/tag.png) no-repeat;
}
.tags-cloud a{color:#444444;}
.tags-cloud a:hover{color:#e8641b;}
a.popular1{font-size:30px;}
a.popular2{font-size:23px;}
a.popular3{font-size:19px;}
a.popular4{font-size:16px;}
a.popular5{font-size:13px;}
a.popular6{font-size:10px;}
/* wstawka PROFILE ALUMINIOWE aby imporotwane artykuły z miały kolorowane tabelki*/
tr.ta-head        {background-color: #FFD105; font-size: 11px; color: #FFFFFF;}
tr.ta-body-grau   {background-color: #FFEBA8; font-size: 11px; border-bottom:1px solid #FFFFFF;}
tr.ta-body-weiss  {background-color: #FFF4D2; font-size: 11px; border-bottom:1px solid #FFFFFF;} 
td.techdat  {border-bottom:1px solid #FFFFFF;}
/* TABELKA z wymiarami */
	thead  td {
		font-weight:bold;
		color:#000;
		background-color:#E2EBED;
		padding:2px;
		border:1px solid #000;
		text-align:center
	}
	td #myTable{
		color:#000;
		background-color:#FFFFFF;
		border:1px solid #000;
		text-align:center;
	}
	table #myTable{
		border:1px solid #000;
		border-collapse: collapse;
		background-color:#fff;
	}
	/* These classes are used by the script as rollover effect for table 1 and 2 */
	.tableRollOverEffect1{
		background-color:#317082;
		color:#FFF;
	}
	.tableRollOverEffect2{
		background-color:#000;
		color:#FFF;
	}
	.tableRowClickEffect1{
		background-color:#F00;
		color:#FFF;
	}
	.tableRowClickEffect2{
		background-color:#00F;
		color:#FFF;
	}
/* TABy z produktami */
	ul#menu_product { width: 100%; height: 43px; background: #FFF url(../images/menu-bg.gif) top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
	ul#menu_product li { display: block; float: left; margin: 0 0 0 5px; }
	ul#menu_product li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 3px 0; }
	ul#menu_product li a:hover { color: #333; }
	ul#menu_product li a.current{ color: #FFF; background: #FFF url(../images/current-bg.gif) top left repeat-x; padding: 5px 15px 0; }
	
/*  product box */

.product-body {
	background:#FFF;
}

/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */