* { margin: 0; padding: 0; border: 0; }

body, html { width: 100%; height: 100%; cursor: default; }

body {
	font: 14px normal normal Tahoma, Verdana, Arial, sans-serif; 
	color: #34344e; 
	background: #fff url(../gfx/background.jpg) repeat-x top left;
	text-align: justify;
}

a:link, a:visited, a:hover, a:active, a:focus { text-decoration: none; }
a:link, a:visited, a:active { color: #89a8d3; }
a:hover, a:focus { color: #a2cad7;}

h1 { text-align:left; margin-bottom:18px; font-weight:normal; }
h2 { text-align:center; margin-bottom:12px; font-weight:normal; }
h2 { font-size: 18px; color: #2b678e; }
h1 { font-size: 24px; color: #fff; background-color: #2d6c94; padding: 5px 15px;}

.c { text-align:center;}

p { text-indent: 2em; margin-bottom:18px;}

#outsider {
    display: table;
    vertical-align: top;
    width: 100%;
    margin:0 auto;
}

#main {
    display:table;
    vertical-align:top;
    margin:0 auto;
    width:981px;
    border:0;
    padding:0;
}

#top {
    display:table;
    padding:0;
    margin:0;
    width:981px;
    height:411px;
    background: #fff url(../gfx/top.jpg) no-repeat top left;    
}

#content {
    display:table;
    padding:0;
    margin:0;
    width:981px;
    background: #fff url(../gfx/undertop_bg.jpg) no-repeat top left;
}

#bottom-line {
    display:table;
    width:100%;
    height:1px;
    border-top: 2px solid #5f6064;
	margin-top:80px;
}

#bottom {
	width:981px;
	display:table;
	text-align:right;
	margin:0 auto;
	vertical-align:top;
}

#bottom-image {
	display:block;
        width:258px;
	height:142px;
	background: #fff url(../gfx/logo.png) no-repeat bottom center;
	position:relative;
	z-index:15;
	/* dla ie: left:-124px; */
	left:600px;
	top:-90px;
}

#bottom-linki {
	display:inline;
	margin-right:265px;	
}

/*
 * 
 *	Warstwy ktore trzymaja w sobie buttony:
 * 
 */

#l1, #l2, #l3, #l4 { position:relative; top: 85px;}

#l1 { left:140px; width: 102px;	height:38px; }
#l2 { top: 75px; left:147px; width: 129px;	height:30px; }
#l3 { top: 66px; left:151px; width: 130px;	height:38px; }
#l4 { top: 57px; left:162px; width: 98px;	height:36px; }

#lp1 { position:relative; top:0; left:125px; width:200px; height:130px;}

a.elp1:link, a.elp1:visited, a.elp1:active { 
	display:block;
	width: 200px; height:130px;
}

a.elp1:hover, a.elp1:focus { 
	outline:0;
}

a.elp2:link, a.elp2:visited, a.elp2:active { 
	display:block;
	width: 258px; height:142px;
}

a.elp2:hover, a.elp2:focus { 
	outline:0;
}

/*
 * 
 *	Button 1 'O firmie' 
 * 
 */

a.el1:link, a.el1:visited, a.el1:active { 
	display:block;
	background: transparent url(../gfx/ofirmie-b.png) no-repeat top left;
	width: 102px; height:38px;
}

a.el1:hover, a.el1:focus { 
	outline:0;
	background: transparent url(../gfx/ofirmie-a.png) no-repeat top left;
}

/*
 * 
 *	Button 2 'Oferta'
 * 
 */

a.el2:link, a.el2:visited, a.el2:active { 
	display:block;
	background: transparent url(../gfx/oferta-b.png) no-repeat top left;
	width: 129px;	height:30px;
}

a.el2:hover, a.el2:focus { 
	outline:0;
	background: transparent url(../gfx/oferta-a.png) no-repeat top left;
}

/*
 * 
 *	Button 3 'Informacje'
 * 
 */

a.el3:link, a.el3:visited, a.el3:active { 
	display:block;
	background: transparent url(../gfx/informacje-b.png) no-repeat top left;
	width: 130px;	height:38px; 
}

a.el3:hover, a.el3:focus { 
	outline:0;
	background: transparent url(../gfx/informacje-a.png) no-repeat top left;
}

/*
 * 
 *	Button 4 'Kontakt'
 * 
 */

a.el4:link, a.el4:visited, a.el4:active { 
	display:block;
	background: transparent url(../gfx/kontakt-b.png) no-repeat top left;
	width: 98px;	height:36px;
}

a.el4:hover, a.el4:focus { 
	outline:0;
	background: transparent url(../gfx/kontakt-a.png) no-repeat top left;
}

.form { 
	width:187px;
    height:17px;
    font-family:tahoma;
    font-size:10px;
    background-color:#ffffff;
    color: #111; /* #7C7C7C; */
    margin-left:0px;
    margin-right:0px;
	border:1px solid black;
}
                                                                                                                                                            
.textarea { 
	width:393px;
	height:97px;
	font-family:tahoma;
	font-size:10px;
	background-color:#ffffff;
	color:#111 /*7C7C7C*/ ;
	overflow:auto;
	margin-left:0px;
	margin-right:0px;
	border:1px solid black;
}                        

.buton {
	border:1px solid black;
	background-color: #ccc;
	color: #111;
	padding:5px;
}

a.kontakt { font-size: 26px; }
a.kontakt:link, a.kontakt:visited, a.kontakt:active { text-decoration: underline; }
a.kontakt:hover, a.kontakt:focus { color: #000; text-decoration: underline;}

#map {
	width: 570px;
	height: 400px;
	overflow: hidden;
	font: normal 11px Verdana, Arial, sans-serif;
	color: black;
	background: #fff;
	margin: 5px auto;
	border:1px solid #aaa;
}