@charset "utf-8";

/* ------------------------------------
 * --        TABLE OF CONTENT        --
 * ------------------------------------
 * 1. Global CSS reset
 * 2. Typografia (typography)
 * 3. Listy (lists)
 * 4. Tabele (tables)
 * 5. Formularze (forms)
 * 6. Często używane klasy (common classes)
 * 7. Main layout
 * 8. Subpages
 */

/* ------------------------------------ *
 * --           1. RESET             -- *
 * ------------------------------------ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, 
q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, hr, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
}

html, body  {
	background: #fff;
	color: #231f20;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.35;		
	text-align: left;
}

:root { overflow-y: scroll !important; }

img, fieldset { border: 0 none; outline: 0 none; }

/* focus - jakoś trzeba je jednak wyróżnić, przynajmniej w wypadku elementów formularza */
form :focus, a:focus { outline: 0 none; }  

a, em, strong, span, acronym, abbr, q, cite {
  color: inherit;	
	font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;	
  font-weight: inherit;
}

em { font-style: italic; }

strong { font-weight: bold; }

em strong, strong em {
  font-style: italic;
	font-weight: bold;
}

acronym, abbr {
	border-bottom: 1px dotted;	
	cursor: help;
}

q, cite, blockquote { quotes: none; }

a:link, a:active, a:visited, a:hover { 
	color: #a72c32;
	text-decoration: underline;
}

a:hover { text-decoration: none; }

/* ------------------------------------ *
 * --        2. TYPOGRAPHY           -- *
 * ------------------------------------ */

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #a72c32;
	font-weight: bolder;
	padding-bottom: 12px;
}

h1, h2 { 
	font-size: 16px;
}

h3 { 
	color: #505050;
	font: bolder 13px/1.35 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#sideCol h3, #sidebar h3 {
	color: #231f20;
	font: bolder 13px/1.35 Tahoma, Geneva, Arial, Helvetica, sans-serif;	
}

#sidebar .section-02 h3 {
	padding-bottom: 6px;
}

h4 { 
	font: bolder 12px/1.35 Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #a72c32;
}

h5, h6 { 
	font: bolder 12px/1.35 Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #231f20;
}


p, address, ul, ol, dl {
	font-style: normal;
	font-weight: normal;
	padding-bottom: 12px;
}

blockquote {
	margin: 0 10px 12px;
	font-style: italic;
	padding: 0 12px;
	border-left: 2px solid #a72c32;
}


/* ------------------------------------ *
 * --           3. LISTS             -- *
 * ------------------------------------ */

ol, ul { list-style: none; }

ol ul, ul ul { padding-bottom: 0; }

ol ul li, ul ul li { 
	padding-bottom: 1px;
	padding-top: 1px;
}

/* lista wypunktowana 01 */
ul.bulleted-01 li {
	background: url(../img/common/bull-01.gif) no-repeat 6px 6px;
	padding-left: 24px;
}

/* lista wypunktowana 02 */

ul.bulleted-02 { padding-bottom: 0; }

ul.bulleted-02 li {
	background: url(../img/common/bull-02.gif) no-repeat 0 3px;
	padding: 0 0 12px 24px;
}

ul.bulleted-02 ul.bulleted-01 {
	padding-top: 11px
}

ul.bulleted-02 ul.bulleted-01 li {
	background: url(../img/common/bull-01.gif) no-repeat 0px 7px;
	padding: 1px 0 0 18px;
}

/* lista numerowana */
ol.numbered {
	list-style: decimal-leading-zero outside;
	margin-left: 40px;
}

/* listy zagnieżdżone */
ol ul.bulleted-01 li, ul ul.bulleted-01 li {
	background: url(../img/common/bull-01.gif) no-repeat 2px 7px;
	padding-left: 22px;
	padding-bottom: 0;
}
ol ul.bulleted-02 li, ul ul.bulleted-02 li {
	background: url(../img/common/bull-02.gif) no-repeat 0 3px;
	padding-left: 22px;
	padding-bottom: 0;
}

