/**
 * Copyright (c)2009, Project4you
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @filesource
 * @copyright       		Copyright (c) 2009, CSD	
 * @frontedndeveloper		Krzysztof Safjanowski
 * @license         		http://www.opensource.org/licenses/mit-license.php The MIT License
 */


/* wyzerowanie domyslnych wartosci */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
fieldset {border: 0;}
object {display: block;}
table {border-collapse: collapse; border-spacing: 1;}


/* clear */
.clearfix:after {display: block; visibility: hidden; clear: both; height: 0; content: ".";}


/* dostepnosc */
#quick-navigation, .accessibility, .hidden, hr {position: absolute; left: -666em; top: 0; margin-left: -666em; overflow: hidden;}


/* linki */
a {text-decoration: none;}
	a:hover {text-decoration: underline;}
	a:focus {}


/* body */
/* body {font: 0.625em/1em tahoma, arial, helvetica, sans-serif; background: #fff url(../img/site/body.jpg) repeat-x; color: #282828;} */
body {font: 0.625em/1em tahoma, arial, helvetica, sans-serif; background: #fafafa url(../img/site/body.png) repeat-x; color: #282828;}


/* header */
#header {position: relative; overflow: hidden; margin: 0 auto; width: 989px;}


	/* header - logo  */
	#header-logo {margin: 25px 0 13px 23px; width: 157px; height: 92px;}
		#header-logo a {display: block; overflow: hidden; width: 157px; height: 92px; text-indent: -666em; background: url(../img/site/header-logo.a.png) no-repeat;}


	/* header - menu */
	#header-menu {position: absolute; top: 52px; right: 0; padding: 23px 0 18px; border-top: 1px solid #c3c6ba;}
		#header-menu li {float: left; padding: 0 15px 0 14px; background: url(../img/site/header-menu.li.gif) 0 50% no-repeat;}
			#header-menu li:first-child {padding: 0 15px 0 0; background: none;}
			#header-menu li a {float: left; height: 35px; text-indent: -666em;}


		/**/
		#header-menu-home {width: 120px; background: url(../img/site/header-menu.png) no-repeat;}
			#header-menu-home:hover {background-position: 0 -35px;}
			#header-menu-home.active {background-position: 0 -70px;}
				#header-menu-home.active:hover {background-position: 0 -70px;}

		#header-menu-about {width: 80px; background: url(../img/site/header-menu.png) -120px 0 no-repeat;}
			#header-menu-about:hover {background-position: -120px -35px;}
			#header-menu-about.active {background-position: -120px -70px;}
				#header-menu-about.active:hover {background-position: -120px -70px;}

		#header-menu-offer {width: 70px; background: url(../img/site/header-menu.png) -200px 0 no-repeat;}
			#header-menu-offer:hover {background-position: -200px -35px;}
			#header-menu-offer.active {background-position: -200px -70px;}
				#header-menu-offer.active:hover {background-position: -200px -70px;}

		#header-menu-contact {width: 80px; background: url(../img/site/header-menu.png) -270px 0 no-repeat;}
			#header-menu-contact:hover {background-position: -270px -35px;}
			#header-menu-contact.active {background-position: -270px -70px;}
				#header-menu-contact.active:hover {background-position: -270px -70px;}


	/* header - language */
	#header-language {position: absolute; top: 17px; right: 35px; font-size: 1.1em; line-height: 1.36em; color: #9c9c9c;}
		#header-language a {margin: 0 4px; padding: 3px; color: #4c4c4c;}
			#header-language a:hover {text-decoration: none; background: #f1542a; color: #fff;}
			#header-language a.active {background: #f1542a; color: #fff;}
			#header-language dt, #header-language dd {float: left;}
			#header-language dt {margin: 0 7px 0 0;}


	/* header - slogan */
	#header-slogan {border-top: 6px solid #c3c6ba; background: #ff7800; color: #fff;}
		#header-slogan span {display: block; padding: 0 0 0 35px; width: 954px; font-size: 3.6em; font-weight: normal; line-height: 103px;}
			#header-slogan span.cufon {display: inline; padding: 0; width: auto; font-size: 1em; }


			#header-slogan-networks {padding: 0 0 0 134px !important; width: 855px !important; background: url(../img/site/header-slogan-networks.png) no-repeat;}


			#header-slogan-outsorcing {padding: 0 0 0 134px !important; width: 855px !important; background: url(../img/site/header-slogan-outsorcing.png) no-repeat;}


			#header-slogan-hardware {padding: 0 0 0 134px !important; width: 855px !important; background: url(../img/site/header-slogan-hardware.png) no-repeat;}


/* presentation */
#presentation {overflow: hidden; margin: 0 auto; border-top: 6px solid #c3c6ba; width: 989px;}


	/* presentation-details */
	#presentation-details {overflow: hidden; width: 989px; background: #f56e13 url(../img/site/presentation-details.gif) repeat-y;}
		#presentation-details .details-header {font-size: 2.4em; font-weight: normal; line-height: 1em;}
			#presentation-details .details-header a {color: #fefeff;}
				#presentation-details .details-header a:hover {text-decoration: none;}
		#presentation-details .details-content {margin: 18px 0; font-size: 1.1em; line-height: 1.63em; color: #fff;}
		#presentation-details li {float: left; cursor: pointer	;}
		
		
			#presentation-details-outsorcing {padding: 204px 36px 0; width: 257px; background: url(../img/site/presentation-details-outsorcing.png) no-repeat;}


			#presentation-details-hardware {padding: 204px 32px 0; width: 264px; background: url(../img/site/presentation-details-hardware.png) no-repeat;}


			#presentation-details-networks {padding: 204px 42px 0; width: 247px; background: url(../img/site/presentation-details-networks.png) no-repeat;}


	/* presentation - more */
	#presentation-more {overflow: hidden; width: 989px; min-height: 213px; background: #252525 url(../img/site/presentation-more.png) no-repeat; color: #9c9c9c;}
		#presentation-more .more-header {margin: 33px 0 22px; font-size: 2.1em; line-height: 1em; font-weight: normal; color: #fff;}
		#presentation-more .more-content {font-size: 1.1em; line-height: 1.63em;}


		#presentation-more-content {float: left; margin: 0 34px 0 36px; width: 588px;}
			#presentation-more-content p {}


		#presentation-more-aside {float: left; margin: 0 40px 0px; width: 251px;}
			#presentation-more-aside dl {position: relative; overflow: hidden; margin: -14px 0 0; width: 245px; font-size: 1.4em; line-height: 1.28em; color: #959691;}
				#presentation-more-aside dl dt {float: left; padding: 15px 0 0; width: 50px;}
				#presentation-more-aside dl dd {border-bottom: 1px solid #343434; padding: 15px 0 14px; color: #d6d6d6; font-size: 1.28em;}

/* content */
#content {overflow: hidden; margin: 0 auto; width: 989px; background: #fff url(../img/site/content.gif) repeat-y;}


	/* content - right side */
	#content-main {float: right; border-top: 1px solid #e6e6e6; padding: 0 43px 0 29px; width: 662px;}


		/* content - breadcrumbs */
		#content-main-breadcrumbs {overflow: hidden; border-bottom: 1px solid #ecede9; font-size: 1.1em; line-height: 3.45em; color: #646464;}
			#content-main-breadcrumbs dt, #content-main-breadcrumbs dd {float: left;}
			#content-main-breadcrumbs dt {display: none;}
				#content-main-breadcrumbs dd li {float: left; padding: 0 8px; background: url(../img/site/content-main-breadcrumbs.dd.li.gif) 0 50% no-repeat;}
					#content-main-breadcrumbs dd li:first-child {padding: 0 8px 0 0; background: none;}
					#content-main-breadcrumbs dd li a {float: left; color: #ababab;}


		/* content - article */
		#content-main-article {position: relative; padding: 0 0 42px;}
			#content-main-article .article-header {border-bottom: 1px solid #ecede9; font-size: 1.4em; line-height: 3.42em;}
			#content-main-article .article-content {font-size: 1.1em; line-height: 1.63em; text-align: justify;}
				#content-main-article .article-content img {float: left; margin: 4px 18px 18px 0; border: 0px solid #e1e3dc;}
				#content-main-article .article-content p {margin: 11px 0 18px;}


			/* content - article - more */
			#content-main-article-more {position: absolute; right: -14px; bottom: 0; margin: 0 !important;}
				#content-main-article-more a {float: left; padding: 0 18px 17px 0; border-left: 1px solid #e9e9e9; color: #ff7800;}
					#content-main-article-more a:first-child {border-left: 0;}
					#content-main-article-more a img {float: none !important; margin: 0 !important; padding: 0 11px 0 7px !important; border: 0 !important; background: #fff; vertical-align: middle;}


		/* content - article */
		#content-main-contact {position: relative; padding: 0 0 42px;}
			#content-main-contact .contact-header {border-bottom: 1px solid #ecede9; font-size: 1.4em; line-height: 3.42em;}
			#content-main-contact .contact-content {font-size: 1.1em; line-height: 1.63em; text-align: justify;}
				#content-main-contact .contact-content p {margin: 11px 0 18px;}
				
				
				#content-main-contact .contact-content {padding-bottom: 20px; width: 400px;}
					#content-main-contact .contact-content label {
						clear: both;
						cursor: pointer;
						display: block;
						font-weight:bold;
						padding: 5px 4px 2px;
					}
					#content-main-contact .contact-content input, #content-main-contact .contact-content textarea, #content-main-contact .contact-content select {
						border: 1px solid #CFCECF;
						clear: both;
						color: #6E6E6E;
						font-size: 1em;
						padding: 4px 10px;
						width: 360px;
					}
					#content-main-contact .contact-content input:focus, 
					#content-main-contact .contact-content textarea:focus {background: #FFFFCC}
					#content-main-contact .contact-content select {width: 380px}
					#content-main-contact .contact-content textarea {
						height: 120px;
						font-size: 11px;
						font-family: Tahoma, Arial, Helvetica, sans-serif;
					}
					#content-main-contact .contact-content button {
						background: #F3F3F3;
						border: 2px solid #EBEBEC;
						cursor: pointer;
						float: left;
						font: 11px Tahoma, Arial, Helvetica, sans-serif;
						margin: 10px 10px 0 0;
						padding: 2px 20px;
					}


	/* content - left side */
	#content-aside {float: left; width: 255px; min-height: 174px; background: #252525 url(../img/site/content-aside.png) 0 100% no-repeat;}
		#content-aside .aside-menu {margin: 0 0 0 36px; width: 219px; font-size: 1.1em; font-weight: bold;}
			#content-aside .aside-menu li {border-bottom: 1px solid #373737;}
			#content-aside .aside-menu li li {
				border:none;
				padding-left:20px;
				}
				#content-aside .aside-menu li a {display: block; padding: 13px 0 14px 15px; width: 186px; background: url(../img/site/content-aside.aside-menu.li.a.gif) 0 50% no-repeat; color: #ff7800;}
					#content-aside .aside-menu li a:hover {text-decoration: none; color: #a1a1a1;}
					#content-aside .aside-menu li a.active {color: #a1a1a1;}


/* partners */
#partner {overflow: hidden; margin: -1px auto 0; border-top: 1px solid #e6e6e6; width: 989px; height: 88px; background: url(../img/site/partner.png) no-repeat;}


/* footer */
#footer {overflow: hidden; margin: 0 auto; border-top: 1px solid #c7c7c7; padding: 0 42px 0 36px; width: 911px;}
	#footer p {font-size: 1.1em; line-height: 4.90em; color: #9c9c9c;}
		#footer p a {color: #4c4c4c;}

	#footer-copyright {float: left;}

	#footer-project {float: right;}
	dd.email {
		font-size:18px !important;
		}
		dd.email a{
		color:#D6D6D6 !important;
		}
		
		
table.z_liniami {
	border:1px solid #ECEDE9;
	
	}
table.z_liniami td {
	padding:2px 5px;
	border:1px solid #ECEDE9;
	}	
	
	
div#content-main-article ul {
	list-style-type:disc;
	list-style-position:outside;
	padding-left:20px;
	}	
div#content-main-article ul ul{
	list-style-type:circle;
	padding-left:10px;
	}