@charset 'utf-8';
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700,600);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body {
    color:#000;
    font-family:'Titillium Web','Helvetica Neue',Helvetica,Arial,sans-serif;
}

h1,h2,h3,h4 {
    color:#000;
    font-weight:bold;
}
h1 {font-size: 32px }
h2 {font-size: 26px }
h3 {font-size: 20px }
h4 {font-size: 16px }

.btn, input, select, textarea {
    font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}
/*
div.bg1 {
    background: #fff url('../img/bg1.jpg') no-repeat top center;
}
div.bg2 {
    background: #fff url('../img/bg2.jpg') no-repeat top center;
}
div.bg3 {
    background: #fff url('../img/bg3.jpg') no-repeat top center;
}*/
div#home {
    background: #fff url('../img/bg4.jpg') no-repeat top center;
}


/* HEADER --------------------------------------------------------------------------------------- */
.header {
    background:#f4f4f4;
}
.header .logo {
    padding: 16px 0 16px 0;
}
.header .call-now {
    margin-top:26px;
    font-size: 24px;
}
.header .call-now .telephone {
    font-weight: bold;
    font-size: 23px;
    color:#000;
}

/* FOOTER --------------------------------------------------------------------------------------- */
footer.footer-top {
    background: #b51b43;
    padding: 26px 0 20px 0;
    margin-top:100px;
}
footer.footer-bottom {
    background: #7c0214;
    padding: 19px 0 22px 0;
}

footer,
footer h4,
footer a,
footer a:hover {
    color: #fff;
}
footer ul {
    padding-left: 0;
    list-style-type: none;
}
footer ul li:before {
    content:"\00B7\0020";
}
footer .copyright {
    padding-top:13px;
}

footer .social-media a {
    padding-right: 10px;
}
footer .social-media .fa {
    background:#fff;
    color:#7c0214;
    font-size: 1.3em;
    height:32px;
    width:32px;
}
footer .social-media .fa:hover {
    background:#b51b43;
    color:#fff;
}
footer .social-media .fa-twitter {
    padding: 7px 1px 1px 7px;
}
footer .social-media .fa-facebook {
    padding: 7px 1px 1px 9px;
}
footer .social-media .fa-google-plus {
    padding: 7px 1px 1px 9px;
}
footer .logo {
    margin-left: 30px;
}

.content a {
    color: #e6125e;
}

/* HOME ----------------------------------------------------------------------------------------- */
#home div.selector {
    height:465px;
    padding-top: 128px;
}
#home div.selector h1 {
    font-weight:bold;
    margin:0 0 10px 0;
    font-size:36px;
}
#home h2 {
    margin: 60px 0 30px 0;
    font-size: 22px;
}
#home h3 {
    font-size: 18px;
}
#home div.selector .intro {
    padding:0 40px;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 16px;
}
#home div.selector .top {
    background-color:rgba(230,230,230,0.92);
    padding:30px 30px 0 30px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-left: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}
#home div.selector .submit {
    border-color:#e2e2e2;
    background-color:rgba(230,230,230,0.92);
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    padding:30px 30px 17px 30px;
}
#home div.selector select {
    background:#fff;
}
#home div.selector .submit .btn-find {
    font-size:19px;
    font-weight: bold;
    background:#b51b43;
    color:#fff;
}
#home div.selector .submit .btn-find:hover {
    background:#7c0214;
    color:#fff;
}

#home .featured .image {
    position: relative;
}
span.high-profit {
    background: #f4fc00;
    color: #000;
    padding: 3px 10px;
    font-weight: bold;
    z-index:3;
}
#home .featured .image span.high-profit {
    position: absolute;
    bottom:14px;
    left: 0px;
    font-size:15px;
}
#home .featured .image img {
    width:100%;
    z-index:1;
}
#home .featured .image img:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
#home .featured .title, 
#home .featured .title a {
    color:#000;
    font-size: 16px;
}
#home .featured .prices {
    color:#e6125e;
}
#home .featured .prices .the-price {
    font-size:25px;
    font-weight:bold;
} 
#home .featured .prices .the-profit {
    text-align: right;
}
#home .featured .prices .the-profit span {
    font-size: 20px;
    font-weight: bold;
    padding-top:1px;
}

