/* elements */
a { color: #fc0; text-decoration: none;}
a:hover { text-decoration: underline;}

img {	border: none; padding: 0; margin: 0;}
img.border { border: 1px solid white; padding: 5px;}

/* global */
*, html {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
}

html { height: 100%;}

body {
	margin: 0;
	color: #103884;
	padding: 0;
	text-align: center;
	font-size: 11px;
}

.main { height: 100%; background: #103884;}

#container {
	width: 960px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}

#container.border { border: 1px solid #667163;}

#outer {height: 100%; position: relative; width: 100%;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%; left: 0;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#wrapper {position: relative; _top: -50%; background: url(/webapp/img/topbodybg.gif) top left repeat-x; width: 100%;} /* for explorer only */

.cleaner { margin: 0; padding: 0; clear: both;}

.toright { text-align: right;}

p { font-size: 10px;}

form { margin: 0; padding: 0;}
input, select, textarea { margin: 0; padding: 0; font-size: 11px; color: #666;}
label {display: block; margin: 0; padding: 0;}

#rightside h1, #onecol h1 {
	padding: 15px 0 15px 20px;
	margin: 0;
	color: #103884;
	font-size: 20px;
	height: 58px;
	font-weight: normal;
	background: url(/webapp/img/h1bg.gif) repeat-x;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 28px;
}

#rightside h1 a, #onecol h1 a {
	color: #103884;
	font-size: 20px;
}

#leftside h1, .mainleft h1 {
	padding: 15px 0 15px 70px;
	margin: 0;
	font-size: 20px;
	font-weight: normal;
}

#rightside h1.bluetop, #onecol h1.bluetop {
	padding: 20px 0 15px 20px;
	height: 63px;
	background: url(/webapp/img/h1bgbluetop.gif) repeat-x;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 33px;
}

h2 {
	padding: 5px 0 5px 20px;
	font-size: 18px;
	color: #103884;
	font-weight: normal;
}

h2 a {
	font-size: 18px;
	color: #103884;
}

h2.bluetext {
	color: #053798;
	padding-top: 15px;
}

h2.noindent {
	padding-left: 0;
}

h3 {
	color: #3960af;
	padding: 0 0 0 4px;
	margin: 5px 0;
	font-size: 14px;
	background: url(/webapp/img/h3bg.gif) repeat-x;
	line-height: 24px;
	font-weight: bold;
}

h3.nobg { background: none; padding: 0;}

h3.nobg span { font-weight: normal; padding: 0; font-size: 16px;}

h4 {
	color: white;
	padding: 3px 0 0 4px;
	margin: 5px 0;
	font-size: 16px;
	background: url(/webapp/img/h4bg.gif) repeat-x;
	height: 24px;
}

h4 a { font-size: 14px; color: white; margin: 0 0 0 5px; padding: 0 0 0 15px;}

#topnarrowlogo { height: 150px; width: 275px; float: left; margin: 0; padding: 0;}
#topnarrowlogo img { vertical-align: middle;}
#topflash { height: 150px; width: 685px; float: right; ; padding: 0; margin: 0; _margin: 1px 0 0 0}

#top { height: 152px;}
#top img { vertical-align: middle;}

/* two cols */
#twocols, #twocols2 { float: left; background: #fff; width: 960px; padding: 0; margin: 0;}
#twocolsbg, #twocolsbg2 { float: left; margin: 0; padding: 0; display: inline;}
.allinwhite { background: url(/webapp/img/2colbg.gif) repeat-y;}
.allinblue { background: url(/webapp/img/2colbgall.gif) repeat-y;}
.allincols { background: url(/webapp/img/2colbg2.gif) repeat-y;}

#leftside, #leftside2 {
	margin: 0;
	padding: 0;
	float: left;
	width: 275px;
	overflow-x: hidden;
}

#rightside, #rightside2 {
	margin: 0;
	padding: 0;
	float: right;
	width: 685px;
}

