body {text-align:center;  background:#fff url(../images/body-bg.gif) repeat-x; color:#424647; font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-size:12px;}

/* wyzerowanie marginesow i paddingow */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}

/* clearing float */
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}

/* common styles */
.floatleft {float:left;}
.floatright {float:right;}
img {border: 0;}

/* main container */
#container {width:825px; margin:0 auto;}

/* header and menu */
#header {background:url(../images/header-bg.png) no-repeat; width:825px; height:136px; position:relative;}
#header #logo {position:absolute; top:32px; left:26px;}
#header .menu {position:absolute; left:225px; top: 75px; height:32px; list-style-type:none; background:url(../images/menu-bg.gif) repeat-x;}
#header .menu li {float:left;}
#header .menu li a { background:url(../images/menu-left.gif) no-repeat top left; line-height:250%; padding:6px 0 6px 13px; text-decoration:none; color:#fff;}
#header .menu li a span {background:url(../images/menu-right.gif) no-repeat top right; line-height:250%; padding:6px 13px 6px 0; text-decoration:none;}
#header .menu li a:hover { background:url(../images/menu-left-hover.png) no-repeat bottom left; line-height:250%; padding:6px 0 8px 13px; /padding:6px 0 0px 13px; text-decoration:none; color:#fff;}
#header .menu li a:hover span {background:url(../images/menu-right-hover.png) no-repeat bottom right; line-height:250%; padding:6px 13px 8px 0; /padding:7px 13px 6px 0; text-decoration:none;}
#header .menu li a.active { background:url(../images/menu-left-hover.png) no-repeat bottom left; line-height:250%; padding:6px 0 8px 13px; /padding:6px 0 0px 13px; text-decoration:none; color:#fff;}
#header .menu li a.active span {background:url(../images/menu-right-hover.png) no-repeat bottom right; line-height:250%; padding:6px 13px 8px 0; /padding:7px 13px 6px 0; text-decoration:none;}

/* content */
#content {background:#fff; width:767px; margin:0 auto; text-align:left;}
#content ul {list-style-type:none; line-height:120%;}
#content ul li {background:url(../images/list-dot.gif) no-repeat 1px 8px; padding:0 0 0 10px}
#content a {text-decoration:none;}
#content a:hover {text-decoration:underline;}

/* left side */
.leftside {float:left; width:390px;}
.leftside #headline {height:53px; background:#fcf9f5 url(../images/headline-bg.gif) no-repeat bottom left;}
.leftside #headline img {float:left;}
.leftside #headline h1 {float:left; color:#9b6c38; font-size:24px; font-family:"Times New Roman"; line-height:200%; padding-left:25px; font-weight:normal;}

