/* Basic info about this CSS
-------------------------------------
Client: T&K Invest
URL: www.tkinvest.eu
Author: Lukasz Bachur, Eppearance.pl
Coding way: handcoded
------------------------------------- */

/*------------------------------------------------------------------
[Style reset]
-------------------------------------------------------------------*/

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; }

/*------------------------------------------------------------------
[Basic styles]
-------------------------------------------------------------------*/

body {
	background-color: #fff;
	color: #4c545b;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 18px 0;
}

a {
	color: #2f7187;
	text-decoration: none;
	border-bottom: 1px solid #cdd3d5;
}

a:hover {
	border-bottom: 1px solid #235565;
	color: #235565;
	text-decoration: none;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.clear {
	clear: both;
}
img {
	border: 0;
}

h1 {
	font-size: 18px;
	font-family: arial, sans-serif;
	line-height: 120%;
	margin: 0 0 15px 0;
}

h1 span {
	color: #b0b0b0;
	font-size: 14px;
	font-weight: bold;
}

h1.inv_prev_header {
	font-size: 14px;
	font-weight: bold;
	margin: 13px 0 7px 0;
}

h2 {
	font-size: 16px;

}

h2#company {
	background: transparent url(../images/h2_bg.gif) bottom left repeat-x;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
}

h2#investments {
	background: transparent url(../images/h2_bg.gif) bottom left repeat-x;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
}
.more_info{
	margin: 0 0 0 15px;
}
/*------------------------------------------------------------------
[Main container]
-------------------------------------------------------------------*/
.centered {
	margin: 0 auto;
	text-align: left;
	width: 940px;
}
.centered_content {
	line-height: 150%;
	margin: 0 auto;
	margin-top: 35px;
	text-align: left;
	width: 940px;
}
.centered_content_domki {
	line-height: 150%;
	margin: 0 auto;
	margin-top: 35px;
	text-align: left;
	width: 940px;
	overflow: hidden;
}
.centered_content_domki a {
	text-decoration: none;
	border: 0;
}

.centered_content_domki a:hover {
	border-bottom: 0;
	text-decoration: none;
}
.centered_content_domki h2 {
	font-size: 16px;
	margin-bottom: 10px;
}
/*------------------------------------------------------------------
[Menu]
-------------------------------------------------------------------*/

div#menu {
	background: #49b4d7 url(../images/menu_bg.gif) top left repeat-x;
	float: right;
	padding: 18px 20px 0 20px;
	margin: -18px 0 0 0;
}

div#menu_left_col {
	float: right;
}

div#menu_right_col {
	float: right;
	margin: 0 0 0 35px;
}

div#menu ul {
	color: #ffffff;
	float: left;
	margin: 0;
	padding: 0;
	width: 110px;
}

div#menu ul#investments {
	width: 240px;
}

div#menu ul li {
	line-height:180%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

div#menu ul li a {
	border-bottom: none;
	color: #ffffff;
	text-decoration: none;
}

div#menu ul li a:hover {
	border-bottom: 1px solid #a1c7d3;
	color: #eafaff;
	text-decoration: none;
}


/*------------------------------------------------------------------
[Content]
-------------------------------------------------------------------*/

#vignette_container {
	background-color: #49b4d7;
	padding: 18px 0 0 0;
	width: 100%;
}

#vignette_bottom_container {
	background: #49b4d7 url(../images/vignette_bottom_container_bg.gif) top left repeat-x;
	height: 26px;
	width: 100%;
}

#subsite_title_container {
	background: #c7d6e9;
	width: 100%;
	float: left;
}


/************** FIRMA *************/
/*------ 
a) home 
------*/

div#subsite_home_intro {
	background: #c7d6e9 url(../images/main_home.jpg) top right no-repeat;
	height: 265px;
	padding: 25px 0 0 0;
}
div#subsite_intro_desc {
	float: left;
	line-height: 160%;
	margin: 15px 0 26px 0;
	width: 400px;
}
div#subsite_intro_none {
	float: left;
	line-height: 160%;
	margin: 0;
	width: 400px;
}
span#subside_intro_span {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}
div#subsite_intro_desc ul {
	list-style: none;
	margin: 0;
}
div#subsite_intro_none ul {
	list-style: none;
	margin: 0;
}
div.news_preview {
	float: left;
	margin: 0 50px 0 0;
	width: 320px;
}

