/*
	
	Projekt: Altinet.pl Agencja Interaktywna
	
	http://www.altinet.pl
	info@altinet.pl
	
	Czyń dobro.
	
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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;
}

html {
	font-size: 100%;
}

body {
	margin: 0 auto;
	font: normal 0.69em Arial, Tahoma, Verdana, Sans-serif;
	color: #7f7f6a;
}

a {
	color: #414244;
	text-decoration: underline;
	outline: none;
}

a:hover {
	color: #ce2755;
	text-decoration: none;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.altinet {
	color: #384c67;
	font-weight: bold;
}

.altinet-pl {
	color: #23ace0;
	font-weight: bold;
}

.dark {
	color: #414244;
}

.light {
	color: #afaf99;
}

.bold {
	font-weight: bold;
}

.marginH {
	margin: 0 0 22px 0 !important;
}

.clear {
	clear: both;
}

.noBorder {
	border: none !important;
}

.small {
	font-size: 11px !important;
}

.fontSizeDecrease {
	color:#959583;
	padding: 0 12px 0 20px;
	text-decoration: none;
	background: url('../images/zoomout.gif') no-repeat center left;
}

.fontSizeIncrease {
	color:#959583;
	padding: 0 20px 0 12px;
	text-decoration: none;
	background: url('../images/zoomin.gif') no-repeat center right;
}

	a:hover.fontSizeDecrease, a:hover.fontSizeIncrease {
		color: #414244;
	}

#wrapper {
	margin: 0;
	padding: 0 0 13px 0;
	width: 100%;
	height: 100%;
	background: url('../images/bg.png') no-repeat top center;
}

#top {
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
}

	#top ul {
		margin: 0;
		padding: 20px 0 0 0;
		text-align: right;
	}

	#top li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
		border-right: 1px solid #dcdccc;
	}
	
	#top a {
		padding: 0 14px 0 12px;
		color: #999a91;
		text-decoration: none;
	}
	
	#top a:hover, #top .active {
		color: #384c67;
	}
	
	#top a:active {
		color: #ce2755;
		text-decoration: underline;
	}
	
	#top .last {
		border: none;
	}
	
		#top .last a {
			padding: 12px 0 12px 12px;
		}

#header {
	margin: 0 auto;
	width: 960px;
	height: 357px;
	overflow: hidden;
}

#headLeft {
	float: left;
	width: 442px;
}

#logo {
	float: left;
	margin: 0;
	padding: 0;
	width: 184px;
	height: 82px;
}

	#logo a {
		display: block;
		width: 184px;
		height: 82px;
		background: url('../images/altinet-logo.png') no-repeat;
		text-indent: -9999px;
	}

#logoBlog {
	float: left;
	margin: 0;
	padding: 0;
	width: 375px;
	height: 82px;
}

	#logoBlog a {
		display: block;
		width: 375px;
		height: 82px;
		background: url('../images/blog-altinet-logo.png') no-repeat;
		text-indent: -9999px;
	}

#projects {
	margin: 0;
	padding: 0;
	clear: both;
	width: 442px;
	height: 275px;
	text-align: center;
}

	#projects ul, #projects li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#projects li {
		width: 442px;
		height: 275px;
		overflow: hidden; 
	}

#prevBtn, #nextBtn{ 
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 280px;
	z-index: 999;
}

#nextBtn{
	margin-left: 390px;
}

#prevBtn a, #nextBtn a {  
	display: block;
	text-indent: -9999px;
	width: 40px;
	height: 40px;
	background: url('../images/btn_prev.png') no-repeat 0 0;
	z-index: 999;
}

	/* Ehh, ten IE... */
	* html #prevBtn a, #nextBtn a {
		background: url('../images/btn_prev.gif') no-repeat 0 0;	
	}

#nextBtn a { 
	background: url('../images/btn_next.png') no-repeat 0 0;	
}

	/* Winszujemy twórcom i ciągłym użytkownikom IE6... :P */
	* html #nextBtn a {
		background: url('../images/btn_next.gif') no-repeat 0 0;	
	}
	
#prevBtn a:hover, #nextBtn a:hover {
	background-position: 0 -40px;
}

#headRight {
	float: right;
	width: 518px;
}

