body {
	font: 12px/20px helvetica, arial, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background: url(images/bg_body_x.jpg) top center repeat-x;
	background-color: #eee;
}

#img_janex_logo {
	position:relative;
	left:10px;
	top: 0px;
	border:0;
}

#main_image {
	height:180px; 
	width: 800px; 
	background-color:#777777; 
	float: left; 
	border:0; 
	margin:0; 
	background: url(images/main_image.jpg) top left no-repeat;
}

ul#aktualnosci {
	padding:10px 0 0 30px;
	margin:0;
}

#aktualnosci li {
	padding-bottom:12px;
}

#header {
	width: 980px;
	height: 95px;
	padding: 0;
	margin: 0;
}

#header ul {
  position: relative;
  top: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

#header ul li {
  float: left;
  padding: 0;
}

#main_image span#linki {
	color:#fff; 
	position:relative; 
	color: #111; 
	left:20px; 
	top:149px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing: -1px;
	z-index: 1;
}

#main_image span#linki a {
	color: #111;
}

#header ul li a{
	display: block;
	text-indent: -9000px;
	height: 95px;
	background-position: top;
	text-decoration: none;
}

#header ul li a:hover{
	background-image: none;
	background-position: bottom;
}

#header ul li.logo{
	width: 200px;
	background-position: bottom;
	background-image: url(images/janex_logo.jpg);
	float: left;
}

#header ul li.ofirmie{
	width: 70px;
	background-position: bottom;
	background-image: url(images/ofirmie_menu.jpg);
	float: right;
}

#header ul li.ofirmie a{
	width: 70px;
	background-image: url(images/ofirmie_menu.jpg);
}

#header ul li.szkolenia{
	width: 70px;
	background-position: bottom;
	background-image: url(images/szkolenia_menu.jpg);
	float: right;
}

#header ul li.szkolenia a{
	width: 70px;
	background-image: url(images/szkolenia_menu.jpg);
}

#header ul li.serwis{
	width: 70px;
	background-position: bottom;
	background-image: url(images/serwis_menu.jpg);
	float: right;
}

#header ul li.serwis a{
	width: 70px;
	background-image: url(images/serwis_menu.jpg);
}

#header ul li.kariera{
	width: 70px;
	background-position: bottom;
	background-image: url(images/kariera_menu.jpg);
	float: right;
}

#header ul li.kariera a{
	width: 70px;
	background-image: url(images/kariera_menu.jpg);
}

#header ul li.kontakt{
	width: 70px;
	background-position: bottom;
	background-image: url(images/kontakt_menu.jpg);
	float: right;
}

#header ul li.kontakt a{
	width: 70px;
	background-image: url(images/kontakt_menu.jpg);
}

#container{
	position: relative;
	left: -15px;
	padding: 0;
	margin:0 auto;
	width: 1000px;
}

#left_content{
	text-align:center;
	float:left;
	width:200px;
	padding:0;
	margin:0;
	background-color: #eee;	
}

#left_content a img{
	border:0;
	padding-bottom: 15px;
}

#left_content p{
	padding: 5px 0;
}

#right_content{
	padding:0;
	float:left;
	width: 800px;
	color:#333333;
	background: url(images/bg_shadow_y.jpg) repeat-y;
	z-index: 1;
	min-height: 950px;
}

/* for IE */
* html #right_content{
	height: 900px;
}

.rc_header {
background: url(images/headers/header.jpg) top center no-repeat;
height: 60px;
}

#kategoria{
	font-variant:small-caps;
	font-size: 15px;
	color: #fff;
	position: relative; 
	top: 14px; left:35px;
	font-weight: bold;
}

.rc_footer{
	background: url(images/header_down.jpg) top center no-repeat;
	height: 60px;
}

#right_content h2{
	color: #222;
	padding: 10px 0 10px 30px;
	letter-spacing:-1px;
	font-size:18px;
}

#right_content p, img.in{
	padding: 0 30px;
}

.clearer{
	clear:both;
}

#footer {
	height: 35px;
	padding: 0;
	margin:0 auto;
	background: url(images/footer_shadow_x.jpg) top center repeat-x;
}

