@charset "utf-8";

/* ------------------------------------
 * --        TABLE OF CONTENT        --
 * ------------------------------------
 * 1. CSS reset
 * 		a. global
 * 		b. text elements
 * 		c. tables, images, forms
 * 2. Basic classes
 * 3. Main structure
 * 4. Home page
 * 5. About Us page
 * 6. Contact Us page
 * 7. Modules
 */

/* ********** 1a ********** */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, 
q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, hr, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
}

html, body  {
	height: 100%;
	background: #f2f2f2;
	color: #000e16;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
}

:root { overflow-y: scroll !important; }

/* ********** 1b ********** */
a, em, strong, span, acronym, abbr, q, cite {
  font-size: inherit;
  font-variant: inherit;	
  font-style: inherit;
  font-weight: inherit;
	font-family: inherit;
  color: inherit;	
}

em { font-style: italic; }

strong { font-weight: bold; }

em strong, strong em {
	font-weight: bold;
  font-style: italic;
}

acronym, abbr {
	border-bottom: 1px dotted;	
	cursor: help;
}

q, cite, blockquote { quotes: none; }

a:link, a:active, a:visited, a:hover { 
	text-decoration: underline;
	color: #772f96;
}

a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #0367a6;
	line-height: 18px;
}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
	color: #f2f2f2;
}


h1 { 
	font-size: 18px;
	line-height: 36px;
	font-weight: normal;
	margin-bottom: 18px;	
} 

h2, #sidebar h3, #sideCallouts h3 { 
	border-bottom: 1px dotted;	
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bolder;	
	margin-bottom: 18px;		
}

h2 a:link { text-decoration: none; color: #0067b8; }
h2 a:visited { text-decoration: none; color: #0067b8; }
h2 a:hover { text-decoration: none; color: #772f96; }
h2 a:active { text-decoration: none; color: #772f96; }

h3 {
	font-size: 14px;
	border-bottom: 0 none;	
	text-transform: none;		
	margin-bottom: 18px;	
}

h3.upper {
	border-bottom: 0 none;	
	text-transform: uppercase;	
}

h3.related { margin-bottom: 12px; }

h2.mainTitle { color: #5b2473; }

h4, h5, h6 { 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;	
	font-size: 12px;
}

p, address, ul, ol {
	font-weight: normal;
	font-style: normal;
	margin-bottom: 18px;	
}

ol, ul { list-style: none; }
/* when list has to have bulltes */
.bulleted li {
	background: #fff url(../images/common/bullet01.gif) no-repeat 0 5px;
	padding: 0 0 2px 16px
}
/* ********** 1c ********** */
table { /* nadać 'cellspacing="0"' w kodzie */
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: middle;
}

form :focus, a:focus { outline: 0 none; }  

fieldset { border: 0 none; outline: 0 none; }

form li, form ul { overflow: hidden; }

textarea { overflow: auto; }

label {
	display: block;
	float: left;
	padding-bottom: 4px;
	font-weight: bolder;
}

img { border: 1px solid #5b2473; }

/* ********** 2 ********** */

.fl_left { float: left !important; }

img.fl_left { margin: 0 20px 18px 0; }

.fl_right { float: right !important; }

img.fl_right { margin: 0 0 18px 20px; }

.clear { clear: both; }

.bold { font-weight: bold; }

.error { font-weight: bold; color: #dc1919; }

.debug { border: 1px solid red; }

.highlighted { color: #0367a6; }

/* .highlighted a { color: #0367a6 !important; } */

.holder { overflow: hidden; padding: 0 5px;}

.readMore {
	display: block;
	text-align: right;
	color: #5b2473;
	font-size: 11px;
}

#sidebar .readMore { color: #f2f2f2; }

#sidebar .readMore a { color: #f2f2f2 !important; }

.readMore a { text-decoration: none !important; }

.readMore a:hover { text-decoration: underline !important; }

.textInput { border: 1px solid #909ba1; }

.selectInput { border: 1px solid #909ba1; width: 276px; }

#sidebar .textInput { border: 1px solid #1b2931; }

#sidebar .selectInput { border: 1px solid #1b2931; }

.failure { 
	background: #fbe3e4;
	border: 1px solid #dc1919;
	color: #dc1919;
	font-weight: bold; 
	margin: 0 0 18px; 
	padding: 9px 10px;	
}

.success { 
	background: #e6efc2;
	border: 1px solid #c6d880;
	color: #264409;
	font-weight: bold; 
	margin: 0 0 18px; 
	padding: 9px 10px;	
}

/* ********** 3 ********** */

/* main block */
#wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
	background: #fff url(../images/common/faux.gif) repeat-y 0 0;
	min-height: 100%;
}

/* top */
#masthead {
	height: 164px;
	width: 940px;
	padding: 0 20px 0 0;	
	position: relative;
}

/* logo */

#logo {
	width: 240px;
	height: 164px;
	overflow: hidden;
	background: #fff url(../images/common/logo.gif) no-repeat 0 0;	
	position: absolute;
	top: 0;
	left: 0;
}

#logo a {
	display: block;
	width: 240px;
	height: 164px;
	overflow: hidden;
	text-indent: -99999px;
}

.topNavSection {
	width: 700px;
	height: 164px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 241px;	
}

.fastContact {
	font: bold 12px/53px Arial, Helvetica, sans-serif;
	height: 53px;
	overflow: hidden;
	margin: 0;
	text-align: right;
	color: #0367a6;
}

.email {
	color: #0367a6 !important;
	text-decoration: none !important;
	background: #fff url(../images/common/mail-ico.gif) no-repeat 0 50%;
	padding-left: 27px;
}

.email:hover {
	color: #4996ca !important;
	text-decoration: underline !important;
}

.tel {
	padding-left: 29px;
	background: #fff url(../images/common/phone-ico.gif) no-repeat 0 50%;
	margin-left: 20px;
}
.contractor_tel {
    padding-left: 29px;
	background: #fff url(../images/common/phone-ico.gif) no-repeat 0 50%;
}

/* top menu */
#mainNav {
	height: 107px;
	overflow: hidden;
	border: dotted #6ba6cb;
	border-width: 1px 0;
	margin: 0 0 0 20px;
}

#mainNav li { display: inline; }

#mainNav a {
	display: block;
	float: left;
	width: 130px;
	height: 107px;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -99999px;
}

#mainNav a:hover { background-position: 0 -107px; }

#mainNav .home { background-image: url(../images/common/home.gif); }

#mainNav .about {
	background-image: url(../images/common/about.gif);
	width: 140px;
}

#mainNav .services {
	background-image: url(../images/common/services.gif);
	width: 137px;
}

#mainNav .contact {
	background-image: url(../images/common/contact.gif);
	width: 150px;
}

#mainNav .login {
	background-image: url(../images/common/login.gif);
	width: 120px;
}

