/* ************************************ */
/* Stylesheet for Puebla Inmobiliaria   */
/* By Paula Molinero - pris54.co.uk     */
/* ************************************ */

body,p,table,td,div,a,h1,h2,h3,h4,h5 {
  font-family:Georgia,Times New Roman,serif;
  font-size:12px;
  color:#000000;
}

body {
  margin:0;
  background-color:#E8E8E8;
}

div.container {
  width:900px;
  background-color:#FFFFFF;
  position:relative;
  /*border-top:3px solid #002243;*/
  border-left:12px solid #FFFFFF;
  border-right:12px solid #FFFFFF;
  border-bottom:8px solid #FFFFFF;
}

img { border:0px; }
a img { border:0px; }

a,
a:link,
a:visited,
a:active,
a:hover {
  color:#bd0000;
  text-decoration:underline;
}
a:hover {
  text-decoration:none;
}

table { border:0px; margin:0px; }

/* ___ Form ____________________________________________ */

input, file, select, submit, area, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size:12px;  
  color:#024800;
  background-color:#F0F0F0;
  border:1px;
  padding:2px;
}

checkbox,radio { border:0 }

input[type="checkbox"], input[type="radio"] {
  background: transparent;
  border: 0;
}

.btn-on {
  font-size:11px;
  color:#333333;
  background-color:#CCCCCC;
  border:1px;
}

/* ___ Block-1 _________________________________________ */

div.block-1 {
  position:relative;
  height:95px;
}

div.block-1 img {
  position:absolute;
  top:30px;
  left:0px;
}

div.block-1 div#b1-left {
  position:relative;
  float:left;
  width:300px;
  top:12px;
  left:0px;
}

div.block-1 div#b1-right {
  position:relative;
  float:right;
  width:250px;
  color:#92c0db;
  font-family:Georgia,Times New Roman,serif;
  font-size:14px;
  top:28px;
  right:10px;
  line-height:19px;
}

/* ___ Block-menu ______________________________________ */

div.block-menu {
  background-image:url(../img_REPOSITORY/menubg.jpg);
  position:top;
  height:33px;
  width:900px;
  background-color:#086205;
  text-align:left;
}

div.block-menu-wrap {
  padding:9px 0px 0px 20px;
  position:relative;
}

div.block-menu-wrap a,
div.block-menu-wrap a:link,
div.block-menu-wrap a:visited,
div.block-menu-wrap a:active,
div.block-menu-wrap a:hover {
  font-weight:normal;
  font-size:11px;
  color:#FFFFFF;
  text-decoration:none;
}

div.block-menu-wrap a:hover,
div.block-menu-wrap #active-link {
  color:#9bf498;
}

div.block-menu-wrap span.sep {
  color:#0f7a0b;
  padding:0px 8px 0px 8px;
}

/* ___ Block-content ___________________________________ */

div.block-content {
  background-color:#FFFFFF;
  clear:both;
  padding-bottom:1px;
}

div.block-content div#bc-left {
  float:left;
  text-align:left;
  padding:25px 0px 0px 0px;
  width:250px;
}

div.block-content div#bc-right {
  float:right;
  text-align:left;
  padding:25px 0px 15px 0px;
  width:630px;
  line-height:20px;
}

/* ___ Bottom content __________________________________ */

div.bottom-wrap {
  position:relative;
  width:900px;
  padding:5px 0px 10px 0px;
}

div.bottom-cnt {
  border-top:1px solid #E8E8E8;
  width:900px;
  text-align:left;
  color:#999999;
  font-weight:normal;
  font-family:Tahoma,Arial,sans-serif;
  font-size:11px;
  padding:10px 0px 10px 0px;
}

div.bottom-cnt a,
div.bottom-cnt a:link,
div.bottom-cnt a:active,
div.bottom-cnt a:visited,
div.bottom-cnt a:hover {
  font-family:Tahoma,Arial,sans-serif;
  font-size:11px;
  font-weight:normal;
  color:#999999;
  text-decoration:underline;
}

div.bottom-wrap a:hover { text-decoration:none; }

div.bottom-wrap span.sep {
  padding:0px 5px 0px 5px;
  color:#CCCCCC;
}

/* ___ Contact _________________________________________ */

div.contact-left {
  float:left;
  width:360px;
}

div.contact-right {
  float:right;
  width:250px;
  font-size:16px;
  
}