#footer_center {
	position: relative;
	left: -15px;
	height: 35px;
	width: 1000px;
	padding: 0;
	margin:0 auto;
	background: url(images/footer_shadow.jpg) 200px 0px no-repeat;
}

#menu {
	width: 200px;
	height: 180px;
	padding: 0;
	margin: 0;
	border: 0;
	float:left;
}

#menu ul {
	margin: 0; 
	padding: 0;
	list-style: none;
	width: 210px; /* Width of Menu Items */ 
	font: 12px/16px tahoma, sans-serif;
	height:22px;
	z-index: 10;
} 

#menu ul#main_ul{
	position: absolute;
	top: 95px;
	padding: 4px 0 0 0;
	z-index: 10;	
}

#menu ul li {
	position: relative;
	z-index: 10;	
} 

#menu span{
	position:relative; 
	left:18px; 
	top: 2px;
}

/* Pierwsze podmenu */
#menu ul li ul{ 
	position: absolute; 
	left: 210px; 
	top: 0;
	padding: 0;
	margin: 0;
	display: block;
} 

#menu li:hover>ul { 
	visibility:visible; 
} 

#menu ul ul {
	visibility:hidden; 
} 

/* Fix IE. Hide from IE Mac \*/ 
* html #menu ul li { float: left; height: 22px; } 
* html #menu ul li a { height: 22px;} 
/* End */ 

/* Make-up syles */ 

#menu ul, li { 
	margin: 0;
	padding: 0;
} 

/* Styles for Menu Items */ 
#menu ul a { 
	display: block; 
	text-decoration: none; 
	color: #fff; 
	padding: 0; 
	border: 0;
	width: 100%;
	/* istotne */
	height:22px;
} 

/* Not main Menu Styles */ 
#menu li ul a { 
	text-decoration: none; 
	color: #fff;
	background-image: url(images/back.gif);
	background-color:#9a0000;
	padding: 0; 
} 

/* Not main Sub Menu Styles */ 
#menu li ul a.submenu { 
	text-decoration: none; 
	color: #fff;
	background-image: url(images/subback.gif);
	background-color:#9a0000;
	padding: 0; 
} 

/* Not main Menu Hover Styles */ 
#menu li ul a:hover {
	background: url(images/backhover.gif) no-repeat;
	background-color:#d10000;
} 

/* Not main sub Menu Hover Styles */ 
#menu li ul a.submenu:hover {
	background: url(images/subbackhover.gif) no-repeat;
	background-color:#d10000;
} 

#menu ul a.mainmenu:hover {
	background: url(images/selected.gif) no-repeat;
}

#menu li#menu_logo{
	background:url(images/menu_logo.jpg) top left no-repeat;
	height: 22px;
}

#menu li#sswin_menu{
	background:url(images/sswin_logo.jpg) top left no-repeat;
}

#menu li#cctv_menu{
	background:url(images/cctv_logo.jpg) top left no-repeat;
}

#menu li#cctvip_menu{
	background:url(images/cctvip_logo.jpg) top left no-repeat;
}

#menu li#kd_menu{
	background:url(images/kd_logo.jpg) top left no-repeat;
}

#menu li#promocje_menu{
	background:url(images/promocje_logo.jpg) top left no-repeat;
}

#menu li#cennik_menu{
	background:url(images/cennik_logo.jpg) top left no-repeat;
}

table.products{
	margin: 20px 0 20px 40px;
	padding: 0;
	border-collapse: collapse;
	text-align: center;
	width: 720px;
	color: #111;
}

table.products td{
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
}

table.products td img{
    vertical-align: middle;
	border:0;
}

table.products tr.header td.symbol{
	width: 140px;
	font-weight:bold;
}

table.products tr.header td.opis{
	width: 420px;
	font-weight:bold;
}

table.products tr.header td.broszura, table.products tr.header td.certyfikat, table.products tr.header td.instrukcja{
	width: 50px;
	font-weight:bold;
	font-size:10px;
}

table.products tr.header{
	background-color:#efefef;
}

table.products td.symbol_i{
	background-color:#efefef;
	font-weight:bold;
	width: 140px;	
}

table.products td.opis_i{
	padding: 4px;
	font-size: 12px;
	line-height: 13px;
	width: 215px;	
}

