/* 
Title:     Stylesheet from mercado-house.com
Author:    Mercado House
*/

/* -- General -- */

* {
margin: 0;
padding: 0;
}

html, body { 
  height: 100%;
}

body {
  text-align: center;
  font: .7em/1.5em Arial, Verdana, Helvetica, sans-serif;
  background: white url(../img/background.gif) repeat-x;
  height: 100.01%;
}

h1 {
  display: none;
}

p {
  margin-top: 1em;
}

div.main_content {
  float: left;
}

/* -- Links -- */

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

a:hover {
  color: #d58907;
}

/* -- Container DIV -- */

div#wrap {
  width: 900px;
  margin: 0 auto;
}

/* -- Language selection -- */

div#lang {
  height: 25px;
}

div#lang_box {
  width: auto;
  float: right;
  height: 25px;
  background: #e3eaec url(../img/lang_cornerl.gif) no-repeat;
  padding-left: 20px;
}

div#lang_box strong {
  font-size: 1em;
  color: #72787a;
  float: left;
  font-weight: normal;
  margin-top: 4px;
} 

ul#choose_lang {
  float: left;
  list-style-type: none;
  height: 25px;
  background: #e3eaec url(../img/lang_cornerr.gif) no-repeat right bottom;
  padding-right: 20px;
}

ul#choose_lang li {
  margin-top: 4px;
  margin-left: 20px;
  float: left;
}

ul#choose_lang li a {
  padding-left: 20px;
  color: #b5b9be;
}

ul#choose_lang li a.german:hover,
ul#choose_lang li a.dutch:hover,
ul#choose_lang li a.english:hover,
ul#choose_lang li a.arabic:hover,
ul#choose_lang li.lang_active a.german,
ul#choose_lang li.lang_active a.dutch,
ul#choose_lang li.lang_active a.english,
ul#choose_lang li.lang_active a.arabic {
  background-position: 0 -54px;
  color: #72787a;
}

ul#choose_lang li a.german {
  background: url(../img/lang_ger.gif) no-repeat 0 1px;
}

ul#choose_lang li a.dutch {
  background: url(../img/lang_nl.gif) no-repeat 0 1px;
}

ul#choose_lang li a.english {
  background: url(../img/lang_eng.gif) no-repeat 0 1px;
}

ul#choose_lang li a.arabic {
  background: url(../img/lang_ar.gif) no-repeat 0 1px;
}

/* -- Header -- */

#top {
  height: 80px;
  position: relative;
}

/* -- Header - Navigation -- */

ul#nav {
  list-style-type: none;
  float: right;
}

ul#nav li {
  float: left;
  background: url(../img/nav_button.gif) no-repeat right bottom;
  margin-top: 39px;
}

ul#nav li a {
  float: left;
  height: 49px;
  padding-left: 22px;
  padding-right: 22px;
  display: block;
  color: black;
  text-decoration: none;
}

ul#nav li a span {
  float: left;
  margin-top: 20px;
  height: 25px;
  display: block;
}

ul#nav li a:hover {
  background: url(../img/nav_button_hover.gif) no-repeat right bottom;
  color: #3f61b5;
  cursor: pointer;
}

ul#nav li#logo {
  margin-top: 6px;
  position: absolute;
  top: 10px;
  left: 0;
  background: transparent;
}

ul#nav li#logo a {
  padding: 0 0 0 0;
  height: 60px;
  width: 268px;
  background: url(../img/logo.gif) no-repeat top left;
  display: block;
}

ul#nav li#logo a:hover {
  background-position: 0 -240px;
}

ul#nav li#logo a span {
  display: none;
}