#mainNav .logout {
	background-image: url(../images/common/logout.gif);
	width: 120px;
}

#mainNav .active a { background-position: 0 -107px !important; }

#contentWrapper {
	overflow: hidden;
	width: 920px;
	padding: 36px 20px 79px;	
}

#content {
	float: right;
	width: 680px;
	padding: 0 0 0 20px;
	overflow: hidden;
}

#sidebar {
	float: left;
	width: 200px;
	padding: 0 20px 186px 0;
	overflow: hidden;
}

#sidebar .callout, .accountLogin { color: #a7d0e9; }

#footer {
	height: 61px;
	overflow: hidden;
	width: 940px;
	padding: 0 20px 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
}

.copyrights {
	color: #a7d0e9;
	font: 11px/36px Arial, Helvetica, sans-serif;
	background: #fff url(../images/common/bottom-stripe.gif) repeat-y 0 0;
	height: 36px;
	overflow: hidden;
	position: absolute;
	left:0;
	top:0;
	width: 200px;
	padding: 0 20px;
	margin: 0;
}

.pureTextMenu {
	position: absolute;
	top: 0;
	left: 261px;
	width: 680px;
	margin: 0;
	text-align: center;
	padding: 11px 0;
	border: dotted #6ba6cb;
	border-width: 1px 0;
	overflow: hidden;
	height: 12px;
	font: 11px/1 Arial, Helvetica, sans-serif;
}

.pureTextMenu li {
	display: inline;
	padding: 0 4px 0 3px;
	border-right: 1px dotted #6ba6cb;
}

.pureTextMenu .first { padding: 0 3px 0 0; }

.pureTextMenu .last {
	padding: 0 0 0 2px;
	border: 0 none;
}

.pureTextMenu a {
	color: #0367a6 !important;
	text-decoration: none;
}

.pureTextMenu a:hover {
	color: #4996ca !important;
	text-decoration: underline;
}

.credits {
	position: absolute;
	bottom: 2px;
	margin: 0;
	padding: 0 20px 0 240px;
	right: 0;
	font: 11px/18px Arial, Helvetica, sans-serif;
	color: #0367a6;
}

.credits a {
	color: #0367a6 !important;
	text-decoration: none;
}

.credits a:hover { text-decoration: underline; }

/* ********** 4 ********** */

.twoCols { overflow: hidden; }

.twoCols ul { width: 320px; }

#mainContent {
	width: 440px;
	padding: 0 20px 0 0;
	overflow: hidden;
	float: left;
	min-height: 1%;
}

#sideCallouts {
	float: right;
	width: 200px;
	padding: 0 0 0 20px;	
	overflow: hidden;	
	min-height: 1%;
}

/* side menu */
#sidebar .navHeading {
	margin: 0;
	padding-bottom: 9px;
	border-bottom-color: #b4d1e4;
}

#additionalNav { font: normal 14px/26px 'Trebuchet MS', Arial, Helvetica, sans-serif; }