.colpadding { margin: 5px 3px 0 3px; padding: 0; background: #fff;}
.colpaddingleft { margin: 5px 5px 0 3px; padding: 0; background: #fff;}
.colpaddingright { margin: 0 3px 0 2px; padding: 0;}
.blue { background: url(/webapp/img/leftbluestripes.gif) repeat-y;}
.bmargin0 { margin-bottom: 0;}
.tmargin0 { margin-top: 0;}
.leftspan { padding-left: 20px;}
.inspan { padding: 8px;}
.inspan2 { padding-bottom: 8px;}
.bottomspanonly { padding: 0 0 8px 0;}
.minheight { min-height: 400px; _height: 400px;}
#twocolsbg.tmargin0 { margin-top: 0;}
#twocolsbg.bmargin0 { margin-bottom: 0;}
/* one col*/

#onecol { float: left; background: #103884; width: 960px; margin: 0; padding: 0;}

/* footer */
#copyrights, #creator {
	width: 480px;
	margin: 0;
	background: #103884;
	color: white;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 475px;
}
#copyrights {
	float: left;
	padding: 5px 0 5px 5px;
	border-top: 1px solid #e7b600;
}

#creator {
	float: right;
	text-align: right;
	padding: 5px 5px 5px 0;
	border-top: 1px solid #e7b600;
}

.twocols { background: url(/webapp/img/footerbg1.gif) no-repeat; height: 26px;}
.fullwidth { background: url(/webapp/img/footerbg.gif) no-repeat; height: 26px;}

#copyrights2, #creator2 {
	width: 480px;
	margin: 0;
	color: #103884;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 475px;
}
#copyrights2 {
	float: left;
	padding: 5px 0 5px 5px;
} 

#creator2 {
	float: right;
	text-align: right;
	padding: 5px 5px 5px 0;
}

#copyrights2 a, #creator2 a { color: #103884;}

/* ############ pages ################# */

/* news */
.mainleft ul { color: #fff; list-style-type: none; padding: 0 15px 15px 15px;}
.mainleft ul li { padding: 5px 5px 0 0;}
.mainleft ul li.nomore { padding: 5px 5px 15px 0; background: url(/webapp/img/newslistbg.gif) bottom left no-repeat;}
.mainleft ul li.newslink { padding: 0 5px 10px 0; text-align: right; background: url(/webapp/img/newslistbg.gif) bottom left no-repeat;}

/* mainpage */
#valign {
	height: 100%;
	margin: 0 auto;
	text-align: center;
	width: 960px;
}
#mainwrapper { width: 960px; border-collapse: collapse; border-spacing: 0;}
#mainwrapper .mainleft { width: 271px; vertical-align: top;}
#mainwrapper .mainright { width: 689px; vertical-align: top; background: #103884 url(/webapp/img/2colbgall.gif) repeat-y;}

#mainwrapper .mainright h1 { margin: 20px 0 0 60px; color: white; font-size: 22px; font-weight: normal; padding: 0 0 0 23px; background: url(/webapp/img/yellowpoint.gif) center left no-repeat;}
#mainwrapper .mainright h1 span { color: #e7c235;}

.mainright .wysiwyg { color: white; margin: 5px 0 0 40px;}