body.body_news ul#nav li a.link_news,
body.body_news ul#nav li a.link_news:hover,
body.body_about ul#nav li a.link_about,
body.body_about ul#nav li a.link_about:hover,
body.body_homes ul#nav li a.link_homes,
body.body_homes ul#nav li a.link_homes:hover,
body.body_gallery ul#nav li a.link_gallery,
body.body_gallery ul#nav li a.link_gallery:hover,
body.body_partner ul#nav li a.link_partner,
body.body_partner ul#nav li a.link_partner:hover,
body.body_partner_form ul#nav li a.link_partner,
body.body_partner_form ul#nav li a.link_partner:hover,
body.body_partner_sent ul#nav li a.link_partner,
body.body_partner_sent ul#nav li a.link_partner:hover,
body.body_contact ul#nav li a.link_contact,
body.body_contact ul#nav li a.link_contact:hover,
body.body_contact_sent ul#nav li a.link_contact,
body.body_contact_sent ul#nav li a.link_contact:hover,
body.body_company ul#nav li a.link_company,
body.body_company ul#nav li a.link_company:hover,
body.body_upload ul#nav li a.link_about,
body.body_upload ul#nav li a.link_about:hover,
body.body_upload_sent ul#nav li a.link_about,
body.body_upload_sent ul#nav li a.link_about:hover {
  background: url(../img/nav_button_active.gif) no-repeat right bottom;
  font-weight: bold;
  color: #3f61b5;
}

div#promo {
  clear: both;
  height: 80px;
}

/* -- Content -- */

div#content {
  padding: 50px 0 50px 0;
  text-align: left;
  font-size: 1.2em;
  clear: right;
}

div#content h2 {
  font-size: 1.2em;
  font-weight: bold;
  color: #5775cb;
  margin-bottom: 1em;
}

div#content h3 {
  margin-top: 1em;
  font-size: 1em;
  font-weight: bold;
  color: black;
}

div#content p {
  width: 70%;
}

/* -- Homepage -- */

body.body_start {
  background: white url(../img/background_start.gif) repeat-x;
}

body.body_start div.main_content {
  width: 600px;
}

body.body_start div.start {
  width: 205px;
  height: 293px;
  background: url(../img/start_more_info.jpg) no-repeat;
  margin-top: -83px;
}

body.body_start div.start strong {
  display: none;
}

body.body_start div.start a {
  margin: 50px 0 0 30px;
  width: 154px;
  height: 200px;
  display: block;
  background: url(../img/start_more_info_text.gif) no-repeat;
}

body.body_start div.start a span {
  margin: 55px 0 0 60px;
  width: 22px;
  height: 24px;
  position: absolute;
  background: url(../img/start_arrow.gif) no-repeat;
}

body.body_start div.start a:hover {
  background-position: 0 -258px;
}


/* -- Homepage - Promo banner -- */

body.body_start div#promo {
  height: 250px;
}

body.body_start div#promo_text {
  width: 320px;
  color: white;
  text-align: left;
  font-size: 1.1em;
  float: left;
}

body.body_start div#promo_text a {
  color: #8fa8ff;
  text-decoration: none;
  font-weight: bold;
}

body.body_start div#promo_text a:hover {
  color: #f8a537;
}

body.body_start div#promo_text h2 {
  font-size: 1.3em;
  margin-top: 50px;
  color: #8fa8ff;
  text-align: left;
}

body.body_start div#promo_text p {
  color: white;
}

body.body_start div#promo_text p.small {
  font-size: 1em;
}

/* -- Homepage - Promo banner - Flash animation -- */

body.body_start div#promo_ani {
  width: 580px;
  height: 250px;
  float: right;
  text-align: right;
}

/* -- News -- */

body.body_news div#content div.main_content {
  width: 500px;
}

div.news {
  width: 246px;
  height: 231px;
  background: url(../img/news.jpg) no-repeat;
}

a.news_info {
  margin-top: 350px;
  background: url(../img/news_info.jpg) no-repeat;
  height: 170px;
  width: 220px;
  display: block;
}

a.news_info:hover {
  background-position: 0 -330px;
}

a.news_info strong {
  display: none;
}

body.body_news div#content div.main_content hr {
  height: 0;
  border-top: 1px solid #d0d5da;
  border-bottom: none;
  border-left: none;
  border-right: none;
  margin-top: 2em;
  padding-bottom: 1em;
}