div.contact-form {
  font-size:11px;
  clear:both;
}

div.contact-form-msg { padding-bottom:8px; }

div#cf-left {
  float:left;
  width:100px;
  padding-bottom:10px;
}

div#cf-right {
  float:left;
  width:150px;
  padding-bottom:10px;
}

div#cf-right input { width: 230px; }
div#cf-right select { width: 230px; }

div#buttons {}

.contact-dat-intro {
  font-size:11px;
  padding:0px 0px 3px 0px;
  border-bottom:1px solid #E8E8E8;
}

div.contact-map-wrap { padding:9px 0px 6px 0px; }
div.contact-map {
  border:3px solid #CCCCCC;
  width:240px;
  height:190px;
}

.pri-dat { font-size:18px; padding: 8px 0px 4px 0px; }
.pri-dat#dos { padding: 8px 0px 4px 0px; }

.sec-dat { font-size:14px; padding: 2px 0px 4px 0px; }
.sec-dat#dos {  }

#light-grey { color:#999999; }

/* ___ Clientes ________________________________________ */

table.clientes { }
table.clientes td {
  vertical-align:top;
  padding:4px 0px 4px 0px;
  border-bottom:1px solid #E8E8E8;
  width:50%;
}

/* ___ Basics __________________________________________ */

h1,h2,h3,h4,h5 {
  color:#2f2f2f;
  padding:0px 0px 8px 0px;
  margin:0;
}

h1 {
  font-size:21px; 
  padding-bottom:11px;
  border-bottom:3px solid #E8E8E8;
}
h2 { font-size:16px; }

h3 {
  font-size:14px;
  color:#075d04;
  padding-bottom:14px;
}

h3#top-line {
  padding:10px 0px 2px 0px;
  margin:0;
  border-top:1px solid #E8E8E8;
}

h3#bottom-line {
  font-size:14px;
  color:#075d04;
  padding-bottom:4px;
  border-bottom:1px solid #E8E8E8;
}

h5 {
  padding:0px 0px 12px 0px;
  margin:0;
  font-family:Verdana,Tahoma,Arial,sans-serif;
  font-size:10px;
}

.grey-10 {
  font-family:Tahoma,Arial,sans-serif;
  color:#999999;
  font-size:10px;
}

.grey-11 {
  font-family:Tahoma,Arial,sans-serif;
  color:#999999;
  font-size:11px;
}

#fs10,
.fs10 {
  font-family:Tahoma,Arial,sans-serif;
  font-size:10px;
}
#fs11,
.fs11 {
  font-family:Tahoma,Arial,sans-serif;
  font-size:11px;
}
#fs13,
.fs13 {
  font-size:13px;
}
#fs14,
.fs14 {
  font-size:14px;
}
#fs17,
.fs17 {
  font-size:17px;
}
#fs18,
.fs18 {
  font-size:18px;
}

#red { color:#ff2f1a; }

div.loader {
  position:fixed;
  top:7px;
  right:10px;
  z-index:40;
}

div.box-1, div.box-2 {
  background-color:#F6F6F6;
  border:1px solid #E8E8E8;
  padding:9px 10px 9px 12px;
  color:#666666;
}
div.box-2 {
  font-size:15px;
  line-height:21px;
  padding:10px 10px 12px 15px;
}

div.box-1 .fs10 {
  font-size:10px;
  font-family:Verdana,Arial,Sans-Service, etc;
}

div.box-1 span#highlight { background-color:/*#E8E8E8;*/#f6f4ce; } 