p.see_older {
	float: left;
	margin: 25px 0 0 0;
}

div.inv_preview {
	float: left;
	margin: 0 15px 0 0;
	width: 180px;
}

div.inv_preview a {
	border: 0;
	color: #4c545b;
	display: block;
}
div.inv_preview a:hover {
	border: 0;
	color: #000;
	display: block;
}
div.last {
	margin: 0;
}

/*------
b) o nas 
------*/
div#subsite_onas_intro {
	background: #c7d6e9 url(../images/main_onas.jpg) top right no-repeat;
	height: 265px;
	padding: 25px 0 0 0;
}
div#onas_left {
	float: left;
	width: 580px;
	margin: 0 50px 0 0;
}
div#onas_right {
	float: left;
	width: 310px;
	margin: 0;
	padding: 0;
}
/*----------
c) aktualnosci 
----------*/
div#subsite_aktualnosci_intro {
	background: #c7d6e9 url(../images/main_aktualnosci.jpg) top right no-repeat;
	height: 265px;
	padding: 25px 0 0 0;
}
div#akt_left {
	float:left;
	width: 580px;
	margin: 0 50px 0 0;
}
div#akt_right {
	float: left;
	width: 310px;
	margin: 0;
	padding: 0;
}
div.akt_news_preview {
	float: left;
	margin: 0 0 50px;
	width: 580px;
}
/*---------
d) wspolpraca 
---------*/
div#subsite_wspolpraca_intro {
	background: #c7d6e9 url(../images/main_wspolpraca.jpg) top right no-repeat;
	height: 265px;
	padding: 25px 0 0 0;
}
div#wsp_left {
	float:left;
	width: 445px;
	margin:0 50px 0 0;
}
div#wsp_right {
	float:left;
	width: 445px;
	margin:0;
}
div#wsp_left h1, div#wsp_right h1 {
	margin: 0px 0 50px 0;
}
div#wsp_left h2, div#wsp_right h2 {
	margin: 20px 0 5px 0;
}
/*---------
e) technologie
---------*/
div#subsite_technologie_intro {
	background: #c7d6e9 url(../images/main_technologie.jpg) top right no-repeat;
	padding: 25px 0 0 0;
	height:265px;
}
div.tech_content {
	float: left;
	width: 940px;
	border:0;
}
div.tech_left {
	float: left;
	width: 540px;
	margin: 20px 50px 0 0;
}
div.tech_right {
	float: left;
	width: 350px;
	margin: 20px 0 0 0;
}
div.tech_left_img {
	height: 200px;
	margin: 0;
	padding: 0;
}
div.tech_right_img {
	height: 200px;
	margin: 0;
	padding: 0;
}
/*---------
f) kontakt 
---------*/
div#subsite_kontakt_intro {
	background: #c7d6e9 url(../images/main_kontakt.jpg) top right no-repeat;
	height: 265px;
	padding: 25px 0 0 0;
}
form#kontakt_form {
	width:420px;
	height:300px;
	margin: 50px auto;
	float: left;
}
div#kontakt_boxes {
	float:left;
}
div#kontakt_name {
	float:left;
	margin-bottom:20px;
}
div#kontakt_phone {
	float:left;
	margin-left:5px;
	margin-bottom:20px;
}
div#kontakt_email {
	float:left;
	margin-left:68px;
	margin-bottom:20px;
}
div#kontakt_msg {
	float:left;
	margin-left:-18px;
	margin-bottom:20px;
}
div#kontakt_button {
	float:right;
	margin-right:25px;
}
/*---------
g) inwestycje
---------*/
div#inwestycja1{
    float: left;
    margin: 10px 20px;
    padding: 0;
    width: 900px;
}
div#inwestycja2{
    float: left;
    margin: 10px 20px;
    padding: 0;
    width: 900px;
}
div#inwestycja3{
    float: left;
    margin: 10px 20px;
    padding: 0;
    width: 900px;
}
/* style wewnetrzne */
input#contact_name {
	font-family: Arial, sans-serif;
	color: black;
	font-size: 12px;
	padding: 1px;
}
input#contact_phone {
	color: black;
	font-size: 12px;
	padding: 1px;
}
input#contact_email {
	color: black;
	font-size: 12px;
	padding: 1px;
}
textarea#contact_msg {
	color: black;
	font-size: 12px;
	padding: 1px;
}
input.long {
	width:200px;
}
textarea.big_long {
	float:right;
	width:280px;
	margin-left: 3px;
}
input.button {
	padding-top: 5px;
	background-color: #FFF;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color: black;
	border:1px solid black;
	cursor: pointer;
	text-align: center;
	width: 70px;
	height: 20px;
}
span.kontakt_des {
	font-size:16px;
	font-weight:normal;
}
/*********** INWESTYCJE ************/
/*---------
a) Domki jednorodzinne w Mierzynie
---------*/
div#subsite_none_intro {
	padding: 25px 0 0 0;
}
div#domki_left {
	float: left;
	width: 488px;
	margin: 27px 50px 0 0;
}
div#domki_right {
	float:left;
	width: 400px;
	margin: 0;
}
div#domki_right h1 {
	font-size: 18px;
	font-family: arial, sans-serif;
	line-height: 120%;
	margin: 0 0 10px 0;
}
div.domki_righti {
	float:left;
	width: 402px;
	margin:  0 0 40px 0;
}
div.info_pdf {
	margin: 5px;
	border: 0;
	float:right;
}
div.info_pdf a, div.info_pdf a:hover{
	text-decoration: none;
	border: 0;
}
div.domki_bottom {
	float:left;
	width: 940px;
	margin: 40px 0 0 0;
	padding-top: 40px;
	border-top: 2px solid #EEEEEE;
}
.i_center{
	padding-bottom: 40px;
}
div.domki_bottom h1 {
	font-size: 18px;
	font-family: arial, sans-serif;
	line-height: 120%;
	margin: 0 0 10px 0;
}
div.domki_bottomi {
	float:left;
	width: 402px;
	margin: 0 134px 0 0;
}
div.domki_bottomi_img {
	float:left;
	width: 400px;
	margin: 0;
	border: 1px solid #EEEEEE;
}
.i_last,
.i_first {
	margin: 0 !important;
}
span.domki_spantext {
	float:left;
	width: 402px;
	margin: 0;
}
span.tozoom {
	width:400px;
	margin:0px;
	border: 1px solid #EEEEEE;
	float:left;
}
span.tozoom img{
	border: 0px;
}
div.zoomdiv {
	z-index: 100;
	position: absolute;
	top:0px;
	left:0px;
	width: 200px;
	height: 200px;
	background: #ffffff;
	border:0px;
	display:none;
	text-align: center;
	overflow: hidden;
}