/* -- About us -- */

body.body_about div#content h3 {
  color: #5775cb;
  padding-bottom: 10px;
  border-bottom: 1px solid #d0d5da;
  width: 30%;
  margin-top: 2em;
}

body.body_about div#content h3.longtext {
  width: 40%;
}

body.body_about div#content h3.first_header {
  margin-top: 1em;
}

body.body_about div#content div.main_content div {
  border: 1px solid #d0d5da;
  height: 145px;
  width: 200px;
  padding: 3px;
}

div.advice {
  margin: 1em 1em 0.5em 0;
  float: left;
  background: url(../img/about_us_advice.jpg) no-repeat 3px 3px;
}

div.plan {
  margin: 1em 0 0.5em 1em;
  float: right;
  background: url(../img/about_us_plan.jpg) no-repeat 3px 3px;
}

body.body_about div.main_content {
  width: 500px;
}

body.body_gallery div.main_content {
  width: 650px;
}

div#content div.main_content p {
  width: auto;
}

div.img_content {
  float: right;
  margin-top: -20px;
}

body.body_about div#content div.img_content {
  margin-top: 0.5em;
}

div.advertise {
  background: url(../img/about_us_advertise.jpg) no-repeat;
  width: 221px;
  height: 324px;
}

div.customers {
  margin-top: 150px;
  background: url(../img/about_us_customers.jpg) no-repeat;
  width: 378px;
  height: 528px;
}

body.body_about div#content blockquote,
body.body_about div#content address {
  font-size: 0.8em;
  color: #777777;
}

body.body_about div#content address {
  padding: 5px 0 5px 40px;
  font-style: normal;
  font-weight: bold;
  background-color: #e2e2e2;
  border-top: 1px solid #d0d5da;
  border-bottom: 1px dotted #a7acb0;
}

body.body_about div#content blockquote {
  margin-top: 2em;
  border-bottom: 1px solid white;
  background: #e6e6e6 url(../img/about_us_quote.gif) repeat-x;
}

body.body_about div#content blockquote p {
  background: url(../img/about_us_quotation_mark.gif) no-repeat;
  border-top: 1px dotted #a7acb0;
  padding: 15px 15px 15px 40px;
  margin-top: 0;
  width: 445px;
}

body.body_about div#content blockquote p span.open {
  display: none;
}

body.body_about div#content blockquote p span.close {
  display: none;
}

/*-- Upload -- */

body.body_upload div.upload {
  width: 230px;
  height: 299px;
  background: url(../img/upload.jpg);
}

/* -- Homes and prices -- */

div.homes {
  background: url(../img/homes.jpg) no-repeat 0 35px;
  width: 264px;
  height: 235px;
}

body.body_homes div.main_content {
  width: 600px;
}

body.body_homes div#content p {
  width: auto;
}

body.body_homes div#content h3 {
  font-size: 1.2em;
  color: #5775cb;
  margin: 1em 0 1em 0;
}

body.body_homes div#content h4 {
  font-size: 1em;
}

body.body_homes p.more_info {
 margin: 1em 0 1em 0;
}

body.body_gallery p.more_info {
 margin: 1em 0 2em 0;
}

body.body_homes p.more_info strong,
body.body_gallery p.more_info strong {
  display: none;
}

body.body_homes p.more_info a,
body.body_gallery p.more_info a {
  display: block;
  width: 400px;
  height: 75px;
  background: url(../img/more_info_button.jpg) no-repeat;
}

body.body_homes p.more_info a:hover,
body.body_gallery p.more_info a:hover {
  background-position: 0 -223px;
}

div.img_thumb {
  width: 130px;
  margin: 0 10px 25px 0;
  float: left;
  vertical-align: top;
}

div.img_thumb img {
  border: 1px solid #d0d5da;
  padding: 3px;
}

div.img_thumb img:hover {
  cursor: pointer;
  border: 1px solid #9a9ea3;
}