#home .other-info {
    margin: 100px 0 0 0;
}

/* BREADCRUMB ------------------------------------------------------------------ */
.breadcrumb>li+li:before {
    content: ">";
    color:#e6125e;
}

.breadcrumb {
    background:#fff;
    padding:0;
    font-weight: 600;
    margin:40px 0;
    font-size: 16px;
}
.breadcrumb li,
.breadcrumb >.active,
.breadcrumb li a {
    color:#e6125e;
}

/* PAGINATION ------------------------------------------------------------------ */
.pagination {
    margin: 50px 0 40px 0;
}
.pagination > li > a {
    color: #e6125e;
    font-size:18px;
}
.pagination > li > a:hover {
    background: #e6125e;
    color:#fff;
    border-color:#e6125e;
}
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    background: #e6125e;
    color:#fff;
    border-color:#e6125e;
}

/* LISTADO ---------------------------------------------------------------------- */
.filters {
    background:#f4f4f4;
    padding: 10px 20px 20px 20px;
}
.filters .row > div > label {
    color: #e6125e;
    margin-top:10px;
    font-weight: 600;
    font-size: 15px;
}

#search .content{
    padding-left: 30px;
}
#search .content h1 {
    margin-top:0;
    font-size:28px;
}
#search .content h2 {font-size: 23px }
#search .content h3 {font-size: 18px }
#search .content h4 {font-size: 15px }

#search .content .intro {
    margin-bottom:30px;
    font-size: 15px;
}


#search .content div.item {
    border-bottom: 5px solid #f4f4f4;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
#search .content div.first {
    margin-top: 30px;
}
#search .content .item .image img {
    width: 100%;
}
#search .content .item .image img:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
#search .content .item h2 {
    margin-top:0;
    font-size: 16px;
    font-weight: 600;
}
#search .content .item h2 a {
    color:#000;
}
#search .content .item h2 a:hover {
    color:#444;
    text-decoration: none;
}
#search .content .item .prices {
    color: #e6125e;
    font-weight: bold;
    font-size:20px;
    margin-bottom:10px;
}
#search .content .item .the-profit {
    margin-left:25px;
    font-weight: normal;
    font-size:20px;
}
#search .content .item .the-profit > span {
    font-weight:bold;
}
#search .content .item .btn {
    background-color:#f4f4f4;
    font-weight: 600;
    margin-top:10px;
    padding-bottom:3px;
    padding-top:3px;
    font-size: 13px;
}
#search .content .item .btn:hover {
    background: #e6125e;
    border-color:#e6125e;
    color:#fff;
}
#search .content span.high-profit {
    margin-left:25px;
    font-size:16px;
}
#search .content .excerpt {
    font-size: 15px;
}


#search .other-info ul {
    padding-left: 0;
    list-style-type: none;
}
#search .other-info ul li:before {
    content:"\00B7\0020";
}


/* FICHA ------------------------------------------------------------------------ */

.property {
    margin: 40px 0 0 0;
}

.navigation .btn {
    background-color:#f4f4f4;
    font-weight: 600;
    margin-top:10px;
    padding-bottom:3px;
    padding-top:3px;
    font-size:13px;
}
.navigation .btn:hover {
    background: #e6125e;
    border-color:#e6125e;
    color:#fff;
}
.navigation .btn-prev {
    float: right;
}
.navigation .btn-next {
    float: right;
    margin-left: 18px;
}

