body { margin: 0px ; font-family: Arial, FreeSans, sans-serif; font-size: 11px;}

.clear { clear:both; }
.fright { float : right; }
.fleft { float : left; }
.hidden { display:none;}

#PrintHeader {width: 890px;text-align: left;margin-top: 20px;}
#PrintWrapper { width: 890px; text-align: left; }

#PrintWrapper  #ProjectRegion { font-size : 11px; position:relative;}
#PrintWrapper  #ProjectRegion table { border-collapse: collapse; }

#PrintWrapper  #ProjectRegion #Documents { padding-top:5px; }
#PrintWrapper  #ProjectRegion #Documents .doc { padding:5px; white-space: nowrap; }
#PrintWrapper  #ProjectRegion #Documents .doc img { height: 16px; margin-right:5px; } 

#PrintWrapper  #ProjectRegion .EPC_Container{position:relative;width:538px;height:40px;left:0px;}
#PrintWrapper  #ProjectRegion .EPC_Gradient{position:absolute;width:538px;bottom:1px;}
#PrintWrapper  #ProjectRegion .EPC_Point{position:absolute;width:20px;bottom:9px;}
#PrintWrapper  #ProjectRegion .EPC_Label{position:relative;bottom:11px;left:0px; float:left;}


#ProjectRegion .manager { padding: 5px 10px;  line-height: 20px; } 
#ProjectRegion .manager .image { width : 130px; height: 100px; text-align:center; margin-right: 20px; float:left; }
#ProjectRegion .manager .image img { max-width : 100%; height: 100%; }
#ProjectRegion .manager-info  { float: left; }
#ProjectRegion .manager-info .name { font-weight: bold; }

#PrintFooter table{width:950px !important; margin-top: 16px;}

#ProjectRegion #print-page .span6 {width: 49% !important;float: left;margin: 0px;margin-bottom: 0px;margin-right: 8px;text-align: center;}
#ProjectRegion #print-page #GoogleMap {height: 325px;}
.panel-content img.pic {
max-height: 282px;
max-width: 100%;
border: solid 1px #E0E0E0;
}

.contact_details_item {
margin-bottom: 6px;
}
.span6.panel-content.pic {
height: 327px;
}

.documents{
	display:none;
}

#PrintWrapper #ProjectRegion .span8{
	width: 100% !important;
}

.moduletable.navigation, .nav-btns-wrapper, .hidden-print, #LargePhoto .control, .street-view {
		display: none !important;
	}
#content-row{
		padding: 0px !important;
	}
#header-row{
		margin: 0px !important;
	}

#logo img{
	max-width: 230px;
	max-height: 150px;
}

#PrintFooter {
	font-size: 11px;
}

/*********************************************************************************************************
Navigation buttons
*********************************************************************************************************/
.nav-btns-left .icon {
	font-size: 45px;
}
.nav-btns-right .icon-list {
	font-size: 54px;
	line-height: 72px;
	text-align: center;
}
.nav-btns-left .building_parts {
	position: relative;
	margin-top: 1px;
}

.nav-btns-left .building_parts .addthis_toolbox {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 46px;
	height: 42px;
}
.nav-btns-left .building_parts .addthis_toolbox a{
	display:block;
	height: 40px;
	margin-top: 2px;
}
.addthis_button_compact .at16nc{background: none;}

.addthis_button_compact .at16nc:hover {background-position: -30px 0px;}
.nav-btns-right img {width: 60px;opacity: 0.8;}
.nav-btns-right img:hover{opacity: 0.5;-webkit-transition: 0.2s;-moz-transition: 0.2s;transition: 0.2s;}
.nav-btns-right .arrow {float: left;margin: 2px;}
.nav-btns-left img {height: 30px;opacity: 0.8;}
.nav-btns-left .arrow {float: left;margin-right: 6px;}
.nav-btns-left {padding-top: 9px;}
.nav-btns-wrapper {padding: 31px 0px;}
#at15s {display: none !important;}