#headRightText {
	margin: 42px 0 0 28px;
	width: 262px;
}

	#headRightText h2, #headRightText h2 a {
		font: bold 12px Arial, Tahoma, Verdana, Sans-serif;
		color: #384c67;
		text-decoration: none;
	}
	
	#headRightText h2 a:hover {
		color: #414244;
	}
	
	#headRightText ul {
		margin: 0.68em 0 0 0;
		padding: 0.68em 0 0 0;
	}
	
	#headRightText li {
		list-style: none;
		background: url('../images/offer-li.png') no-repeat top left;
		padding: 0 0 0.34em 18px;
		margin: 0 0 0.34em 0;
		border-bottom: 1px dotted #dfdfd1;
		cursor: help !important;
	}
	
	#headRightText li:hover {
		color: #6f6f5a;
		background-position: 0 -40px;
		padding: 0 0 0.34em 20px;
	}
	
	#headRightText .clear {
		padding-bottom: 0;
		border: none;
	}

#headerContactForm {
	margin: 0;
	clear: both;
}

	#headerContactForm a {
		display: block;
		margin: 12px 0 0 74px;
		width: 348px;
		height: 88px;
		text-indent: -9999px;
	}

#menu {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	color: #fff;
	overflow: hidden;
}

	#menu ul {
		margin: 0;
		padding: 0;
	}
	
	#menu li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
		float: left;
		color: #c1c1b3;
	}

	#menu a {
		display: block;
		float: left;
		padding: 24px 18px;
		color: #6b6b66;
		text-decoration: underline;
		text-transform: lowercase;
		/* border-right: 1px solid #6b6b66; */
		background: url('../images/border-menu.png') no-repeat top right;
	}
	
	#menu a:hover {
		color: #f2f2e8;
		text-decoration: none;
	}
	
	#menu a:active {
		text-decoration: underline;
	}
	
	#menu .home {
		padding: 24px 18px 24px 0;
	}
	
	#menu .contact {
		background: none;
	}

	#menu span {
		color: #c1c1b3;
	}

	#menu a:hover span  {
		color: #f2f2e8;
	}
	
	#menu a.active, #menu .active span {
		color: #fff;
		text-decoration: none;
		font-weight: bold;
	}

#container {
	margin: 0 auto;
	width: 960px;
}

#subMenu {
	margin: 0;
	padding: 14px 0 36px 0;
	width: 928px;
	overflow: hidden;
	color: #414244;
}

	#subMenu .left a {
		color: #6c6c58;
		text-decoration: none;
	}

	#subMenu .left a:hover {
		color: #959583;
	}
	
	#subMenu .slash {
		padding: 0 4px;
		color: #bebeb0;
	}

#content {
	margin: 0;
	padding: 0;
	width: 960px;
	color: #5f5f4e;
	/* font-size: 1.08em; */
	line-height: 163%;
}

	/* Hmm, a gdyby tak zablokować wszystko dla IE... ;> */
	* html #content {
		margin: 0;
	}

	#content h1 {
		margin: 0 0 0.68em 0;
		color: #ce2755;
		/* font: bold 1.08em Arial, Tahoma, Verdana, Sans-serif; */
		font: normal 21px Arial, Tahoma, Verdana, Sans-serif;
		letter-spacing: -1px;
		border-bottom: 1px dotted #e9e9e3;
	}

	#content p {
		margin: 0 0 0.68em 0;
		/* color: #8f8f86; */
	}
	
	#content .right, #content .left {
		margin: 0;
	}
	
	.homeH {
		font: bold 1.08em Arial,Tahoma,Verdana,Sans-serif !important;
		letter-spacing: 0px !important;
		border-bottom: none !important;
	}

.home-about {
	float: left;
	width: 451px;
	padding: 0 28px 22px 0;
	border-right: 1px solid #e9e9e3;
}

.home-offer {
	float: right;
	width: 451px;
	padding: 0 0 22px 28px;
}

	.home-about .right a, .home-about .left a, .home-offer .right a, .home-offer .left a {
		text-decoration: none;
		font-weight: bold;
		padding: 0 24px 3px 0;
	}

	.home-about .right a, .home-about .left a {
		background: url('../images/abouta.png') no-repeat top right;
	}
	
	.home-offer .right a, .home-offer .left a {
		background: url('../images/offera.png') no-repeat top right;
	}
	
	.home-about .right a:hover, .home-about .left a:hover, .home-offer .right a:hover, .home-offer .left a:hover {
		background-position: right -48px;
	}

