/*<group=Font>*/

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */

body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */

select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */

pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */

body * {line-height:1.22em;}
	
/*</group>*//*<group=Reset>*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

q:before,q:after{content:'';}
	
/*</group>*/

/*<group=Property TPL>*/

/*<group=Portfolio>*/

#tpl-property-onportfolio {
	color: #000000;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	display: none;
}
	
/*</group>*/

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width: 100%; 
 text-align: left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 background-color: #FFF;
 width:100%;
	/*border-bottom: 1px solid #123960;
	padding-top: 30px;*/
	float: center;
	text-align: center;
} 

.style9 {
	color: #EED252;
	font-size: 18px;
}
.style11 {
	color: #FFFFFF;
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
}
.style12 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #FFFFFF;
}
.style14 {font-size: 13px}


h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #008FD8;
	padding: 0;
	margin: 5px 0px;
}

h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0;
	padding-top: 7px;
}
 
#maincol{  
 float: right; 
 display:inline; 
 position: relative;
	width: 650px;
	padding: 20px 30px 10px 20px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
}

#contenedor {
	width: 100%;
	/*background: repeat-x url(myimages/fondo_pie.jpg);*/
	background: #008FD8;
	color: #FFFFF; 
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;
	width: 975px;
	margin-right: auto;
	margin-left: auto;
}
/* End hide from IE-mac */  

 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#maincol{  
 float: left; 
 display:inline; 
 position: relative;
 	padding: 10px 30px 10px 20px;
	width: 550px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
}


a:link, a:visited{
	color: #2D708C;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.forms {
	background-color: #EAF2FF; font: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
}

.img-shadow {
  float: left;
  backgrounda: url(myimages/shadow.gif) no-repeat bottom right;
  margin: 0 0 5px 0 !important;
  margin: 0 0 5px 0;
}

.img-shadow div {
  background: url(myimages/shadow2.png) no-repeat left top !important;
  background: url(myimages/shadow2.gif) no-repeat left top;
  padding: 5px 5px 5px 5px;
}

.img-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
}

span.ntf {
	font-size: 10px;
	background-color: #F28E00;
	border: 1px solid #FFD700;
	padding: 2px 6px ;
	}
	
span.tools {
	font-size: 10px;
	padding: 2px 6px ;
	float: right;
	}	

#photo_visor {
	float: left; width: 400px; height: 310px;
}	

#photo_visor_thumbs {
	float: right; width: 130px; height: 310px; 
}	

.photo_thumb img {
	float: left;
	display: block;
	margin-right: 10px;
	width: 120px;
	height: 90px;
   background-color: #fff;
   border: 1px solid #a9a9a9;
   padding: 4px;
}

.photo_thumb_small img {
	float: left;
	display: block;
	margin-right: 10px;
	width: 50px;
	height: 37px;
   background-color: #fff;
   border: 1px solid #a9a9a9;
   padding: 2px;
}

/*<group=Poperties TPL>*/

#tpl-properties {
	width: 528px;
	border: 1px solid #008FD8;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
}

#tpl-properties-head {
	padding-bottom: 3px;
}

#tpl-properties-topbox {
	clear: both;
}

#tpl-properties-imgviewer {
	float: left;
	width: 155px;
}

#tpl-properties-imgviewer a img {
	width: 135px;
	background: #ffffff;
	border: 1px solid #999999;
	padding: 5px;
}

#tpl-properties-imgviewer a:hover img {
	background: #ebebeb;
}

#tpl-properties-imgviewer a:hover {
	background: #ebebeb;
}

#tpl-properties-rightbox {
	height: 120px;
}

#tpl-properties-rightbox h1 {
	font-size: 12px;
	color: #008FD8;
}

#tpl-properties-rightbox h1 a {
	font-size: 12px;
	color: #008FD8;
}

#tpl-properties-rightbox strong {
	font-size: 11px;
	font-weight: bold;
	color: #003F80;
}

#tpl-properties-features {
	margin-top: 10px;
	margin-bottom: 10px;
}

#tpl-properties-features table {
	font-size: 10px;
	padding-top: 10px;
}

#tpl-properties-features table td {
	text-align: left;
	width: 200px;
	padding: 0px;
	vertical-align: top;
}

#tpl-properties-tools {
	position: relative;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#tpl-properties-tools a:link, #tpl-properties-tools a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

#tpl-properties-tools a:hover {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

#tpl-properties-bottom {
	font-size: 10px;
	padding-bottom: 5px;
}

#tpl-properties-searchinfo {
	clear: both;
}

#tpl-properties-searchinfo-found {
	float: left;
}

#tpl-properties-searchinfo-paging {
	text-align: right;
}

/*</group>*/

/*<group=Tools>*/

#tpl-property-tools {
	color: #000000;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	float: right;
	z-index: 101;
	clear: both;
}

#tpl-property-tools ul {
	color: #3D90B2;
	list-style: none;
	text-align: right;
}

