@import "reset.css";

body {
	background: #fff url(../img/bodybg.gif) repeat-x;
	font-family: tahoma;
	font-size: 11px;
	line-height: 15px;
	color: #696969;
}

a, a:visited, a:active {	color: #921d26; text-decoration: none;}
a:hover { color: #921d26; text-decoration: underline;}
strong {
	font-weight: bold;
	}
.cent { 
	position:relative; 
	width: 994px; 
	margin: 0 auto;
	padding-left: 7px;
}
#header {
	float: left;
	width: 994px;
	height: 114px;
	position: relative;
	}
	#header img.logo {
		position: absolute;
		left: 42px;
		top: 9px;
		}
	#header .flash {
		position: absolute;
		left: 410px;
		top: 9px;	
		}
#slideshow {
	float: left;
	overflow: hidden;
	
	}

#footer {
	float: left;
	width: 100%;
	height: 142px;
	margin-top: 12px;
	background: url(../img/footerbg.jpg) no-repeat center;
	color: #dd8e94;
	position: relative;
	}
	#footer a {
		color: #dd8e94;
		text-decoration: none;
		}
		#footer a:hover { 
		color: #ffffff;		
		text-decoration: underline;		
		}
	#footer .menu {
		position: absolute;
		top: 12px;
		left: 0;
		}
	#footer p {
		position: absolute;
		top: 95px;
		left: 25px;
		}
		#footer p.author {
			left: 790px;
			}
			
			
/* podstrona */


hr {
	background: #efeded;
	border: none;
	height: 1px;
	font-size: 0; line-height: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
	float: left;
	width: 620px;
	}
a.more {
	color: #921d26;
	float: left;
	width: 97%;
	padding-right: 3%;
	text-align: right;
	padding-top: 10px;
	height: 10px;

	}
#content {
	float: left;
	width: 99%;
	padding-top: 10px;
	padding-bottom: 15px;
	
	
	}
	#content p {
		line-height: 18px;
		padding-top: 15px;
		margin-top: 15px;
		float: left;
		}
		#content p strong {
			font-weight: bold;
			color: #931d25;
			}
	
	#sidebar {
		float: left;
		width: 258px;
		margin-left: 52px;
		display: inline;
		}

		#sidebar h2, #sidebar h4  {
			float: left;
			width: 258px;
			height: 20px;
			text-align: right;
			margin-bottom: 20px;
			font-weight: normal;
			display: inline;
			}
			#sidebar h4 { margin-top: 30px; }
			#sidebar h2 b, #sidebar h4 i {
				float: right;
				height: 40px;
				font-size: 22px;
				width: auto;
				display: inline;
				font-weight: normal;
				}
				 #sidebar h4 i {
				 	height: 29px;
					font-size: 14px; 
				}
			
		#sidebar ul {
			float: left;
			width: 258px;
			}
			#sidebar ul li {
				float: left;
				width: 258px; 
				}
				#sidebar ul li a {
					float: left;
					background: url(../img/ullia.gif) no-repeat;
					width: 222px; 
					height: 28px;
					color: #fff;
					padding-left: 36px;
					padding-top: 11px;
					text-decoration: none;
					}
					#sidebar ul li a:hover {
						text-decoration: underline;
						}
					#sidebar ul li.first-child a {
						background:url(../img/ulliafrst.gif) no-repeat;
						height: 27px;
						}
					#sidebar ul li.last-child a {
						background:url(../img/ulilials.gif) no-repeat;
						height: 29px;
						}
	
	#page {
		float: left;
		width: 630px;
		display: inline;
		margin-left: 34px;
		}
		#page h1, #page h2 {
			float: left;
			width: 630px;
			font-size: 18px;
			height: 20px;
			margin-top: 20px;
			}
			#page h2 { margin-top: 10px;}

