/*global*/
* {margin: 0; padding:0; border: 0;}
html, body {width: 100%; background: #fff;}

div {position: relative;}
h1 {display: block; font: normal 16px "Trebuchet MS", Tahoma, sans-serif; line-height: 20px; color: #a90409;}
h4 {margin: 10px 0 0 0px; font: bold 12px Arial, sans-serif; color: #a90409;}
p {margin: 10px 0 0 0; font:11px/1.35 Verdana,Tahoma,"Trebuchet MS",sans-serif; color: #4d4d4d;}
ul {list-style: none;}
a {display: block; text-decoration: none}
img {}


.inline{
	display: inline;
	}
/*local*/
#container {width: 900px; padding: 0 30px 30px 30px; border: 1px solid #e9e9e9; margin: 25px auto 0 auto; background: #f3f3f3 url(/images/bottom.png) repeat-x left bottom;}
	#cornerTopLeft {position: absolute; width: 6px; height: 6px; left: -1px; top: -1px; background: url(/images/corner_topLeft.png) no-repeat;}
	#cornerTopRight {position: absolute; width: 6px; height: 6px; right: -1px; top: -1px; background: url(/images/corner_topRight.png) no-repeat;}
	#cornerBottomLeft {position: absolute; width: 6px; height: 6px; left: -1px; bottom: -1px; background: url(/images/corner_bottomLeft.png) no-repeat;}
	#cornerBottomRight {position: absolute; width: 6px; height: 6px; right: -1px; bottom: -1px; background: url(/images/corner_bottomRight.png) no-repeat;}
#header {width: 100%; margin: 0 0 6px 0;}
	#logo {float: left; margin: 15px 0 10px 20px;}
	#header h1 {float: right; clear: right; width: 350px; font: normal 18px "Trebuchet MS", Tahoma, sans-serif; margin: 35px -120px 0 0; color: #a90409; }
	#menuTop {float: right; margin: 0 -8px 0 0;}
		#menuTop li {display: block; float: left;}
		#menuTop li a {float: left; padding: 6px 8px 0 8px; border-right: 1px solid #fff; font: normal 11px Arial, sans-serif; color: #909090;}
		#menuTop li a:hover {color: #c60d1c; text-decoration: underline;}
		#menuTop li.lastItem a {border: none;}
		#menuTop li.active a {color: #c60d1c; text-decoration: underline;}
	#menuBar {clear: both; width: 100%; height: 41px; background: url(/images/menuBar_bg.png) repeat-x left bottom;}
		#menuMain {float: right; margin: 0 10px 0 0;}
			#menuMain li {display: block; float: left; padding: 12px 0 0 0;}
			#menuMain li.active {background:url(/images/menuBar_bgTop_active.png) no-repeat center top;}
			#menuMain li a {float: left; padding: 5px 10px; font: bold 12px "Trebuchet MS", Tahoma, sans-serif; color: #535353; background:url(/images/menuBar_separator.png) no-repeat right bottom;}
			#menuMain li.active a {background: url(/images/menuBar_bg_active.png) repeat-x left top;}
			#menuMain li.lastItem a {background: none;}
			#menuMain li a:hover {color: #c60d1c;}
		#menuBarLeft {position: absolute; left: 0; top: 11px;}
		#menuBarRight {position: absolute; right: 0; top: 11px;}	
#content {overflow: hidden; width: 100%;}
	#colLeft {float: left; width: 260px;}
		#bigButtons	{width: 100%; height: 216px; background: url(/images/bigButtons_bg.jpg) no-repeat left top;}
			#bigButtons li {width: 100%; height: 70px;}
			#bigButtons li a {height: 55px; padding: 15px 0 0 20px; font: normal 18px "Trebuchet MS", Tahoma, sans-serif; line-height: 18px; color: #d01921;}
				span.arrows {font-size: 22px;}
				span.bigButtonLine {margin: 0 0 0 18px; font: normal 11px Arial, sans-serif; color: #4c4c4c;}
			#bigButtons li a:hover {color: #666;}
		#boxesLeft {}
			#boxesLeft li {overflow: hidden; width: 215px; padding: 10px 15px; border: 1px solid #ddd; margin: 15px 0 0 0; background: #fff url(/images/boxesLeft_bg.png) repeat-x left bottom;}
			/*****/
			#boxesLeft li .list{color: #4d4d4d; overflow: hidden; width: 190px; padding: 0 5px 0 15px; border:none;  background: transparent url(/images/boxesLink.png) no-repeat scroll left 5px; font: normal 12px "Trebuchet MS", Tahoma, sans-serif;}
			
			#boxesLeft li h1 {padding: 0 0 0 20px; background: url(/images/headline_arrows.png) no-repeat 5px 7px; }
				#boxesLeft li h1#pomoc {background: url(/images/h1_pomoc.png) no-repeat 0 3px;}
				#boxesLeft li h1#case {background: url(/images/h1_case.png) no-repeat 0 3px;}
			#boxesLeft a {float: right; padding: 0 15px 5px 0; margin: 10px 0 0 0; font: normal 11px Arial, sans-serif; text-decoration: underline; color: #cf1220; background: url(/images/boxesLink.png) no-repeat right 5px;}
			#boxesLeft a:hover {color: #666;}	
	#colRight {float: right; width: 640px;}
		#boxesRight {margin: 11px 0 0 0;}
			#boxesRight li {overflow: hidden; width: 255px; padding: 10px 30px; border: 1px solid #ddd; margin: 0 0 6px 0; background: #fff; font-weight: bold;}
			/***/
			#boxesRight li .list{color: #4d4d4d; overflow: hidden; padding: 5px 5px 0 15px; margin: 0; border:none;  background: transparent url(/images/boxesLink.png) no-repeat scroll left 10px; font: normal 12px "Trebuchet MS", Tahoma, sans-serif;}
			
			#boxesRight li.left {float: left;}
			#boxesRight li.right {float: right;}
			#boxesRight li h1 {padding: 0 0 0 15px; margin: 0 0 0 -15px; background: url(/images/headline_arrows.png) no-repeat 0 7px;}
				#boxesRight li h1#pozycjonowanie {background: url(/images/h1_pozycjonowanie.png) no-repeat 0 3px;}
				#boxesRight li h1#reklama {background: url(/images/h1_reklama.png) no-repeat 0 3px;}
				#boxesRight li h1#optymalizacja {background: url(/images/h1_optymalizacja.png) no-repeat 0 3px;}
				#boxesRight li h1#raporty {background: url(/images/h1_raporty.png) no-repeat 0 3px;}
			#boxesRight a {float: right; padding: 0 15px 5px 0; margin: 10px 0 0 0; font: normal 11px Arial, sans-serif; text-decoration: underline; color: #cf1220; background: url(/images/boxesLink.png) no-repeat right 5px;}
			#boxesRight a:hover {color: #666;}
			#boxesRight img {border: 1px solid #eaeef2; margin: 10px 0 0 0;}
			#boxesRight p {text-align: justify;}
			#boxesRight span {color: #cf1220;}
			
	#colRightContent {float: right; width: 598px; padding: 20px; border: 1px solid #e8e8e8; background: #fff; }
		#colRightContent ul {margin: 5px 0 5px 10px; font:11px/1.35 Verdana,Tahoma,"Trebuchet MS",sans-serif; color: #4d4d4d;}
		#colRightContent li {padding: 0 0 0 10px; margin: 0 0 3px 5px; background: url(/images/boxesLink.png) no-repeat left 5px}
		#colRightContent h1 {padding: 0 0 0 15px; margin: 0 0 0 5px; background: url(/images/headline_arrows.png) no-repeat 0 7px;}
		#colRightContent h2 {font: bold 11px Arial, sans-serif; margin: 20px 0 0 0; color: #cf1220;}
		#colRightContent p {text-align: justify;}
			#colRightContent p span {color: #cf1220;}
		#colRightContent p.path {padding: 0; margin: 0; color: #b0b0b0;}
		#colRightContent img {float: right; margin: 10px 0 10px 15px;}
			#colRightContent img.topImage {float: none; margin: 0; border: 0 none;}
		#boxesRightContent {}
			#boxesRightContent li {overflow: hidden; padding: 15px; border: 1px solid #e8e8e8; margin: 15px 0 0 0; background: #f8f8f8;}
			#boxesRightContent li a {float: right; padding: 0 15px 0 0; margin: -10px 0 0 0; font: normal 11px Arial, sans-serif; text-decoration: underline; color: #cf1220; background: url(/images/boxesLink.png) no-repeat right 5px;}
			#boxesRightContent li a:hover {color: #666;}
			#boxesRightContent h1 {float: left; padding: 0 0 5px 15px; margin: 0 0 0 5px; background: url(/images/headline_arrows.png) no-repeat 0 7px;}
			#boxesRightContent p {clear: left; width: 400px; padding: 0 10px 12px 0; margin: 0; text-align: justify;}
			#boxesRightContent img {margin: 0;}
#footer {width: 940px; padding: 0 0 15px 0; margin: 5px auto 20px auto;}
	#footer p {float: left; margin: 0;}
	#footer p.apeiro {float: right;}
	#footer p.apeiro a {display: inline; color: #cf1220;}
	#footer p.apeiro a:hover {color: #666; text-decoration: underline;}
		
/*ie6*/
* html #cornerBottomLeft,
* html #cornerBottomRight {bottom: -14px;}
* html #boxesRightContent h1 {padding: 0 0 0 15px; margin: 0 0 -10px 5px;}
* html #container {width: 920px; padding: 0 30px 30px 30px; border: 1px solid #e9e9e9; margin: 25px auto 0 auto; background: #f3f3f3 url(/images/bottom.png) repeat-x left bottom;}
* html #header h1 {float: right; clear: right; width: 350px; font: normal 18px "Trebuchet MS", Tahoma, sans-serif; margin: 35px -80px 0 0; color: #a90409; }


.contact #colRightContent {
	background: #fff;
	border: 1px solid #e8e8e8;
	padding: 16px 19px 0 27px;
	width: 592px;
	min-height: 739px;
}
* html .contact #colRightContent {
	height: 739px;
}
#contactH {
	width: 72px;
	height: 12px;
	background: transparent url('/images/kontaktH.gif') no-repeat 0 0;
	text-indent: -1234em;
	font-size: 9px;
	margin-bottom: 9px;
}	
#colRightContent p.contact {
	color:#A90409;
	margin: 20px 0 28px 0; 
}
#contactForm {
	width: 579px;
	background: transparent url('/images/formBg.jpg') no-repeat right 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: .7em;
	color: #4c4c4c;
}
#contactForm label {
	width: 106px;
	display: block;
	height: 24px;
	line-height: 24px;
	float: left;
	clear: left;
}
#contactForm input, #contactForm select {
	display: block;
	width: 179px;
	padding: 3px;
	height: 18px;
	border: 1px solid #b9b9b9;
	background: transparent url('/images/inputBg.gif') no-repeat 0 0;
	float: left;
	margin-bottom: 9px;
	color: #d01921;
}