/*---------
b) Centrum rekreacyjno-sportowe 
---------*/
div#centrum_left {
	float: left;
	width: 488px;
	margin: 27px 50px 0 0;
}
div#centrum_right {
	float:left;
	width: 400px;
	margin: 0;
}
div#centrum_right h1 {
	font-size: 18px;
	font-family: arial, sans-serif;
	line-height: 120%;
	margin: 0 0 10px 0;
}
div#centrum_righti {
	float:left;
	width: 402px;
	margin:  0 0 40px 0;
}
div.centrum_bottom {
	float:left;
	width: 940px;
	margin: 40px 0 0 0;
	padding-top: 40px;
	border-top: 2px solid #EEEEEE;
}
div.centrum_bottom h1 {
	font-size: 18px;
	font-family: arial, sans-serif;
	line-height: 120%;
	margin: 0 0 10px 0;
}
div.centrum_bottomi {
	float:left;
	width: 402px;
	margin: 0 134px 0 0;
}
div.centrum_bottomi_img {
	float:left;
	width: 400px;
	margin: 0;
}
.border_img {
	border: 1px solid #EEEEEE;
}
div#to galeia tutaj {
	float:left;
	width: 400px;
	margin: 0 0 40px 0;
	border: 1px solid #EEEEEE;
}

/*---------
c) Port jachtowy 
---------*/
div#port_left {
	float: left;
	width: 488px;
	margin: 27px 50px 0 0;
}
div#port_lefti {
	float:left;
	width: 402px;
	margin: 0 134px 0 0;
}
div#port_lefti_img {
	float:left;
	width: 400px;
	margin: 0;
	border: 1px solid #EEEEEE;
}
div#port_right {
	float:left;
	width: 400px;
	margin: 0;
}
div#port_right h1{
	font-size: 18px;
	font-family: arial, sans-serif;
	line-height: 120%;
	margin: 0 0 10px 0;
}
div#port_righti1 {
	float:left;
	width: 402px;
	margin:  0 0 40px 0;
	border: 1px solid #EEEEEE;
}
span.port_spantext {
	float:left;
	width: 402px;
	margin: 0;
}
/***************
d) Promenada 
**************/
div#promenada_left {
	float: left;
	width: 488px;
	margin: 27px 50px 0 0;
}
div#promenada_right {
	float:left;
	width: 400px;
	margin: 0;
}
div#promenada_right h1{
	font-size: 18px;
	font-family: arial, sans-serif;
	line-height: 120%;
	margin: 0 0 10px 0;
}
div#promenada_righti1 {
	float:left;
	width: 402px;
	margin:  0 0 40px 0;
	border: 1px solid #EEEEEE;
}
/*------------------------------------------------------------------
[Images]
-------------------------------------------------------------------*/

