/*#########################################*/
/*##### CSS Created by Paweł Daleszak #####*/
/*#########################################*/
@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background: url(../images/bg.jpg) no-repeat top center #fff;
	font-family: Tahoma, Verdana, Sans-serif, Arial;
	font-size: 12px;
	color: #333;
}

a { 
	text-decoration:none;
	color:#333;
}a:hover {
		text-decoration:underline;
}



div#all {
		width:1000px;
		margin:0 auto;
		overflow:hidden;
}
		
/* MENU-TOP
-----------*/

div#menu-top {
	height: 37px;
	float: right;
	padding-right:20px;
}
	div#menu-top ul.menu, ul.menu li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	div#menu-top ul.menu li {
		float: left;
	}
	div#menu-top ul.menu a {
		display: block;
		height: 37px;
		margin-left:11px;
	}
	div#menu-top ul.menu a.glowna {width: 135px; background: url(../images/glowna.jpg) no-repeat scroll top left;}
	div#menu-top ul.menu a.ofirmie {width: 135px; background: url(../images/ofirmie.jpg) no-repeat scroll top left;}
	div#menu-top ul.menu a.referencje {width: 135px; background: url(../images/referencje.jpg) no-repeat scroll top left;}
	div#menu-top ul.menu a.galeria {width: 135px; background: url(../images/galeria.jpg) no-repeat scroll top left;}
	div#menu-top ul.menu a.kontakt {width: 135px; background: url(../images/kontakt.jpg) no-repeat scroll top left;}

	div#menu-top ul.menu a.glowna:hover {width: 135px; background: url(../images/glowna.jpg) no-repeat scroll bottom left;}
	div#menu-top ul.menu a.ofirmie:hover {width: 135px; background: url(../images/ofirmie.jpg) no-repeat scroll bottom left;}
	div#menu-top ul.menu a.referencje:hover {width: 135px; background: url(../images/referencje.jpg) no-repeat scroll bottom left;}
	div#menu-top ul.menu a.galeria:hover {width: 135px; background: url(../images/galeria.jpg) no-repeat scroll bottom left;}
	div#menu-top ul.menu a.kontakt:hover {width: 135px; background: url(../images/kontakt.jpg) no-repeat scroll bottom left;}

div#top {
		height:37px; padding-top:54px; }
		
div#p {height:298px;}


div#txt { background:url(../images/txt_top.jpg) no-repeat scroll 0 0 #fff; padding:20px; overflow:hidden;}
div#txt_down {height:23px; background:url(../images/bg_txt.jpg) no-repeat scroll 0 0;}

div#txt h1 { font-size:15px; color:#006ea6; margin-bottom:15px; border-bottom:1px solid #006ea6; padding:2px 10px; }

a.cal {font-weight:bold; background: #F3F3F3; padding:5px 30px; font-size:11px;}

div#lewa {float:left; width:520px; }
div#prawa {
	float:right;
	width:400px;
}

/* INNE
-----------*/


.images:link img{
	border: 1px solid #000;
	padding:1px;
	margin:4px;
}
.images:visited img{
	border: 1px solid #000;
}
.images:active img{
	border: 1px solid #000;
}
.images:hover img{
	border: 1px solid #009FDF;
}



/* FOOTER
-----------*/
a.mediamagic {text-decoration:none; color:#3E3E3E;}
a.mediamagic:hover {text-decoration:underline;}
div#footer {
	width:960px;
	border-top:1px solid #BABABA;
	font-size:11px;
	margin-top:10px;
	padding: 5px 20px;
	height: 20px;
	color:#3E3E3E;
}
div.cop {
		float:left;
}
div.wyk {
		float:right;
}

div#adres {
	width:300px;
	margin-top: 10px;
	}
div#dane {
	float:left;
	width:300px;
	height:520px;
	}
div#mapa {
	float:right;
	width:600px;
	margin-left:10px;
	padding:2px;
	height:510px;
	}
div.mapa_blok {
	padding:1px;
	border:3px solid #454F6F;
	}