/* style reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}

/* global styles */
body {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100.01%;
	background: #fff;
	background: #fff url('./../img/bg_menu.png') 50% 301px no-repeat;
}

a, a:visited {text-decoration: none; color: #ff5200}
a:hover {text-decoration: underline;}
a:visited {color: #ff5200}

h1 {margin: 0 0 0 30px}
h1 a {display: block; width: 128px; height: 30px;}
h2 {font-size: 1.2em; color: #ff5200; height: 50px; background: url('./../img/bg_h2.png') left top no-repeat; padding-top: 10px; padding-left: 30px; margin: 5px 0}
h6 {margin-top: -3.5em; margin-bottom: 3em; color: #737272; font-weight: normal; margin-left: 30px;} /* styl uzywany do opisu naglowka h2*/
h3 {font-size: 1.1em; color: #ff5200; margin: 1em 0 1em 0}
h4 {margin-bottom: 10px; font-size: 1em}
hr {height: 0; border: none; border-bottom: 1px solid #ccc;}

div.clearfix {clear: both;}

span.activemail, span.activeadmin {color: #000; font-weight: bold; font-style: italic; font-family: Verdana}
span.activemail b {color: #3980D0;}
span.activeadmin b {color: #ff5200;}
/* layout */
#container {margin-top: 30px; font-size: 0.7em;
		background: url('./../img/bg_footer.png') bottom center no-repeat;}
	#top {width: 768px; margin: 0 auto}
		#menu {width:746px; height: 53px; margin-left: 11px; background: url(./../img/menu_separator.png) no-repeat 745px 0; position: relative; z-index: 0}
	#content {width: 746px;	clear: both; overflow: hidden; padding: 10px 11px; margin: 0 auto}
/*		#main {width: 478px; float: right;}*/
		#main {width: 481px; float: right;}
		#sub {width: 258px; float: left;}
	#footer {clear: both; height: 53px; width: 748px; margin: 0 auto}

/* top */
#top {background: url('./../img/bg_top.png') 0 30px no-repeat;}
	#top img {margin: 15px auto 1px auto; display: block}
	#top h1 img {margin:0;}
/* menu */
	#top ul {list-style: none; height: 53px; text-align: center; width: 745px; background: #ff5200 url('./../img/bg_menu_li.png') repeat-x;}
	#top li {height: 53px; line-height: 53px; text-align: center; float: left; width: 149px; background: url('./../img/menu_separator.png') no-repeat left center}
	#top li a {color: #fff; font-weight: bold; font-size: 1.1em;}

/* content */
#content {background: url('./../img/bg_content.png') top center repeat-x;}
#content a {text-decoration: underline}
#content p {overflow: hidden;}
#content a.more {padding-right: 10px; float: right;}

	/* main content */
/*	#main {background: url('./../img/bg_sub.gif') left top repeat-y; padding-left: 10px}*/
	#main {background: url('./../img/bg_sub2.gif') left top repeat-y; padding-left: 5px}
	#main.bg_main {background: url('./../img/bg_sub.gif') left top repeat-y;}
  #main p, #content li {line-height: 1.25em;}
	#main p {margin-bottom: 10px; text-align: justify; }
	#main h3 {margin-left: 10px;}
	#main li h3 {margin-left: 0}
	#main ul {margin-left: 10px;}
	#main ul ul {margin-left: 0;}
	#main h4 {line-height: 1.5em;}
	#main hr {margin-left: 10px}
	
	#main ol {margin-left: 10px; list-style-type: upper-roman; color: #777;}
	#main ol ol {list-style-type: decimal;}
	#main ol ol ol {list-style-type: lower-alpha;}

		/* main page */
		ul#services {margin-left: 0}
		#services li h3 {background: url('./../img/nazwa.gif') no-repeat; overflow: hidden; height: 16px; margin: 0 0 5px 10px;}
		#services li h3 a {display: block; height: 15px;}
    #services h3 span {visibility: hidden;}
		#services h3 a {text-decoration: none}
		#services a.more {padding-right: 10px; float: none; display: block; text-align: right; clear: both; margin-top: -3px}
		#services li {background: url('./../img/bg_services_li.png') no-repeat; padding: 8px}
		#services li div {clear: both; height: 103px; overflow: hidden; background: url('./../img/bg_nazwa.png') no-repeat; padding-left: 21px}
		#services li div div {background: url('./../img/nazwa.jpg') no-repeat; height: 95px; margin: 0; padding-top: 8px; padding-left: 154px; padding-right: 10px}
		#services li p {background: url('./../img/bg_services_li_p.png') no-repeat; padding-top: 5px; padding-left: 10px; color: #777}
		#services li.nazwa div {background-image: url('./../img/bg_nazwa.png')}
		#services li.nazwa h3 {background-image: url('./../img/nazwa.gif');}
		#services li.nazwa h3 a {width: 83px;}
		#services li.nazwa div div {background-image: url('./../img/nazwa.jpg');}
		#services li.serwery div {background-image: url('./../img/bg_serwery.png')}
		#services li.serwery h3 {background-image: url('./../img/serwery.gif');}
		#services li.serwery h3 a {width: 88px;}
		#services li.serwery div div {background-image: url('./../img/serwery.jpg');}
		#services li.interactive div {background-image: url('./../img/bg_interactive.png')}
		#services li.interactive h3 {background-image: url('./../img/interactive.gif');}
		#services li.interactive h3 a {width: 107px;}
		#services li.interactive div div {background-image: url('./../img/interactive.jpg');}
		#services li.registrar div {background-image: url('./../img/bg_registrar.png')}
		#services li.registrar h3 {background-image: url('./../img/registrar.gif');}
		#services li.registrar h3 a {width: 70px;}
		#services li.registrar div div {background-image: url('./../img/registrar.jpg');}
		#services a.more {padding-right: 0}

		/* sub pages */
/*		#mainBgTop {background: url('./../img/bg_services_li.png') top left no-repeat; height: 8px; margin:0}
		#mainBgBottom {background: url('./../img/bg_services_li.png') bottom left no-repeat; height: 8px;}*/
		#mainBgTop {background: url('./../img/bg_up.png') top left no-repeat; height: 8px; margin:0}
		#mainBgBottom {background: url('./../img/bg_down.png') bottom left no-repeat; height: 8px;}
/*		#mainContent {background: url('./../img/bg_main.png'); padding-bottom: 30px; overflow: hidden}*/
			#mainContent {background: url('./../img/bg_main2.png') no-repeat; min-height: 291px; height: auto !important; height: 291px; padding-bottom: 30px; }
/*			#mainContent {padding-left: 30px; padding-right: 35px; position: relative;}*/
			#mainContent {padding-left: 33px; padding-right: 35px; position: relative;}
			#mainContent p {color: #777; margin-left: 10px}
			#mainContent li p {margin-left: 0}
			#mainContent h2 {margin-top:0;}

		  /* biuro prasowe */
		  #mainContent .komunikaty li {list-style:none; border:none;}
			#mainContent .komunikaty h3 {float:left; padding-bottom:10px; margin-top: 0}
			#mainContent .komunikaty h3 a {}
			#mainContent .komunikaty h4 {float:right; font-weight:normal; padding-bottom:10px; text-align:right;}
			#mainContent .komunikaty p {clear:both; border-bottom:1px #ccc solid; padding-bottom:10px;}
			#mainContent p.back {float:left; margin-left:10px; margin-top:10px; margin-bottom: 0; position: absolute; left: 33px; bottom: 15px;}
			#mainContent p.next {float:right; text-align:right; margin-top:10px; margin-bottom: 0; position: absolute; right: 35px; bottom: 15px;}
			#mainContent p.next a img {margin: 0;}
			#mainContent .komunikaty {padding-bottom: 20px;}
			
			/* press kits */
			#mainContent #presskits {padding-top: 25px;}

			/* nasze reklamy */
			#reklamy {color: #777; padding-bottom: 30px; position: relative;}
			#reklamy h3 {margin-bottom: 15px; font-size: 1.2em; margin-left: 0; color: #000}
			#reklamy li {clear: left; background: none; overflow: hidden;}
			#reklamy img {float: left; margin-right: 5px; padding-bottom: 30px;}
			#reklamy ul {margin-left: 77px; margin-top: 10px;}
			#reklamy li {border-bottom: 1px solid #CCCCCC;}
			#reklamy li li {clear: none; padding-left: 0; margin-left: 0; line-height: 1.2em; border: none;}
			
			/* o firmie */
			.struktura li {border-bottom: 1px solid #ccc}
			.oferta li {border-bottom: 1px solid #ccc}

			/* praca w netart */
			#mainContent h4 {color: #ff5200;}
			#mainContent h5 {margin-top:-1.0em; color:#777; font-weight: normal; margin-bottom:10px;}
			#mainContent ul.cushion {overflow: hidden; margin-bottom:10px; margin-left: 10px}
			#mainContent ul.cushion li {background: url('./../img/bg_submenu_li.gif') 0 4px no-repeat; padding-left: 15px; line-height: 1.5em; color:#777;}
			
			/* kontakt */
			#mainContent .kontakt li {border-bottom:1px #ccc solid;}
			#mainContent .kontakt h3 span {color:#000000; font-size:1.3em; font-weight:bold;}
			#mainContent .kontakt p {margin-bottom: 0px; padding-bottom: 10px;}
      #mainContent .kontakt p a {cursor: pointer;}
			#mainContent .kontakt p span {clear: both; display: block; margin-top:10px;}


	/* sub content */
	#sub {color: #777; padding-top: 3px}
	#sub p {margin: 15px 20px 15px 30px; line-height: 1.25em;}
	#sub div.hr {width: 220px; margin: 5px 0 5px 29px;}
	    #submenu {margin-left: 30px}
	    #submenu li {background: url('./../img/bg_submenu_li.gif') 0 6px no-repeat; padding-left: 15px; line-height: 2em}
	    #submenu li.odstep {margin-top: 10px; zoom: 1;}
	    #submenu a, #submenu a:visited {font-weight: bold; color: #ff5200; text-decoration: none;}
	    #submenu a:hover {text-decoration: underline;}
	    #submenu li li {background: none}
	    #submenu li li a, #submenu li li a:visited {font-weight: normal; color: #777;}

      #sub ul.cushion {overflow: hidden; margin-bottom:10px; margin-left: 30px}
			#sub ul.cushion li {background: url('./../img/bg_submenu_li.gif') 0 4px no-repeat; padding-left: 15px; line-height: 1.5em; color:#777;}

/* footer */
#footer {background: url('./../img/footer.png') top center repeat-x; color: #fff; line-height: 53px;}
#footer div {width: auto; float: left; background: url('./../img/footer_separator.png') top left no-repeat; padding-left: 10px}
#footer ul {float: right; background: url('./../img/footer_separator.png') top right no-repeat; padding-right: 10px}
#footer li {display: inline; border-right: 1px solid #fff; padding: 0 4px}
#footer li.last-child {border: none}
#footer a {color: #fff}

ol.alpha {list-style: lower-alpha; padding-left: 35px; color: #777;}
#content .nomrg {margin-bottom: 0px;}

/*strona błedu*/
#error404 {font-family: verdana; overflow: hidden; background: url('./../img/error404.jpg') 20px 20px no-repeat; margin-bottom: 20px}
#error404 h3 {font-size: 2em; line-height: 0.6em; margin-left: 20px; padding-left: 60px; margin-bottom: 0.6em}
#error404 h6 {margin: 0; font-size: 1.5em; font-weight: bold; line-height: 0.5em; margin-left: 20px; padding-left: 60px;}
#error404 ul {margin-left: 0; margin-top: 20px; }
#error404 li {float: left; width: 330px; margin: 0 20px; color: #777;}
#error404 li h4 {border-bottom: 1px solid #ccc; padding: 0.5em 0; margin: 10px 0; font-size: 1.1em}
#error404 li h4 a {text-decoration: none}
#error404 li p {font-family: verdana;}

/* mapa strony */
#main.sitemap {width: 746px; background: url('./../img/bg_sub2_wide.gif') repeat-y;}
#main.sitemap #mainBgTop {background: url('./../img/bg_up_wide.png'); width: 746px; }
#main.sitemap #mainBgBottom {background: url('./../img/bg_down_wide.png'); width: 746px;}
#main.sitemap #mainContent {background: url('./../img/bg_main2_wide.png') no-repeat; width: 746px; overflow: hidden}
#main.sitemap #colwrapper {display: table; border-spacing: 15px; border-collapse: separate; margin-left: -15px; margin-top: -15px}
#main.sitemap #col1, #main.sitemap #col2, #main.sitemap #col3 {border: 1px solid #eee; width: 214px; border-spacing: 10px; display: table-cell; padding-bottom: 10px; vertical-align: top}
#main.sitemap #col1 {}
#main.sitemap #col2 {}
#main.sitemap #col3 {}
#main.sitemap h4 {border-bottom: 1px solid #eee; margin: 10px 15px; font-size: 1.3em;}
#main.sitemap a {text-decoration: none; color: #777;}
#main.sitemap li {line-height: 1.5em;}
#main.sitemap ul {margin: 0 15px}
#main.sitemap ul ul {margin: 0}
#main.sitemap ul a {background: url('./../img/arr.gif') 0 6px no-repeat; padding-left: 10px; display: block;}
#main.sitemap ul ul a {background: url('./../img/arr-sub.gif') 10px 6px no-repeat; padding-left: 20px;}