div#content div.img_thumb h4 {
  margin-top: 0;
  margin-bottom: 0.5em;
  display: inline;
}

div#content div.img_thumb p {
  margin-top: 0.3em;
  width: auto;
  text-align: right;
}

div#content div.img_thumb span {
  font-size: 0.8em;
  margin-left: 5px;
}

p.tbc strong {
  color: #909090;
}

p.further_info {
  color: #cb5757;
  font-size: 0.9em;
}

ul#td_ul {
  list-style-type: none;
  padding-top: 1em;
}

ul#td_ul li {
  float: left;
  padding-right: 10px;
}

ul#td_ul li.last_button {
  padding-right: 0;
}

ul#td_ul li span {
  display: none;
}

ul#td_ul li a {
  width: 138px;
  height: 33px;
  display: block;
}

ul#td_ul li a.specifications {
  background:url(../img/technical_details_specifications.jpg) no-repeat;
}

ul#td_ul li a.foundation {
  background:url(../img/technical_details_foundation.jpg) no-repeat;
}

ul#td_ul li a.pouring {
  background:url(../img/technical_details_pouring.jpg) no-repeat;
}

ul#td_ul li a.installations {
  background:url(../img/technical_details_installations.jpg) no-repeat;
}

ul#td_ul li a.finishings {
  background:url(../img/technical_details_finishings.jpg) no-repeat;
}

ul#td_ul li a.cad {
  background:url(../img/technical_details_cad_details.jpg) no-repeat;
}

/* -- Homes and prices - homes (details) -- */

div#content div.technical_details_1 {
  width: 455px;
  float: left;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #d0d5da;
}

div#content div.technical_details_2 {
  width: 410px;
  float: right;
}

div#content div.technical_details_1 h3 {
  color: black;
}

div#content div.technical_details_2 h3 {
  margin-top: 2em;
}

div#content div.technical_details_1 h3,
div#content div.technical_details_2 h3 {
  font-size: 0.9em;
}

div#content div.technical_details_2 h3.td_first {
  margin-top: 1em;
}

div#content div.technical_details_2 p.details_follow {
  color: grey;
  font-size: 1.2em;
  font-weight: bold;
  padding-top: 10em;
  text-align: center;
}

p.details_follow span.break {
  display: block;
}

div#content .small_space_maker {
  padding-bottom: 2em;
}

div#content .big_space_maker {
  padding-bottom: 7em;
}


/* -- Gallery -- */

div.gallery {
  background: url(../img/gallery.jpg) no-repeat;
  width: 250px;
  height: 200px;
}

p.psg_bottom {
  margin-bottom: 1em;
}

img.img_full {
  border: 1px solid #d0d5da;
  padding: 3px;
}

div#content p.full_length {
  width: auto;
}


/* -- Local partners -- */

body.body_partner div.main_content {
  width: 650px;
}

div.partner {
  background: url(../img/partner.jpg) no-repeat;
  width: 161px;
  height: 201px;
}

div.partner h3,
div.partner strong {
  display: none;
}

div.partner ul {
  list-style-type: none;
}

div.partner a {
  width: 161px;
  height: 201px;
  display: block;
  position: relative;
}

div.partner a span {
  background: url(../img/partner_int.gif) no-repeat;
  width: 161px;
  height: 34px;
  position: absolute;
  top: 165px;
  left: 5px;
  cursor: pointer;
}

div.partner a:hover span {
  background-position: 0 -166px;
}

body.body_partner div#content h3 {
  font-size: 1em;
  color: #5775cb;
  padding-bottom: 18px;
  text-align: center;
}

body.body_partner div#content h3#local_bottom {
  background: url(../img/germany_bottom.gif) no-repeat 0 18px;
}

body.body_partner div#content h3#europe_bottom {
  background: url(../img/europe_bottom.gif) no-repeat 0 18px;
}

div#partner_local {
  float: left;
  margin-right: 20px;
  margin-top: 20px;
}

