/*******************************/
/*  Created by Mariusz Gałka   */
/*  Copyright by G-Solution    */
/*******************************/
@import url('reset.css');
@import url('formularze.css');
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #414243;
	background: #fff url(images/background.gif) repeat-x 0 0;
}
div {
	text-align: left;
}
p {
	text-align: justify;
	margin-bottom: 12px;
	line-height: 130%;
}
h2 {
	font-size: 18px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #af0d0d;
	font-weight: normal;
}
a {
	text-decoration: underline;
	color: #b41a1a;
}
a:hover {
	color: #6c0b0b;
}
a.link_wiecej {
	text-decoration: none;
	background: transparent url(images/b_wiecej.gif) no-repeat right center;
	padding: 0 15px 0 0;
}
/*----[ DODATKOWE KLASY ]-------------------------------------*/
.clear{
	clear: both;
}
.text_srodek {
	text-align: center;
	overflow: hidden;
}
.text_srodek img {
	border: 1px solid #dcdcdc;
	padding: 5px;
}
.text_prawa {
	text-align: right;
	overflow: hidden;
}
.img_right {
	float: right;
	border: 1px solid #dcdcdc;
	padding: 5px;
	margin: 0 0 15px 20px;
}
.podziekowania {
	padding: 25px 0;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.rodzina_home {
	border: 1px solid #ccc;
	padding: 2px;
	display: block;
	margin: 0 auto;
}
.n_dworcowa {
	display: block;
	font-size: 16px;
	background: #f8f8f8 url(images/background_menul.gif) repeat-x 0 0;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	margin: 0 9px;
	padding: 0 0 16px;
	color: #af0d0d;
	font-family: Verdana,Geneva,Tahoma,sans-serif;
	font-weight: normal;
	text-align: center;
}
a.link_pdf {
	background: transparent url(images/icon_pdf.gif) no-repeat left center;
	padding: 4px 0 4px 27px;
	line-height: 170%;
}
a.baner_mila {
	display: block;
	text-indent: -9999px;
	width: 263px;
	height: 122px;
	margin: 25px auto;
	background: transparent url(images/baner_mila_jasna.gif) no-repeat 0 0;
}
a.baner_dworcowa {
	display: block;
	text-indent: -9999px;
	width: 263px;
	height: 122px;
	margin: 25px auto;
	background: transparent url(images/baner_dworcowa.gif) no-repeat 0 0;
}
a.baner_mila:hover, a.baner_dworcowa:hover {
	background-position: 0 -122px
}
a.baner_rodzina_na_swoim {
	display: block;
	text-indent: -9999px;
	width: 300px;
	height: 135px;
	margin: 33px auto 0;
	background: transparent url(images/baner_rodzina_na_swoim.gif) no-repeat 0 0;
}
/*----[ SZKIELET ]-------------------------------------*/
#wrapper {
	width: 900px;
	margin: 0 auto;
	position: relative;
}
#komunikat {
	width: 698px;
	height: 447px;
	position: absolute;
	top: 200px;
	left: 101px;
	z-index: 2000;
}
#komunikat .linkClose {
	width: 22px;
	height: 19px;
	display: block;
	position: absolute;
	top: 29px;
	right: 31px;
	cursor: pointer;
}
#top_menu {
	padding: 15px 0;
	overflow: hidden;
	text-align: right;
}
#top_menu a {
	font-size: 11px;
}
#top_menu a.link_dojazd {
	background: transparent url(images/icon_dojazd.gif) no-repeat left center;
	padding: 0 0 0 18px;
	margin: 0 10px 0 0;
	text-decoration: none;
	color: #f2b100;
	font-weight: bold;
}
#top_menu a.link_polec {
	background: transparent url(images/icon_polec.gif) no-repeat left center;
	padding: 0 0 0 18px;
	margin: 0 10px 0 0;
	text-decoration: none;
	color: #788082;
}
#top_menu a.link_drukuj {
	background: transparent url(images/icon_drukuj.gif) no-repeat left center;
	padding: 0 0 0 15px;
	text-decoration: none;
	color: #788082;
}
#top_menu a:hover {
	text-decoration: underline;
}
#top {
	height: 68px;
	position: relative;
	margin: 0 0 5px;
	background: transparent url(images/background_top.gif) repeat-x 0 0;
}
#topBaner {
	height: 72px;
	position: relative;
	margin: 0 0 5px;
}
#top h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 337px;
	height: 68px;
}
#top h1.logo a {
	width: 337px;
	height: 68px;
	display: block;
	text-indent: -9999px;
	background: transparent url(images/logo_betpol_swieta.gif) no-repeat 0 0;
}
#menu {
	height: 68px;
	width: 487px;
	background: transparent url(images/menu.gif) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
}
#menu li { float: left; height: 68px; }
#menu li a { display: block; height: 68px; width: 100%; text-indent: -9999px; float: left; background: transparent url(images/menu.gif) no-repeat 0 0; }
#menu li.o_nas { width: 131px; }
#menu li.oferta_developerska { width: 230px; }
#menu li.kontakt { width: 126px; }
#menu li.o_nas a { background-position: 0 0; }
#menu li.oferta_developerska a { background-position: -130px 0; }
#menu li.kontakt a { background-position: -361px 0; }
#menu li.o_nas:hover a,
#menu li.o_nas a.active { background-position: 0 -68px; }
#menu li.oferta_developerska:hover a,
#menu li.oferta_developerska a.active { background-position: -130px -68px; }
#menu li.kontakt:hover a,
#menu li.kontakt a.active { background-position: -361px -68px; }
#prezentacja {  
	background-color: #fff;
	margin: 0 0 16px;
	padding: 4px;
	border: 1px solid #e3e3e3;
	overflow: hidden;
}
#prezentacja_in {  
	height: 200px;
	width: 443px;
	float: left;
	overflow: hidden;
}
#rodzina_na_swoim {
	background: #f7f7f7 url(images/background_rodzina_na_swoim.gif) repeat-x 0 0;
	height: 180px;
	width: 403px;
	float: right;
	overflow: hidden;
	padding: 10px 20px;
}
#rodzina_na_swoim a.link_rodzina {
	background: transparent url(images/logo_rodzina_na_swoim.gif) no-repeat 0 0;
	width: 311px;
	height: 74px;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 10px;
}
#rodzina_na_swoim p {
	margin: 0 0 10px;
	font-size: 11px;
}
#doradztwoKredytowe {
	border: 1px solid #af0d0d;
	text-align: center;
	padding: 10px;
	margin: 15px 0;
	/*height: 175px;*/
}
#doradztwoKredytowe h3 {
	color: #af0d0d;
	font-size: 12px;
	text-align: center;
}
#doradztwoKredytowe p {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 160%;
	margin: 0;
}
#doradztwoKredytowe p b {
	color: #b41a1a;
}
#doradztwoKredytowe p b, #doradztwoKredytowe p a {
	font-size: 12px;
}
#baner {
	background: #f7f7f7 url(images/background_rodzina_na_swoim.gif) repeat-x 0 0;
	height: 200px;
	width: 443px;
	float: right;
	overflow: hidden;
}
/*#baner {
	background: #f7f7f7 url(images/background_rodzina_na_swoim.gif) repeat-x 0 0;
	height: 104px;
	width: 403px;
	float: right;
	overflow: hidden;
	padding: 48px 20px;
}*/
#content {
	border-top: 2px solid #929292;
	border-bottom: 1px solid #e2e2e2;
	background: #fcfcfc url(images/background_content.gif) repeat-x 0 0;
	padding: 0 0 15px;
	overflow: hidden;
}
#czcionka {
	position: absolute;	
	right: 0;
	top: 27px;
	width: 35px;
	height: 12px;
}
#czcionka a {
	display: block;
	background: transparent url(images/b_czcionka.gif) no-repeat;
	text-indent: -9999px;
	height: 12px;
	float: left;
}
#czcionka a.zoom1 {
	width: 9px;
	background-position: 0 0;
}
#czcionka a.zoom1:hover {
	background-position: 0 -12px;
}
#czcionka a.zoom2 {
	width: 13px;
	background-position: -9px 0;
}
#czcionka a.zoom2:hover {
	background-position: -9px -12px;
}
#czcionka a.zoom3 {
	width: 13px;
	background-position: -22px 0;
}
#czcionka a.zoom3:hover {
	background-position: -22px -12px;
}
#czcionka a.font_up:hover {
	background-position: right 0;
}
#czcionka a.font_down {
	height: 25px;
	background-position: 0 -27px;
}
#czcionka a.font_down:hover {
	background-position: right -27px;
}
#stopka {
	padding: 15px 0 7px;
	overflow: hidden;
	color: #a7a7a7;
	font-size: 10px;
}
#stopka a {
	text-decoration: none;
}
#stopka .copy {
	float: left;
	width: 20%;
}
#stopka .menu_bottom {
	float: left;
	width: 60%;
	text-align: center;
	word-spacing: 7px;
}
#stopka .menu_bottom a {
	word-spacing: normal;
}
#stopka .realizacja {
	float: right;
	width: 20%;
	text-align: right;
}
#licznik {
	color: #a7a7a7;
	font-size: 10px;
	text-align: center;
	padding: 7px 0;
}
/*----[ Lewa ]-------------------------------------*/
#left {
	float: left;
	width: 281px;
	margin: 0 0 0 15px;
}
#left h3 {
	background: transparent no-repeat 0 0;
	height: 67px;
	text-indent: -9999px;
}
#left .h_oferta {
	background-image: url(images/background_h3_oferta.gif);
}
#left .h_ofirmie {
	background-image: url(images/background_h3_ofirmie.gif);
}
#left .h_kontakt {
	background-image: url(images/background_h3_kontakt.gif);
}
#left #menul {
	background: #f8f8f8 url(images/background_menul.gif) repeat-x 0 0;
	margin: 0 9px 15px;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	padding: 0 0 16px;
}
#left #menul li {
	background: transparent url(images/background_li_menu.gif) repeat-x left bottom;
	padding: 0 0 2px;
}
#left #menul li.last_menu {
	background: none;
	padding: 0;
}
#left #menul li a {
	display: block;
	background: transparent url(images/icon_menu.gif) no-repeat 18px 8px;
	padding: 7px 10px 7px 42px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	/*color: #777;*/
	text-decoration: none;
	line-height: 140%;
}
#left #menul ul {
	background: none;
	margin: 0;
	border: 0 none;
}
#left #menul ul li {
	background: none;
	padding: 0;
}
#left #menul li ul li a {
	background: transparent url(images/icon_podmenu.gif) no-repeat 42px 10px;
	padding: 5px 10px 5px 53px;
	font-size: 11px;
	font-weight: normal;
	color: #414243;
	cursor: pointer;
	line-height: 120%;
}
#left #menul li ul li a:hover {
	background-color: #fff;
}
#left #menul li a.active_menul {
	background-color: #fff;
	font-weight: bold;
}
/*----[ Prawa ]-------------------------------------*/
#right {
	float: right;
	width: 572px;
	padding: 20px 0 0;
	margin: 0 15px 0 0;
	position: relative;
}
#right h2 {
	color: #af0d0d;
	background: transparent url(images/icon_menu.gif) no-repeat 6px 6px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 19px;
	padding: 0 0 5px 30px;
	border-bottom: 1px solid #e2e2e2;
	margin: 0 0 20px;
	font-weight: normal;
}
#right h3 {
	font-size: 14px;
	margin: 0 0 4px;
}
#right ul, #tabele ul {
	margin: 0 0 12px 15px;
}
#right ul li, #tabele ul li {
	background: transparent url(images/icon_li.gif) no-repeat 0 6px;
	padding: 0 0 0 12px;
	margin: 4px;
	line-height: 130%;
}
/*----[ Oferta developera ]-------------------------------------*/
.img {
	padding: 2px;
	border: 2px solid #d9d9d9;
}
.img_right {
	padding: 2px;
	border: 2px solid #d9d9d9;
	float: right;
	margin: 0 0 10px 15px;
}
#lokalizacja_inwestycji {
	width: 568px;
	height: 400px;
	border: 2px solid #d9d9d9;
	background: transparent url(images/loader.gif) no-repeat center center;
}
#h_biuro_sprzedazy {
	width: 265px;
	height: 50px;
	background: transparent url(images/background_h3_biuro.gif) no-repeat 0 0;
	text-indent: -9999px;
	padding: 0;
	margin: 0 9px;
}
#biuro_sprzedazy {
	width: 265px;
	height: 96px;
	padding: 0 0 7px;
	margin: 0 9px;
	background: transparent url(images/background_biuro_bottom.gif) no-repeat 0 bottom;
}
#biuro_sprzedazy #biuro_sprzedazy_in {
	background: transparent url(images/background_biuro.gif) repeat-y 0 0;
	padding: 15px 0;
	text-align: center;
	line-height: 150%;
	font-size: 11px;
	height: 66px;
}
#tabela td {
	padding: 5px;
	border: 1px solid #A0A0A4;
}
/*----[ tabele ]-------------------------------------*/
#tabele {
	width: 1050px;
	margin: 0 auto;
}
#tabele a.wroc {
	font-size: 14px;
	font-weight: bold;
}
#tabele .biuro {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #000080;
}
#tabele .biuro a {
	color: #000080;
}
#tabele table {
	margin: 0 0 12px;
}
#tabele table td {
	padding: 10px;
	text-align: center;
	border: 1px solid #e3e3e3;
	background-color: #fff;
	white-space: nowrap;
}
#tabele table td.naglowek {
	padding: 5px 3px;
	text-align: center;
	background-color: #ebebeb;
	/*background: #a20a0a url(images/background_naglowek.gif) repeat-x 0 0;
	color: #fff;*/
	font-weight: bold;
}
#tabele table tr.promocja td {
	background: #f2f7ec url(images/background-promocja.gif) repeat-x 0 0;
	padding: 3px 10px
}
#tabele .rodzina_bank {
	float: right;
	border: 1px solid #e3e3e3;
	padding: 4px;
	background-color: #fff;
	margin: 0 0 0 15px;
	overflow: hidden;
}
#tabele #czcionka {
	position: static;
	float: right;
	width: 35px;
	height: 12px;
}
/*----[ formularze ]------------------------------------------------------------*/
#right #formularz {
	margin: 20px auto 12px;
	padding: 0;
	width: 450px;
}
#right #formularz li {
	border-top: 1px solid #e6e6e6;
	padding: 7px 0;
	overflow: hidden;
	margin: 0;
	background: none;
}
#right #formularz li.form_naglowek {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background-color: #ececec;
}
#right #formularz li.form_required {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}
#right #formularz li label {
	display: block;
	width: 150px;
	margin: 0 10px 0 0;
	float: left;
	text-align: right;
	padding: 4px 0;
}
#right #formularz li input, #right #formularz li textarea, #right #formularz li select {
	padding: 3px;
	border: 1px solid #d3d3d3;
	width: 270px;
	font-size: 11px;
	font-family: Tahoma, Sans-serif;
}
#right #formularz li textarea {
	overflow-y: scroll;
}
#right #formularz ul {
	margin: 0;
	padding: 0;
	width: auto;
	overflow: hidden;
}
#right #formularz ul li {
	border-top: 0 none;
	padding: 3px 0;
	overflow: hidden;
	margin: 0;
}
#right #formularz ul li input, #right #formularz ul li select {
	padding: 0;
	border: 0 none;
	width: auto;
	font-size: 11px;
	font-family: Tahoma, Sans-serif;
	overflow: auto;
	vertical-align: middle;
}
#right #formularz ul li textarea {
	padding: 3px;
	border: 1px solid #d3d3d3;
	width: auto;
	font-size: 11px;
	font-family: Tahoma, Sans-serif;
	overflow-y: scroll;
	width: 230px;
	vertical-align: top;
	margin: 0 0 0 5px;
}
#right #formularz li .submit {
	display: block;
	overflow: hidden;
}
#right #formularz li .submit input {
	background: transparent url(images/b_wyslij.gif) no-repeat 0 0;
	border: 0 none;
	cursor: pointer;
	height: 31px;
	max-height: 31px;
	padding-top: 31px;
	width: 93px;
}
#right #formularz li .submit input:hover {
	background-position: 0 -31px;
}
#right #formularz li input.error {
	background: transparent url(images/error.gif) no-repeat 260px center;
}
#right #formularz li label.error {
	color: #dd0000;
	display: block;
	width: auto;
	margin: 0;
	float: none;
	text-align: left;
	padding: 5px 0 5px 160px;
}
#biuro_sprzedazy_wrapper {
	width: 265px;
	margin: 15px auto 0;
}
#biuro_sprzedazy_wrapper h3#h_biuro_sprzedazy, #biuro_sprzedazy_wrapper #biuro_sprzedazy {
	margin: 0;
}
#right .rodzina_bank {
	float: right;
	margin: 50px 0 0 0;
}
/*----[ rzut kondygnacji ]------------------------------------------------------------*/
#rzut_kondygnacji {
	border: 2px solid #d9d9d9;
	width: 568px;
	height: 649px;
}