@charset "utf-8";
/* CSS Document */

/*wyzerowanie domyślnych wartości*/
html, body, h1, h2, h3, h4, h5, h6, a, abbr, acronym, p, em, strong, address, blockquote, cite, q, dd, dfn, dl, dt, li, ol, ul, code, kbd, pre, samp, tt, var, del, ins, small, caption, table, tbody, td, tfoot, th, thead, tr, fieldset, iframe, img {
	margin: 0;
	border: none;
	font-size: 1em;
	line-height: 1.5em;
	text-decoration: none;
	text-align: left;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	color: #3c3c3c;
} 
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;}
hr {display: none;}
img {display: block; border: 0;}


/*domyślne wartości*/
body {background-color: #e3e5e5; font: 87.5%/1.25em 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; color: #3c3c3c;}

/* kontener */
.container { width: 1050px; margin: 0 auto; }

/*wyzerowanie formularza*/
form fieldset {border: 0;}

/*header*/
.header  {background: #e3e5e5 url(../images/gradient01-top.jpg) bottom repeat-x;}
.header .container { height: 133px; position: relative;}

/*logo*/
.header h1 { position: absolute; top: 0; left: 22px; overflow: hidden;}
.header h1 a { display: block; width: 311px; height: 103px; position: relative;}
.header h1 a span {	display: block;	width: 311px; height: 103px; position: absolute; top: 0; left: 0; background: url(../images/logo.jpg) no-repeat; cursor: pointer;} 

/*menu*/
.header .menu { width: 738px; height: 84px; list-style: none; margin: 35px 0px 0px 350px;}
.header ul {overflow: hidden;}
.header ul li {float: left;}

/*top - blue*/
#top { background: #1b3a54 url(../images/gradient02-top.jpg) bottom repeat-x; border-top: 1px solid #fff; }
#top .container { height: 288px; width: 1050px; background: url(../images/projekty-blue.jpg) top left no-repeat; }


/*content*/

#content { background: #f9f9f9; overflow: hidden;}
#content .container {
	overflow: hidden;
	width: 1050px;
	clear: both;
} /**********/
#content .container .column { float: left; width: 320px; padding: 15px 10px 15px 17px;}

/*naglowki*/
#content .container .column .nasz-profil { position: relative; width: 320px; height: 500px; padding-top: 65px; }
#content .container .column .nasz-profil h2 { position: absolute; top: 10px; left: -1px;}
#content .container .column .nasz-profil h2 a{ position: relative; display: block; width: 269px; height: 32px; background: url(../images/naglowek-NaszProfil.jpg) no-repeat; cursor: pointer; text-indent: -960px;}

#content .container .column .referencje { position: relative; width: 320px; height: 500px; padding-top: 65px; }
#content .container .column .referencje h2 {position: absolute; top: 10px; left: -1px;}
#content .container .column .referencje h2 a{position: relative; display: block; width: 271px; height: 32px; background: url(../images/naglowek-Referencje.jpg) no-repeat; cursor: pointer; text-indent: -960px;}

#content .container .column .ostatnie-realizacje{ position: relative; width: 320px; height: 500px; padding-top: 65px; }
#content .container .column .ostatnie-realizacje h2 {position: absolute; top: 10px; left: -1px;}
#content .container .column .ostatnie-realizacje h2 a{position: relative; display: block; width: 281px; height: 32px; background: url(../images/naglowek-ostatnieRealizacje.jpg) no-repeat; cursor: pointer; text-indent: -1600px;}

#content .container .column ul li {	padding-left: 2px;	list-style-image: url(../images/strzalka.gif);	list-style-position: inside;	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;	font-weight: normal;}
#content .container .column ul li ul li{ color: #3c3c3c; list-style: circle; list-style-position: inside; font-size: 0.875em; padding-left: 45px;}


/*przyciski wiecej*/

#content .container .column .nasz-profil .button img { padding: 0 20px 0 225px; }
#content .container .column .referencje .button img { padding: 7px 20px 0 225px; }
#content .container .column .ostatnie-realizacje .button img { padding: 7px 20px 0 225px; } 
	
/*footer*/
#footer { background: #e8ecec url(../images/Pasek-nadStopka.jpg) top left repeat-x;}
#footer .container { clear: both; overflow: hidden; }
#footer .container p { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #183a57; /*font-stretch: narrower;*/ padding: 30px 0 40px 10px;}
#footer .container p a span { font-weight: bold; cursor: pointer;}
#footer .container ul { overflow: hidden; width: 600px; padding: 30px 0 20px 20px; margin:0;}
#footer .container ul li {float: left; margin: 0; padding: 0 6px; font-weight: bold; /*font-stretch: extra-condensed;*/ font-size: 11px; color: #102c43; border-right: 1px solid #183a57; height: 1%; }
#footer .container ul li.last-child { float: left; margin: 0 6px; padding: 0; font-weight: bold; /*font-stretch: extra-condensed;*/ font-size: 11px; color: #133049; border-right: none;}
#footer .container ul li a { /*display: inline-block;*/ display: block; text-decoration: none; color: #102c43;}

/*PODSTRONY*/

/*top - blue*/
#top { background: #1b3a54 url(../images/gradient02-top.jpg) bottom repeat-x; border-top: 1px solid #fff;}
#top .container-podstrona {  width: 1050px; margin: 0 auto;}
#top .container-podstrona #breadcrumbs { overflow: hidden; margin-left: 60px; }
#top .container-podstrona #breadcrumbs a { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #f9fdfd; /*font-stretch: narrower;*/ font-weight: bold; padding: 25px 10px 42px 10px; }
#top .container-podstrona img { float: left; background: #1b3a54 url(../images/strzalka-blue.gif) top left no-repeat; margin: 30px 10px;}

/*KOLUMNA LEWA */
#content .container .column-left  { float: left; width: 580px; position: relative; margin: 30px 0 0 50px; padding: 50px 0 0 10px;}
#content .container .column-left .ofirmie-left h2 {  display: block; position: absolute; top: 0; left: 0px; width: 567px; height: 28px; overflow: hidden;}
#content .container .column-left .ofirmie-left h2 span { display: block; position: absolute; width: 567px; height: 28px; top: 0; left: 0; background: url(../images/Naglowek-O-firmie-podstrona1.gif) top left no-repeat; overflow: hidden; }

#content .container .column-left .oferta-left h2 {	display: block;	position: absolute;	top: 0;	left: 0px;	width: 567px; height: 28px; }
#content .container .column-left .oferta-left h2 span { display: block; position: absolute; width: 567px; height: 28px; top: 0; left: 0; background: url(../images/Naglowek-Oferta-podstrona2.gif) top left no-repeat; }
#content .container .column-left .oferta-left ul { padding: 10px 0 10px 30px;}
#content .container .column-left .oferta-left ul li { list-style-image: url(../images/strzalka.gif); list-style-position: outside; padding-left: 10px;}  /*lista*/
#content .container .column-left .oferta-left ul ul { padding: 5px 0 5px 30px;}
#content .container .column-left .oferta-left ul ul li { list-style: circle;  font-size: 0.85em; font-weight: bold;  } /*lista wewnętrzna*/

#content .container .column-left .certyfikat-left h2 {	display: block;	position: absolute;	top: 0px; left: 2px; width: 567px; height: 28px; overflow: hidden; }
#content .container .column-left .certyfikat-left h2 span { display: block; position: absolute; width: 567px; height: 28px; top: 0px; left: 0px; background: url(../images/Naglowek-Certyfikat-podstrona3.gif) top left no-repeat; overflow: hidden; }
#content .container .column-left .certyfikat-left ul { padding: 10px 0 10px 30px;}
#content .container .column-left .certyfikat-left ul li { list-style-image: url(../images/strzalka.gif); list-style-position: outside; padding-left: 10px;}  /*lista*/
#content .container .column-left .certyfikat-left p { padding: 5px 0;}

#content .container .column-left .referencje-left h2 {  display: block; position: absolute; top: 0; left: 0px; width: 567px; height: 28px; overflow: hidden;}
#content .container .column-left .referencje-left h2 span { display: block; position: absolute; width: 567px; height: 28px; top: 0; left: 0; background: url(../images/Naglowek-Referencje-podstrona3.jpg) top left no-repeat; overflow: hidden; }
#content .container .column-left .referencje-left .zdjecia { width:567px; }  /*dodałąm*/


#content .container .column-left .zdjecia { overflow: hidden;}
#content .container .column-left img { float: left; border: 2px solid #999ca3; margin: 4px 5px 4px 10px; display: inline;}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#content .container .one-column { float: left; width: 980px; position: relative; margin: 30px 0 0 50px; display: inline; padding: 50px 0 0 10px; overflow: hidden;}
#content .container .one-column h2 {  display: block; position: absolute; top: 0; left: 0px; width: 567px; height: 28px; }
#content .container .one-column h2 span { display: block; position: absolute; width: 567px; height: 28px; top: 0; left: 0; background: url(../images/RealizacjeProjektow-podstrona1.gif) top left no-repeat; overflow: hidden;  }
#content .container .one-column .kontakt-left h2 span { display: block; position: absolute; width: 567px; height: 28px; top: 0; left: 0; background:url(../images/Naglowek-Kontakt-podstrona5.gif) top left no-repeat; overflow: hidden;  }
#content .container .one-column .opis h3 { padding: 0; margin-top: 5px; }
#content .container .one-column .opis p { padding: 5px 35px; }

#content .container .one-column .zdjecia {overflow: hidden; padding-left: 28px; padding-bottom: 10px;}
#content .container .one-column .zdjecia img {float: left; border: 2px solid #999ca3; margin: 4px 5px 4px 10px; display: inline;}
#content .container .one-column .kontakt-left img {float: left; border: 2px solid #999ca3; margin: 4px 5px 4px 10px; display: inline;}
#content .container .one-column table { float: left; width: 450px; }
#content .container .one-column #adresy { text-align: right;}
#content .container .one-column #adresy tr td a { text-align: left; float: left;}   /*wyrównanie do lewej tekstu w tabeli*/
#content .container .one-column #adresy tr td .zdjecia { float: left; padding-left: 0; }
#content .container .one-column #ost p{ float: left; padding: 70px 0;}

#content .container .column-left .kontakt-left h2 {  display: block; position: absolute; top: 0; left: 0px; width: 567px; height: 28px; }
#content .container .column-left .kontakt-left h2 span { display: block; position: absolute; width: 567px; height: 28px; top: 0; left: 0; background: url(../images/Naglowek-Kontakt-podstrona5.gif) top left no-repeat; overflow: hidden;  }
#content .container .column-left .kontakt-left p { padding: 5px 0; }



/*KOLUMNA PRAWA*/
#content .container .column-right {	float: left; overflow: hidden; width: 385px;}
#content .container .column-right a img { margin-top: 30px;	margin-right: 0; margin-bottom: 0px; margin-left: 0;}
#content .container .column-right p {	font: 0.875em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;  padding-top: 10px; padding-left: 65px;}

/*grupa ostatnie realizacje*/
#content .container .column-right .ostatnie-realizacje-right{ position: relative; margin-top: 30px;}
#content .container .column-right .ostatnie-realizacje-right h3 { display: block; position: absolute; top: 0px; right: 0; width: 322px; height: 28px; }
#content .container .column-right .ostatnie-realizacje-right h3 span { display: block; position: absolute; width: 322px; height: 28px; top: 0; left: 0; background: url(../images/Naglowek-Realizacje-podstrona1.gif) top left no-repeat; overflow: hidden;  }
#content .container .column-right .ostatnie-realizacje-right a.button img { margin: 0 10px 10px 220px; }  /*przycisk więcej*/

/*grupa oferta*/
#content .container .column-right .oferta {position: relative; }
#content .container .column-right .oferta h3 { display: block; position: absolute; top: 0; right: 0; width: 322px; height: 28px; }
#content .container .column-right .oferta h3 span { display: block; position: absolute; width: 322px; height: 28px; top: 0; left: 0; background: url(../images/Naglowek-Oferta-podstrona1.gif) top left no-repeat; }
#content .container .column-right .oferta p { padding-top: 40px;}
#content .container .column-right .oferta a.button img { margin: -30px 10px 10px 220px; }  /*przycisk więcej*/

/*grupa o firmie*/
#content .container .column-right .ofirmie {position: relative; margin: 30px 0; }
#content .container .column-right .ofirmie h3 { display: block; position: absolute; top: 0; right: 0; width: 322px; height: 28px; }
#content .container .column-right .ofirmie h3 span { display: block; position: absolute; width: 322px; height: 28px; top: 0; left: 0; background: url(../images/Naglowek-Ofirmie-podstrona2.gif) top left no-repeat; }
#content .container .column-right .ofirmie p { padding-top: 40px;}
#content .container .column-right .ofirmie a.button img { margin: -20px 10px 10px 220px; }  /*przycisk więcej*/

/*grupa certyfikat*/
#content .container .column-right .certyfikat { position: relative; margin-top: 30px; margin-bottom: 15px;}
#content .container .column-right .certyfikat h3 { display: block; position: absolute; top: 0px; right: 0; width: 322px; height: 28px; }
#content .container .column-right .certyfikat h3 span { display: block; position: absolute; width: 322px; height: 25px; top: 0px; left: 0; background: url(../images/Naglowek-Certyfikat-podstrona1.gif) top left no-repeat; overflow: hidden; }
#content .container .column-right .certyfikat a.button img { margin: 0px 10px 10px 220px; }  /*przycisk więcej*/ 

/*grupa referencje*/
#content .container .column-right .referencje { position: relative; margin-top: 30px; margin-bottom: 15px;}
#content .container .column-right .referencje h3 { display: block; position: absolute; top: 0px; right: 0; width: 322px; height: 27px; }
#content .container .column-right .referencje h3 span { display: block; position: absolute; width: 322px; height: 28px; top: 0px; left: 0; background:url(../images/Naglowek-Referencje-322.gif) top left no-repeat; }
#content .container .column-right .referencje a.button img { margin: 10px 10px 10px 220px; }  /*przycisk więcej*/ 
#content .container .column-right .referencje p { padding-top: 40px;}

/*grupa kontakt*/
#content .container .column-right .kontakt { position: relative; }
#content .container .column-right .kontakt h3 { display: block; position: absolute; top: 0; right: 0; width: 322px; height: 27px; }
#content .container .column-right .kontakt h3 span { display: block; position: absolute; width: 322px; height: 27px; top: 0; left: 0; background: url(../images/Naglowek-Kontakt-podstrona1.gif) top left no-repeat; }
#content .container .column-right .kontakt p { padding-top: 40px;}
#content .container .column-right .kontakt a.button img { margin: -30px 10px 10px 220px; }  /*przycisk więcej*/