/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF url(images/top-tail.gif) top repeat-x;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.813em;
		line-height:1.231em;
		color:#8d8d8d;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#51a6db;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

li { background:url(images/list-bg.gif) no-repeat 0 7px; padding-left:16px; font-size:0.846em; line-height:1.636em;}
li a {color:#70ade7;}

.link {background:url(images/link-bg.gif) no-repeat 0 7px; padding-left:8px;}

.link2 {background:#424242 url(images/link2-bg.gif) no-repeat 10px 10px; display:block; font-size:0.923em; line-height:1em; font-weight:bold; color:#c5c5c5; text-decoration:none; padding:7px 20px 9px 24px;}
.link2:hover {background:#5d5b5b url(images/link2-bg.gif) no-repeat 10px 10px;}

h3 {color:#5887b7; text-transform:uppercase; font-size:0.923em; line-height:1.667em; margin-bottom:9px;}

.imgindent {margin:0 32px 0 0; float:left;}
.imgindent2 {margin:0 16px 0 0; float:left;}
.title {margin-bottom:23px;}

/* ============================= content ====================== */

#page7 #content {padding:15px 0 45px 76px;}
.box {background:#f2f2f2 url(images/box-bg.gif) top repeat-x; padding:30px 21px 24px 21px;}
.col-pad {padding-right:61px;}
.col-pad2 {padding-right:14px;}
.line {border-bottom:2px solid #e9e9e9; padding-bottom:45px; margin-bottom:33px;}

.padding1 {padding-top:15px;}
.padding2 {padding-top:33px;}
.padding3 {padding-left:17px;}
.padding4 {padding-bottom:20px;}
.img1 {margin:20px 0 20px 0;}
.indent {padding:15px 0 20px 20px; text-align:justify;}

.extra-col {width:175px; float:left;}

.color2 {color:#232323;}

/* ============================= footer ====================== */

#footer {color:#b7b7b7; font-size:0.923em; padding:24px 20px 0 0;}
#page7 #footer {margin-left:22px;}

/* ============================= forms ============================= */


#ContactForm .rowi {height:46px;}
#ContactForm a {float:right; margin-left:20px;}

.input {width:233px; height:15px; border:1px solid #7e7e7e; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:253px; height:107px; border:1px solid #7e7e7e; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em; margin-bottom:14px;}
#tytul_l {
	float: left;
}
#tytul_p {
	float: left;
}
#tytul_odstep {
	font-size:24px;
	color:#666666;
	padding-left: 10px;
	font-weight:bold;
	padding-top: 4px;
	height: 24px;
}
#tytul_odstep_czerwony {
	font-size:24px;
	color:#BE2D23;
	padding-left: 10px;
	font-weight:bold;
	padding-top: 4px;
	height: 24px;
}
#tytul_odstep_referencje {
	font-size:24px;
	color:#E84500;
	padding-left: 10px;
	font-weight:bold;
	padding-top: 4px;
	height: 24px;
}
#tytul_odstep_kontakt {
	font-size:24px;
	color:#308BB1;
	padding-left: 10px;
	font-weight:bold;
	padding-top: 4px;
	height: 24px;
}
#linia {
	clear:both;
	height: 20px;
}
div#miniaturka_galeria {
	float:left;
	padding-top: 15px;
	padding-left: 10px;
	width: 140px;
	height: 120px;
	text-align:center;
	font-size: 12px;
	color: #999999;
}
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(images/tlo-overlay.png); 
	font-size: 16px;
	color: #FFFFFF;
}
div#close {
	margin-right: 30px;
	margin-top: 10px;
	text-align: right;
}
div#pole_o {
	text-align:center;
}
.mala {
	font-size:10px;

}
.czysc {
	padding-top: 15px;
	text-align:center;
	font-size:16px;
	clear:both;

}