body						{background:#fff; font:normal 11px Trebuchet MS, sans-serif; color:#333; letter-spacing:1px;}
	
*							{margin:0; padding:0;}

a, input					{outline: none;}

@font-face 					{font-family: 'MyriadProLight'; src: url('../font/myriadpro-light-webfont.eot'); src: local('☺'), url('../font/myriadpro-light-webfont.woff') format('woff'), 
							url('../font/myriadpro-light-webfont.ttf') format('truetype'), url('../font/myriadpro-light-webfont.svg#webfontpvlr1W7n') format('svg');
							font-weight:normal;}
	
#main						{width:900px; margin:0 auto; background:#fff;}	

#logo						{width:197px; height:34px; background:url(../images/logo.png) no-repeat top left #fff; float:left; margin:25px 0 20px 0;}

#logo a						{width:197px; height:34px; display:block;}

#male_menu					{float:left; font: normal 12px Trebuchet MS, sans-serif; text-transform:uppercase; margin: 40px 0 0 100px;}

#male_menu ul li			{display:block; float:left; margin:0 0 0 0; background:url(../images/line.png) no-repeat center right; padding:0 10px;}

#male_menu a				{text-decoration:none; color:#333;}

#male_menu a:hover			{border-bottom:1px solid #999;}

#male_menu ul li.last  		{background:#fff;}

#szukaj						{float:right; margin:19px 0 0 0;}

#rog_l						{background:url(../images/menu_left.png) no-repeat #fff; width:12px; height:34px; float:left;}

#rog_r						{background:url(../images/menu_right.png) no-repeat #fff; width:12px; height:34px; float:right;}

#glowne_menu				{clear:both; background:url(../images/menu_bg.png) repeat-x #fff; width:900px; height:34px; }

#glowne_menu ul li			{display:block; float:left; background:url(../images/li_bg.png) no-repeat center right; margin:0 0px 0 0px; height:26px; padding:8px 0 0 0;}

#glowne_menu ul li:hover	{background:url(../images/li_over_bg.png) repeat-x center right;}

#glowne_menu ul li a		{color:#fff; font: normal 12px Trebuchet MS, sans-serif; text-transform:uppercase; text-decoration:none; height:34px; display:block; padding:0 15px;}

#glowne_menu ul li a:hover	{color:#006699;}

#slider						{width:900px; height:207px; background:#fff;}

#content					{clear:both;}

.group 						{display: table}

.group > div 				{display: table-cell}

.outside_r 					{width:180px; }

.outside_l 					{width:250px; }

#footer						{clear:both; height:40px; width:900px; margin:15px 0 30px 0;}

#footer-text				{clear:both; height:40px; width:900px; padding:10px 0 0 0; margin:15px 0 10px 0; text-align:center; border-top:1px dotted #999;
							color:#999; font-size:10px;}

#content ul, #content ol		{list-style-type:none; margin:5px 0 0px 20px;}

#content ul li, #content ol li	{background:url(../images/arrow.png) no-repeat top left; padding:0 0 5px 10px; margin:5px 0 0 0;}

#content span.B_crumbBox a	{color:#3399cc; border:0; text-decoration:none;}

#content span.B_crumbBox a:hover	{color:#3399cc; text-decoration:underline;}

span.B_crumbBox				{color:#ed6a75; border-bottom:1px solid #bcc2c5; padding:10px 0 3px 0px; display:block; margin:0 auto 20px auto; }

span.B_currentCrumb			{color:#333;}

#content ul li	p a,
#content p a				{color:#069de9; text-decoration:none; }

#content ul li	p a:hover
#content p a:hover			{text-decoration:none; border:0;}

#tresc a					{color:#069de9; text-decoration:none;}

#tresc a:hover				{text-decoration:underline;}

a img						{border:0;}

p							{line-height:18px;}

h3							{font-weight: normal; font-style: normal; line-height:normal; font-family: 'MyriadProLight', sans-serif; text-transform:uppercase; 
							color:#3399cc; font-size:25px; letter-spacing:2px;}

h4							{font-weight: normal; font-style: normal; line-height:normal; font-family: 'MyriadProLight', sans-serif; text-transform:uppercase; 
							color:#3399cc; font-size:16px; letter-spacing:1px; background:url(../images/arrow_menu-l.png) no-repeat top right;
							padding:0px 5px 15px 10px; margin:0 0 -5px 0; border-left:1px solid #ccc; border-right:1px solid #ccc;}
							
h5							{font-weight: normal; font-style: normal; line-height:normal; font-family: 'MyriadProLight', sans-serif; text-transform:uppercase; 
							color:#669933; font-size:18px; letter-spacing:1px; padding:0px 5px 0 0px; margin:0 0 5px 0;}

h6							{font-weight: normal; font-style: normal; line-height:normal; font-family: 'MyriadProLight', sans-serif; text-transform:uppercase; 
							color:#cc3333; font-size:16px; letter-spacing:1px; padding:0px 5px 0 0px; margin:0 0 5px 0;}														

.left						{float:left; width:440px; margin:0 24px 0 0; display:block;}

.right						{float:right; display:block;}

.margin-b					{width:237px; height:8px; margin:0 0 14px;}

#content p a.wiecej			{color:#003366; text-transform:uppercase; font-size:11px; border:0; font-weight:normal; width:60px; height:25px; padding:2px 20px 2px 10px;
							background:url(../images/wiecej.png) no-repeat top left; text-decoration:none; line-height:45px; margin:0 0 0 170px;}
							
#content p a.wiecej:hover	{background-position: 0 -18px;}							

.box_main					{background:url(../images/box_bg.png) no-repeat top left; width:289px; height:355px; margin:25px 5px 0 5px; float:left;}

.box_main h2 				{color:#fff; text-decoration:none; width:233px; height:28px; margin:-12px 0 0 25px; display:block; text-align:center;
							font-weight:normal; text-transform:uppercase; padding:5px 0 0 0; font-size:13px;}

h2.komputery-pint			{background:url(../images/red.png) no-repeat top left;}
							
h2.notebooki-pint			{background:url(../images/grey.png) no-repeat top left;}

h2.webdesign-pint			{background:url(../images/orange.png) no-repeat top left;}

h2.kasy-fiskalne-pint		{background:url(../images/purple.png) no-repeat top left;}
	
h2.domeny-pint				{background:url(../images/blue.png) no-repeat top left;}

h2.hosting-pint				{background:url(../images/green.png) no-repeat top left;}
	
h2.programy-pint			{background:url(../images/green.png) no-repeat top left;}

h2.promocje-pint			{background:url(../images/green.png) no-repeat top left;}

h2.nawigacja-pint			{background:url(../images/orange.png) no-repeat top left;}

h2.serwery-pint				{background:url(../images/blue.png) no-repeat top left;}

h2.serwis-komputerow		{background:url(../images/blue.png) no-repeat top left;}

.inside						{padding:20px; text-align:justify;}

.menu-left					{width:237px; background:url(../images/menu-l-y.png) repeat-y; margin:0 20px 0 0; padding:3px 0 3px 0;}

.menu-left p					{padding:0 3px 0 10px;}

.menu-left a					{width:224px; height:19px; margin:0 0 0 20px; padding:0px 0 0px 10px; background:url(../images/arrow.png) no-repeat;
							line-height:19px; text-decoration:none; color:#333; font-weight:normal; display:block;}

.menu-left a:hover			{text-decoration:underline;}

ul.linki						{list-style-type:none;}

.ditto						{background:url(../images/arrow2.png) no-repeat;}

/*search form*/
input#ajaxSearch_submit		{background:url(../images/lupa.png) no-repeat center center; width:18px; height:15px; border:0;}

input#ajaxSearch_input		{border:1px solid #999; color:#999; font-size:10px; width:137px; height:18px; padding:0 0 0 5px;}

fieldset						{border:0;}

/*slider*/
.container 					{ width:900px; height:207px; overflow:hidden; position:relative; cursor:pointer; }

.slides 						{ position:absolute; top:0; left:0; }

.slides > div 				{ position:absolute; top:0; width:900px; display:none; }

#loopedSlider,#newsSlider 	{ margin:0 auto; width:900px; position:relative; clear:both; }

ul.pagination 				{ list-style:none; padding:0; margin:-30px 0 0 810px; position:absolute;}

ul.pagination li 				{ float:left; }

ul.pagination li a 			{ background:url(../images/slider-btn2.png) no-repeat center center; width:16px; height:16px; margin:2px; padding:8px; font-size:0px; color:#fff;}

ul.pagination li.active a 	{ background:url(../images/slider-btn.png) no-repeat center center; width:16px; height:16px; margin:2px; padding:8px; font-size:0px; color:#3499cc; }

/*formularz kontaktowy*/
.menu-left form				{margin:15px 0 0 10px;}

.menu-left form input		{ background:url(../images/input.png) no-repeat center center; border:0px solid red; margin:0px 0 10px 0; width:205px;  height:23px; color:#999;
							padding:0 0 0 5px;}

.menu-left form label		{display:block;}

.menu-left form img			{margin:0 0 10px 0;}

.menu-left textarea			{background:url(../images/textarea.png) no-repeat center center; border:0; margin:0 0 10px 0; width:205px;  height:145px; color:#999;
							padding:5px 0 0 5px; font-family:Trebuchet MS, sans-serif; letter-spacing:1px; font-size:11px; font-weight:normal;}
 
.menu-left input.button		{background:url(../images/wyslij.png) no-repeat; border:0; width:65px; height:21px; text-align:center; padding:0; margin:0;
							font-weight: normal; font-style: normal; line-height:normal; font-family: 'MyriadProLight', sans-serif; text-transform:uppercase; 
							color:#3399cc; font-size:13px; letter-spacing:1px;}
							
.menu-left input.button:hover {color:red; cursor:pointer;}

.errors						{color:#f95605;border:1px solid #ffcc00; background:#ffffcc; margin:10px;}

/*ajax search - wyniki*/
.ajaxSearch_result				{border-bottom:1px dotted #999; margin:0 0 20px 0;}

.ajaxSearch_resultLink 			{background:url(../images/arrow.png) no-repeat top left; padding:0 0 0 10px; font-size:15px;font-family: 'MyriadProLight', sans-serif; text-transform:uppercase;}

.ajaxSearch_resultsInfo, 
.AS_ajax_resultsIntroFailure	{border:1px solid #ffcc00; background:#ffffcc; width:627px; padding:8px 0 8px 8px; margin:0 0 20px 0; font-size:15px;
								font-family: 'MyriadProLight', sans-serif; text-transform:uppercase; color:#cda503;}
								
/*tabela*/
#tabela 						{border-collapse:collapse;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;width:100%;}

#tabela td, #tabela th 			{border:1px solid #ccc;font-size:11px;padding:3px 7px 2px;}


.boxy-artykul					{display:block; float:left; width:100%; border-top:1px dotted #ccc; margin:15px 0 0 0; padding:10px 0 0 0;}

.ditto_paging 					{border-top: 1px solid #ccc; padding: 10px; font-size: 86%; color: black; }
#ditto_pages .ditto_currentpage {border: 1px solid #ccc; padding: 1px 5px 2px; margin-right: 1px; background-color: #008CBA; color: #fff;}
#ditto_pages .ditto_off 		{border: 1px solid #ccc; padding: 1px 5px 2px; margin-right: 1px; color: #ccc;}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {border: 1px solid #ccc; padding: 1px 5px 2px; margin-right: 1px; text-decoration: none !important; color: black;}
#ditto_pages a:hover 			{background-color: #fff; color: #000;}

#share {float:right;}

/*cennik*/
p.cennik	{border-bottom:1px solid #ccc; margin-bottom:5px; padding-bottom:5px;}
span.red	{color:red;}