table.products td.broszura_i, table.products td.certyfikat_i, table.products td.instrukcja_i{
	width: 45px;
}

#podkategorie {
	padding-top: 10px;
}

#podkategorie a{
	display:block;
	padding-left: 30px;
	color: #000;
}

#szukaj {
	padding:0;
	margin:0;
}

#reminder {
	padding-bottom:20px;
	margin:0;
}

#reminder input#user {
position:relative;
left: 10px;
width: 150px;
}

#cennik {
	padding-bottom:20px;
	margin:0;
}

#cennik input#user {
width: 150px;
}

#cennik input#pass {
width: 150px;
}

#promocje {
	padding-bottom:20px;
	margin:0;
}

#promocje input#user {
width: 150px;
}

#promocje input#pass {
width: 150px;
}

#formularz {
	padding-bottom:20px;
	margin:0;
}

#formularz input.zawartosc {
position:relative;
left: 10px;
width: 390px;
}

#formularz textarea#tresc {
position:relative;
left: 30px;
width: 390px;
height: 100px;
}

#szukaj input#search {
	position: relative;
	top: 4px;
	left: 15px;
	width: 85px;
	height:13px;
	font-size:12px;
}

#szukaj input#button {
	position: relative;
	top: 4px;
	left: 15px;
	height: 22px;
	width: 90px;
	font-size:11px;
}

#left_column {
	width:250px;
	padding-top:10px;
	float:left;
	position:relative;
	left: 18px;
	padding:0;
	margin:0;
}

#center_column{
	width:250px;
	padding-top:10px;
	float:left;
	position:relative;
	left: 26px;
	padding:0;
	margin:0;
}

#column_1{
	width:514px;
	padding-top:10px;
	position:relative;
	left: 28px;	
	padding:0;
	margin:0;
}

#column_2{
	width:514px;
	padding-top:10px;
	position:relative;
	left: 28px;	
	padding:0;
	margin:0;
}

#right_column{
	float:left;
	width:250px;
	padding-top:10px;
	position:relative;
	left: 33px;	
	padding:0;
	margin:0;
}

#column{
	width:740px;
	padding-top:10px;
	position:relative;
	left: 28px;	
	padding:0;
	margin:0;
}

.item_up {
	background: url(images/smallheader.jpg) bottom center no-repeat;
	text-indent: 30px;
	font-variant:small-caps;
	color:#8b0000;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-color:#ccc;
	font-weight:bold;
	padding-top: 10px;
	letter-spacing: -0.2px;
	font-size:13px;
}

.item_up_big {
	background: url(images/bigheader.jpg) bottom center no-repeat;
	text-indent: 30px;
	font-variant:small-caps;
	color:#8b0000;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-color:#ccc;
	font-weight:bold;
	padding-top: 10px;
	letter-spacing: -0.2px;
	font-size:13px;
}

.item_big {
	width:740px;
 	background-color: #eee;
	margin-top:2px;
}

.item {
	width:250px;
 	background-color: #eee;
	margin-top:2px;
}

.item_akt{
	width:250px;
 	background-color: #fff;
	margin-top:2px;
}

.item_in_akt {
	color: #222;
	font-size:11px;
	padding: 8px 0px 8px 0px;
	line-height: 12px;
}

.item_in {
	color: #222;
	font-size:11px;
	padding: 8px 6px 8px 10px;
	line-height: 12px;
}

.item_in img{
	padding:4px;
}

.item_in_big {
	color: #222;
	font-size:12px;
	padding: 12px 12px 0;
	line-height: 16px;
}

.ikonka {
	padding-right: 10px;
	border:0;
}

.redbold {
	color:#8b0000;
	font-weight:bold;
}

.redcaps {
	color:#8b0000;
	font-variant:small-caps;
	font-weight: bold;
	text-decoration: none;
}

.padding030px {
	padding:0 30px 0;
	border: 0;
	font-size:12px;
	line-height: 16px;
	text-decoration:none;
	color:#222;
}

.greybox {
	background-color:#eee;
	padding: 20px 20px 0;
	border-style:solid;
	border-width: 1px;
	border-color: #ddd;
}