div#partner_eu {
  float: right;
  margin-top: 20px;
}

/* -- Local partners - Form sent -- */

body.body_partner_form div.main_content {
  width: 580px;
}

div.partner_form {
  background: url(../img/partner_form.jpg) no-repeat;
  width: 220px;
  height: 330px;
}

/* -- Local partners, Upload and Contact - Form sent -- */

body.body_partner_sent div.main_content,
body.body_contact_sent div.main_content,
body.body_upload div.main_content,
body.body_upload_sent div.main_content,
body.body_catalog_sent div.main_content {
  width: 600px;
}

div.partner_sent,
div.contact_sent,
div.upload_sent,
div.catalog_sent {
  margin-top: 20px;
  background: url(../img/sent.jpg) no-repeat;
  width: 250px;
  height: 166px;
}

/* -- Contact -- */

body.body_contact div.main_content {
  width: 490px;
}

body.body_contact div.contact {
  width: 388px;
  height: 259px;
  background: url(../img/contact.jpg) no-repeat;
}

a#privacy:hover {
  color: #3f61b5;
}

body.body_contact div#content h3.h3_alt {
  clear: both;
  padding-top: 1em;
}

/* -- Contact - contact form -- */

div#content div.form_left,
div#content div.form_right {
  float: left;
  width: auto;
}

div#content div.form_left p,
div#content div.form_right p {
  width: auto;
}

div#content div#address_block {
  float: left;
}

div#content div.form_right {
  padding-left: 30px;
}

div#content p.message,
div#content p.error_type_c {
  clear: both;
  padding-top: 1em;
}

div#content span.mandatory {
  color: #5775cb;
  font-size: 0.9em;
  font-weight: normal;
}

div#content p#street_form {
 float: left;
 padding-right: 5px;
}

div#content p#postcode_form {
 float: left;
 padding-right: 5px;
}

div#content p#postcode_form input {
 width: 50px;
}

div#content p#city_form input {
 width: 190px;
 padding-right: 0;
 margin-right: 0;
}

div#content p#street_form input {
 width: 200px;
}

div#content p#housenumber_form input {
 width: 40px;
}

div#content textarea,
div#content input,
div#content select {
  border: 1px solid #c6c6c6;
  font: 1em/1em Arial, Verdana, Helvetica, sans-serif;
  padding: 2px;
}

div#content textarea {
  width: 536px;
  height: 120px;
}

div#content select {
  width: 256px;
}

body.body_errorreport div#content select {
  width: 542px;
}

div#content div.form_left input,
div#content div.form_right input {
  width: 250px;
}

div#content input#submit,
div#content input#submit_2 {
  padding: 3px;
  color: white;
  background-color: #5775cb;
  border-right: 2px solid #154594;
  border-bottom: 2px solid #154594;
  border-top: 2px solid #8fa8ff;
  border-left: 2px solid #8fa8ff;
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  width: 249px;
  margin: 1em 0 0 293px;
}

div#content input#submit:hover,
div#content input#submit_2:hover {
  background-color: #738ee7;
  cursor: pointer;
}

div#content input#submit:focus,
div#content input#submit_2:focus {
  padding: 4px 0 0 4px;
  background-color: #738ee7;
  border-left: 2px solid #154594;
  border-top: 2px solid #154594;
  border-bottom: 2px solid #8fa8ff;
  border-right: 2px solid #8fa8ff;
  margin-bottom: 2px;
}

div#content p.feedbackclear {
  clear: both;
}

div#content select#feedback {
  width: 542px;
}

div#content textarea:focus,
div#content input:focus,
div#content select:focus {
  border: 1px solid #909090;
  background-color: #f9f9f9;
}

div#content p.options input {
  width: auto;
  vertical-align: middle;
  border: 0;
}


div#content p.options label {
  display: inline;
  margin-right: 20px;
  vertical-align: middle;
}

div#content p.options label.options_last {
  margin-right: 0;
}

div#content p.error {
  font-weight: bold;
  color: #c61b80;
}

