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

html, body {
	margin:0px;
	font-size:8pt;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:15pt;
	color:#666666;
	background:url('../images/bg.png');
	background-repeat:no-repeat;
	background-position:top center;
}

img {
	border:none;
}

a:link img.referencje, a:visited img.referencje {
	margin:15px;
	border:10px solid #d5d5d5;
}

a:hover img.referencje {
	border:10px solid #acacac;
}

#row {
	position:relative;
	top:20px;
}

#col1 {
	float:left;
	width:270px;
}

#col2 {
	float:left;
	width:270px;
}

#col3 {
	float:left;
	width:270px;
}

h2, h3 {
	font-size:8pt;
	color:#3a6496;
}

h1 {
	color:#3a6496;
	font-size:10pt;
	}

.important {
	font-weight:bold;
}

#myGallery {
	width: 961px !important;
	height: 327px !important;
	margin:0px;
}

a.purewhite {
	color:#fff;
	font-weight:bold;
}

a {
	text-decoration:none;
	color:#3a6496;
}

.color-link {
	color:#3a6496;
}

div#page {
	margin:0px auto;
	width:961px;
}

div#nasze-uslugi {
	float:left;
	width:600px;
}

div.uslugi-row {
	clear:both;
}

div.uslugi-col {
	float:left;
	width:280px;
	padding:10px;
	text-align:justify;
}

div#wspolpraca p {
	text-align:center;
}

div#zaufalinam p {
	text-align:center;
}

div#kontakt {
	position:relative;
}

div#kontakt-foto {
	position:absolute;
	top:0px;
	right:0px;
}

div#zaufalinam {
	float:left;
}

div#ofirmie {
	float:left;
	width:635px;
}

div#onas {
	float:left;
	width:600px;
	text-align:justify;
	margin-right:35px;
}

div#kariera {
	float:left;
	width:600px;
	margin-right:35px;
	text-align:justify;
}

div#wspolpraca {
	float:left;
}

div#referencje {
	position:relative;
	top:20px;
}

div#pathway {
	height:18px;
	padding:6px;
	background:#000;
	color:#fff;
}

#pathway a {
	color:#fff;
}

div#logotype {
	float:left;
}

div#hor-nav {
	float:right;
	padding-top:40px;
}

#hor-nav ul li {
	list-style-type:none;
}

#hor-nav ul {
	margin:0px;
	padding:0px;
}

#hor-nav li {
	float:left;
}

div#content {
	position:relative;
	top:10px;
	min-height:500px;
}

div.przyciski a {
	color:#fff;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	background:#000;
	margin:2px;
}

div.przyciski a:hover {
	color:#000;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	background:#fff;
	margin:2px;
}

div.przyciski ul li {
	list-style-type:none;
}

.date {
	font-weight:normal;
	color:#999;
}

div.przyciski ul {
	margin:0px;
	padding:0px;
}

div.przyciski li {
	float:left;
}

div#menu-up {
	width:220px;
	position:absolute;
	top:5px;
	right:0px;
}

#menu-up ul li {
	list-style-type:none;
}

#menu-up ul {
	margin:0px;
	padding:0px;
}

#menu-up li a {
	background:#000;
	padding:0px 5px 0px 5px;
	color:#fff;
	float:left;
	margin:3px;
}

div#uslugi-bar {
	position:relative;
	top:-6px;
	background:#000;
}

#uslugi ul li {
	list-style-type:none;
}

#uslugi ul {
	margin:0px;
	padding:0px;
}

#uslugi li {
	float:left;
}

div#columny-lewe {
	float:left;
	margin-top:25px;
	width:600px;
}

div#column1 {
	width:600px;
}

div#column2 {
	width:600px;
	margin-top:20px;
}

div#column3 {
	float:left;
	width:240px;
}

div#column3-main {
	float:left;
	width:240px;
	margin-top:25px;
	margin-left:40px;
}

#column1 ul li {
	list-style-image:url(../images/pdf.gif);
}

#stopka {
	position:relative;
	top:40px;
}

#individual-page-link {
	padding:5px;
	text-align:center;
	float:right;
	width:249px;
	border-left:2px solid #fff;
	background:#3473a9;
}

#individual-page-link a {
	color:#fff;
}

#footer-menu {
	padding:5px;
	width:690px;
	background:#424242;
	float:left;
}

#footer-menu a {
	color:#fff;
}

#footer-menu ul {
	margin:0px;
	padding:0px;
}

#footer-menu ul li {
	list-style-type:none;
}

#footer-menu li {
	display:inline;
	margin:5px;
}

#copyright {
	text-align:center;
	color:#9f9f9f;
}

#copyright a {
	color:#9f9f9f;
	text-decoration:none;
	}

#copyright ul li {
	list-style-type:none;
}

#copyright li {
	display:inline;
	margin:5px;
}

#copyright ul {

}

.clr {
	clear:both;
}

.important {
	font-weight:bold;
}

/* zajebiste */

    .thumbnailWrapper ul {  
        list-style-type: none; /* remove the default style for list items (the circles) */  
        margin:0px; /* remove default margin */  
        padding:0px; /* remove default padding */  
    }  
    .thumbnailWrapper ul li {  
        float:left; /* important: left float */  
        position:relative; /* so we can use top and left positioning */  
        overflow:hidden; /* hide the content outside the boundaries (ZOOM) */  
   }  
   .thumbnailWrapper ul li a img {  
       width:200px; /* not important, the pics we use here are too big */  
       position:relative; /* so we can use top and left positioning */  
       border:none; /* remove the default blue border */  
   }  
   .caption{  
       position:absolute; /* needed for positioning */  
       bottombottom:0px; /* bottom of the list item (container) */  
       left:0px; /* start from left of the list item (container) */  
       width:100%; /* stretch to the whole width of container */  
       display:none; /* hide by default */  
       /* styling bellow */  
       background:#0c4b62;  
       color:white;  
       opacity:0.9;  
   }  
   .caption .captionInside{  
       /* just styling */  
       padding:10px;  
       margin:0px;  
   }  
   .clear { clear:both; } /* to clear the float after the last item */  
   
div.imageElement {
width:300px;
height:400px;
text-align:left;
float:left;
margin:10px;
}

div.imageElement a:link img, div.imageElement a:visited img {
	border:10px solid #d5d5d5;
	width:280px;
	height:180px;
}

div.imageElement a:hover img {
	border:10px solid #acacac;
	width:280px;
	height:180px;
}

span.pagination a{
display:block;
float:left;
width:5px;
margin:2px;
height:20px;
padding-top:2px;
padding-bottom:2px;
padding-left:8px;
padding-right:8px;
color:#fff;
background:#000;
}

div#pagination {
position:absolute;
top:10px;
right:10px;
}