.property h1 {
    font-size: 28px;
    margin-bottom: 11px;
}
.property .data {
    color:#e6125e;
    font-size: 24px;
    margin-bottom: 15px;
}
.property .data .the-price {
    font-size: 18px;
}
.property .data .the-price span {
    font-weight: bold;
    font-size: 24px;
}
.property .data .the-profit {
    margin-left:30px;
    font-size: 18px;
}
.property .data .the-profit span {
    font-weight: bold;
    font-size: 24px;
}
.property .data .the-rent {
    margin-left:30px;
    font-size: 18px;
}
.property .data .the-rent span {
    font-weight: bold;
    font-size: 24px;
}
.property .data .the-area {
    margin-left:30px;
}
.property .data .the-ref {
    margin-left:30px;
    font-size: 18px;
}

.property .gallery {
    position:relative;
    padding: 5px;
    margin-bottom:50px;
}
.property .gallery span.high-profit {
    position: absolute;
    top:14px;
    left:25px;
    font-size: 15px;
}
.property .gallery .thumbnails {
  margin: 0px;
  padding: 12px;
}
.property .gallery .thumbnails div {
  padding: 0px 8px 8px 0px;
  margin-left: 3px;
}
.property .gallery .thumbnails div img:hover{
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}


.property .content {
    font-size: 16px;
}
.property .content h2 {
    margin-top: 35px;
    font-size: 16px;
}
.property .content .charact-list {
    line-height: 1em;
}

.property .g-recaptcha {
    margin-left: 12px;
}


.location .address {
    margin-top:35px;
    font-size:17px;
    margin-bottom:5px;
}
.location span {
    font-weight: bold;
}

.location .ratio {
    background:#f4f4f4;
    border:1px solid #e2e2e2;
    margin:0;
    padding:24px 10px 20px 10px;
    font-size: 16px;
}
.location .ratio .footnote {
    font-size:13px;
    color:#808080;
    margin-top:6px;
}

.property .content .location #map {
  width: 100%;
  height: 400px;
}
.property .content .location .ratio .arrow {
    background:#b51b43 url('../img/mascara_arrow.png') no-repeat left center;
    color:#fff;
    padding:11px 0 0 37px;
    height:55px;
    line-height:1.1em;
    font-weight:600;
    margin-top: -13px;
}
.property .content .location .map-marker {
    padding-top: 8px;
}
.property .content .location .map-marker p {
    font-size: 15px;
    line-height: 14px;
}

/* BANNER DE PEDIR INFO ----------------------------------------------------------------------- */
#movable {
    width: 100%;
    padding-top:4px;
}
#movable .messages {
    margin-top:20px;
}
#movable .glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}


#more-info {
    background:#f4f4f4;
    border:1px solid #e2e2e2;
    padding: 0 30px 20px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}
#more-info .btn-more-info {
    background-color:#b51b43;
    border-color:#b51b43;
    font-weight: 600;
    margin-top:20px;
    color:#fff;
    font-size: 20px;
    padding-left: 40px;
    padding-right: 40px;
    width:70%;
}
#more-info .btn-more-info:hover {
    background: #e6125e;
    color:#fff;
}
#more-info textarea {
/*    width:70%;
    margin:0 auto;*/
}
#more-info input {
/*    margin:0 auto;
    width:70%;*/
}
#more-info h2 {
    font-size:24px;
    margin-bottom: 40px;
}

#more-info .call-now {
  margin-top: 20px;
  font-size: 20px;
}
#more-info .call-now span {
    font-weight:bold;
    font-size: 23px;
}

/* BANNER DE COMPARTIR --------------------------------------------------------------- */
.secondary .social-share {
    margin-top:20px;
    font-size: 16px;
}
.secondary .social-share .fa {
    color:#fff;
    font-size: 1.3em;
    height:32px;
    width:32px;
    margin-right:10px;
}
.secondary .social-share .fa:hover {
    background:#b51b43;
    color:#fff;
}
.secondary .social-share .fa-twitter {
    padding: 7px 1px 1px 7px;
    background: #31aae1;
}
.secondary .social-share .fa-facebook {
    padding: 7px 1px 1px 9px;
    background: #36589b;
}
.secondary .social-share .fa-google-plus {
    padding: 7px 1px 1px 9px;
    background: #da4b39;
}

/* PAGINAS --------------------------------------------------------- */