/*********************************************************************************************************
Pictures
*********************************************************************************************************/
#ProjectRegion #Pictures {margin-bottom: 10px;}
#ProjectRegion #Pictures #LargePhoto .pic{ position: relative;text-align: center;padding: 0 2px 2px 0;position: relative;width: 100%;padding-bottom: 65%;height: 0;overflow: hidden;}
#ProjectRegion #Pictures #LargePhoto .pic .item {text-align: center;display: none;margin-bottom: 0px;position: absolute;width: 100%;height: 99%;background-size: contain;background-position: center;background-repeat: no-repeat;}
#ProjectRegion #Pictures #LargePhoto .pic .item a{	display: block;height: 100%;width: 100%;}
#ProjectRegion #Pictures #LargePhoto .pic .item:first-child {display:block;}
#ProjectRegion #Pictures #LargePhoto .pic img { border: solid 1px #E6E6E6;vertical-align: top;max-height: 100%;display: none;}
#ProjectRegion #Pictures #LargePhoto .control{height: 40px;color: #0F173E;line-height: 40px;font-weight: bold;font-size: 13px;text-align: center;vertical-align: middle;position: relative;}
#ProjectRegion #Pictures #LargePhoto .control .icon { margin: 0px 4px;cursor: pointer;margin-left: 2px;position: relative;top: 2px;font-size: 20px;}
#ProjectRegion #Pictures #Photos .pic {overflow: hidden;}
#ProjectRegion #Pictures #Photos .pic ul {list-style-type: none; padding:0px !important; margin:0px !important; text-align: center !important;}
#ProjectRegion #Pictures #Photos .pic li {background: rgba(0, 0, 0, 0);width: 14%;float: left !important;overflow: hidden;text-align: center;vertical-align: inherit;position: relative;margin: 0px !important;margin-right: 4px !important;height: 70px;}
#ProjectRegion #Pictures #Photos .pic li img {max-height: 100%;max-width:100%; }
#ProjectRegion #Pictures #Photos .pic li img:hover { opacity:0.7; filter:alpha(opacity=70); }
#ProjectRegion #Pictures #Photos .pic li.last { margin-right: 0px; }
#ProjectRegion #Pictures #Photos .control{padding-right: 0px;}
#ProjectRegion #Pictures #Photos.less6 .control{display:none;}
#ProjectRegion #Pictures #Photos .control .map{ float: left;}
#ProjectRegion #Pictures #Photos .control .pages{ float:right;}
#ProjectRegion #Pictures #Photos .control .pages a { color: #808080; text-decoration: none; padding: 0px 3px; }
#ProjectRegion #Pictures #Photos .control .pages a:hover { color: #0F173E; text-decoration: underline; }
#ProjectRegion #Pictures #Photos .control .pages a.current { color: #0F173E;font-size: 13px; }
#ProjectRegion #Pictures #Photos .control a#prev {background: url(../../images/carousel_prev.png) no-repeat;left: 0;float: left;height: 26px;width: 26px;cursor: pointer;margin-left: 15px;}
#ProjectRegion #Pictures #Photos .control a#next {background: url(../../images/carousel_next.png) no-repeat;right: 0;float: right;height: 26px;width: 26px;cursor: pointer;margin-right: 15px;}
#ProjectRegion #Pictures #Photos .control a{position: absolute;top: 24px;}
#ProjectRegion #Pictures #Photos .control a:hover {background-position: 0px -26px;}
#ProjectRegion #Pictures #Photos.less6 .pic li.thumbnail {display: inline-block;float: none !important;}
#Photos {position: relative;}
#ProjectRegion #Pictures #Photos .pic li.selected {border: 1px solid #AAA;}
#ProjectRegion #Pictures #Photos .pic li.thumbnail a{height: 70px;width: 14%;vertical-align: middle;text-align: center;}
#ProjectRegion #Pictures #Photos .pic li.thumbnail a img{max-height: 100%;max-width: 100%;}


/*********************************************************************************************************
Group container
*********************************************************************************************************/
#ProjectRegion .description { padding: 10px 5px; }
#ProjectRegion .group-container {  }
#ProjectRegion .group-container .group {margin-bottom: 25px;border: 1px solid #ECECEC;padding: 5px;border-radius: 4px;}
#ProjectRegion .group-container .group .caption {text-align: left;line-height: 35px;color: #3C3835;font-size: 18px;}
#ProjectRegion .group-container .group .content { padding-bottom:5px; }
#ProjectRegion .group-container .group .field {line-height: 30px;} 
#ProjectRegion .group-container .group .field .name { float:left;}
#ProjectRegion .group-container .group .field .sep { float: left; padding: 0px 10px 0px 5px ; font-weight: bold;}
#ProjectRegion .group-container .group .field .value { float:left;  font-weight: bold;}
#ProjectRegion .group-container .group .content.map {text-align: center;padding: 0px 2px;}
#ProjectRegion .group-container .group .content.map iframe{height: 210px;}
#ProjectRegion .group-container .group a.map-link{text-decoration: underline;display: block;padding-top: 10px;}