.home-third {
	float: left;
	width: 366px;
	height: 280px;
	padding: 0;
	margin: 0;
	background: url('../images/hand.bmp') no-repeat top left;
}

	.home-third h2 {
		text-align: right !important;
		margin: 0 10px 0 0;
		color: #414244;
		font: bold 1.08em Arial, Tahoma, Verdana, Sans-serif;
	}
	
	.home-third ul {
		color: #9f9f95;
		margin: 32px 0 0 206px;
	}
	
	.home-third li {
		padding: 0 18px 6px 0;
		list-style: circle;
		line-height: 130%;
	}
	
	.home-third p {
		padding: 32px 24px 0 150px;
	}

#leftMenu {
	float: left;
	width: 209px;
	padding: 0 30px 0 0;
}

#aboutSide {
	float: right;
	width: 209px;
	padding: 0 0 0 30px;
}

	#aboutSide h2, #leftMenu h2 {
		font-size: 1.08em;
		margin: 0 0 4px 0;
		color: #414244;
		border-bottom: 1px dotted #e9e9e3;
	}

#mainContent {
	float: left;
	width: 690px;
	margin: 0 0 12px 0;
	padding: 0 0 0 30px;
	border-left: 1px solid #e9e9e3;
}

	#mainContent h1, #mainContentLeft h1, #leftMenu h1, #aboutSide h1 {
		margin: 0 0 22px 0;
	}
	
	#mainContent p, #mainContentLeft p, #leftMenu p, #aboutSide p {
		margin: 0 0 14px 0;
	}

#mainContentLeft {
	float: left;
	width: 690px;
	margin: 0 0 22px 0;
	padding: 0 30px 0 0;
	border-right: 1px solid #e9e9e3;
}

	#mainContentLeft h2 {
		font-size: 12px;
		font-weight: bold;
		color: #384c67;
		margin: 0 0 4px 0;
	}
	
	#mainContentLeft ul {
		margin: 0 0 9px 0;
		overflow: hidden;
	}
	
	#mainContentLeft li {
		padding: 3px 18px 3px 0;
		list-style: square inside;
		line-height: 130%;
		float: left;
		width: 212px;
		border: none;
	}
	
		#mainContentLeft li ul {
			padding: 3px 0 0 0;
		}
	
		#mainContentLeft li li {
			padding: 6px 18px 6px 22px;
			list-style: none inside;
			clear: both;
			border-bottom: 1px solid #e9e9e3;
		}

.contactBg {
	background: url('../images/contactbg.jpg') no-repeat top right;
}

.formLine {
	margin: 0 0 12px 0;
	clear: both;
}
	
	#mainContent label {
		width: 130px;
		text-align: right;
		padding: 4px 12px 0 0;
		float: left;
	}
	
	#mainContent input, #mainContent textarea, #mainContent select {
		margin: 0;
		padding: 6px;
		width: 300px;
		border: 1px solid #d9d9d3;
		font: normal 11px Arial, Tahoma, Verdana, Sans-serif;
		color: #414244;
	}
	
	#mainContent select {
		width: 130px !important;
	}
	
	.checkbox { 
		width: 14px !important;
		margin: 6px 0 0 0 !important;
		border: none !important;
	}

	#mainContent textarea {
		width: 450px;
		height: 200px;
	}
	
	#mainContent input:hover, #mainContent input:focus, #mainContent textarea:hover , #mainContent textarea:focus {
		border: 1px solid #9f9f95;
	}

.formSubmit {
	margin: 18px 0 12px 142px;
}

	#mainContent ul {
		margin: 0 0 14px 0;
		padding: 0;
	}
	
	#mainContent li {
		padding: 4px 0;
		color: #d9d9d3;
		list-style: square inside;
	}
	
	#mainContent li a {
		border-bottom: 1px dotted #d9d9d3;
	}
	
.subUl {
	margin: 4px 0 0 0 !important;
}

	.subUl li {
		padding: 4px 0 !important;
		margin-left: 18px;
	}

.siteMap {
	background: url('../images/sitemapbg.jpg') no-repeat top right;
}

	.siteMap a {
		text-decoration: none !important;
	}