.post {
    /*margin: 40px 0 0 0;*/
}

.post article {
    margin-bottom:30px;
    padding-left: 30px;
}
.post article .text {
    font-size: 16px;
}
.post article .comments {
    margin-top: 40px;
}
.post article .text .image {
    margin-right: 10px;
    float: left;
    width: 50%;
}
.post article .text .image img {
    width:100%;
}

.post article h1 {
    font-size: 30px;
    margin-top:0;
}
.post article h2 {
    font-size: 22px;
}

.post article header .details {
    color:#e6125e;
    margin-bottom: 20px;
    font-size: 15px;
}
.post article header .details .data {
    margin-right: 5px;
}
.post article header .details .author {
    margin-left: 5px;
}

.post aside {
    background:#f4f4f4;
    padding:30px;
}
.post aside h2 {
    font-size: 22px;
    margin-top:0;
}
.post aside ul {
    padding-left:0;
    list-style: none;
}
.post aside ul li {
    font-size:16px;
    margin-top: 20px;
}
.post aside ul li a {
    color:#000;
}
.post aside ul li a:hover {
    color:#e6125e;
    text-decoration: none;
}

.post aside .social-share {
    margin-top:0;
}
.post aside .more-posts {
    margin-top:30px;
}

/* Contacto ------------------------------------------------------------------------------- */
.contact #map {
    width: 100%;
    height: 400px;
}
.contact .captcha {
    margin-top: 10px;
}
.contact h1 {
    font-size: 30px;
    margin-top: 0;
}
.contact .details {
    margin-bottom: 25px;
}
.contact .btn-contact {
    font-size:16px;
    font-weight: bold;
    background:#b51b43;
    color:#fff;
}
.contact .btn-contact:hover {
    background:#7c0214;
    color:#fff;
}


@media (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 1200px) {
}

@media (max-width: 979px) {
    .post article .text .image { margin:0px 0px 10px 0; float:none; width:100% }
}

@media (max-width: 767px) {
    header .logo img {width:100%; max-width:275px}
    .header .call-now {font-size:14px}
    .header .call-now .telephone {font-size:14px}
    footer .logo {max-width: 40%;}
    
    #home div.selector .submit .btn-find {font-size:14px}
    #home div.selector {padding-top:20px}
    #home div.selector h1 {font-size:20px}
    #home div.selector .intro {padding:0}
    #home .featured .item {margin-bottom:30px}
    
    .breadcrumb {margin:20px 15px}
    .breadcrumb li {font-size:14px;}
    
    .post .breadcrumb .the-title {display:none}
    .post article {padding-left:15px;}
    .post aside {margin:0 15px;}
    .post article header .details .separator {display:none}
    .post article header .details .author {display:block; margin-left:0}
    .post article h1 {font-size: 22px}
    #search .content div.item .image {display:none; /*margin-bottom:15px*/}
    
    #search .content {padding-left:15px}
    #search .content h1 {font-size:22px}
    #search .content .excerpt, #search .content .item .the-profit, #search .content .item .prices { font-size:14px}
    #search .content span.high-profit {font-size:13px;margin:5px 0;display:inline-block}
    
    .pagination {margin: 10px 0}
    .pagination > li > a {padding:6px 10px;}
    .pagination > li > a {font-size:14px}
    
    .property {margin:10px 0}
    .navigation .btn {font-size:10px}
    .property h1 {font-size:22px}
    .property .data {font-size:16px}
    .property .data span {font-size:16px !important; margin-left:0 !important}
    .property .data > span {display:block}
    .property .content {font-size:14px}
    .property .content .location .ratio { font-size:14px}
    .property .content .location .ratio .arrow {font-size:12px; margin-top:0; padding:6px 0 0 28px}
    
    #more-info h2 {font-size:22px;margin-bottom:20px}
    #more-info .btn-more-info { font-size:18px;padding-left:10px; padding-right:10px; margin-top:0}
    #more-info .call-now {margin-top:10px; font-size:18px}
    #more-info .call-now span {font-size:18px}
    
}