/*******************************/
/*  Created by Mariusz Galka   */
/*  Copyright by IguanaStudio  */
/*******************************/

@import url('reset.css');

body {
	text-align: center;
	font-size: 11px;
	font-family: Tahoma, Sans-serif;
	color: #555;
	background: #fff url(images/background.gif) repeat-x 0 0;
}
div {
	text-align: left;
}
p {
	padding: 0;
	margin: 0 0 12px 0;
	line-height: 130%;
	text-align: justify;
}
#content .box .duza_czcionka p {
	padding: 0;
	margin: 0 0 12px 0;
	line-height: 130%;
	text-align: justify;
	font-size: 12px;
}
input, select, textarea {
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	color: #585858;
}
a {
	color: #0e345e;
	text-decoration: underline;
}
a:hover {
	color: #1a5fac;
}
	
/*----[ dodatkowe klasy ]-----------------------------------------------------------------------*/
.clear {
	clear: both;
}
.do_lewej {
	float: left;
}
.do_prawej {
	float: right;
}
.center {
	text-align: center;
}
.txt_right {
	text-align: right;
}
.img_right {
	float: right;
	margin: 0 0 10px 20px;
}
.strzala {
	list-style-image: url(images/strzala.png);
	margin-left:18px;
}
.strzalka_mala {
	list-style-image: url(images/strzalka_mala.gif);
	margin-left:18px;
	margin-bottom:15px;
}
.lista_zwykla {
	list-style-type:circle;
	margin-left:15px;
	line-height:1,5;
	font-style;
	font-size:12px;
}
.lista_zwykla li{
margin: 10px 0;
}

/*----[ naglowki i przyciski graficzne ]-----------------------------------------------------------------------*/
a.link_wiecej {
	padding: 0 21px 0 0;
	background: transparent url(images/icon_wiecej.gif) no-repeat right center;
}
a.link_zapytanie_ofertowe {
	display: block;
	background: transparent url(images/b_zapytanie_ofertowe.gif) no-repeat 0 0;
	width: 164px;
	height: 19px;
	text-indent: -9999px;
}
a.link_bezplatny_okres_testowy {
	width: 200px;
	height: 57px;
	background: transparent url(images/b_bezplatny_okres_testowy.jpg) no-repeat 0 0;
	text-indent: -9999px;
	margin: 0 0 21px;
	display: block;
}
a.link_bezplatny_okres_testowy:hover {
	background-position: 0 -57px;
}
a.link_prezent_dla {
	width: 200px;
	height: 61px;
	background: transparent url(images/b_prezent_dla.jpg) no-repeat 0 0;
	text-indent: -9999px;
	margin: 0 0 21px;
	display: block;
}
a.link_prezent_dla:hover {
	background-position: 0 -61px;
}
h3.n_poradnik {
	height: 31px;
	text-indent: -9999px;
	background: transparent url(images/n_poradnik.jpg) no-repeat 0 0;
}
h3.n_polecane {
	height: 26px;
	padding:5px 15px 0px;
	font-size:15px;
	background: transparent url(images/n_polecane.jpg) no-repeat 0 0;
	color:white;
}
h3.n_narzedzia {
	height: 31px;
	text-indent: -9999px;
	background: transparent url(images/n_narzedzia.jpg) no-repeat 0 0;
}

/*----[ kontener ]-----------------------------------------------------------------------*/
#wrapper {
	width: 976px;
	margin: 0 auto;
}
/*----[ top ]-----------------------------------------------------------------------*/
#top {
	height: 116px;
	background: transparent url(images/background_top.jpg) no-repeat 0 0;
	position: relative;
}
#top h1 {
	width: 497px;
	height: 104px;
	background: transparent url(images/logo_zarzadzanie_produkcja.jpg) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 17px;
}
#top h1 a {
	width: 497px;
	height: 104px;
	display: block;
	text-indent: -9999px;
}
#menu {
	height: 45px;
	width: 976px;
	background: transparent url(images/menu.jpg) no-repeat 0 0;
	margin: 0 0 28px;
}
#menu li { float: left; height: 45px; position: relative; }
#menu li a { display: block; height: 45px; float: left; width: 100%; text-indent: -9999px; background: transparent url(images/menu.jpg) no-repeat 0 0; }

#menu li.produkcja { width: 120px; }
#menu li.koszty { width: 100px; }
#menu li.logistyka { width: 119px; }
#menu li.personel { width: 109px; }
#menu li.bhp { width: 82px; }
#menu li.jakosc { width: 99px; }
#menu li.ochrona_srodowiska { width: 185px; }
#menu li.logowanie { width: 93px; height: 20px; margin: 12px 11px 13px 58px; }

#menu li.produkcja a { background-position: 0 0; }
#menu li.koszty a { background-position: -120px 0; }
#menu li.logistyka a { background-position: -220px 0; }
#menu li.personel a { background-position: -339px 0; }
#menu li.bhp a { background-position: -448px 0; }
#menu li.jakosc a { background-position: -530px 0; }
#menu li.ochrona_srodowiska a { background-position: -629px 0; }
#menu li.logowanie a { background-position: -872px -12px; height: 20px; }