img#tkinvest_logo {
	border: 0;
	float: left;
	padding: 10px 147px 0 0;
}
/*img inwestycje->domki*/
img#domek {
	float: left;
	width: 180px;
	height: 126px;
	margin: 7px 10px;
	border: 0;
}
img#domekwide {
	float: left;
	width: 380px;
	height: 126px;
	margin: 7px 10px;
	border: 0;
}
img#gif {
	float: left;
	width: 320px;
	height: 200px;
	margin: 40px 40px;
	border: 0;
}
img.jqzoom {
	cursor:crosshair;
	position:relative;

}
img.ico {
	border:0;
	margin: 0 0 -3px 0;
}
img#domki_plan{
	float: left;
	margin: 0;
	border: 1px solid #EEEEEE;
}
/*------------------------------------------------------------------
[Footer]
-------------------------------------------------------------------*/

div#footer_wrapper {
	border-top: 1px solid #d9d9d9;
	color: #a5a5a5;
	font-size: 12px;
	margin: 0 auto;
	margin-top: 45px;
	padding: 10px 0;
	width: 940px;
}

div#footer_wrapper a {
	border-bottom: none;
	color: #a5a5a5;
}

div#footer_wrapper a:hover {
	border-bottom: none;
	color: #a5a5a5;
}

div#footer_left {
	float: left;
	margin: 0 0 15px 0;
}

div#footer_right {
	float: right;
	text-align: right;
	margin: 0 0 15px 0;
}
/*------------------------------------------------------------------
[Forms]
-------------------------------------------------------------------*/
#form {
	float: left;
	width: 500px;
	margin: 0 10px 40px 0;
}
#map {
	float:left;
	width: 430px;
	height: 430px;
	margin: 0;
	padding: 0;
}
input.text {
	border: 1px solid #cadae7;
	padding: 6px 5px;
	width: 320px;
	height: 17px;
	margin: 3px 0 12px 0;
	color: #454545;
	font-family: arial, sans-serif;
	font-size: 15px;
	background-color: #fff;
	float: left;
}

textarea.tresc {
	border: 1px solid #cadae7;
	padding: 6px 5px;
	width: 320px;
	margin: 3px 0 12px 0;
	color: #454545;
	font-family: arial, sans-serif;
	font-size: 15px;
	background-color: #fff;
	line-height: 150%;
	float: left;
}

textarea.phone {
	border: 1px solid #cadae7;
	padding: 6px 5px;
	width: 320px;
	height: 57px;
	margin: 3px 0 12px 0;
	color: #454545;
	font-family: arial, sans-serif;
	font-size: 15px;
	background-color: #fff;
	line-height: 150%;
	float: left;
}

.button_submit {
	margin: 15px 0 0 0;
}

.pole {
	float: left;
}

.hint {
	background-color: #edf2f6;
	border: 1px solid #cadae7;
	padding: 7px 5px 6px 5px;
	width: 130px;
	height: 16px;
	margin: 3px 0 0 10px;
	float: left;
	font-size: 12px;
	line-height: 100%;
	color: #768088;
}

.hint_phone {
	background-color: #edf2f6;
	border: 1px solid #cadae7;
	padding: 7px 5px 6px 5px;
	width: 130px;
	height: 56px;
	margin: 3px 0 0 10px;
	float: left;
	font-size: 12px;
	line-height: 150%;
	color: #768088;
}

.hint img, .hint_phone img {
	vertical-align: middle;
	margin: 0 4px 0 0;
}

.checkbox {
	vertical-align: middle;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
					 position: absolute;
					 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
					position: absolute;
					margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
				  position: absolute;
				  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
						position: absolute;
						height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}