.pointer { background: #103884 url(/webapp/img/bgpointer.gif) no-repeat;}
.pointerrepeat { background: #103884 url(/webapp/img/bgpointer.gif) repeat=y;}

#current-investments { margin: 0 auto 0 auto; padding: 0; border-collapse: collapse; border-spacing: 0;}
#current-investments td { vertical-align: top;}
.t1 {
	background: url(/webapp/img/tf.gif) no-repeat;
	width: 257px;
	padding: 28px 0 0 63px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 194px;
}
.t2 {
	background: url(/webapp/img/t2.gif) no-repeat;
	width: 365px;
	padding: 28px 0 0 8px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 357px;
}
p.investment-location a { font-size: 16px; color: #fff; font-weight: bold;}
p.investment-location { padding-top: 10px; margin: 0;}
.t2 p.investment-location { padding-left: 20px;}
p.investment-name { margin-top: 5px;}
p.investment-name a { color: #fc0;}

/* investment*/
.objects-links { margin: 0 0 10px 0; padding: 0;}
.objects-links span, .objects-links a { padding: 0 0 0 10px; background: url(/webapp/img/bluesquare.gif) center left no-repeat;}
.objects-links span { text-decoration: line-through; color: #888;}
.objects-links a { color: #243755;}
.objects-links a.first, .objects-links span.first { background: none; padding: 0 1px 0 0;}
.objects-links a.last, .objects-links span.last { padding: 0 0 0 10px;}

#leftside p, #leftside2 p { margin: 0 auto; padding: 0; text-align: center;}
#leftside p.title, #leftside2 p.title { color: white; font-size: 12px; margin: 15px 0; border-top: 1px solid #e7b600; border-bottom: 1px solid #e7b600; padding: 2px 0; text-align: left;}
#leftside2 p.m { margin-top: 8px;}
#leftside .h1margin { padding: 22px 0 0 0;}
p.markup { font-size: 12px; font-weight: bold; margin: 10px 0 8px 0;}

/* building*/
#visualization, #construction {
	margin: 5px 0;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0 0 0 20px;
}

#visualization td, #construction td {
	padding: 4px;
	margin: 0 4px;
	text-align: center;
	width: 160px;
	border: 1px solid #039;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
}

#building-desc { margin-top: 20px;}

/* photos */
#constructionall {
	padding: 0;
	margin: 20px auto;
	border-collapse: collapse;
	border-spacing: 0;
}

#constructionall td { padding: 10px 4px; text-align: center;}

#morephotos a { color: #103884; font-weight: bold; padding: 3px 10px 0 0; background: url(/webapp/img/bluepoint2.gif) center right no-repeat;}
#morephotos { margin: 0 25px 10px 0;}

/* investments done*/
.timeschedule { font-weight: bold; font-size: 13px;}
.timeschedule span { font-size: 13px; font-weight: normal;}
.description { font-size: 11px; margin: 4px 0;}
.idoneagg { float: left; margin: 10px 0 0px 5px; padding: 0; display: inline;}
.idoneleft { float: left; width: 105px; margin: 0; padding: 0; text-align: center;}
.idoneright { margin: 0 0 0 110px; padding: 0; width: 500px;}
.idonerightdone { margin: 0 0 0 110px; padding: 0; width: 800px;}
.buildingspan { padding: 10px 0 20px 0;}
.status1 { background: url(/webapp/img/status1.gif) center left no-repeat;}
.status3, .status4 { background: url(/webapp/img/status2.gif) center left no-repeat;}
.status2 { background: url(/webapp/img/status3.gif) center left no-repeat;}
.extrabottomspan { margin-bottom: 14px;}


/* object list */
.bottomspan { padding-bottom: 30px;}
.underlined { margin: 0 auto 20px auto; width: 910px; padding: 0; border-spacing: 0; border-collapse: collapse;}
.underlined th { background: #123787 url(/webapp/img/listheader.gif) repeat-x; color: #fff; padding: 5px 4px 0 4px; height: 27px;}
.underlined td {
	padding: 6px 4px 0 4px;
	color: #032390;
	margin: 0;
	height: 35px;
}
.underlined img { vertical-align: middle;}
.underlinedvh td {
	padding: 6px 4px 0 4px;
	color: #032390;
	margin: 0;
}
td.white { background: url(/webapp/img/listwhite.gif) repeat-x; padding-top: 9px;}
td.blue { background: #d6dcea url(/webapp/img/listblue.gif) repeat-x; padding-top: 5px;}
.whitedetails { background: url(/webapp/img/listwhited.gif) repeat-x; height: 25px;}
.bluedetails { background: #d6dcea url(/webapp/img/listblued.gif) repeat-x; height: 28px;}
.darkblue { background: url(/webapp/img/listdarkblue.gif) repeat-x; line-line-height: 24px;}
.darkblue2 { background: url(/webapp/img/listdarkblue2.gif) repeat-x; line-height: 29px; padding: 0 0 0 4px; margin: 0; color: white; font-size: 14px; font-weight: bold;}
.darkblue3 { background: url(/webapp/img/listdarkblue3.gif) repeat-x; line-height: 19px; margin: 0; padding: 5px 0 0 4px; color: white; font-size: 14px; font-weight: bold;}

.flat5, .flat6, .flat7 { width: 100px;}
.flat8 { width: 80px;}

.garage1, .garage3 { width: 140px;}
.garage2 { width: 100px;}
.garage4 { width: 180px;}
.garage5, .garage6 { width: 80px;}

.house2 { width: 65px;}

.closet1, .closet2, .closet3, .closet4 { width: 95px;}
.closet5 { width: 170px;}
.closet6, .closet7 { width: 85px;}

p.addinfo { margin: 0 0 10px 20px; font-size: 12px;}
p.addinfo a { color: #103884; font-weight: bold;}

/* object details*/
#leftplan {
	float: left;
	width: 440px;
	padding: 0 20px 0 23px;
	_padding: 0 10px 0 23px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 407px;
}

#rightplan {
	padding: 0 23px 0 0;
	width: 510px;
	float: right;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 487px;
}

#leftplan table { width: 410px; margin: 0; padding: 0;}
.hwidth { width: 100px; font-weight: bold; color: #3e5ca4;}
#rightplan p, #leftplan p { margin: 10px 0; text-align: center;}

.toleft { float: left; padding-left: 5px;}
.relative { position: relative;}
.backtolist { position: relative; top: -35px; right: 20px; float: right; font-size: 12px; color: #103884; font-weight: bold; padding-left: 20px; background: url(/webapp/img/blue3point.gif) center left no-repeat;}
.print { position: relative; top: 0px; left: 139px; float: right; font-size: 12px; color: #103884; font-weight: bold; padding-right: 30px; background: url(/webapp/img/printer.gif) center right no-repeat; line-height: 30px;}

#objectcontact { width: 410px; float: left; padding: 10px 0 20px 0;}
#objectcontact .row {
	clear: both;
	padding: 10px 0 0 0;
	margin: 0;
}

#objectcontact .row span.label {
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 10px;
	_padding-top: 3px;
}

#objectcontact input, #objectcontact textarea { width: 250px;}
#objectcontact .smallinput input { width: 15px;}

#objectcontact input.submit { width: 50px; margin: 0; padding: 2px; color: #103884; background: #eee;}

/* contact */
.leftcolspan { padding: 2px 0 2px 270px; margin: 0; background: url(/webapp/img/contactbg.gif) top left no-repeat;}

#contactform { width: 960px; background: url(/webapp/img/2colwhite.gif) repeat-y; float: left; border-top: 1px solid #bfc1d0; padding: 10px 0 20px 0;}
#contactform .row {
	clear: both;
	padding: 3px 0;
	margin: 0;
	_display: inline;
}

#contactform .row span.label {
	float: left;
	width: 265px;
	text-align: right;
	margin: 0 10px 0 0;
	_padding: 3px 0 0 0;
}

#contactform .row span.field { float: left; padding: 0; margin: 0;}
#contactform input, #contactform textarea { width: 350px;}
#contactform .smallinput input { width: 15px;}

#contactform input.submit { width: 50px; margin: 0; padding: 2px; color: #103884; background: #eee;}

.warning { color: red;}

/* search form */
/* search form */
#searchform { width: 750px; margin: 0 0 0 115px;}

#searchform { padding: 30px 0 20px 0;}

#searchform .row {
	clear: both;
	padding: 10px 0 0 0;
	margin: 0;
}

#searchform .row span.label {
	float: left;
	font-weight: bold;
	width: 280px;
	text-align: right;
	margin-right: 10px;
	_padding-top: 3px;
}

#searchform .row span.nob {
	font-weight: normal;
}
#searchform input.submit { width: 50px; margin: 0; padding: 2px; color: #103884; background: #eee;}


/* top menu */

#topmenu {
margin: 0;
padding: 0;
width: 100%;
float: left;
background: #103884;
}

