/* systempro styles - mokry @ studjo 18.10.2004 */

	/* style wspolne dla wszystkich podstron pro */
	@import url(http://systempro.info/pl/css/pro-common.css);
	
/* LAYOUT__________________________________________________________ */
		
	/* nawigacja */
	div#nav {
		position: absolute; top: 10px; right: 10px; width: 200px; text-align: center; }
	div#nav ul {
		list-style: none; text-align: left; margin: 0; }
	div#nav ul li {
		border-bottom: 2px solid #f5f5f5; }
	div#nav ul li a:link, div#nav ul li a:visited {
		display: block; height: 24px; clear: left;
		color: #fff; font-weight: bold; line-height: 24px;
		font-size: 10px; padding-left: 5px; text-decoration: none;
		background: #000 url(img/nav_back.gif) no-repeat 0 0; }
	div#nav ul li a:hover, div#nav ul li a:active {
		background: #6e6e6e url(img/nav_back.gif) no-repeat 0 -27px;
		color: #fff; }
	div#nav ul li a.current:link, div#nav ul li a.current:visited {
		color: #000;
		background: #FFB400 url(img/nav_special_back.gif) no-repeat 0 0; }
	div#nav ul li a.current:hover, div#nav ul li a.current:active {
		background: #FFC872 url(img/nav_special_back.gif) no-repeat 0 -27px;
		color: #000; }
		
	div#nav p { margin: 10px 0; }
		
	/* pozostale strony system pro */
	div#nav ul#innePro a:link, div#nav ul#innePro a:visited {
		background: #d7d7d7 url(img/nav_inne_back.gif) no-repeat 0 0;
		color: #000; }
	div#nav ul#innePro a:hover, div#nav ul#innePro a:active {
		background: #cfcfcf url(img/nav_inne_back.gif) no-repeat 0 -28px;
		color: #000; }
		
	div#footer {
		width: 694px; margin: 0 auto; padding-top: 15px;
		background: #ddd url(img/strima-logo-bottom.gif) no-repeat 50% 8px;
		font-size: 80%; clear: both; }
		
	/* index intro */
	
	p#indexIntro {
		background: url(img/index-intro.png) no-repeat;
		height: 105px; text-indent: -9999px; }
		
	/* create section ************************************************/
	
	div#imgCreate {
		width: 678px; height: 44px; margin: 0 auto; }
	div#steps {
		position: absolute; top: -34px; left: 18px; }
	p.cena {
		text-align: right; font-weight: bold; padding-right: 3px; }
	p.cena strong { font-size: 14px; border-bottom: 1px solid #ff6600; }
	
	h3.instr {
		color: #676767; font-size: 20px;
		font-family: Trebuchet MS, sans-serif; letter-spacing: -1px;}
	div.module {
		width: 31%; float: left;
		margin: 10px 8px 0 0; text-align: center; }
		
	div.module p {
		border-top: 1px dotted #ff6600; font-size: 80%;
		text-align: left; line-height: 1.1;
		padding-top: 5px; margin-top: 5px; }
		
	h4.element {
		display: inline; color: #ff6600; font-size: 105%; }
		
	div.opis {
		text-align: left; font-family: Tahoma;
		font-size: 80%; line-height: 100%;
		margin-bottom: 4px; padding: 2px 80px 4px 50px;
		border-bottom: 1px dotted #676767; position: relative; }
	div.opis p.cenaFloat {
		position: absolute; top: 0; right: 0;
		background-color: #FFF2BE; padding: 0 3px; font-size: 13px;
		font-weight: bold; text-align: right; width: 70px; clear: right; }
		
	/* obrazek krzesla po prawej */
	.img {
		text-align: center; }
		
	.licznik {
		background: #E6E6E6 url(img/licznik_back.gif) no-repeat 0 0;
		padding: 8px 0 0 60px; font-size: 10px;
		font-family: Tahoma, sans-serif; font-weight: bold; margin-top: 5px; }
		
	/* naglowek formularza zamowienia */
	
	h4#zamowTitle {
		width: 206px; height: 39px; text-indent: -9999px;
		background: url(img/zamow-ikonka.png) no-repeat; }
		
	/* kolory tła w form. zamowienia */
	.formColorOne {
		background: #F4FCFF url(img/formColorOne-back.png) repeat-x;
		padding: 4px 2px 2px 2px; border-top: 1px solid #6DB9DB; }
	.formColorTwo {
		background: #FFF9EE url(img/formColorTwo-back.png) repeat-x;
		padding: 4px 2px 2px 2px; border-top: 1px solid #DFBA6C; }
	.formColorThree {
		background: #FCFFF4 url(img/formColorThree-back.png) repeat-x;
		padding: 4px 2px 2px 2px; border-top: 1px solid #9BB651; }
		
	/* gotowe krzesło wybierz */
	
	.readyChair {
		float: left; width: 100px; margin: 0 10px 5px 0; text-align: center;
		border-bottom: 1px solid #ccc; height: 270px; padding-bottom: 10px;
		border-left: 1px solid #f2f2f2; }
	.readyChair a { border: 0; text-decoration: none; }
	
	/* zamowienia online */
	
	ul#zamowieniaOnline {
		position: relative;
		width: 360px; height: 280px; margin: 0 auto 10px auto; padding: 0;
		list-style-type: none;
		background: url(img/zamowienia-graph-back.png) no-repeat; }
	a#createLink {
		display: block; width: 118px; height: 150px;
		position: absolute; top: 0; left: 0; text-indent: -9999px;
		text-decoration: none;
		background: url(img/zamowienia-create-link.png) no-repeat 0 -149px; }
	a#createLink:hover {
		background-position: 0 0; }
	a#chooseLink {
		display: block; width: 114px; height: 150px;
		position: absolute; top: 0; left: 125px; text-indent: -9999px;
		text-decoration: none;
		background: url(img/zamowienia-choose-link.png) no-repeat 0 -149px; }
	a#chooseLink:hover {
		background-position: 0 0; }
	a#contactLink {
		display: block; width: 115px; height: 150px;
		position: absolute; top: 0; right: 0; text-indent: -9999px;
		text-decoration: none;
		background: url(img/zamowienia-contact-link.png) no-repeat 0 -150px; }
	a#contactLink:hover {
		background-position: 0 0; }
		
	/* inne IR */
	
	h4#helpZakupy {
		width: 198px; height: 41px; text-indent: -9999px; margin: 0 auto;
		background: url(img/title-help-zakupy.png) no-repeat 0 0; }