body, html{margin:0px; font:11px/18px  Verdana, Arial, Helvetica, sans-serif; background:#ffffff; color:#333333; text-align:left;}
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-weight:normal;}
ul, li { margin:0px; padding:0px; list-style:none;}
p{text-align:left; word-spacing:1px; margin:0px; padding:0px;}
.dropcap:first-letter{font:48px "Times New Roman", Times, serif; color:#586b59;	line-height:40px;}
input, textarea{font:12px/15px Arial, Helvetica, sans-serif; border:1px solid #cccccc; color:#7f7f7f;}
img{border:0px;}
img{behavior:url(iepngfix.htc);}
a{color:#666; text-decoration:none; outline:none;}
.float-left{float:left;}
.float-right{float:right;}
.clear-div{clear:both;}
#main{
width:980px; margin:0px auto; text-align:left;
}
#header{
float:left; width:980px; height:79px; margin-bottom:5px;
} 	
		/* the menu*/
		/* style the outer div to give it width */
		.top_menu {width:980px; height:40px; float:left;background:#c9c9c9 url(images/menu_top_bg.gif) repeat-x center center; border-top:4px solid #43c024;}
		
		/* remove all the bullets, borders and padding from the default list styling */
		.top_menu ul {padding:0;margin:0;list-style-type:none;background:transparent;float:right}
		
		/* style the sub-level lists */
		.top_menu ul ul {width:109px;}
		
		/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
		.top_menu ul li {float:left;height:40px;line-height:37px; display:block; background:transparent url(images/bgDIVIDER.gif) no-repeat top left;}
		
		/* style the sub level list items */
		.top_menu ul ul li {display:block;width:12em;height:auto; line-height:1em;}
		
		/* style the links for the top level */
		.top_menu a.drop{background:url(images/blue-arrow.gif) no-repeat 105px 14px;}
		.top_menu a, .top_menu a.drop, .top_menu a:visited {display:block;float:left;height:100%; width:103px; font-size:12px;text-decoration:none;color:#333; padding-left:15px;}
		/* hack IE5.x to get the correct the faulty box model and get the width right */
		* html .top_menu a, * html .top_menu a.drop, * html .top_menu a:visited  {width:114px; w\idth:112px;}

		/* style the sub level links */
		.top_menu ul ul a.drop{background:url(images/blue-arrow.gif) no-repeat 117px 8px;}
                .top_menu ul ul a, .top_menu ul ul a.drop, .top_menu ul ul a:visited {display:block;background-color:#fafafa; color:#333;width:10em;height:100%;line-height:1em; padding:0.5em 1em; border-bottom:1px solid #c9c9c9; font-size:11px; line-height:15px}
		* html .top_menu ul ul a, * html .top_menu ul ul a:visited  {width:14em; w\idth:10em;}
		
		/* style the table so that it takes no part in the layout - required for IE to work */
		.top_menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}
		
		/* style the level hovers */
		/* first */
		* html .top_menu a:hover {color:#fff;background:#187cbb url(images/bgON.gif) center center; position:relative; z-index:100;}
		* html .top_menu a.drop:hover {color:#fff;background:#187cbb url(images/blue-arrow_hov.gif) center center; position:relative; z-index:100;}
		.top_menu li:hover {position:relative;}
		.top_menu :hover > a {color:#fff;background:#187cbb url(images/bgON.gif) center center;}
		.top_menu :hover > a.drop {color:#fff;background:#187cbb url(images/blue-arrow_hov.gif) center center;}
		/* second */
		* html .top_menu ul ul a:hover{color:#fff;background:#187cbb url(images/bgON2.gif) center center; position:relative; z-index:110;}
                .top_menu ul ul li:hover {position:relative;}
		.top_menu ul ul :hover > a {color:#fff;background:#187cbb url(images/bgON2.gif) center center; position:relative; z-index:110;}
		/* hide the sub levels and give them a positon absolute so that they take up no room */
		.top_menu ul ul {visibility:hidden;position:absolute;height:0;top:37px; left:0; width:14em;}
		.top_menu ul ul ul{visibility:hidden;position:absolute;height:0;top:15px; left:0; width:14em;}
		/* make the second level visible when hover on first level list OR link */
		.top_menu ul :hover ul{visibility:visible; height:auto; padding:0em 3em 3em 3em; background:transparent url(images/trans.gif); left:-3em;}
		/* keep the third level hidden when you hover on first level list OR link */
		.top_menu ul :hover ul ul{visibility:hidden;}
		/* keep the fourth level hidden when you hover on second level list OR link */
		.top_menu ul :hover ul :hover ul ul{visibility:hidden;}
		/* make the third level visible when you hover over second level list OR link */
		.top_menu ul :hover ul :hover ul{visibility:visible; left:9em;}
		/* make the fourth level visible when you hover over third level list OR link */
		.top_menu ul :hover ul :hover ul :hover ul {visibility:visible;}


                /* submenu na stronach modułów - style the outer div to give it width */
		.product_submenu {height:30px; margin-left:20px; margin-top:55px; float:left;background:#c9c9c9 url(images/submenu_top_bg.gif) repeat-x center center;}
		
                /* remove all the bullets, borders and padding from the default list styling */
		.product_submenu ul {padding:0; list-style-type:none;background:transparent;float:left}
		
		/* style the submenu lists */
		.product_submenu ul li {width:166px;}
		
		/* float the submenu list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
		.product_submenu ul li {float:left; height:30px;line-height:27px; display:block; background:transparent url(images/bgDIVIDER.gif) no-repeat top left;}

                /* style the links for the submenu */
		.product_submenu a, .product_submenu a:visited {float:left; display:block; height:100%; width:165px; font-size:11px; text-align:center; text-decoration:none;color:#333; padding-left:1px;}

                /* hack IE5.x to get the correct the faulty box model and get the width right */
		* html .product_submenu a, * html .product_submenu a:visited  {width:114px; w\idth:112px;}

                /* style the table so that it takes no part in the layout - required for IE to work */
		.product_submenu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}

                /* style the level hovers */
		/* first */
		* html .product_submenu a:hover {color:#fff;background:#187cbb url(images/bgON.gif) center center; position:relative; z-index:100;}
		.product_submenu a:hover {color:#fff;background:#187cbb url(images/bgON.gif) center center; position:relative; z-index:100;}
                .product_submenu ul li a.active {color:#fff;background:#187cbb url(images/bgON.gif) center center; font-weight:bold}
                .product_submenu li:hover,  {position:relative;}
		.product_submenu :hover > a {color:#fff;background:#187cbb url(images/bgON.gif) center center;}
		
		/**/
		
	   .contact{ float:right; padding:10px 1px 0px 0px; height:25px; font-size:12px; word-spacing:2px; }
	   .contact a{ font-weight:bold; font-style:italic;}
	   .contact a:hover{ text-decoration:underline;color: #43c024}
	   .zadzwon{ font-size:11px;}
	   .telefon{ font-style:normal; font-weight:bold;color:#43c024; font-size:19px;}
	
	    .recent-project-dispaly { width:220px; float:left; height:110px; border-right:1px solid #dfe0e0; }
	    .project-title {float:left; width:156px; height:26px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:4px 15px 0px 45px; display:inline; background:url(images/recent-pro-title.gif) 4px 3px no-repeat; padding-left:6px; line-height:14px; color:#333; }
	    .project-title a { color:#333;}
	    .project-title span a { color:#333; font-weight:bold;}
	    .project-img { margin: 0px 0px 10px 60px; display:inline; background:url(images/recent-pro-img-bg.gif) no-repeat; float:left; text-align:center; width:202px; height:68px; position:relative; }
	    .project-img img { position:absolute; top:8px; left:10px;}
	    .recent-project-dispaly a{ clear:both; font-size:11px; font-weight:bold; color:#333; line-height:16px; width:220px; margin:0px 5px 0px 5px; float:left; text-align:center; display:inline; }
	    .recent-project-dispaly a:hover{ text-decoration:underline;}
	
           .sklep{ float:left; height: 31px; width: 150px; margin-top:8px;}
	
#main_content{width:980px;float:left; background:url(images/content_bottom.gif) bottom no-repeat;  padding-bottom:12px;}
#background{ border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; float:left; width:978px; padding:15px 0px 10px 0px;}
	
	.index { background:url(images/index_bg.gif) top no-repeat; }
	.mikroprzedsiebiorstwa { background:url(images/mikroprzedsiebiorstwa_bg.jpg) top no-repeat; }
	.male-srednie-firmy { background:url(images/male_srednie_firmy_bg.jpg) top no-repeat; }
	.biura-rachunkowe { background:url(images/biura_rachunkowe_bg.jpg) top no-repeat; }
	.raks-2000{ background:url(images/raks2000_bg.jpg) top no-repeat; }
	.raks-dos{ background:url(images/raksdos_bg.jpg) top no-repeat; }
	.wdrozenie{ background:url(images/wdrozenie_bg.jpg) top no-repeat; }
	.serwis{ background:url(images/serwis_bg.jpg) top no-repeat; }
	.kontakt{ background:url(images/kontakt_bg.jpg) top no-repeat; }
	.pobierz-rakssql{ background:url(images/pobierz_rakssql_bg.jpg) top no-repeat; }
	.pobierz-raks2000{ background:url(images/pobierz_raks2000_bg.jpg) top no-repeat; }
	.pobierz-raksdos{ background:url(images/pobierz_raksdos_bg.jpg) top no-repeat; }
	.pobierz-wapro{ background:url(images/boxes/pobierz_wapro_bg.jpg) top no-repeat; }
	.pobierz-enova{ background:url(images/boxes/pobierz_enova_bg.jpg) top no-repeat; }
	.pobierz-pcbiznes{ background:url(images/boxes/pobierz_pcbiznes_bg.jpg) top no-repeat; }
	.mapa-strony{ background:url(images/mapa-strony.jpg) top no-repeat; }
	.streamsoft{ background:url(images/boxes/streamsoft_bg.jpg) top no-repeat; }
	.pcbiznes{ background:url(images/boxes/streamsoft_pcbiznes_bg.jpg) top no-repeat; }
	.enova{ background:url(images/boxes/enova_bg.jpg) top no-repeat; }
	.leasing{ background:url(images/boxes/leasing1_bg.jpg) top no-repeat; }
	.faktury { background:url(images/boxes/faktury_bg.jpg) top no-repeat; }
	.sprzedaz { background:url(images/boxes/sprzedaz_bg.jpg) top no-repeat; }
	.crm { background:url(images/boxes/crm_bg.jpg) top no-repeat; }
	.e-commerce { background:url(images/boxes/e_commerce_bg.jpg) top no-repeat; }
	.ksiega-handlowa { background:url(images/boxes/ksiega_handlowa_bg.jpg) top no-repeat; }
	.kpir { background:url(images/boxes/kpir_bg.jpg) top no-repeat; }
	.kadry-place { background:url(images/boxes/kadry_place_bg.jpg) top no-repeat; }
	.srodki-trwale { background:url(images/boxes/srodki_trwale_bg.jpg) top no-repeat; }
	.produkcja { background:url(images/boxes/produkcja_bg.jpg) top no-repeat; }
	.biuro-rachunkowe { background:url(images/boxes/biuro_rachunkowe_bg.jpg) top no-repeat; }
	.wfwapro { background:url(images/boxes/wfwapro_bg.jpg) top no-repeat; }
	.wfmag { background:url(images/boxes/wfmag_bg.jpg) top no-repeat; }
	.wfbest { background:url(images/boxes/wfbest_bg.jpg) top no-repeat; }
	.wfgang { background:url(images/boxes/wfgang_bg.jpg) top no-repeat; }
	.wffakir { background:url(images/boxes/wffakir_bg.jpg) top no-repeat; }
	.wfkaper { background:url(images/boxes/wfkaper_bg.jpg) top no-repeat; }
	.wfcrm { background:url(images/boxes/wfcrm_bg.jpg) top no-repeat; }
	.wfanalizy { background:url(images/boxes/wfanalizy_bg.jpg) top no-repeat; }
	.wfmobile { background:url(images/boxes/wfmobile_bg.jpg) top no-repeat; }
	.wffakturka { background:url(images/boxes/wffakturka_bg.jpg) top no-repeat; }
	.wfbiuro { background:url(images/boxes/wfbiuro_bg.jpg) top no-repeat; }
	.optima { background:url(images/boxes/optima_bg.jpg) top no-repeat; }
	.ioptima { background:url(images/boxes/ioptima_bg.jpg) top no-repeat; }
	.isklep24 { background:url(images/boxes/isklep24_bg.jpg) top no-repeat; }
	.comarch-mobile { background:url(images/boxes/comarch_mobile_bg.jpg) top no-repeat; }
	.pobierz-optima{ background:url(images/boxes/pobierz_optima_bg.jpg) top no-repeat; }
	
	
	/* center content */ 
		#center {float:left; width:938px;padding-left:40px;}
			#accordion{display:inline-block; overflow:hidden;  width:900px; height:200px;}
			#accordion img{vertical-align:top; border:0; margin:0; padding:0}
			#accordion div{display:inline; float:left; margin:auto;}
			#accordion div.title a{float:left; width:35px; height:200px;}
			#accordion div.title a.faktury{background-image:url(images/akord/faktury_akord_tog.gif);}
			#accordion div.title a.sprzedaz{background-image:url(images/akord/sprzedaz_akord_tog.gif);}
			#accordion div.title a.crm{background-image:url(images/akord/crm_akord_tog.gif);}
			#accordion div.title a.e-commerce{background-image:url(images/akord/e_commerce_akord_tog.gif);}
			#accordion div.title a.produkcja{background-image:url(images/akord/produkcja_akord_tog.gif);}
			#accordion div.title a.ksiega-handlowa{background-image:url(images/akord/ksiega_handlowa_akord_tog.gif);}
			#accordion div.title a.kpir{background-image:url(images/akord/kpir_akord_tog.gif);}
			#accordion div.title a.srodki-trwale{background-image:url(images/akord/srodki_trwale_akord_tog.gif);}
			#accordion div.title a.kadry-place{background-image:url(images/akord/kadry_place_akord_tog.gif);}
			#accordion div.title a.biuro-rachunkowe{background-image:url(images/akord/biuro_rachunkowe_akord_tog.gif);}
			#accordion div.title a:hover{ background-position:0px -200px;}
			#accordion div.content{display:none; }		
	/**/
	
	/* left content */ 
		#left_content {float:left; width:229px;padding-left:15px;}

		   .left_nav { float:left; width:229px; margin:4px 0px 0px 0px; display:inline; padding:5px 0px 0px 0px; background-color:#f5f5f5;margin-bottom:0px;}
		   .left_nav ul { margin:0px; padding:0px;}
		   .left_nav ul li { list-style:none; float:left; line-height:23px; text-align:left; width:229px; background:url(images/menu_divider.gif) no-repeat left bottom; }
		   .left_nav ul li ul li a{display:block; padding: 3px 14px; background:url(images/bullet.gif) 8px 13px no-repeat;}
		   .left_nav ul li ul li a:hover{display:block; padding: 3px 14px; color:#187cbb;}
		   .left_nav ul li a {
		  	display:block; 
			color: #000; 
			padding: 3px 8px; 
			font-size:11px;
			
			text-decoration:none;
			}
		   .left_nav ul li h4 a{  color: #000055}
		   .left_nav ul li h4 a:hover {background-color:#e5f1fa}
		   .left_nav ul h4 {  font-weight:bold;}
		   .left_nav ul h4.selected{ color:#fff;font-weight:bold;background:#187cbb url(images/bgON2.gif) center center;}
		   .left_nav ul h4.selected a{ background: #187cbb url(images/arrow.gif) no-repeat;
	background-position: 95% 50%; color:#FFFFFF}
			.left_nav ul h4.selected a:hover{ background: #187cbb url(images/arrow.gif) no-repeat;
			background-position: 95% 50%; color:#FFFFFF}
		   .left_nav .active{display:block; padding: 3px 14px; color:#187cbb;}
		    img.nav-bg{ float:left; margin-bottom:20px}
		   .left-banner {float:left; width:229px; margin-top:15px}
		   .prezentacje-box {overflow:hidden; clear:both; color:#333; background-image:url(images/prezentacje-box.gif); padding:0 10px;}
		   .prezentacje-box h5{color:#333; font-weight:normal;font-size:12px;}
		   .prezentacje-box a{color:#333;}
		   .prezentacje-box ul li { list-style:none;  background:url(images/org-arrow.gif) 0px 6px no-repeat; line-height:18px; padding-left:15px; } 
		   .prezentacje-box a:hover{color:#ff6603;}
		   .grenke{margin: 10px 0px 0px 45px}
		
		/**/
		
		/* index content */
		#index_content {float:left; width:938px;padding-left:40px; text-align:left;}
		#index_content h1 { display:none;}
		
			/* index oferta*/ 
		   .oferta { float:left; width:900px; margin-bottom:15px}
		   .oferta .title {float:left; background:url(images/title-recent-project.gif) top no-repeat; height:40px; width:900px;}
		   .oferta .softtrade-onas{
		   font-size:11px; color:#333; line-height:16px;float:left;margin-bottom:15px;
		   }
		   .oferta .softtrade-onas a {color:#f70a2b; font-weight:bold;}
		   .oferta .softtrade-onas a:hover{ text-decoration:underline; font-style:italic;}
		   .oferta .divider {float:left; background:url(images/divider.gif) top no-repeat; height:2px; width:678px;}
		
	
	            /* wybór producentów duży - 5 producentów  */
                   .recent-project {float:left;width:900px; padding-left:0px; margin-bottom:25px;}
		   .recent-project-dispaly { width:176px; float:left; height:110px; border-right:1px solid #dfe0e0; }
			   .project-title {float:left; width:156px; height:26px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:4px 15px 0px 45px; display:inline; background:url(images/recent-pro-title.gif) 4px 3px no-repeat; padding-left:6px; line-height:14px; color:#333; }
			   .project-title a { color:#333;}
			   .project-title span a { color:#333; font-weight:bold;}
			   .project-img { margin: 0px 0px 10px 40px; display:inline; background:url(images/recent-pro-img-bg.gif) no-repeat; float:left; text-align:center; width:170px; height:68px; position:relative; }
			   .project-img img { position:absolute; top:8px; left:10px;}
			   .recent-project-dispaly a{ clear:both; font-size:11px; font-weight:bold; color:#333; line-height:16px; width:176px; margin:0px 5px 0px 5px; float:left; text-align:center; display:inline; }
		           .recent-project-dispaly a:hover{ text-decoration:underline;}
	

                    /* wybór producentów mały - 5 producentów */
                    .recent-project-prod {float:left;width:664px; padding-left:0px; margin-bottom:15px;}
		   .recent-project-dispaly-prod { width:132px; float:left; height:100px; border-right:1px solid #dfe0e0; }
			   /*.project-title-prod {float:left; width:156px; height:26px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:4px 15px 0px 45px; display:inline; background:url(images/recent-pro-title.gif) 4px 3px no-repeat; padding-left:46px; line-height:14px; color:#333; }*/
			   /*.project-title-prod a { color:#333; }
			   .project-title-prod span a { color:#333; font-weight:bold;} */
			   .project-img-prod { display:inline; background:url(images/recent-pro-img-bg.gif) no-repeat; float:left; text-align:center; width:110px; height:68px; position:relative; }
			   /*.project-img img { position:absolute; top:8px; left:10px;}*/
			   .recent-project-dispaly-prod a{ clear:both; font-size:11px; font-weight:bold; color:#333; line-height:16px; width:110px; margin:0px 5px 0px 5px; float:left; text-align:center; display:inline; }
		           .recent-project-dispaly-prod a:hover{ text-decoration:underline;}

                    /* wybór producentów mały - 2 producentów  */
                     .recent-project-2prod {float:left;width:664px; padding-left:0px; margin-bottom:15px;}
		     .recent-project-dispaly-2prod { width:330px; float:left; height:100px; border-right:1px solid #dfe0e0; }
/*	było skomentowane		   .project-title-2prod {float:left; width:156px; height:26px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:4px 15px 0px 45px; display:inline; background:url(images/recent-pro-title.gif) 4px 3px no-repeat; padding-left:46px; line-height:14px; color:#333; }
	było skomentowane		   .project-title-2prod a { color:#333; }
	było skomentowane		   .project-title-2prod span a { color:#333; font-weight:bold;}  */
			   .project-img-2prod { display:inline; background:url(images/recent-pro-img-bg.gif) no-repeat; float:left; text-align:center; width:330px; height:68px; position:relative; }
/*	było skomentowane		   .project-img2 img { position:absolute; top:8px; left:10px;}   */
			   .recent-project-dispaly-2prod a{ clear:both; font-size:11px; font-weight:bold; color:#333; line-height:16px; width:330px; margin:0px 5px 0px 5px; float:left; text-align:center; display:inline; }
		           .recent-project-dispaly-2prod a:hover{ text-decoration:underline;} */

                    /* koniec wybór producentów mały - 2 producentów  */
        	
		           /**/
			/* three-steps*/ 
			div#three_steps{
				margin-left:0px;
			}
			#three_steps ul {
			  background: url(images/akord/3steps.gif) no-repeat 0 0;
			  height: 100px;overflow: hidden; width: 900px;float:left;padding-bottom:0px;
			 }
			#three_steps li {
			  display: block;float: left; padding-top:20px;
			}
			#three_steps h2 {
			  font-size:12px;color: #43c024; font-weight:bold;
			}
			#three_steps li.button {
			  padding-top: 0;width: 200px;
			}
			#three_steps_first {
			  padding-left:70px; padding-right:0px;  width: 230px;
			}
			#three_steps_first h2 a{
			   color: #43c024;
			}
			#three_steps_first a{
			   color: #0b498f; font-weight:bold;
			}
			#three_steps_first h2 a:hover,#three_steps_first a:hover{
			  text-decoration:underline;
			}
			#three_steps_second {
			  width: 220px;
			  padding-left: 80px;
			  padding-right: 0px;
			}
			#three_steps_third {
			  width: 230px;
			  padding-left: 70px;
			  padding-right:0px;
			}
			#three_steps_second a{
			  color: #0b498f; font-weight:bold
			}
			#three_steps_third a{
			  padding-left: 1px;
			  color: #0b498f; font-weight:bold
			}
			#three_steps_third a:hover, #three_steps_second a:hover{
				text-decoration: underline;
			}
			/**/
		/* right content */
		#right_content {float:right; width:704px;  padding-right:15px; text-align:left; }
		#right_content h1 { display:none;}
		.tresc { float:left; width:664px; padding:55px 0px 0px 0px; font-size:11px; color:#333333; margin:0px 20px 0px 20px; display:inline;}
		.tresc_sp { float:left; width:664px; padding:20px 0px 0px 0px; font-size:11px; color:#333333; margin:0px 20px 0px 20px; display:inline;}
                .tresc h4, .tresc_sp h4{ font-size:13px; font-weight:bold; font-style: normal; color:#000; padding:0px 0px 5px 0px; clear:both;}
                .tresc h3, .tresc_sp h3{ font-size:11px; font-weight:bold; font-style: normal; color:#74B138; padding:0px 0px 5px 0px; clear:both;}
                .tresc p, .tresc_sp p { padding:0px 0px 15px 0px; line-height:17px; clear:both}
                .tresc p span, .tresc_sp p span { color:#74B138; font-weight:bold;}
		
                .tresc ul, .tresc_sp ul { margin:0px 0px 10px 0px; padding:0px; }
	        .tresc ul li, .tresc_sp ul li {  margin-left:15px; list-style:none; background:url(images/org-arrow.gif) 0px 7px no-repeat; line-height:20px; padding-left:20px; }
                .tresc ul li ul li, .tresc_sp ul li ul li {  margin-left:15px; list-style:none; background:url(images/bullet.gif) 0px 11px no-repeat; line-height:20px; padding-left:15px; }
                .tresc ul li span, tresc_sp ul li span { color:#0b498f; font-weight:}
	        .tresc ul li a:hover, .tresc_sp ul li a:hover { text-decoration: underline; color:#0b498f;}
		
                .tresc img.moduly, tresc_sp img.moduly { margin:10px 0 15px 20px}
	        .tresc a, .tresc_sp a { color:#0b498f; font-style:normal;}
	        .tresc a:hover, tresc_sp a:hover {text-decoration: underline; font-style:italic;}
	        .tresc a.back-to-top, .tresc_sp a.back-to-top { color:#0b498f; font-style:normal; font-size:11px; float:right; background:url(images/back-to-top-arrow.gif) 0px 7px no-repeat; padding-left:12px;}


                .tresc_of { float:left; padding:15px 0px 20px 0px; font-size:11px; color:#333333; display:inline;}
                .tresc_of a {color:#0b498f; font-style:normal; font-size:14px; font-weight:bold;}
                .tresc_of a:hover {text-decoration: underline; font-style:italic;}
                .kup_program {float:left; font-size:12px; font-weight:bold;}
                .kup_program a{font-size:13px;color:#f70a2b}
                .kup_program a:hover {text-decoration: underline; font-style:italic;}


                /* klasa do tytułów przy obok screenów*/
                .tytul, tytul ul li {font-size:9px; font-style:italic; padding-top:50px; margin:0px 20px 0px 20px}
                .tytul a, tytul ul li a{color:#000; font-weight:bold; font-style:normal;}
                .tytul a:hover, tytul ul li a:hover{text-decoration: none; font-style:normal;}

                /* three-steps*/
			div.three_steps{
				margin-top:10px;
			}
			.three_steps ul {
			  background: url(images/akord/3steps2.gif) no-repeat 0 0;
			  height: 80px;
			  overflow: hidden;
			  width: 664px;
			  float:left;
			  padding-bottom:0px;
			  list-style:none;
			 }
			.three_steps ul li {
			  display: block;
			  float: left;
			  padding-top:15px;
			  background-image:none;
			  margin:0;
			}
			.three_steps h2 {
			  font-size:12px;
			  color: #43c024;
			  font-weight:bold;
			}
			ul li.three_steps_first {
			  padding-left:55px;
			  padding-right:0px;
			  width: 160px;
			}
			
			.three_steps_first a{
			   color: #0b498f; font-weight:bold
			}
			.three_steps_first a:hover{
			  text-decoration:underline;
			
			}
			ul li.three_steps_second {
			  width: 155px;
			  padding-left: 60px;
			  padding-right: 0px;
			}
			ul li.three_steps_third {
			  width: 155px;
			  padding-left: 66px;
			  padding-right:0px;
			}
			.three_steps_second a{
			  color: #0b498f; font-weight:bold
			}
			.three_steps_third a {
			  padding-left: 1px;
			  color: #0b498f; font-weight:bold
			}
			.three_steps_third a:hover, .three_steps_second a:hover{
				text-decoration: underline;
			}
			/**/
			
                        /* napisy na tle zielonym*/
		.gray-box { background:#fdfdfd; border:1px solid #f1f1f1; float:left; width:630px; padding:10px 15px; margin:0 0 10px 0}
		 ul.normal { margin:0px; padding:0px 0px 5px 20px;}
		 ul.normal  li { list-style:none;  background:url(images/bullet.gif) 0px 10px no-repeat; padding-left:15px;}
		.breadcrumb{float:left; width:664px; text-align:left; color:#fff; margin-top:20px; padding:0px 20px;}
		.breadcrumb a{color:#fff;}
		.breadcrumb a:hover{color:#1063a9;}
		.breadcrumb span{font-weight:bold;}
		/* banner text */
		   
		.banner-text { margin:100px 0px 0px 20px; float:left; width:360px; display:inline; color:#ffffff;}
		.banner-text p { line-height:20px; font-size:11px;color:#ffffff;}
		/**/
		
		/* package */
			.download-package-table {float:left; width:590px; margin-bottom:15px;}
			.package-table { font-size:11px; color:#696969;	}
			.package-table a{ background:url(images/download.gif) left 3px no-repeat; font-style:normal;padding-left:16px; float:left; margin-left:12px;}
			.package-table a:hover{ background:url(images/download.gif) left no-repeat; text-decoration:underline;color:#ff6603}
			.package-table th.title { font-size:12px; background:#f5f5f5;  font-weight:bold; color:#187cbb; height:25px;}
			.package-table td { border-bottom: 1px solid #f5f5f5;	}
			.package-table td span { font-size:10px; color:#696969; }
                        .package-table td.title { font-size:12px; color:#187cbb; font-weight:bold;padding:5px 0px;}
                        .package-table td span.sub-title { font-size:14px; color:#128ea0;}
		
		/* cennik */
			.download-cennik-table {float:left; width:650px; margin-bottom:15px;}
			.cennik-table { font-size:11px; color:#696969;	}
			.cennik-table th.title { font-size:11px; background:#f5f5f5; font-weight:bold; color:#0b498f; height:25px; border-right:1px solid #696969;}
			.cennik-table th.right { font-size:11px; background:#f5f5f5; font-weight:bold; color:#0b498f; height:25px; border-right: 0px}
			.cennik-table td { border-bottom: 1px solid #696969; border-right: 1px solid #696969;}
			.cennik-table td.right { border-right: 0px ; padding-right:40px;}
			.cennik-table td.rightb { border-right: 0px ; border-bottom: 0px; padding-right:40px;}
			.cennik-table td.cena { padding-right:40px;}
			.cennik-table td.cenab { padding-right:40px; border-bottom: 0px;}
			.cennik-table td.cena1 { padding-right:25px;}
                        .cennik-table td.cena1b { padding-right:25px; border-bottom: 0px;}
			.cennik-table td.cena2 { padding-right:10px;}
			.cennik-table td.cena2b { padding-right:10px; border-bottom: 0px;}
			.cennik-table td.cena3b { padding-right:0px; border-bottom: 0px;}
			.cennik-table td.right1 { border-right: 0px ; padding-right:25px;}
			.cennik-table td.title { border-bottom: 0px; border-right: 0px; font-size:12px; color:#0b498f; font-weight:bold;padding:5px 0px;}
					
		
			.get-a-quote-address-box {float:left; background:#f8f6f7; width:670px; padding:20px 0px 20px 0px; border:1px solid #e3e1e2; clear:both; margin-bottom:20px;
			-moz-border-radius:12px;
			-khtml-border-radius: 12px;
			-webkit-border-radius: 12px;
			border-radius:12px; }
			.get-a-quote-address {float:left; text-align:left; width:260px; padding:3px 0 0 55px;}
			.get-a-quote-address h2{ font-size:12px; font-weight:bold}
			.get-a-quote-address a { color:#072d58;}
			
		/* package box - pakiety rakssql mikro */
			/*.package-img { float:left; width:140px; text-align:left; padding-left:0}
			.package-display {float:left; width:669px; padding-top:5px;}
			.package-display h2 a {font-size:13px; font-weight:bold; font-style:italic; color:#000;}
			.package-details {float:left; width:500px; background:#fafafa; border:1px solid #ebebeb; margin:10px 0px 10px 0px; color:#4a4a4a; padding:10px;}
			.package-img  a.review-package {  font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#1063a9; 
			background: url(images/review-package-arrow.gif) left no-repeat; text-decoration:none; padding-left:12px;float:left; font-style:normal;}
			 */
		   
		   /**/
		   
		  /* style WAPRO */
.start  {	font-size:11px;	font-family:Verdana;	font-style:normal;	font-weight: 600;		color: #FFFFFF; background-color: #D60101;#FF534B; #FF0000;#FBF066; text-align: center; float:left; border-left: 1px solid #f5f5f5;	}
.biznes   {	font-size:11px;	font-family:Verdana;	font-style:normal;	font-weight: 600;		color: #FFFFFF; background-color:#339933; text-align: center; float:left; border-left: 1px solid #f5f5f5;	}
.biuro  {	font-size:11px;	font-family:Verdana;	font-style:normal;	font-weight: 600;		color: #FFFFFF; background-color: #8E06A7; #024590; ;#FBF066; text-align: center; float:left; border-left: 1px solid #f5f5f5;	}
.prestiz  {	font-size:11px;	font-family:Verdana;	font-style:normal;	font-weight: 600;		color: #FFFFFF; background-color: #9AACBD; #FBF066 ; bgcolor: #9AACBD; text-align: center; float:left; border-left: 1px solid #f5f5f5;}
.budzet  {	font-size:11px;	font-family:Verdana;	font-style:normal;	font-weight: 600;		color: #FFFFFF; background-color:#FF9900;	}
.wapro {	font-size:11px;	font-family:Verdana;	font-style:normal;	font-weight: 600;		color: #FFFFFF; background-color: #0060A9; text-align: right}
.mobile  {	font-size:11px;	font-family:Verdana;	font-style:normal;	font-weight: 600;		color: #FFFFFF; background-color: #8E06A7; #024590; ;#FBF066; text-align: center; float:left; border-left: 1px solid #f5f5f5;	}



		 /**/
		   
#footer{
font-size:10px;
}
		.footer-links{
			float:left;
			width:840px;
			padding-left:10px;
			text-align:left;
		 }
                .footer-links-2row{
			float:left;
			width:940px;
			padding-left:10px;
			text-align:left;	
                }
		
                .softtrade{
			width:105px;
			text-align:right;
			padding-right:10px;
			float:right;
		}
		
		.footer-links a:hover, .footer-links-2row a:hover{text-decoration:underline;}
		
		/**/
/* Sitemap */
#sitemap { float:left; width:300px; font-style:normal; padding:0px; line-height:22px;}
#sitemap ul { margin:0px; padding:0px;}
#sitemap ul li {list-style:none;  background:url(images/org-arrow.gif) 0px 8px no-repeat; }
#sitemap ul li a { color:#000;}
#sitemap ul li a:hover { color:#ff6603; }
#sitemap ul li ul { margin:0px; padding:0}
#sitemap ul li ul li { background:none; margin:0; padding-left:20px}
#sitemap ul li ul li a { color:#ff6603;}
#sitemap ul li ul li span { color:#ff6603;}
#sitemap ul li ul li a:hover { color:#000;}
#sitemap ul li ul li ul { margin:0px; padding:0px 0px 0px 20px;}
#sitemap ul li ul li ul li {list-style:none; background:url(images/gray-arrow.gif) 0px 9px no-repeat; padding:0px 0px 0px 12px; }
#sitemap ul li ul li ul li a { color:#575555; font-size:11px;}
#sitemap ul li ul li ul li ul { margin:0px; padding:0px 0px 0px 15px;}
#sitemap ul li ul li ul li ul li { background:none; padding:0px;}
#sitemap ul li ul li ul li ul li a { color:#000;}
#sitemap ul li ul li ul li ul li a:hover { color:#575555;}

#sitemap_b { float:right; width:300px; font-style:normal; padding:0px; line-height:22px;}
#sitemap_b ul { margin:0px; padding:0px;}
#sitemap_b ul li {list-style:none;  background:url(images/org-arrow.gif) 0px 8px no-repeat; }
#sitemap_b ul li a { color:#000;}
#sitemap_b ul li a:hover { color:#ff6603; }
#sitemap_b ul li ul { margin:0px; padding:0}
#sitemap_b ul li ul li { background:none; margin:0; padding-left:20px}
#sitemap_b ul li ul li a { color:#ff6603;}
#sitemap_b ul li ul li span { color:#ff6603;}
#sitemap_b ul li ul li a:hover { color:#000;}
#sitemap_b ul li ul li ul { margin:0px; padding:0px 0px 0px 20px;}
#sitemap_b ul li ul li ul li {list-style:none; background:url(images/gray-arrow.gif) 0px 9px no-repeat; padding:0px 0px 0px 12px; }
/**/