.offer {
	float: left;
	width: 280px;
	height: 128px;
	margin: 0 0 22px 0;
	padding: 0 20px;
	border-right: 1px solid #e9e9e3;
}

	.offer a {
		display: block;
		height: 128px;
		text-decoration: none !important;
	}

	.offer .offerTitle {
		margin: 0 0 0.68em 0;
		padding: 0 0 0 20px;
		color: #414244 !important;
		font: bold 1.08em Arial, Tahoma, Verdana, Sans-serif;
		background: url('../images/ico_document.gif') no-repeat center left;
	}
	
		a:hover .offerTitle {
			text-decoration: underline;
		}
	
		a:active .offerTitle {
			text-decoration: none;
		}

	.offerFirst {
		width: 299px;
		padding-left: 0;
	}
	
	.offerLast {
		width: 299px;
		padding-right: 0;
		border: none;
	}
	
		.offerFirst a, .offerLast a {
			color: #23ace0 !important;
		}

	.offerFirst .offerTitle, .offerLast .offerTitle {
		color: #23ace0 !important;
		font: bold 1.08em Arial, Tahoma, Verdana, Sans-serif;
	}
	
	.offer p {
		color: #5f5f4e;
		text-decoration: none !important;
	}
	
	.offerMore {
		float: right;
		color: #959583 !important;
		text-decoration: none !important;
	}
		
		a:hover .offerMore {
			color: #414244 !important;
			background-color: #e9e9e3;
		}
		
		a:active .offerMore {
			color: #414244 !important;
			background-color: #d8d8d2 !important;
		}
		
	.offerMenu a {
		text-decoration: none;
		display: block;
		padding: 8px 0 8px 18px;
		border-bottom: 1px dotted #e9e9e3;
		background: url('../images/offer-li.png') no-repeat 0 10px !important;
	}
	
	.offerMenu a:hover {
		background-position: 1px -30px !important;
	}
	
	.offerMenu .active {
		color: #23ace0 !important;
		font-weight: bold !important;
		background-position: 1px -30px !important;
	}
	
	.offerHeader {
		font: normal 21px Arial, Tahoma, Verdana, Sans-serif !important;
		border-bottom: 1px dotted #e9e9e3 !important;
		margin-bottom: 14px !important;
	}
	
	.offerSubhead {
		font: normal 21px Arial, Tahoma, Verdana, Sans-serif !important;
		letter-spacing: -1px !important;
		border-bottom: 1px dotted #e9e9e3 !important;
		margin-top: 38px !important;
		margin-bottom: 14px !important;
	}
	
	.offerProject {
		float: left;
		padding: 8px 30px 12px 0;
	}

.portfolioHeading {
	margin: 1px 0 !important;
}

.projectAbout {
	overflow: hidden;
	padding: 25px 0 20px 0;
	border-bottom: 1px dashed #e9e9e3;
}

	.projectImg {
		float: left;
		width: 292px;
		padding: 0 22px 0 0;
	}
	
		.projectImg a {
			display: block;
			position: relative;
		}
	
		.projectImg img {
			width: 292px;
			height: 200px;
			position: relative;
		}
	
		.projectImg p {
			margin: 0 !important;
		}
		
		.projectImg a span {
			display: block;
			width: 292px;
			height: 200px;
			z-index: 9999;
			position: absolute;
		}
		
			.projectImg a:hover span {
				background: url('../images/project-zoom.png') no-repeat center center;
			}
		
	.projectDesc {
		float: left;
		width: 376px;
	}
	
		.projectDesc p {
			overflow: hidden;
			margin: 0 0 6px 0 !important;
		}
		
		.projectDesc strong {
			color: #4e4e3d;
		}
		
		.projectDesc .left, .projectDesc .right {
			margin-top: 6px !important;
		}
		
		.showOnline {
			display: block;
			text-decoration: none;
			color: #a0a098;
			padding: 4px 32px 4px 0;
			background: url('../images/project-online.png') no-repeat right center;
		}
		
			.showOnline:hover {
				color: #5f5f4e;
				padding: 4px 30px 4px 0;
			}
		
		.showOffline {
			display: block;
			text-decoration: none;
			color: #a0a098;
			padding: 4px 32px 4px 0;
			background: url('../images/project-offline.png') no-repeat right center;
		}

.projectThumb {
	float: left;
	width: 292px;
	margin: 0 0 22px 0;
	padding: 0 20px;
	overflow: hidden;
	/* border-right: 1px solid #e9e9e3; */
}

	.projectThumb img {
		margin-bottom: 4px;
	}

	.projectTitle {
		margin: 0 0 0.68em 0 !important;
		padding: 0 0 0 20px;
		color: #000 !important;
		font: bold 1.08em Arial, Tahoma, Verdana, Sans-serif;
		background: url('../images/ico_document.gif') no-repeat center left;
	}

	.projectFirst {
		padding: 0 21px 0 0 !important;
		border-right: 1px dashed #d9d9d3;
	}
	
	.projectLast {
		padding: 0 0 0 21px !important;
		border-left: 1px dashed #d9d9d3;
	}

.project-folio, .project-folioR {
	padding: 0 0 20px 0;
	margin: 0 0 26px 0;
	width: 960px;
	overflow: hidden;
	border-bottom: 1px dashed #d9d9d3;
}