/* zagnieżdżenie w sitemap */
ul.bulleted-02 ul.bulleted-01 ul.bulleted-01 {
	padding: 6px 0;
}

ul.bulleted-02 ul.bulleted-01 ul.bulleted-01 li {
	background: url(../img/common/bull-03.gif) no-repeat 0px 9px;
}
/* ------------------------------------ *
 * --           4. TABLES            -- *
 * ------------------------------------ */

table { /* nadać 'cellspacing="0"' w kodzie */
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 12px;
}

th, td {
	border-bottom: 1px solid #231f20;
	padding: 6px;
	text-align: left;
	vertical-align: top;	
}

th {
	font-weight: bold;
	background: #990033;
	color: #f1f1f1;
}

.everySecond td { background: #eed5d6; }

caption {
	caption-side: top;
	font-weight: bolder;
	padding: 0 0 6px 6px;
	text-align: left;
}

/* second form step table */
.quoteTbl tbody th { 
	color: #231F20;
	background: transparent;
}

.quoteTbl th, .quoteTbl td {
	vertical-align: middle;	
}

.quoteTbl .importantRow td, 
.quoteTbl .importantRow th {
	background: #EDEDED;
}

/* ------------------------------------ *
 * --           5. FORMS            -- *
 * ------------------------------------ */

/* buttony */
.button {
	background: #fff;
	border: 1px solid #505050;
	color: #505050;
	cursor: pointer;
	font: 11px/18px Arial, Helvetica, sans-serif;
	height: 18px;
	text-align: center;	
	padding: 0 6px 3px
}

.button:hover {
	background: #a72c32;
	color: #fff;
}

select, .textInput { border: 1px solid #505050; }

.textInput { 
	padding: 1px 4px; 
	width: 120px
}

select { width: 129px; }

.short {
	width: 40px;
}

select.short {
	width: auto;
}

legend {
	font: bolder 14px/1.35 Georgia, "Times New Roman", Times, serif;
	color: #a72c32;
	margin-bottom: 12px;
}

select:focus, .textInput:focus { border: 1px solid #a72c32; }

/* komunikaty o błędzie i powodzeniu */
.failure, .success {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 10px 12px; 
	padding: 6px 10px 6px 60px;		
}
.failure { 
	background: #fbe3e4 url(../img/common/error.gif) no-repeat 18px 50%;
	border: 1px solid #dc1919;
	color: #dc1919;
}

.failure a {
	color: #ff7348 !important;
	border: 0 none !important;
}

.failure a:hover { text-decoration: underline; }

.success { 
	background: #e6efc2 url(../img/common/success.gif) no-repeat 18px 50%;
	border: 1px solid #c6d880;
	color: #264409;
}

/* ------------------------------------ *
 * --       6. COMMON CLASSES        -- *
 * ------------------------------------ */

.invisible { display: none; }

.fl_l { float: left !important; }

.fl_r { float: right !important; }

img.fl_l { margin: 0 12px 12px 0; }

img.fl_r { margin: 0 0 12px 12px; }

.clear { clear: both; } 

.container { overflow: hidden; }

.bold { font-weight: bold; }

.noBorder { border: 0 none !important; }

.uppercase { text-transform: uppercase; }

.debug { border: 1px solid red; } /* shows el */

.maroon, .maroon * { color: #a72c32 !important; }

.framed {
	background-color: #fff;
/*	border: 1px solid #ccdce8;	*/
	border: 1px solid #e0e0e8;
	padding: 5px;
	display: block;
}

.important {
	font-weight: bolder;
	color: #430016;
}

/* ------------------------------------ *
 * --        7. MAIN LAYOUT        -- *
 * ------------------------------------ */

/* common for few blocks */
#wrapper, #masthead, #topNav, #footer {
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
	position: relative;
	z-index: 1;
}

#footer a, .more a, #sidebar .callout h3 a, 
.fastContact a, #breadcrumbs a.active, #breadcrumbs a.active:hover, .worksArea a { text-decoration: none !important; }

#footer a:hover, .more a:hover, #sidebar .callout h3 a:hover, 
.fastContact a:hover, .worksArea a:hover { text-decoration: underline !important; }

/* masthead */
#masthead {
	height: 168px;
	background: url(../img/common/masthead-bg.gif) no-repeat 0 0;
}

#masthead img {
	float: right; 
	display: block;
}

h1.logo, h1.logo a {
	height: 52px;
	overflow: hidden;
	padding: 0;	
	width: 254px;
}

h1.logo {
	background: url(../img/common/logo.gif) no-repeat 0 0;
	position: absolute; 
	left: 31px;
	top: 61px;
}

h1.logo a {
	display: block;
	text-indent: -9999px;
}

/* main top nav */
#topNav {
	background: #a72c32 url(../img/common/menu-bg.gif) repeat-x 0 0;
	font: normal 12px/1 Tahoma, Geneva, Arial, Helvetica, sans-serif;	
	height: 12px;
	padding: 6px 0;
	width: 960px;
}