#topmenu ul {
list-style: none;
margin: 0;
padding: 0;
float: right;
height: 30px;
}

#topmenu a, #topmenu span {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	color: #039;
	font-size: 12px;
	font-weight: bold;
	line-height: 27px;
	background: #b7c3da;
}

#topmenu ul li a span { visibility: hidden;}

#topmenu li {position: relative;}

#topmenu ul ul {
position: absolute;
z-index: 500;
}

#topmenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#topmenu img { display: block; vertical-align: middle;}

div#topmenu ul ul,
div#topmenu ul li:hover ul ul,
div#topmenu ul ul li:hover ul ul
{display: none;}

div#topmenu ul li:hover ul,
div#topmenu ul ul li:hover ul,
div#topmenu ul ul ul li:hover ul
{display: block;}

#menuitem1, #menuitem1 span { width: 134px; background: url(/webapp/img/oferta.gif) no-repeat;}
#menuitem2, #menuitem2 a { width: 112px; background: url(/webapp/img/firma.gif) no-repeat;}
#menuitem3, #menuitem3 a { width: 110px; background: url(/webapp/img/realizacje.gif) no-repeat;}
#menuitem4, #menuitem4 a { width: 111px; background: url(/webapp/img/partnerzy.gif) no-repeat;}
#menuitem5, #menuitem5 a { width: 112px; background: url(/webapp/img/dokumentacja.gif) no-repeat;}
#menuitem6, #menuitem6 a { width: 110px; background: url(/webapp/img/kontakt.gif) no-repeat;}
#menuitem7 { width: 271px;}
#menuitem7.menuitem7bg { width: 271px; background: url(/webapp/img/adres.gif) no-repeat;}
#menuitem7 a { background: url(/webapp/img/powrot.gif) no-repeat;}