div.box-1 .fs11 { color:#666666; }
div.box-1 .intro { 
  font-size:11px;
  font-family:Tahoma,Arial,Verdana,sans-serif;
  border-bottom:#CCCCCC;
  padding-bottom:4px;
  border-bottom:1px solid #E8E8E8;
  color:#666666;
}

div.box-1 .intro#intro-pad { padding-top:3px; }

div.box-1 img {
  margin:4px 4px 0px 0px;
}

.item {
  background-image: url(../img_REPOSITORY/arrow.jpg);
  background-repeat:no-repeat;
  background-position:0px 8px;
  padding:0px 0px 0px 12px;
}

.error { color:#FF0000; }
.clear { clear:both; }

ul {
  padding:0px;
  margin:0px;
  list-style-position:inside;
}
li {
  padding-left:0px;
  margin-left:0px;
  padding-bottom:12px;
}

div.grey-line {
  border-bottom:1px solid #E8E8E8;
}

.highlight {
  background-color:#fffcb6;
}

/* ___ Arquitecto Puebla _______________________________ */

.arq-casas {
  width:170px;
  font-size:11px;
  padding-left:15px;
  font-family:Tahoma,Verdana,Arial,sans-serif;
  line-height:17px;
  vertical-align:top;
  color:#999999;
}

.top-border { border-top:1px solid #E8E8E8; }

/* ___ Search box ______________________________________ */

div.search-box-wrap { clear:both; }

.search-box-wrap h3 {
  font-size:14px; 
  padding:10px 0px 4px 0px;
  margin:0;
  border-bottom:3px solid #E8E8E8;
}

/*
.search-box-wrap a {
  display:block;
  height:20px;
}
*/

div.search-box-wrap div.sb-l {
  float:left;
  width:100px;
  padding-top:2px;
  height:12px;
}

div.search-box-wrap div.sb-r {
  float:left;
  width:120px;
  height:12px;
}

div.custom-link {
  background-color:#e8e8e8;
  color:#666666;
  padding:10px 0px 8px 16px;
  height:60px;
  line-height:18px;
}

div.custom-link a {
  color:#666666;
  text-decoration:none;
}

div.custom-link:hover { background-color:#dadada; }

div.search-box-prop-type-list a {
  display:block;
  height:20px;
}

/* ___ Properties ______________________________________ */

table.property-wrap { }

table.property-wrap td {
  border-bottom:1px solid #E8E8E8;
  padding:12px 0px 15px 0px;
  vertical-align:top;
}

table.property-wrap td.img-thumb {
  padding:16px 25px 0px 0px;
  text-valign:top;
}

table.property-wrap td.img-thumb img {
  border:3px solid #cccccc;
}
  
div.prop-thumbnail {
  background-color:#e8e8e8;
  float:left;
  width:160px;
}

div.prop-block-row-wrap {
  padding-top:3px;
  width:450px;
  height:35px;
  clear:both;
}

div.prop-transaction {
  background-color:#0d7200;
  color:#FFFFFF;
  padding:0px 1px 6px 1px;
  margin:1px 1px 4px 1px;
  font-family:Arial,sans-serif;
  font-size:10px;
  display:block; 
  text-align:center;
  width:48px;
  height:14px;
  float:left;
}

div.prop-on-homepage {
  background-color:#bd0000;
  color:#FFFFFF;
  padding:0px 1px 6px 1px;
  margin:1px 1px 4px 1px;
  font-family:Tahoma,Arial,sans-serif;
  font-size:10px;
  text-align:center;
  display:block; 
  width:54px;
  height:14px;
  float:left;  
}

div.prop-is-large {
  background-color:#00233f;
  color:#FFFFFF;
  padding:0px 1px 6px 1px;
  margin:1px 1px 4px 1px;
  font-family:Tahoma,Arial,sans-serif;
  font-size:10px;
  text-align:center;
  display:block; 
  width:87px;
  height:14px;
  float:left; 
}

div.prop-contact1 {
  width:29px;
  height:20px;
  margin:1px 5px 4px 4px;
  border:0px;
  float:right;
}

div.prop-contact1 a img { border:0px; }

div.prop-price {
  color:#0d7200;
  font-size:16px;
  padding:0px 5px 4px 0px;
  margin-bottom:5px;
  width:130px;
  text-align:right;
  float:right;
}

div a.btn-prop-is-large, a.btn-prop-on-homepage {
  display:block;
  color:#FFFFFF;
  text-decoration:none;
  text-align:left;
  padding:5px 5px 2px 15px;
  font-family:Tahoma,Arial,sans-serif;
  font-size:12px;
  height:20px;
}

a.btn-prop-on-homepage { background-color:#bd0000; }
a.btn-prop-on-homepage:hover { background-color:#cf0000; }

a.btn-prop-is-large { background-color:#00233f; }
a.btn-prop-is-large:hover { background-color:#002e53; }

div.prop-location-type {
  font-size:11px;
  line-height:18px;
  padding-bottom:5px;
}

div.prop-description {
  padding:8px 0px 14px 0px;
  border-bottom:1px solid #E8E8E8;
}

/* ___ Prop details ___ */

table.prop-details-tbl {}

table.prop-details-tbl td.prop-thumbnail-nav {
  width:295px;
  vertical-align:top;
}

table.prop-details-tbl td.prop-thumbnail-nav div {}

table.prop-details-tbl td.prop-thumbnail-nav a img {
  border:3px solid #cccccc;
  display:block;
  width:75px;
  margin-right:14px;
  margin-top:8px;
  float:left;
}

table.prop-details-tbl td.prop-thumbnail-nav a:hover img,
table.prop-details-tbl td.prop-thumbnail-nav a.active-link img {
  border:3px solid #bd0000;
}

div.prop-pic {
  background-color:#cccccc;
  background-image:url(../img_REPOSITORY/bgdiag.jpg);
  background-repeat:repeat;
  background-position:top;
  text-align:right;
  position:relative;
  width:320px;
}

div.prop-pic img {
  border:3px solid #CCCCCC;
}

div.prop-pic div#loader {
  position:relative;
  top:50%;
  left:50%;
}

div.prop-description {}

div.prop-details {
  clear:both;
}

div.prop-details div#pd-left {
  float:left;
  width:250px;
}

div.prop-details div#prop-contact {
  padding:2px 0px 12px 0px;
}

div.prop-details div#pd-left div#prop-contact a {
  background-image:url(../img_REPOSITORY/email_icon.jpg);
  background-position:2px 1px;
  background-repeat:no-repeat;
  padding-left:24px;
}

div.prop-details div#pd-left div#googleMapRef {
  padding-top:6px;
}

div.prop-details div#pd-right {
  padding-top:26px;
  float:right;
  width:350px;
}

div.prop-details table { border-collapse:collapse; }
div.prop-details table td {
  padding:3px 0px 3px 0px;
  vertical-align:top;
  font-size:11px;
  border-bottom: 1px solid #e8e8e8;
}
div.prop-details table td#fn-pad { padding-right:20px; }

div.prop-map {
  width:250px;
  height:200px;
  border: 2px solid #E8E8E8;
}

div#myLocation div:first-child + div + div { display: none !important; }

div.prop-details-1 {
  width:605px;
  height:30px;
  clear:both;
}

div.prop-details-1 div.prop-transaction {
  background-color:#0d7200;
  font-family:Arial,sans-serif;
  font-size:13px;
  color:#FFFFFF;
  margin:2px 10px 0px 0px;
  width:58px;
  height:15px;
  float:left;
}

div.prop-details-1 div.prop-price {
  font-size:23px;
  color:#0d7200;
  margin-top:2px;
  width:160px;
  height:25px;
  float:left;
  text-align:left; 
}

div.prop-details-1 div.prop-contact {
  background-color:#cacaca;
  background-image:url(../img_REPOSITORY/contactar_por_propiedad.jpg);
  background-repeat:no-repeat;
  background-position:right;
  margin:2px 0px 0px 0px;
  padding-right:31px;
  width:63px;
  height:22px;
  float:right;
  text-align:right;
}

div.prop-details-1 div.prop-contact a {
  font-size:12px;
  font-family:Tahoma,arial,sans-serif;
  text-decoration:none;
  color:#333333;
}

div.prop-details-1 div.prop-contact a:hover {
  color:#bd0000;
}

/*
div.prop-details-1 div.prop-contact {
  width:160px;
  height:25px;
  float:left;
  text-align:left;
}
*/

div.prop-details-2 {
  padding-top:12px;
  font-size:18px;
}

div.prop-back-to-list {
  clear:both;
}

/* ___ Navigation links ________________________________ */

div.nav-links {
  padding:3px 0px 3px 0px;
  text-align:center;
}

div.nav-links-2 {
  padding:6px 0px 3px 0px;
  text-align:right;
}

div.nav-links a,
div.nav-links a:link,
div.nav-links a:visited,
div.nav-links a:active,
div.nav-links a:hover,
div.nav-links-2 a,
div.nav-links-2 a:link,
div.nav-links-2 a:visited,
div.nav-links-2 a:active,
div.nav-links-2 a:hover {
  text-decoration:none;
}
div.nav-links a:hover,
div.nav-links-2 a:hover {
  background-color:#bd0000;
  color:#FFFFFF;
}

span.sep-1 { padding:0px 5px 0px 5px; }