#topNav li {
	float: left;
	border-left: 1px solid #fff;
	padding: 0 42px 0 43px;
}

#topNav li.f-c {
	border: 0 none;
	padding: 0 42px 0 10px;
}

#topNav li.l-c { padding: 0 10px 0 42px; }

#topNav a {
	color: #fff !important;
	text-decoration: none !important;
}

#topNav a:hover { text-decoration: underline !important; }

/* main content */
#content {
	float: left;
	padding: 12px 0;
	width: 714px;
	overflow: hidden;
}

/* right side content */
#sidebar {
	float: right;
	overflow: hidden;
	padding: 12px 0px;
	width: 230px;
}

/* footer */

#footer * { font-size: 11px; }

.f-bar {
	background: #ccccd9;
	padding: 4px 10px 2px;
	overflow: hidden;
	margin-bottom: 6px;
}

.f-bar ul {
	width: 75%;
	float: left;
	padding: 0;
}

#footer .credit {
	padding: 0 !important;
	width: 20%;
	float: right;
	text-align: right;
	color: #a72c32;
}

#footer li {
	float: left;
	border-left: 1px solid #daa19e;
	padding: 0 10px;
	line-height: 1;
}

#footer li:first-child {
	border: 0 none;
	padding: 0 10px 0 0;
}

#footer li a { color: #231f20 !important; }

#footer p { padding: 0 0 6px; }

#footer p+p { padding: 0; }

/* three cols for all but home */

#sideCol, #mainContent { overflow: hidden; }

#sideCol {
	width: 228px;
	float: left;
}

#mainContent {
	float: right;
	width: 471px;
}

/* ------------------------------------ *
 * --           8. SUBPAGES          -- *
 * ------------------------------------ */

#breadcrumbs {
	padding: 12px 0 0;
	line-height: 1;
	color: #a72c32;	
}

#breadcrumbs span { color: #231f20;	}

.topWrap, .worksArea { position: relative; }

.welcome, .worksArea, .headWrap {
	background: #fff url(../img/common/heading-cont-bg.gif) repeat-x 0 0;
	overflow: hidden;
}

.welcome, .worksArea {
	height: 47px;	
	width: 208px;
	float: left;
	margin-right: 15px;
	padding: 0 10px;
}

.worksArea {
	padding: 0 10px;
	width: 421px;
	margin-right: 0;
	text-align: right;
	padding-right: 40px
}

.worksArea h3 {
	color: #505050;
	font: bolder 14px/1.3 Georgia, "Times New Roman", Times, serif;
	padding: 4px 0 6px;
}

.topWrap h2 { padding-top: 14px; }

