body
{
    margin: 0 auto 0 auto;
}

body *
{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

h1, h2 ,h3, h4, h5, h6
{
    color: #333;
}

h1{ font-size: 36px; margin-top: 0; padding-top: 0; }
h2{ font-size: 32px; }
h3{ font-size: 28px; }
h4{ font-size: 24px; }
h5{ font-size: 22px; }
h6{ font-size: 20px; }

a{ color: #333; text-decoration: none; transition: all 0.3s; }
a:hover{ color: #FF6600; }

img{ border: 0 }

table
{
    width: 100%;
}

table, td
{
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: top;
    padding: 0;
}

#header, #center-blocks, #content, #footer-blocks .container,
#pre-footer .mailing, #pre-footer .links, #footer
{
    max-width: 1200px;
    margin: 0 auto 0 auto;
}

#header
{
    margin-bottom: 20px;
}

#header .logo
{
    width: 250px;
}

#header .options
{
    padding-left: 20px;
}

#header .top
{
    padding-top: 20px;
    padding-bottom: 20px;
}

#header .top .container
{
    display: flex;
    justify-content: space-between;
}

#header .top .left
{
    display: flex;
    justify-content: flext-start;
}

#header .top .language
{
    border-right: solid 1px #999999;
}

#header .top .language a
{
    display: inline-block;
    margin-right: 10px;
    padding: 5px;
    border: solid 1px transparent;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 12px;
}

#header .top .language a.active,
#header .top .language a:hover
{
    color: #00a8b2;
    border: solid 1px #00a8b2;
}

#header .top .phones
{
    padding-left: 10px;
}

#header .top .phones a
{
    display: inline-block;
    background: transparent url(images/tel.png) no-repeat left center;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 10px;
    color: #00a8b2;
    font-weight: 600;
}

#header .bottom ul
{
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 30px 15px 30px 15px;
    border-radius: 10px;
    background-color: #00a8b2;
}

#header .bottom ul li
{
    list-style: none;
    padding: 0;
    margin: 0;
}

#header .bottom ul li a
{
    display: block;
    transition: all 0.3s;
    font-weight: 600;
    border-top: solid 3px transparent;
    color: #fff;
}

#header .bottom ul li a.active, #header .bottom ul li a:hover
{
    text-decoration: underline;
}

#header .bottom ul li:first-child a
{
    display: block;
    background: transparent url(images/home.png) no-repeat center center;
    font-size: 0px;
    padding: 10px 15px 10px 15px;
}

#header-blocks
{
    margin-bottom: 20px;
}

#center-blocks .block .title
{
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    padding-top: 20px;
}

#center-blocks .block .content
{
    padding: 15px;
}

#left-blocks, #right-blocks
{
    width: 250px;
}

#left-blocks
{
    padding-right: 10px;
}

#right-blocks
{
    padding-left: 10px;
}

#left-blocks .block .title, #right-blocks .block .title
{
    background-color: #7F7F7F;
    color: #fff;
    padding: 10px;
}

#left-blocks .block .content, #right-blocks .block .content
{
    padding: 5px 0 5px 0;
}

#left-blocks .block ul, #right-blocks .block ul,
#left-blocks .block ul li, #right-blocks .block ul li
{
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
}

#left-blocks .block ul li a, #right-blocks .block ul li a
{
    display: block;
    padding: 7px;
    border-bottom: dotted 1px #d3d3d3;
}

#content
{
    margin-bottom: 20px;
}

#content .center
{
    padding-left: 10px;
    padding-right: 10px;
}

#footer-blocks
{
    background-color: #F8F9F9;
    position: relative;
    top: 25px;
}

#footer-blocks .container
{
    display: flex;
    justify-content: space-between;
}

#footer-blocks .container .block
{
    max-width: 33%;
}

#footer-blocks .container .block .title
{
    font-size: 26px;
    padding: 15px 0 15px 0;
}

#footer-blocks .container .block ul
{
    margin: 0;
    padding: 0;
    display: block;
}

#footer-blocks .container .block ul li
{
    list-style: none;
}

#footer-blocks .container .block ul li
{
    display: block;
    padding: 5px 3px 5px 20px;
    background: transparent url(images/bullet.png) no-repeat left center;
}

#pre-footer
{
    margin-bottom: 30px;
    background-color: #f1f1f1;
    padding: 20px 0 30px 0;
}

#pre-footer .links
{
    display: flex;
    justify-content: space-between;
}

#pre-footer .links > div > div
{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

#pre-footer .links > div > div a img
{
    opacity: 0.7;
    transition: all 0.3s;
}

#pre-footer .links > div > div a img:hover
{
    opacity: 1.0;
}

#pre-footer .links h4
{
    color: #666666;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}

#pre-footer .links ul
{
    display: block;
    margin: 0;
    padding: 0;
}

#pre-footer .links ul li
{
    list-style: none;
}

#pre-footer .links ul li a
{
    display: block;
    padding: 3px 3px 3px 20px;
    background: transparent url(images/bullet.png) no-repeat left center;
    font-size: 14px;
    color: #00a8b2;
}

#footer
{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
}

#footer p
{
    padding: 0;
    margin: 0;
}

/*Tabs*/
.tabs li a
{
    border: solid 1px #00a8b2;
    color: #000;
}

.tabs li a:hover, .tabs li a.selected
{
    color: #fff;
    background-color: #00a8b2;
}

.listing-block-container
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.listing-block-container .listing-block
{
    margin-bottom: 10px;
    transition: all 0.3s;
    border: solid 2px transparent;
    padding: 5px;
}

.listing-block-container .listing-block:hover
{
    border: solid 2px #7f7f7f;
}

.listing-block-container .list-image
{
    float: none;
}

.listing-block-container .list-title
{
    display: block;
    padding: 7px 0 7px 0;
}

.listing-block-container .list-title a
{
    color: #00a8b2;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}

.listing-block-container .list-pueblo
{
    text-align: right;
    margin-top: -33px;
}

.listing-block-container .list-pueblo span
{
    color: #fff;
    text-transform: uppercase;
    background-color: #4d4d4d;
    padding: 7px;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
}

.listing-block-container .property-details
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
}

.listing-block-container .property-details > div
{
    padding-right: 10px;
}

.listing-block-container .property-details span
{

    color: #666666;
    font-size: 12px;
}

.listing-block-container .price-view
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #E8E8E8;
}

.listing-block-container .price-view .list-price
{
    padding: 2px 5px;
    font-size: 13px;
    color: #666666;
}

.listing-block-container .price-view .list-price span
{
    font-weight: bold;
    font-size: 18px;
    color: #000;
}

.listing-block-container .price-view .list-view-more
{
    background: transparent url(images/view-more.png) no-repeat right center;
    padding: 7px 10px 7px 100px ;
    text-align: right;
}

.listing-block-container .price-view .list-view-more a
{
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding-left: 10px;
    font-size: 13px;
}


.listing-block-blog .list-view-more a
{
    background-color: #777;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
    padding: 10px;
}

.listing-block-blog .listing-container > div
{
    flex-grow: 1;
    width: 100%;
}

.listing-block-blog .listing-container > div:first-child
{
    width: 25%;
}

.listing-block-container .listing-block-blog
{
    border-bottom: dotted 1px #d3d3d3;
}

.listing-block-container .listing-block-blog:hover
{
    border: solid 2px transparent;
    border-bottom: dotted 1px #d3d3d3;
}

.listing-grid .title a
{
    font-size: 24px;
}

.listing-grid .view-more
{
    display: block;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 10px;
}

.listing-grid .view-more a
{
    display: inline-block;
    border: solid 1px #00A8B3;
    background-color: transparent;
    margin: 0 3px 3px 0;
    color: #00A8B3;
    padding: 8px;
    text-transform: uppercase;
    font-weight: bold;
}

.listing-grid .view-more a:hover
{
    color: #ffffff;
    background-color: #00A8B3;
}