* html #contactForm input, * html  #contactForm select {
	display: block;
	width: 179px;
	margin-right: 20px;
	padding: 3px;
	height: 18px;
	border: 1px solid #b9b9b9;
	background: transparent url('/images/inputBg.gif') no-repeat 0 0;
	float: left;
	margin-bottom: 9px;
	color: #d01921;
}

#contactForm select {
	width: 185px;
	height: 24px;
}
#contactForm textarea {
	width: 280px;
	height: 77px;
	padding: 3px;
	background: transparent url('/images/textareaBg.gif') no-repeat 0 0;
	border: 1px solid #b9b9b9;
	float: left;
	color: #d01921;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}
#buttons {
	clear: both;
	padding-top: 7px;
	padding-left: 205px;
}
#buttons button {
	width: 85px;
	height: 23px;
	text-indent: -1234em;
}
#submit {
	background: transparent url('/images/wyslij.gif') no-repeat 0 0;
}
#clear {
	background: transparent url('/images/wyczysc.gif') no-repeat 0 0;
	margin-right: 19px; 
	float: left;
}
.clr {
	clear: both;
	font-size: 1%;
}
#contactForm fieldset {
	width: 505px;
	padding-bottom: 23px;
	border-bottom: 1px solid #dbdbdb;
}
div.error_message {
	color: #cf1220;
	margin: 20px 0 28px 0; 
	font:11px/1.35 Verdana,Tahoma,"Trebuchet MS",sans-serif;
}
/* AJAX */
.ajax-loading {
	padding: 20px 0;
	background: url(/images/spinner.gif) no-repeat center;
}


#boxesRightContent li.references h1, #boxesRightContent li.references img{
    float: none;
    margin-bottom: 5px
}
#boxesRightContent li.references p {
    width: auto;
}

#boxesRightContent li.references p.name {
    text-align: right; font-style: italic;
}