/* <default rules> */
/* it's recommended not to change them */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
img {vertical-align:top;}
ul,ol { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
.clearer { clear: both; height: 1px; overflow: hidden; margin-bottom: -1px; font-size: 1px; line-height: 1px; }
.replacement { position: absolute; z-index: 10; background-repeat: no-repeat; }
a:link, a:visited { text-decoration:underline; }
a:hover { text-decoration:none;}
a .replacement {	z-index: 20; cursor: hand; }
/* </default rules> */

/* elements */
body { font-family: Arial, sans-serif; font-size:12px; color:#666; background:#000 url(../pix/body-bg.jpg) repeat-x center 64px; padding-bottom:20px; }
a { color:#9c3699; }

#wrapper { width:1001px; margin:0 auto; }

#header { position:relative; height:64px; background:url(../pix/header-bg.jpg) no-repeat; }

#home a { display:block; width:200px; height:120px; position:absolute; top:0; left:0; z-index:100;}

#presentation { height:391px; }

/*    logo    */
#logo h1 { display:inline; position:relative; float: left; width:199px; height:98px; overflow:hidden; }
#logo h1 .replacement { left: 0; top: 0; width: 199px; height: 98px; background-image: url(../pix/logo-top.jpg); }
#lead #logo-bottom { display: inline; position: relative; float: left; width:199px; height:103px; overflow:hidden; }
#lead #logo-bottom .replacement { left: 0; top: 0; width: 199px; height: 103px; }

/*    menu    */
#menu { position:absolute; right:85px; top:18px; display:block; clear:both; z-index:10;}
#menu ul { margin:0; padding:0; float:left; }
#menu li {margin:0; padding:0; float:left; font-size:13px; font-weight:bold;}
#menu a { color:#8b899a; margin:0 0 0 45px; text-decoration:none; }
#menu a:hover { text-decoration:underline; }
#menu a.active {}

#lang { position:absolute; right:0px; top:18px; display:block; clear:both; z-index:10; font-weight:bold;}
#lang a { color:#3f5a97; text-decoration:none; }
#lang a.active { color:#766bad; }
#lang a:hover { color:#fff; }

#boxes { height:245px; position:relative}
#boxes .box { width:398px; margin:0; float:left; }
#boxes .box a { display:block; color:#615b7a; text-decoration:none; padding:112px 55px 0 155px; text-align:right; }
#boxes .box a:hover { color:#9891b6; }
#boxes .box-kontakt { width:205px; margin:0; float:left; }
#boxes .box-kontakt a { display:block; width:205px; height:245px; }

#iso { height:104px; background: url(../pix/iso.jpg) no-repeat top right; color:#999; width:785px; float:left;}
#iso p { text-align:right; padding:21px 110px 0 0; }

#ue { height:104px; background: url(../pix/promo-ue.gif) no-repeat right 10px; width:197px; float:right;}
#ue a { height:104px; width:197px; display:block; }

#footer { height:85px; background:url(../pix/footer-bg.jpg) no-repeat; color:#4c4b57; }
#footer p { padding:18px; font-size:11px; }

/* ----------- SITE ---------------- */
#photo { display:inline; position:relative; float:left; width:1001px; height:102px; overflow:hidden; }
#photo .replacement { left:0; top:0; width:1001px; height:102px; background-image:url(../pix/site-photo.jpg); }

#content { clear:both; width:1001px; background:#fff url(../pix/content-bg.gif) no-repeat; margin-bottom:10px;}
#content-inner { width:1001px; background-position:bottom left; background-repeat: no-repeat; }

#navi { width:172px; float:left; }
#navi ul { padding:20px 0 20px 20px; line-height:1.9; }
#navi a {color:#515151; text-decoration:none; font-weight:bold; font-size:13px; }
#navi a:hover {text-decoration:underline; }
#navi .active a { font-weight:bold; color:#9c3699; }

#tresc { width:564px; float:left; border-left:1px solid #aa8eb9; border-right:1px solid #aa8eb9; }
#tresc-inner { padding: 0px 50px 0px 50px; min-height:854px; }
#tresc-inner h1 { margin:20px 0; font-size:18px; }
#tresc-inner h4 { margin:20px 0 0 0; }
#tresc-inner p { margin:20px 0; }
#tresc-inner ul { margin:20px 0; }
#tresc-inner ul li { margin:8px 0 8px 20px; list-style:square; }
#tresc-inner ol { margin:20px 0; }
#tresc-inner ol li { margin:8px 0 8px 23px; list-style:decimal; }

.confirm { color:#6ca521; font-weight:bold; }
#tresc-inner .form { }
#tresc-inner label { margin-top:10px; display:block; font-weight:bold; }
#tresc-inner .input { border:1px solid #b469ab; background:#ecc0ec; padding:3px; width:373px; font: 11px Arial}
#tresc-inner .input:focus { background:#edd3f4; }
#tresc-inner .textarea:focus { background:#edd3f4; }
#tresc-inner .textarea { border:1px solid #b469ab; background:#ecc0ec; padding:3px; width:373px; height:100px;font:11px Arial }

#promo { margin-bottom:90px;}

#realizacje {  min-height:854px; padding-top:10px; }
.box-foto { display:block; width:564px; height:192px; background-position:top center; background-repeat:no-repeat;}
.box-realizacje { border-bottom:1px solid #aa8eb9; } 
.box-realizacje p { padding:7px 16px; } 
.pagination p { padding:16px;}
.pagination .current { font-weight:bold;}

.box-ref { display:block; width:60px; height:60px; background-position:top center; background-repeat:no-repeat; float:right;}
.box-referencje { border-bottom:1px solid #aa8eb9; padding:15px 0;} 
#tresc-inner .box-referencje p { padding:0 20px 0 0; float:left; width:380px; margin:0; } 
#tresc-inner .box-referencje p:first-line { font-weight:bold; } 

.line { display:block; padding:15px 0; }
h4 { clear:both; border-top:1px solid #a491be; padding-top:15px; margin-top:20px; }
.galery { padding:20px 0; float:left;}
.galery a { display:block; width:104px; height:104px; float:left; margin-right:3px; margin-bottom:3px;
					 background-repeat:no-repeat; background-position:center center;}
					 
#map_canvas { width:460px; height:400px; margin:0 auto; border:3px solid #b469ab; }