.infobox {margin:10px 0 0px 10px; width:365px; padding-bottom:6px;}
.main .infobox h2 {font-size:18px; padding:10px 0 0 40px}
.infobox h2 {color:#9b6c38; font-size:20px; font-family:"Times New Roman"; font-weight:normal; padding:20px 0 0 42px}
.infobox .headtext {color:#561e14; font-weight:bold; padding-left:40px}
.infobox .textbox {border-left:13px solid #eaba6f; margin-top:10px;}
.main .infobox .textbox p {
	border-bottom:0;
	margin:0 60px 0 10px;
	text-indent:17px;
}
.infobox .textbox.intend p {
	text-indent:25px;
	margin:0 25px 14px 30px;
	text-align:left;
	line-height:120%;
}
.infobox .textbox p {
	margin:0 25px 4px 10px;
	text-align:left;
	line-height:120%;
}
.infobox .textbox.oferta {height:1425px; /height:1465px;}
.infobox .textbox.oferta p{margin-left:25px;}
.infobox .textbox .last { border-bottom:1px solid #be8688; padding-bottom:10px;}
.infobox .textbox .wiecej {display:block; border-bottom:1px solid #be8688; text-align:right; color:#8e6962; margin-left:10px; font-size:10px; padding:2px 10px 2px 0;}
.infobox .textbox ul {margin-left:10px;}
.infobox .textbox.oferta ul {margin-left:25px; margin-bottom:10px;}

.infobox.bg1 {background:url(../images/pic-02.jpg) no-repeat right top;}
.infobox.bg2 {background:url(../images/pic-03.jpg) no-repeat right center;}

.leftside .border {border-top:1px solid #be8688; height:1px; margin:0 10px 0 25px}
.rightside .border {border-top:1px solid #be8688; height:1px; margin:0 25px 0 10px}

/* right side */
.rightside {float:left; width:377px; background:url(../images/right-side-bg.png) no-repeat top;}
.rightside .right-side-box {background:#210002 url(../images/right-side-box-bg.jpg) repeat-x bottom; width:359px; color:#fff; padding-bottom:60px; margin-top:-4px;}
.tablica-left {float:left; width:95px; text-align:right; padding:30px 0 0 0;}
.tablica-right {float:left; width:240px; padding:30px 0 0 0;}
.main .tablica-right p {font-size:12px;}
.tablica-right p {text-align:justify;padding:0 0px 0 20px;line-height:120%; font-size:13px;}
.tablica-right p a {color:#fff; font-size:13px;}
.rightside a.wiecej {display:block; color:#d4ad6e; text-align:right; margin-left:10px; font-size:10px; padding:2px 10px 0 0;}

.rightside .infobox {margin:64px 0 0px 0px; width:365px; padding-bottom:6px;}
.rightside .infobox .textbox {border-right:13px solid #eaba6f; border-left:0; margin-top:10px; }
.rightside .infobox .textbox.oferta p, .rightside .infobox .textbox.oferta ul {margin-left:2px;}
.rightside .infobox h2 {padding-left:2px !important}

/* porady prawne */
.quotebox span {display:block; text-transform:uppercase}
.quotebox span.firstline {padding:20px 0 0 56px;}
.quotebox span.secondline {padding:0px 0 0 36px;}
.quotebox span.thirdline {padding:0px 0 0 16px;}
.quotebox p.floatright {padding-right:20px;}

#form label {display:block; color:#9b6c38;}
#form input {border:1px solid #630505; width:314px; padding:4px 3px; background:#fcf9f5;}
#form textarea {border:1px solid #630505; width:314px; height:163px; padding:4px 3px; background:#fcf9f5;}
#form input.submit {width:66px; height:23px; padding:0; color:#9b6c38; font-family:"Trebuchet MS"; font-size:12px; cursor:pointer; margin:20px 0 0 255px}
#form .leftborder {border-left:13px solid #eaba6f; margin-left:10px; padding-left:30px}
#form .noborder { margin-left:10px; padding-left:43px;}
#form label.error {color:red; font-size:11px; padding-bottom:5px;}
#form input.error { background:#FFDFDF}
#form textarea.error { background:#FFDFDF}

/* kadra */
.rightside.kadra {height:60px;}
.kadra-top {margin:20px 0 30px 0;}
.kadra-top .leftcolumn {
	float:left;
	width:767px;
}
.kadra-top .rightcolumn {float:right; width:360px;}
.kadra-top .leftcolumn p {text-indent:30px; padding:0 0 0 30px; text-align:justify}
.kadra-top .rightcolumn p {text-indent:30px; text-align:justify; padding:0 30px 0 0;}

.row {border-left:13px solid #eaba6f; border-right:13px solid #eaba6f; margin-top:90px; /overflow:hidden;}
*html .row {overflow:auto; width:96%;}
.row.last {border-right:0;}
.row .picture {float:left; margin:-52px 0 0 -13px; padding-right:10px;  position:relative; width:84px; height:114px;}
.row .rightcolumn .picture {float:left; margin:-52px 0 0 0px; }
.row .picture img {position:absolute; top:0px; left:0px;}
.row h4.person {position:absolute; top:-56px; left:80px; color:#9b6c38; font-size:24px; font-family:"Times New Roman"}
.row h4.person span {font-size:18px;}
.row .rightcolumn h4.person {left:93px; }
.row .border {height:1px; border-bottom:1px solid #b18282; margin:0 10px; padding-top:5px;}
.row .leftcolumn {float:left; width:370px; position:relative;}
.row .rightcolumn {float:right; width:355px; position:relative;}
.row .leftcolumn p { padding:10px 0 0 10px;}
.row .rightcolumn p { padding:10px 10px 0 0;}

/* kariera */
a.mailto {font-size:14px; color:#620505; display:block; font-weight:bold; text-align:right; padding-top:20px;}
.klauzula {padding:15px 50px;}
p.pwrap {padding:18px 15px 10px 15px;}

/* kontakt */
.rightside.kontakt p {text-align:center; padding-top:15px;}
.infobox .textbox.kontakt .last {padding:0 15px 4px 20px; margin-right:10px; text-align:justify; line-height:120%;}
.moreinfo {color:#9b6c38; margin:8px 15px 0 22px; border-bottom:1px solid #b18282; padding-bottom:3px;}
.infobox h2.lodz {background:url(../images/lodz-dot.jpg) no-repeat 5px 14px; color:#9b6c38; font-size:20px; font-family:"Times New Roman"; font-weight:normal; margin-left:20px; padding:15px 0 0 42px}
.infobox h2.poznan {background:url(../images/poznan-dot.jpg) no-repeat 5px 14px; color:#9b6c38; font-size:20px; font-family:"Times New Roman"; font-weight:normal; margin-left:20px; padding:15px 0 0 42px}

/* dojazd */
#maps {margin-top:65px;}
.infobox.dojazd {margin-top:235px;}

/* footer */
#footer {height:87px; background:url(../images/footer-bg-green.gif) repeat-x 0 15px; margin:30px 0 10px 0px}
#footer .footer-content {width:825px; height:87px; margin:0 auto; position:relative; background:url(../images/footer-bg.png) no-repeat;}
#footer .footer-menu {list-style-type:none; position:absolute; top:-4px; left:205px;}
#footer .footer-menu li {display:inline; padding:0 5px 0 5px;}
#footer .footer-menu li a {color:#9b6c38; font-size:10px; text-decoration:none;}
#footer .footer-menu li a:hover {text-decoration:underline;}
#footer p.floatleft {font-size:10px; color:#d5cbc3; padding-top:35px; padding-left:60px;}
#footer p.floatright {font-size:10px; color:#d5cbc3; padding-top:35px; padding-right:60px;}
#footer .copy {
	position:absolute;
	bottom:-20px;
	left:0px;
	color:#9b6c38;
	font-size:10px;
}