#tpl-property-tools ul a:link, #tpl-property-tools ul a:visited {
	color: #3D90B2;
	text-decoration: none;
}

#tpl-property-tools ul a:hover {
	color: #3D90B2;
	text-decoration: underline;
}

#tpl-property-tools li a:link, #tpl-property-tools li a:visited {
	color: #3D90B2;
	text-decoration: none;
}

#tpl-property-tools li a:hover {
	color: #3D90B2;
	text-decoration: underline;
}

#tpl-property-tools h4 {
	font-size: 16px;
	font-weight: bold;
}

#tpl-property-tools p {
	font-size: 10px;
}
	
/*</group>*/

/*<group=Intro>*/

#tpl-property-intro {
	color: #000000;
	position: relative;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#tpl-property-intro h1 {
	color: #008FD8;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}

#tpl-property-intro h1 a:link, #tpl-property-intro h1 a:visited {
	color: #008FD8;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#tpl-property-intro h1 a:hover {
	color: #008FD8;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

#tpl-property-intro h4 {
	font-size: 12px;
	font-weight: bold;
	width: 70%;
}

#tpl-property-intro p {
	font-size: 12px;
	padding-top: 10px;
}
	
/*</group>*/

/*<group=Price Hilight>*/

#tpl-property-pricehilight {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}

#tpl-property-pricehilight strong {
	font-weight: bold;
}
	
/*</group>*/

/*<group=Img Viewer>*/

#tpl-property-imgviewer {
	width: 100%;
	position: relative;
	text-align: right;
	height: 340px;
}

#tpl-property-visor {
	float: left;
}

#tpl-property-visor img {
	border: 1px solid #666666;
	padding: 5px;
	width: 400px;
}

#tpl-property-thumbnails {
	text-align: right;
}

#tpl-property-thumbnails img {
	padding: 3px;
	border: 1px solid #666666;
/*	width: 55px;*/
	width: 100px;
}

#tpl-property-thumbnails p {
	text-align: center;
}
	
/*</group>*/

/*<group=Main features>*/

#tpl-property-mainfeature {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	margin-bottom: 20px;
}

#tpl-property-mainfeature table {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
}

#tpl-property-mainfeature table th {
	font-weight: bold;
	background: #003F80;
	color: #ffffff;
	padding: 3px;
	border-right: 1px solid #ffffff;
	text-align: center;
}

#tpl-property-mainfeature table td {
	background: #ffffff;
	color: #333333;
	padding: 3px;
	border-right: 1px solid #ffffff;
	text-align: center;
}
	
/*</group>*/

/*<group=Description>*/

#tpl-property-description {
	position: relative;
}

#tpl-property-description p {
	padding-bottom: 10px;
}
	
/*</group>*/

/*<group=Features>*/

#tpl-property-features {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 15px;
}

#tpl-property-features table {
	width: 100%;
}

#tpl-property-features table td {
	width: 33%;
}

#tpl-property-features h5 {
	font-size: 16px;
	width: 100%;
	border-bottom: 1px solid #000066;
	color: #000066;
	margin-bottom: 15px;
}

/*</group>*/

/*<group=Interested>*/

#tpl-property-interested {
	position: relative;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 15px;
}

#tpl-property-interested p {
	padding-bottom: 15px;
}

#tpl-property-interested h5 {
	font-size: 14px;
	width: 100%;
	border-bottom: 1px solid #008FD8;
	color: #008FD8;
	margin-bottom: 15px;
}

.tpl-properties-onportfolio {
	text-align: center;
	width: 147px;
	font-size: 10px;
	position: absolute;
	background: #8ea9d3;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
}

.tpl-property-onportfolio {
	text-align: center;
	width: 412px;
	font-size: 10px;
	position: absolute;
	background: #8ea9d3;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*<group=Form>*/

#footer{
 clear:both;
 height: 60px; 
	width: 1024px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFF;
  text-decoration: none
	margin-right: auto;
	margin-left: auto;
  padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
} 

#footer a:link, #footer a:visited{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
   font-weight: bold; 
	text-decoration: none;
}

#footer a:hover{
	text-decoration: none;
}


#leftcol{
 width: 260px; 
 position:relative;
	float: left;
	/*padding-left: 50px;*/
	padding-top: 20px;
	padding-bottom: 10px;
}

#leftcol a:link, #leftcol a:visited{
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 50px;
	color: #008FD8;
  font-weight: bold; 
	text-decoration: none;
}

#leftcol a:hover{
	text-decoration: none;
}


#leftcol h3 {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold; 
	color: #008FD8;
	padding: 0;
	margin: 0;
}

#leftcol span{
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-left: 5px;
}

#leftcol span a:link, #leftcol span a:visited{
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
   font-weight: bold; 
	text-decoration: none;
	padding-left: 5px;
}

/* Portfolio */
#tpl-properties-portfolio {
	color: white;
	background-color: #008FD8;
	position: absolute;
	right: 0px;
	top: 4px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}

#tpl-property-portfolio {
	color: white;
	background-color: #008FD8;
	display: inline;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}