div#content .marked {
  border: 1px solid #c61b80;
  background-color: #ffedf8;
}

body.body_errorreport div#content textarea {
  margin-bottom: 2em;
}

div#block_optional,
div#block_sketches {
  margin: 2em 0 2em 0;
  border-top: 1px dotted #a7acb0;
  border-bottom: 1px dotted #a7acb0;
  background: #e6e6e6 url(../img/about_us_quote.gif) repeat-x;
  width: 542px;
  padding-bottom: 1em;
}

body.body_contact div#content h4,
body.body_partner_form div#content h4,
body.body_upload div#content h4,
body.body_catalog div#content h4 {
  font-size: 1em;
  border-bottom: 1px solid #d0d5da;
  color: #777777;
  background-color: #e2e2e2;
  padding: 3px;
}

div#block_optional p,
div#block_sketches p {
 padding-left: 1em;
}

div#block_optional p.frst,
div#block_sketches p.frst {
  border-top: 1px solid white;
  padding-top: 1em;
  margin-top: 0;
}

/* -- Contact - Contact form - Spam protection -- */

div#content p.prot {
  display: none;
}

/* -- Order catalog -- */

body.body_catalog div.main_content {
  width: 580px;
}

body.body_catalog div.catalog {
  width: 230px;
  height: 271px;
  background: url(../img/catalog.jpg);
}

body.body_catalog div#content input#submit,
body.body_partner_form div#content input#submit {
  margin-bottom: 2em;
}

body.body_catalog div#content p.optional,
body.body_partner_form div#content p.optional {
  padding: 0.5em 0 0.5em 2px;
  border-top: 1px dotted black;
  border-bottom: 1px dotted black;
  width: 540px;
  background-color: #e2e8fe;
}

body.body_catalog div#content div#block_optional,
body.body_partner_form div#content div#block_optional {
  margin-top: 1em;
}

body.body_catalog div#content textarea {
  height: 80px;
}

/* -- Disclaimer -- */

div#content p.after_header {
  margin-top: 0.5em;
}

body.body_company div.main_content {
  width: 500px;
}

div.company {
  background: url(../img/disclaimer.jpg);
  width: 256px;
  height: 167px;
}

div#content h3.h3_alt {
  color: #5775cb;
}

div#content h3.h3_first {
  padding-top: 2em;
  clear: both;
}

/* -- Site map -- */

body.body_sitemap div#content div.main_content {
  width: 300px;
}

div.sitemap {
  background: url(../img/sitemap.jpg) no-repeat;
  width: 323px;
  height: 276px;
}

body.body_sitemap div#content ul {
  list-style-type: none;
}

body.body_sitemap div#content ul li {
  padding-bottom: 0.5em;
  font-weight: bold;
  padding-left: 12px;
  background: url(../img/arrow_small.gif) no-repeat 0 30%;
}

/* -- Error -- */

ul#ul_error {
  list-style-type: circle;
  margin: 1em 0 0 15px;
}

/* -- Footer-- */

body.body_news div#footer,
body.body_contact div#footer,
body.body_contact_sent div#footer,
body.body_partner div#footer,
body.body_about div#footer,
body.body_partner_form div#footer,
body.body_partner_sent div#footer,
body.body_sitemap div#footer,
body.body_upload div#footer,
body.body_upload_sent div#footer,
body.body_start div#footer,
body.body_catalog div#footer,
body.body_catalog_sent div#footer {
  padding-top: 4.5em;
}

div#footer {
  padding-bottom: 4px;
  text-align: left;
  border-bottom: 1px solid #d0d5da;
  clear: both;
}

div#footer ul {
  list-style-type: none;
}

div#footer ul li {
  float: left;
  margin-right: 20px;
}

div#footer p.link_top {
  float: right;
  margin-top: 0;
}

div#copyright {
  padding-bottom: 2em;
}

div#copyright p {
  text-align: left;
}

.clear {
  clear: both;
  display: block;
}