.links {
					float: left;
					border-bottom: 1px solid #dbd8d8;
					width: 620px;
					padding-bottom: 10px;
					}
					.links a {
						text-decoration: none;
						color: #6d6565;
						}
						.links a:hover, .links a.act { text-decoration: underline;}
					.links ul {
						float: left;
						}
					.links ul li {
						float: left;
						margin-right: 20px;
						display: inline;
						}
						
		ul.imgs {
					float: left;
					margin: 0;
					padding-top: 5px;
					}
					ul.imgs li {
						float: left;
						margin-top: 10px;
						}
						ul.imgs li img {
							float: left;
							border: 2px solid #dbdbdb;
							margin-right: 11px;
							}
					#page p {
						display: block;
						margin-top: 0px;						
						}
						
.paging, .paging2 {
					float: left;
					margin-top: 20px;
					}
					.paging span, .paging2 span {
						float: left;
						width: 50px;
						padding-left: 3px;
						}
					.paging ul, .paging2 ul {
						float: left;
						}
						.paging ul li, .paging2 ul li {
							float: left;
							margin-right: 10px;
							display: inline;
							}
					.paging a, .paging2 a {
						color: #131313;
						text-decoration: none;
						}
						.paging a:hover, paging2 a:hover, .paging a.act, .paging2 a.act {
							color: #921d26;
							font-weight: bold;
							}
							
			.paging2 {
				width:620px;
				position: relative;
				border-top: 1px solid #eceaea;
				padding-bottom: 10px;
			}
			.paging2 div { 
				position: absolute;
				left: 470px;
				width: 124px;
				padding-left:16px;
				border-left: 1px solid #eceaea;
				padding-top: 10px;
				height: 27px;
			 }
			 	.paging2 div a {
					color: #929292; 
					border-right: 1px solid #929292;
					padding-right: 5px;
					padding-left: 5px; }
					.paging2 div a.last-child { border: none;}
					.paging2 div a:hover { color: #921d26; }
					
			.paging2 span, .paging2 ul {
				position: absolute;
				left: 345px;
				top: 10px;
				}
				
				.paging2 ul {left: 395px; } 
							
/* referencje */

.black {
	color: #070707;
	}
	
.call {
	float: left;
	width: 258px;
	height: 112px;
	background: url(../img/zadzwon.jpg) no-repeat;
	}
	.call strong {
		float: left;
		margin-top: 57px;
		margin-left: 25px;
		font-weight: normal;
		font-size: 18px;
		height: 25px;
	}
	
#footer ul {
		position: absolute;
		left: 765px; top: 20px;
		}
		#footer ul li {
			float: left;
			margin-left: 15px;
			}
			#footer ul li a {
				float: left;
				font-size: 11px;
				color: #fff;
				text-decoration: underline;
				padding-left: 21px;
				background: url(../img/print.gif) no-repeat 0 1px;
				}
			#footer ul li.first-child a { 
				background: url(../img/wstecz.gif) no-repeat 0 5px;
				padding-left: 13px;
				}
			#footer ul li.last-child a { 
				background: url(../img/dogory.gif) no-repeat 0 1px;
				padding-left: 17px;
				}
				#footer ul li a:hover { color: #DD8E94;}
				

.refs {
					float: left;
					width: 600px;
					padding: 20px 0;
					}
					.refs li {
						float: left;
						width: 100px;
						height: 70px;				
						}
						.refs li a {
							float: left;
							width: 100px;
							height: 70px;
							text-align: center;	
							display: table; #position: relative; overflow: hidden;
							}
							.refs li a span {
								#position: absolute;  #top: 50%;
							display: table-cell; vertical-align: middle;
								 
							}
							.refs li a span img { 
								#position: relative;  #top: -50%;
								cursor: pointer; cursor: hand;
							}
/* o firmie */


#content h5 {
					float: left;
					width: 600px;
					}
					ul.ofrm {
						float: left;
						width: 587px;
						padding-left: 13px;
						padding-top: 5px;
						padding-bottom: 30px;

						}
						ul.ofrm li {
							float: left;
							background: url(../img/dots.gif) no-repeat 0 7px;
							padding-left: 24px;
							width: 500px;
							font-weight: bold;
							color: #931d25;
							margin-top: 5px;
							}
					ul.ofrml {
						float: left;
						width: 587px;
						padding-left: 13px;
						padding-top: 5px;
						padding-bottom: 10px;

						}
						ul.ofrml li a{
							float: left;
							background: url(../img/dots.gif) no-repeat 0 7px;
							padding-left: 24px;
							width: 500px;
							font-weight: bold;
							color: #931d25;
							margin-top: 5px;
							text-decoration:none;
							}
						ul.ofrml li a:hover{
							text-decoration:underline;
							}														
					h5 {
						color: #070707;
						font-weight: normal;
						margin-top: 20px;
						}
					a.please {
						float: left;
						width: 580px;
						font-weight: bold;
						margin-left: 30px;
						display: inline;
						color: #931d25;
						text-decoration: underline;
						margin-top: 20px;
						}
						