#showServ {
	height: 23px;
	width: 22px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-align: left;
	top: 14px;
	right: 9px;
	background: url(../img/common/unfold-01.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#showServ.fold { background: url(../img/common/unfold-01.gif) no-repeat 0 -23px; }

/* side menu - class used for lists with the look */
.sideNav a {
	background: #f6eaeb;
	display: block;
	padding: 3px 10px;
	border-bottom: 1px solid #fff !important;
	color: #505050 !important;
	text-decoration: none !important;
}

.sideNav a:hover, .sideNav a.active {
	background: #a72c32;
	color: #f1f1f1 !important;
}

#sidebar .sideNav a {	background: #ededed; }

#sidebar .sideNav a:hover, #sidebar .sideNav a.active {
	background: #eed5d6;
	color: #a72c32 !important;
}

.section-01 { border-bottom: 1px solid #231f20; }

.section-02 { border-top: 1px solid #c9c8c8; }

/* more links: bolder and to right */
.more {
	font-weight: bolder;
	text-align: right;
}

/* red right banner */
.fastContact {
	background: #940108 url(../img/common/banner-bg.gif) repeat-x 0 0;
	padding: 10px 10px 2px;
	margin-bottom: 14px;
}

.fastContact.diff { margin-bottom: 24px; }

.fastContact * { color: #fff !important; }

.fastContact strong, .fastContact span { display: block; }

.fastContact span { font-size: 16px }

.fastContact strong { font: bold 22px/1.3 Georgia, "Times New Roman", Times, serif; }

.row { overflow: hidden; }

.cell {	float: left; }

.grid3 .cell {
	border: 1px solid #bd6165;
	height: 306px;
	width: 206px;
	margin-right: 15px;
	padding: 6px 10px;
	overflow: hidden;
}

.row .third { margin: 0; }

#conveyGuide { background: #d6b144 url(../img/common/convey-guide.jpg) no-repeat 0 100%; }

#divorceGuide { background: #fff url(../img/common/divorce-guide.jpg) no-repeat 0 100%; }

#willGuide { background: #f2e9d2 url(../img/common/will-guide.jpg) no-repeat 0 100%; }

.cell h3 { padding-bottom: 6px;	}

.grid3 .cell h3 {
	color: #a72c32;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

.grid3 .cell p {
	padding-bottom: 6px;
	line-height: 1.15;
}

#conveyGuide h3, #divorceGuide h3, #willGuide h3 { font-size: 16px; }

.grid2 .cell {
	width: 355px;
	padding: 6px 0 22px;
}

.grid2 .cell:first-child { width: 342px; }

.grid2 .cell + .cell {
	width: 342px;
	float: right;
}

#servFullRange {
	background: #fff;
	width: 474px;
	padding: 10px 15px;
	border: 2px solid #a72c32;
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 275px;
	overflow: auto;
	margin-left: -274px;
	display: none;
}

.servGrid .cell {
	font-size: 11px; 
	width: 228px;
}

.servGrid .cell + .cell { float: right; }

.servGrid .cell h4 { padding-bottom: 6px }

.headWrap {
	padding: 12px 0;
	height: 23px;
	margin-bottom: 12px;
}

.headWrap p, .headWrap h3 {
	line-height: 23px !important;	
	padding: 0 10px;
	border-top: 1px solid #d5d5e0;
	border-bottom: 1px solid #cecedb;
}

.headWrap p span {
	padding-left: 5px;
	border-left: 1px solid #a72c32;
}

.callout {
	border: 1px solid #bd6165;
	padding: 6px 10px 0;
	margin: 0 0 14px;
	background: #fefefe url(../img/common/box-bg.gif) repeat-x 0 100%;
}

#sidebar .callout h3 {
	font: bolder 16px/1.3 Georgia, "Times New Roman", Times, serif;	
	padding-bottom: 6px;
	color: #a72c32;
}

#sidebar .callout p { font-size: 0.96em; }

.narrow { width: 390px; }

.dividedItems {
	border-top: 1px solid #bd6165;
	padding: 0;
}

.dividedItems li {
	border-bottom: 1px solid #bd6165;
	padding: 8px 0;
	overflow: hidden;
}

.dividedItems .thumb {
	display: block;
	float: left;
}

.dividedItems .details { margin-left: 142px; }

.dividedItems h3 {
	color: #231f20;
	padding-bottom: 8px;
}

.dividedItems span {
	display: block;
	padding-bottom: 6px;
}

.dividedItems p { padding-bottom: 0; }

.dividedItems .more { font-weight: normal; }

.dividedItems .more a { text-decoration: underline !important; }

.dividedItems .more a:hover { text-decoration: none !important; }

.contactData ul, .contactDataRow { width: 320px; }

.contactDataRow {
	overflow: hidden;
	padding-bottom: 8px;
}

.contactDataRow a, .contactDataRow .label, .quoteFrm li > label {
	font-weight: bolder;
	color: #a72c32;
}

p.contactDataRow { padding-bottom: 24px; }

p.contactDataRow a { font-weight: normal; }

.contactData {
	overflow: hidden;
	margin-bottom: 12px;
}

.contactData ul { float: left; }

.contactData img {
	display: block;
	border: 1px solid #747479;
	float: right;
}

.label {
	width: 165px;
	padding-right: 5px;
	display: block;
	float: left;
}

.data {
	width: 150px;
	display: block;
	float: right;
}

.quoteFrm ul {
	padding: 6px 0;
	border: solid #a72c32;
	border-width: 1px 0;
}

.quoteFrm li, .quoteFrm .entry {
	overflow: hidden;
	line-height: 24px;
	padding: 1px 0;
}

.detailsFrm li {
	border-bottom: 1px solid #fff;
	background: #ebebeb;
}

.grey { background: #ebebeb; }

.quoteFrm li > label, .quoteFrm .entry > label {
	display: block; 
	float: left;
	width: 120px;
	padding: 0 10px;
}

.quoteFrm .diff > label { width: 200px; }

.quoteFrm .diff > .inputWrap { width: 250px; }

.quoteFrm .diff-02 > label { width: 220px; }

.quoteFrm .diff-02 > .inputWrap { width: 230px; }

.updateFrm li > label { width: 140px;	}

.updateFrm .inputWrap { width: 310px;	 }

textarea.textInput {
	width: 240px;
	overflow: auto;
	height: 100px;
}

.inputWrap {
	width: 330px;
	float: right;
}

.inputWrap input[type="radio"] {
	margin-left: 0;
	margin-right: 5px
}

.inputWrap label { padding-right: 10px; }

.quoteFrm fieldset, .fieldset {
	text-align: center;
	padding: 12px 10px;
}

.quoteFrm .addInfo {
	font-size: 9px;
	vertical-align: middle;
}

.quoteFrm .frmSection {
	padding: 0;
	text-align: left !important;
}

.quoteFrm .frmSection + .frmSection legend { margin-bottom: 24px; }

.quoteFrm .bulleted-01 {
	border: 0 none !important;
	padding: 12px 0 !important;
}

.quoteFrm .bulleted-01 li {
	line-height: 1.35 !important;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

.quoteFrm .alt {
	padding: 24px 10px 12px;
	text-align: center;
}

.updateFrm fieldset {
	text-align: left;
	padding-left: 160px;
}

.updateFrm label {
 	font-weight: normal !important;
	color: #231f20 !important;
}

label em {
	font-weight: bolder;
	color: #a72c32;
}

div.testimonials
{
	text-align:left;
	
	}

div.testimonials div
{
	text-align:left;
	margin-bottom:20px;
	
}

div.testimonials #test1
{
	position:relative;
	left:0px;
	float:left;
	
}
	
div.testimonials #test2
{
	position:relative;
	right:0px;
	float:right;
}

div.testimonials #test3
{
	position:relative;
	right:0px;
	clear:both;
}

div.testimonials #test4
{
	position:relative;
	right:0px;
	float:right;
}
div.testimonials #test5
{
	position:relative;
	right:0px;
	clear:both;
}

div.testimonials #test6
{
	position:relative;
	right:0px;
	float:right;
}