.project-folioR .project-img {
	float: right !important;
	padding: 0 0 0 20px !important;
}

.project-folioR .project-desc {
	padding: 0 20px 0 0 !important;
	border-left: 0 !important;
	border-right: 1px solid #e9e9e3 !important;
}

	.project-img {
		float: left;
		width: 600px;
		padding: 0 20px 0 0;
	}
	
		.project-img img {
			border: 1px dashed #e9e9e3;
		}
	
	.project-desc {
		float: left;
		width: 319px;
		height: 200px;
		padding: 0 0 0 20px;
		border-left: 1px solid #e9e9e3;
	}
	
		.project-desc .projectTitle {
			color: #414244 !important;
			font: bold 1.08em Arial, Tahoma, Verdana, Sans-serif;
		}

.contactFormButton {
	float: right;
}

.contactFormButton a {
	display: block;
	width: 128px;
	height: 26px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 7px 0 0 0;
	background: url('../images/button.png') no-repeat;
	background-position: 0 -33px;
}

	.contactFormButton a:hover {
		background-position: 0 0;
	}

.invInp {
	border: 1px solid #ed4a79 !important;
}

#footer {
	margin: 12px 0 0 0;
	overflow: hidden;
	clear: both;
	width: 100%;
}

#footContainer {
	margin: 0 auto;
	padding: 8px 0;
	width: 960px;
	overflow: hidden;
	background: url('../images/foot-up.png') no-repeat bottom left;
	border-bottom: 1px solid #eaeae1;
}

	#footContainer .footCopy {
		float: left;
		padding: 0 0 0 52px;
	}
	
		#footContainer .footCopy a {
			color: #414244;
			text-decoration: none;
		}
	
		#footContainer .footCopy a:hover {
			color: #959583;
		}

	#footContainer .footMap {
		float: right;
	}
	
		#footContainer .footMap ul {
			margin: 0;
			padding: 0;
		}
	
		#footContainer .footMap li {
			margin: 0;
			padding: 0 8px;
			border-right: 1px solid #eaeae1;
			display: inline;
		}
	
		#footContainer .footMap .contact {
			padding: 0 0 0 8px;
			border-right: none;
		}
		
		#footContainer .footMap a {
			padding: 4px;
			color: #959583;
			text-decoration: none;
		}
		
		#footContainer .footMap a:hover, #footContainer .footMap .active {
			color: #414244;
			background: #f0f0e8;
		}
		
		#footContainer .footMap a:active {
			color: #ce2755;
			background: #f0f0e8;
		}
	
#footContact {
	margin: 0 auto;
	width: 960px;
	padding: 10px 0 28px 0;
	text-align: right;
	background: url('../images/foot-dn.png') no-repeat top left;
}

	#footContact .right a {
		color: #ce2755;
		font-weight: bold;
		text-decoration: none;
	}
	
	#footContact .right a:hover {
		background: #f0f0e8;
	}
	
	#footContact .right span {
		padding: 0 12px;
		border-right: 1px solid #eaeae1;
	}
	
	#footContact .right .noMargin {
		padding: 0 0 0 12px;
		border: none;
	}
	
	#footContact .email {
		background: url('../images/email_ico.png') no-repeat left center;
		background-position: 0 2px;
		padding-left: 20px !important;
	}
	
	#footContact .phone {
		background: url('../images/phone_ico.png') no-repeat left center;
		padding-left: 22px !important;
		margin-left: 10px;
	}
	
	#footContact .mobile {
		background: url('../images/mobile_ico.png') no-repeat left center;
		padding: 0 4px 0 18px !important;
		margin-left: 10px;
	}
	
	#footContact strong {
		color: #414244;
	}
	
	#footContact .left {
		padding: 0 0 2px 52px;
	}
	
	#footContact .left a {
		margin: 0 12px 0 0;
		color: #7f7f67;
		font-weight: normal;
		text-decoration: none;
	}
	
	#footContact .left a:hover {
		color: #384C67;
		background-position: 0 -32px;
	}
	
.blip {
	padding: 0 0 2px 24px;
	background: url('../images/blip.png') no-repeat left top;
}

.twitter {
	padding: 0 0 2px 20px;
	background: url('../images/twitter.png') no-repeat left top;
}

.facebook {
	padding: 0 0 2px 20px;
	background: url('../images/facebook.png') no-repeat left top;
}


/*
	i to by było na tyle
	ciąg dalszy nastąpi... ;)
*/