#menuitem1 span:hover { background: url(/webapp/img/ofertaon.gif) no-repeat;}
#menuitem2 a:hover { background: url(/webapp/img/firmaon.gif) no-repeat;}
#menuitem3 a:hover { background: url(/webapp/img/realizacjeon.gif) no-repeat;}
#menuitem4 a:hover { background: url(/webapp/img/partnerzyon.gif) no-repeat;}
#menuitem5 a:hover { background: url(/webapp/img/dokumentacjaon.gif) no-repeat;}
#menuitem6 a:hover { background: url(/webapp/img/kontakton.gif) no-repeat;}

#menuitem1 li ul li a { width: 133px; font-weight: normal; border-left: 1px solid #fff;  border-right: 1px solid #fff; padding: 2px 0 2px 0;}
#menuitem1 li ul li a.underline { background: #b7c3da url(/webapp/img/pulldownitembg.gif) bottom left no-repeat;}
#menuitem1 li ul li a.underline:hover { background: #fff; border-left: 1px solid #b7c3da; border-right: 1px solid #b7c3da;}
#menuitem1 li ul li a.bottomborder:hover { background: #fff; border: 1px solid #b7c3da; border-top: none;}
.menuitem { cursor: pointer;}
#menuitem7 a.highlight:hover { background: url(/webapp/img/powroton.gif) no-repeat;}

#menuitem2 a.companyhi { background: url(/webapp/img/firmaon.gif) no-repeat;}
#menuitem3 a.donehi { background: url(/webapp/img/realizacjeon.gif) no-repeat;}
#menuitem4 a.partnershi { background: url(/webapp/img/partnerzyon.gif) no-repeat;}
#menuitem5 a.docshi { background: url(/webapp/img/dokumentacjaon.gif) no-repeat;}
#menuitem6 a.contacthi { background: url(/webapp/img/kontakton.gif) no-repeat;}

/* wysiwyg customization*/
.wysiwyg { margin: 3px 5px 10px 0; text-align: left;}
.wysiwyg p { font-size: 11px; margin: 8px 0;}
.wysiwyg h1 { font-size: 16px; margin: 12px 0; font-weight: bold;}
.wysiwyg h2 { font-size: 14px; margin: 8px 0; font-weight: normal;}
.wysiwyg h3 { font-size: 12px; margin: 8px 0; font-weight: normal;}
.wysiwyg a:link, .wysiwyg a:visited, .wysiwyg a:hover { color: #103884;}
.wysiwyg sup { font-size: 9px;}
.wysiwyg ul, .wysiwyg ol { margin-left: 20px;}