/* kontakt  */

.teleadr {
					float: left;
					overflow: hidden;
					width: 420px;
					}
				img.mapka {
					float: left;
					margin-top: 20px;
					}
				.pole {
					float: left;
					width: 411px;
					border-bottom: 1px solid #eeeeee;
					padding-left: 14px;
					padding-bottom: 20px;
					padding-top: 20px;
					}
					.pole.last-child { border: none;}
					.pole span {
						font-weight: bold;
						float: left;
						}
					.pole a {
						float: left;
						display: inline;
						color: #921d26;
						text-decoration: none;
						}
						.pole a:hover {
							text-decoration: underline;
							}
					.pole div {
						float: left;
						width: 180px;
						}
						.pole div strong {
							color: #921d26;
							font-weight: bold;
							}
						
							
						.pole div em {
							color: #921d26;
							}


form {
					float: left;
					width: 612px;
					height: 325px;
					margin-top: 20px;
					padding-top: 10px;
					background:url(../img/formbg.gif) no-repeat 0 0;
					padding-left: 26px;
					}
					form a { color: #da251d; }
					form p {
						float: left;
						width: 250px;
						color: #010101;
						}
					form .col {
						float: left;
						width: 290px;
						padding-top: 10px;
						margin-right: 10px;
						}
					form h4 {
						float: left;
						width: 612px;
						color: #941d25;
						font-weight: bold;
						margin-top: 20px;
						}
					form label {
						float: left;
						margin-top: 15px;
						margin-bottom: 4px;
						}
						form label span {
							float: left;
							width: 117px;
							}
							
					
					form input, form select {
						float: left;
						width: 143px;
						border: 1px solid #e1e3e3;
						font-family: tahoma;
						font-size: 11px;
						color: #3f3c3d;
						padding: 3px 10px;
						}
						form select { padding-right: 3px; width: 165px; }
						form input.but, form input.but2  { 
							background: url(../img/clear.gif) no-repeat;
							width: 86px; height: 33px;
							border: none;
							padding: 0;
							font-weight: bold;
							color: #fff;
							cursor: pointer;
							margin-top: 15px;
							margin-left: 100px;
							display: inline;
							}
							form input.but2 { 
								background: url(../img/wyslij.gif) no-repeat; 
								margin-left: 0px; } 
					form textarea {
						border: 1px solid #e1e3e3;
						font-family: tahoma;
						font-size: 11px;
						color: #3f3c3d;
						width: 280px;
						float: left;
						height: 120px;
						margin-top: 10px;
						}
						form h6 {
							float: left;
							width: 270px;
							padding-left: 5px;
							font-weight: normal;
							margin-top: 10px;
							}
							form h6 strong {
								float: left;font-weight: normal;
								}
							form h6 b {
								float: right;font-weight: normal;
								color: #941d25;
								}
								
/* footer on the bottom */
html {
	height: 100%;
}
body {
	height: 100%;
}
#page_hold {
	float: left;
	width: 100%;
	position: relative;
	min-height: 100%;
}
* html #page_hold {
	height: 100%;
}

#footer {
	position: absolute;
	bottom: 0px;
	clear:both;
	left: 0;
}
#top {
	float: left;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	padding-bottom: 144px;
	
}
#container { position: relative; margin: 0 auto; width: 994px; }

#header img.logo {left: 43px;top: 14px}
.links a {background: url(../img/dots_red.gif) no-repeat 0 5px;padding-left: 15px}
.links ul li {margin-right: 10px}
.links ul li.first-child a {background:none;padding-left: 0}