#menu li.produkcja a:hover,
#menu li.produkcja a.active { background-position: 0 -45px; }
#menu li.koszty a:hover,
#menu li.koszty a.active { background-position: -120px -45px; }
#menu li.logistyka a:hover,
#menu li.logistyka a.active { background-position: -220px -45px; }
#menu li.personel a:hover,
#menu li.personel a.active { background-position: -339px -45px; }
#menu li.bhp a:hover,
#menu li.bhp a.active { background-position: -448px -45px; }
#menu li.jakosc a:hover,
#menu li.jakosc a.active { background-position: -530px -45px; }
#menu li.ochrona_srodowiska a:hover,
#menu li.ochrona_srodowiska a.active { background-position: -629px -45px; }
#menu li.logowanie a:hover { background-position: -872px -57px; }

/*----[ left ]-----------------------------------------------------------------------*/
#left {
	float: left;
	width: 200px;
	margin: 0 0 12px;
}
#left .ramka {
	border-color: #9fa3a8;
	border-style: solid;
	border-width: 0 1px 1px;
	margin: 0 0 21px;
	background: #fff url(images/background_ramka.gif) no-repeat;
}
#left .ramka ul {
	border-bottom: 1px solid #f6f6f6;
	padding: 8px;
}
#left .ramka ul li {
	border-bottom: 1px solid #e6edf4;
}
#left .ramka ul li.last {
	border-bottom: 0 none;
}
#left .ramka ul li a {
	display: block;
	background: transparent url(images/icon_menul.gif) no-repeat 5px 11px;
	padding: 6px 6px 6px 17px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#left .ramka ul li a:hover, #left .ramka ul li a.active {
	color: #1a5fac;
}
/*----[ left ]-----------------------------------------------------------------------*/
#content {
	float: left;
	width: 600px;
	margin: 0 0 0 14px;
}
#content .box {
	border: 1px solid #9fa3a8;
	margin: 0 0 16px;
	background-color: #fff;
}
#content .box h2 {
	font-family: Tahoma, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #245387;
	padding: 8px 20px;
	margin: 0;
	text-transform: uppercase;
	background: #e6e8ea url(images/background_h2.gif) repeat-x 0 0;
}
#content .box .artykul {
	padding: 15px 0;
	margin: 0 20px;
	border-bottom: 1px solid #e5e5e5;	
}
#content .box .duza_czcionka {
}
#content .box .last {
	border-bottom: 0 none;	
}
#content .box .artykul small {
	display: block;
	margin: 0 0 4px;
	color: #9c9c9c;
	font-size: 9px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
}
#content .box .artykul h3 {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: bold;
}
#content .box .artykul .klodka {
	background: transparent url(images/icon_klodka.gif);
	padding: 0 0 0 16px;
}
/*----[ right ]-----------------------------------------------------------------------*/
#right {
	float: right;
	width: 150px;
	margin: 0 0 12px;
}
#right ul {
	margin: 0 0 21px;
}
#right ul li a {
	display: block;
	background: transparent url(images/icon_menur.gif) no-repeat 0 9px;
	padding: 4px 4px 4px 10px;
	font-weight: bold;
	text-decoration: none;
}
#right ul li a span {
	font-weight: normal;
	color: #0e345e;
}
#right .testymoniale2 {
	border-color: #9fa3a8;
	border-style: solid;
	border-width: 0 1px 1px;
	margin: 0 0 21px;
	background: #fff url(images/background_ramka1.gif) no-repeat;
	width:150px;
	height:800px;/*#dee7f6*/
}
h3.testym {
	height: 50px;
	width:150px;
	background-color:#dfe2e4; no-repeat 0 0;
	border:none;
	margin:0px;
	border-color: #9fa3a8;
	border-style: solid;
	border-width: 1px 1px 0px
}
#right .testymoniale {
	border: 1px solid;
	border-color:#9fa3a8;
	padding:10px;
	border-top:none;
}

#right .wypowiedz {
	padding: 10px 0 10px 0;
	/*border: 1px solid #ccc;*/
	font-size: 11px;
	border-color:#fff;/*#9fa3a8*/
}
#right .wypowiedz_naglowek {
	font-weight: bold;
	text-align:center;
	padding:6px;
	border: 1px solid;
	border-color:#9fa3a8;
	background-color:#dfe2e4; 
	padding-bottom:10px;
	padding-top:10px;
}
#right .wypowiedz_tresc {
	padding-bottom: 7px;
	line-height: 140%;
}
#right .wypowiedz_kto {
	text-align: right;
	font-style: italic;
}
#right .wypowiedz_koniec {
	font-weight: bold;
	text-align:center;
	padding:6px;
	margin-bottom:10px;
}
	
/*----[ stopka ]-----------------------------------------------------------------------*/
#stopka {
	width: 100%;
	background: #fff url(images/background_stopka.gif) repeat-x 0 0;
}
#stopka #stopka_wrapper {
	width: 976px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	color: #5d5d5d;
	font-size: 10px;
}
#stopka a {
	color: #5d5d5d;
	text-decoration: none;
}
#stopka a:hover {
	text-decoration: underline;
}

/*-----[ inne ]-------------------------------------------------------------------------------*/


#spis {
	margin-left:10px;
	height:50px;
	background-color:#339999 no-repeat 0 0;
	font-size:16px;
	font-weight:bold;
}
#spis li { float: left; position: relative; margin:10px;}
#spis li a { display: block; height: 45px; float: left; ; background-color:#339999 no-repeat 0 0;text-decoration:none;font-weight:bold; }