#ProjectRegion #GoogleMap { height: 210px;border: solid 1px #E0E0E0;}
#Buildings {display: none;}

#BuildingContainer {font-size: 12px;}
#BuildingContainer h3 { font-weight: bold; font-size: 13px; margin-bottom: 15px; }


#BuildingContainer .building {
border: 1px solid #E6E6E6;
margin-bottom: 15px;
padding: 10px;
border-radius: 4px;
margin-top: 40px;
position: relative;
padding-top: 25px;
}

.building__title {
	width: 130px;
	text-align: center;
	background: #FFF;
	border: 1px solid #E6E6E6;
	position: absolute;
	border-radius: 4px;
	padding: 7px;
	font-size: 13px;
	font-weight: bold;
	top: -19px;
	left: 8px;
}

#BuildingContainer .floor { margin-top: 0px;margin-bottom: 45px; }
#BuildingContainer .floor .caption{text-align: left !important;
font-weight: bold;
color: #383838 !important;
margin-bottom: 0px;
font-size: 13px;
margin-left: 0px;
text-decoration: underline;}
#BuildingContainer .floor .row-floor{ background-color: rgba(0, 0, 0, 0) !important;border-bottom: 1px solid #1B1B1B;margin-bottom: 9px;padding: 6px 0px;}

#BuildingContainer .floor .header-title{ font-weight: bold; color: black; }
#BuildingContainer .floor .header-title .header-image { float:left; width:42px; margin-left:5px; display:none;}

#BuildingContainer .floor .row-item {margin-top: 7px;background-color: #FFF;border-bottom: 1px solid #E5E5E5;}
#BuildingContainer .floor .row-item .header-image{ width:40px; height:30px; float:left; width:40px; margin-left:5px; text-align:center; border:solid 1px gray; display: none;}
#BuildingContainer .floor .row-item .header-image img { max-width:100%; height:100%; } 

#BuildingContainer .floor .header-unit{ float:left; width:16%; margin-left:10px; }
#BuildingContainer .floor .header-floor{float:left; min-width:7%; text-align:center;}
#BuildingContainer .floor .header-total{float:left; min-width:8%; text-align:center; }
#BuildingContainer .floor .header-icons {float:left;min-width:16%;}
#BuildingContainer .floor .header-icons .bed { float:left; background:url('../../../media/images/icon_bed.png') 0px -3px no-repeat; padding-left:30px; }
#BuildingContainer .floor .header-icons .bath { float:left; background:url('../../../media/images/icon_bath.png') 0px -3px no-repeat ; padding-left:30px; }
#BuildingContainer .floor .header-icons .garage { float:left; background:url('../../../media/images/icon_garage.png') 0px -3px no-repeat ; padding-left:20px; }
#BuildingContainer .floor .header-garden{ float: left; min-width:11%; text-align:center; }
#BuildingContainer .floor .header-terrace{ float: left; min-width:11%; text-align:center; }
#BuildingContainer .floor .header-requirement{ float:left; min-width :16%; text-align:center; }
#BuildingContainer .floor .header-doc { float:left; min-width: 16%; text-align:center;display: none !important; }
#BuildingContainer .floor .header-icons .shower {float: left;background: url('../../../media/images/icon_shower.png') 0px 0px no-repeat;padding-left: 16px;position: relative;top: -4px;left: 10px;padding-top: 5px;}



@media (max-width: 767px){
	.pull-right.nav-btns-right {float: none;width: 195px;text-align: center;margin: auto;}
	#ProjectRegion .header {font-size: 15px;font-weight: bold;}
}

@media print {
	.moduletable.navigation, .nav-btns-wrapper, #ProjectRegion .header, #Photos, #LargePhoto .control, #ProjectRegion .hidden-print{
		display: none !important;
	}
	#ProjectRegion #Pictures #LargePhoto .pic img{
		display: block;
	}
}

@media (max-width: 767px)
[class*="span"], .row-fluid [class*="span"] {
float: left; 
display: block;
width: none; 
margin-left: 2.127659574468085%;
}
div.group.span12 > .caption {
display: none;
}

#Photos{display: none;}
.span4.maps, .map-link{display: none!important;}