#additionalNav a {
	 display: block;
	 border-bottom: 1px dotted #b4d1e4;
	 color: #f2f2f2;
	 text-decoration: none !important;
	 height: 26px;
	 padding: 0 0 0 20px;
	 overflow: hidden;
	 background: url(../images/common/bullet02.gif) no-repeat 2px 0;
}

#additionalNav a:hover, #additionalNav a.active {
	 color: #5e2777;
	 background: url(../images/common/bullet02.gif) no-repeat 2px -26px;
}

#sidebar .textInput { width: 120px; }

#sidebar .selectInput { width: 120px; }

#sidebar label { width: 78px; }

.accountLogin ul { margin-bottom: 5px; }

.accountLogin fieldset { text-align: right; }

.accountLogin li { overflow: hidden; }

.button {
	border: medium none;
	cursor: pointer;
	display: block;
	overflow: hidden;
	padding: 0 0 3px;
	text-align: center;	
}

.log {
	height: 18px;
	background: #ff9510 url(../images/common/button01.gif) no-repeat 0 0;
	color: #0367a6;		
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	width: 50px;
	margin: 0 1px 0 auto;	
}

.log:hover {
	background: #ff9510 url(../images/common/button01.gif) no-repeat 0 -18px;
	color: #f2f2f2;	
}

/* ********** 6 ********** */

#contactData address, #contactData p { width: 200px; }

#map {
	display: block;
	border: 0 none;
	margin: 0 0 18px;
}

.section, .download {
	background: #ebf4fa;
	border: 1px solid #d5e7f3;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

fieldset.section { padding: 12px 5px; }

.section label {
	width: 120px;
	padding: 0 20px 4px 0;
	color: #666;
}

.section .textInput { width: 276px; }

.section .selectInput { width: 276px; }

.section  ul { margin-bottom: 9px; }

.section .button {
	height: 18px;
	background: #ff9510 url(../images/common/button02.gif) no-repeat 0 0;
	color: #f2f2f2;	
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	width: 50px;
	margin: 0 0 0 5px;
	float: right;	
}

.section .button:hover {
	background: #ff9510 url(../images/common/button01.gif) no-repeat 0 -18px;
}

/* ********** 7 ********** */

#testimonials, #news { margin-bottom: 0; }

.testimonial, .newsEntry, .download { overflow: hidden; }

.testimonial .images {
	float: left;
	width: 94px;
	padding: 0 12px 0 0;
	overflow: hidden;
}

.testimonial .images img {
	display: block;
	margin-bottom: 12px;
}

.testimonial .text {
	float: right;
	width: 334px;
}

.testimonial h3, .newsEntry h3 { margin-bottom: 4px; }

p.date {
	color: #a1a1a1;
	margin-bottom: 4px;
}

.newsEntry img { display: block; }

.newsEntry img.fl_right { margin: 4px 0 0 12px !important; }

.newsEntry img.fl_left { margin: 4px 12px 0 0 !important; }

.newsEntry h3 a, .testimonial h3 a {
	color: #0367A6 !important;
	text-decoration: none !important;
}

.newsEntry h3 a:hover, .testimonial h3 a:hover {
	color: #4996ca !important;
	text-decoration: underline !important;
}

.download { padding: 10px 9px; }

.download h3, .download p {
	color: #000e16 !important;
	margin-bottom: 9px;
}

.downloadLink {
	display: block;
	margin: 0 auto;
	width: 160px;
	height: 24px;
	line-height: 24px;
	color: #f2f2f2 !important;
	text-decoration: none !important; 
	background: #0367a6;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.downloadLink:hover { background: #4996ca; }

/* contractors table formatting */
table.contractors { 
  width: 100%; 
}

table.contractors th, table.contractors td { 
  border-bottom: dotted 1px #666; 
  padding: 2px 10px;
}

table.contractors th { 
  color: #0367a6; 
  font-weight: bold; 
  background: #ABD3EC;
}
/* give every second rows of cells - NOT THE ONE WITH HEADER - class 'everySecond' 
to give avery sedond row a different look - background */
tr.everySecond td {
  background: #F2F2F2;
}

/* additional form formatting */
fieldset.section li.everySecond {
  background: #e6eff5;
}

fieldset.section li {
  padding: 2px 5px 0;
  border-top: 1px solid #ddd;
}

fieldset.section li li {
  padding: 0;
  border-top: 0 none;
}

fieldset.section ul {
  border-bottom: 1px solid #ddd;
}

fieldset.section li ul {
  border-bottom: 0 none;
}

/*
#loginForm .section li, #loginForm .section ul {
  border: 0 none !important;
}
*/

/* different colors for links in heading */

h2 a:link, h2 a:active, h2 a:visited {
  color: #0367A6;
  text-decoration: none !important;
}


h2 a:hover {
  color: #cc1b22;
}

/* 2009-04-07 - Arma banner */
.armaBanner {
  display: block;
  width: 200px;
  height: 168px;
  background: url(../images/arma.png) 0 0 no-repeat;
  position: absolute;
  bottom: 79px;
  left: 20px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 100;
}