@charset "UTF-8";
/* Browser Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100.01%;
	vertical-align: baseline;
	
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

blockquote, q
{
	quotes: none;
}

/*
Safari doesn't support the quotes attribute, so we do this instead.
*/
blockquote:before, blockquote:after, q:before, q:after
{
	/*
	CSS 2; used to remove quotes in case "none" fails below.
	*/
	content: "";
	/*
	CSS 2.1; will remove quotes if supported, and override the above.
	User-agents that don't understand "none" should ignore it, and
	keep the above value. This is here for future compatibility,
	though I'm not 100% convinced that it's a good idea...
	*/
	content: none;
}

textarea { overflow: auto; }

/*HTML*/
body {text-align: center; background:#07777a url(../images/bg_pattern.png) repeat-x; font-family:Arial, Helvetica, sans-serif; color:#4d4b4b; font-size:14px; line-height:16px;}
a:link {color:#088184;}
a:visited {color:#71a6b6;}
a:hover {color:#08676a; font-weight:bold;}
a.button {text-decoration:none; background:none;}
a {outline:none;}

/*UNIVERSAL STYLING*/

.external {background:url(../images/external-link.png) no-repeat right top; padding-right:10px;}
.external-footer {background:url(../images/external-link-footer.png) no-repeat right top; padding-right:10px;}
a[href^="mailto:"] {background:url(../images/mail.png) no-repeat right top; padding-right:15px;}

div#content_wrapper {position:relative; width:983px; margin: 0 auto;}
div#catalan
div#castellano
div#english
div#home
div#two
div#four
div#six
div#sixplus
div#rentals

/*HEADER*/
div#header {width:983px; height:96px;}
/*BRANDING*/
.branding {width:249px; height:96px; float:left; margin-left:-15px;}
.branding h1 { background:url(../images/immobiliaria-mas-logo.png) no-repeat; width:249px; height:96px; position:relative; top:0; left:0; float:left;}
.branding h1 a {display:block; height:96px; text-indent:-9999px; }
.branding2 {width:157px; height:96px; float:left;}
.branding2 h2 { background:url(../images/immobiliaria-mas-contact-info.png) no-repeat; width:157px; height:96px;text-indent:-9999px;}

/*LANGUAGE BOX*/
div#language-wrapper {width:108px; height:36px; float:right; margin-top: 10px;}
div#language-wrapper ul {margin:0; padding:0px; list-style-type:none; width:108px;}
div#language-wrapper ul li{ float:left;}
div#language-wrapper  ul li.ca a{ display:block; width:38px; height:36px; line-height:36px; background:url(../images/lang-catalan.png) no-repeat; text-indent:-9999px;}
div#language-wrapper  ul li.es a{ display:block; width:33px; height:36px; line-height:36px; background:url(../images/lang-castellano.png) no-repeat; text-indent:-9999px;}
div#language-wrapper  ul li.en a{ display:block; width:37px; height:36px; line-height:36px; background:url(../images/lang-english.png) no-repeat; text-indent:-9999px;}
div#language-wrapper  ul li.ca a:hover{ background-position:center;}
div#language-wrapper  ul li.es a:hover{ background-position:center;}
div#language-wrapper  ul li.en a:hover{ background-position:center;}
div#language-wrapper  ul li.cat a{ display:block; width:38px; height:36px; line-height:36px; background:url(../images/lang-catalan.png) no-repeat; text-indent:-9999px; background-position:right;}
div#language-wrapper  ul li.esp a{ display:block; width:33px; height:36px; line-height:36px; background:url(../images/lang-castellano.png) no-repeat; text-indent:-9999px; background-position:right;}
div#language-wrapper  ul li.eng a{ display:block; width:37px; height:36px; line-height:36px; background:url(../images/lang-english.png) no-repeat; text-indent:-9999px; background-position:right;}

/*NAVIGATION ENGLISH*/
div#nav-wrapper-en {width:594px; height:35px; position:absolute; top:61px; left:389px; display:inline;}
div#nav-wrapper-en ul {margin:0; padding:0px; list-style-type:none; width:594px;}
div#nav-wrapper-en ul li{ float:left;}
div#nav-wrapper-en  ul li.home a{ display:block; width:84px; height:35px; line-height:35px; background:url(../images/bt-nav-home.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper-en  ul li.two a{ display:block; width:105px; height:35px; line-height:35px; background:url(../images/bt-nav-200.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper-en  ul li.four a{ display:block; width:105px; height:35px; line-height:35px; background:url(../images/bt-nav-400.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper-en  ul li.six a{ display:block; width:105px; height:35px; line-height:35px; background:url(../images/bt-nav-600.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper-en  ul li.sixplus a{ display:block; width:105px; height:35px; line-height:35px; background:url(../images/bt-nav-600+.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper-en  ul li.rentals a{ display:block; width:90px; height:35px; line-height:35px; background:url(../images/bt-nav-rentals.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper-en  ul li.home a:hover{ background-position:center;}
div#nav-wrapper-en  ul li.two a:hover{ background-position:center;}
div#nav-wrapper-en  ul li.four a:hover{ background-position:center;}
div#nav-wrapper-en  ul li.six a:hover{ background-position:center;}
div#nav-wrapper-en  ul li.sixplus a:hover{ background-position:center;}
div#nav-wrapper-en  ul li.rentals a:hover{ background-position:center;}
#home #nav-wrapper-en .home a {background-position:right;}, #two #nav-wrapper-en .two a {background-position:right;}, #four #nav-wrapper-en .four a {background-position:right;}, #six #nav-wrapper-en .six a {background-position:right;}, #sixplus #nav-wrapper-en .sixplus a {background-position:right;}, #rentals #nav-wrapper-en .rentals a {background-position:right;}

/*NAVIGATION SPANISH*/
div#nav-wrapper-es {width:594px; height:35px; position:absolute; top:61px; left:389px; display:inline;}
div#nav-wrapper-es ul {margin:0; padding:0px; list-style-type:none; width:594px;}
div#nav-wrapper-es ul li{ float:left;}
div#nav-wrapper-es  ul li.home a{ display:block; width:84px; height:35px; line-height:35px; background:url(../images/bt-nav-inicio.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper-es  ul li.two a{ display:block; width:105px; height:35px; line-height:35px; background:url(../images/bt-nav-200.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper-es  ul li.four a{ display:block; width:105px; height:35px; line-height:35px; background:url(../images/bt-nav-400.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper-es  ul li.six a{ display:block; width:105px; height:35px; line-height:35px; background:url(../images/bt-nav-600.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper-es  ul li.sixplus a{ display:block; width:105px; height:35px; line-height:35px; background:url(../images/bt-nav-600+.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper-es  ul li.rentals a{ display:block; width:90px; height:35px; line-height:35px; background:url(../images/bt-nav-alquileres.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper-es  ul li.home a:hover{ background-position:center;}
div#nav-wrapper-es  ul li.two a:hover{ background-position:center;}
div#nav-wrapper-es  ul li.four a:hover{ background-position:center;}
div#nav-wrapper-es  ul li.six a:hover{ background-position:center;}
div#nav-wrapper-es  ul li.sixplus a:hover{ background-position:center;}
div#nav-wrapper-es  ul li.rentals a:hover{ background-position:center;}
#home #nav-wrapper-es .home a {background-position:right;}, #two #nav-wrapper-es .two a {background-position:right;}, #four #nav-wrapper-es .four a {background-position:right;}, #six #nav-wrapper-es .six a {background-position:right;}, #sixplus #nav-wrapper-es .sixplus a {background-position:right;}, #rentals #nav-wrapper-es .rentals a {background-position:right;}

/*NAVIGATION CATALAN*/
div#nav-wrapper {width:594px; height:35px; position:absolute; top:61px; left:389px; display:inline;}
div#nav-wrapper ul {margin:0; padding:0px; list-style-type:none; width:594px;}
div#nav-wrapper ul li{ float:left;}
div#nav-wrapper  ul li.home a{ display:block; width:84px; height:35px; line-height:35px; background:url(../images/bt-nav-inici.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper  ul li.two a{ display:block; width:105px; height:35px; line-height:35px; background:url(../images/bt-nav-200.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper  ul li.four a{ display:block; width:105px; height:35px; line-height:35px; background:url(../images/bt-nav-400.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper  ul li.six a{ display:block; width:105px; height:35px; line-height:35px; background:url(../images/bt-nav-600.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper  ul li.sixplus a{ display:block; width:105px; height:35px; line-height:35px; background:url(../images/bt-nav-600+.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper  ul li.rentals a{ display:block; width:90px; height:35px; line-height:35px; background:url(../images/bt-nav-lloguers.png) no-repeat; text-indent:-9999px;}
div#nav-wrapper  ul li.home a:hover{ background-position:center;}
div#nav-wrapper  ul li.two a:hover{ background-position:center;}
div#nav-wrapper  ul li.four a:hover{ background-position:center;}
div#nav-wrapper  ul li.six a:hover{ background-position:center;}
div#nav-wrapper  ul li.sixplus a:hover{ background-position:center;}
div#nav-wrapper  ul li.rentals a:hover{ background-position:center;}
#home #nav-wrapper .home a {background-position:right;}, #two #nav-wrapper .two a {background-position:right;}, #four #nav-wrapper .four a {background-position:right;}, #six #nav-wrapper .six a {background-position:right;}, #sixplus #nav-wrapper .sixplus a {background-position:right;}, #rentals #nav-wrapper .rentals a {background-position:right;}

/*MAIN CONTENT BG*/
div#body-top {background:url(../images/bg-body-top.png) no-repeat; width:983px; height:16px; clear:left;}
div#body-middle {background:url(../images/bg-body-middle.png) repeat-y; height:auto;}
div#body-foot {background:url(../images/bg-body-foot.png) no-repeat; width:983px; height:20px;}

.clear {clear:both;}
.clearLeft {clear:left;}

/*FOOTER*/
div#footer {width:983px; background:#9abdc8; margin-top:15px; height:225px; margin-bottom:30px; text-align:center;}
.footer_segment {float:left; width:165px; margin: 0 15px; display:inline;}
.footer_segment h2 { border-bottom:1px solid #4d4b4b; text-align:left; font-size:14px; color:#4d4b4b; padding: 20px 0px 10px 0px;}
.footer_segment ul {list-style:none; text-align:left; font-size:12px; padding-top:10px; padding-bottom:10px;}
.footer_segment ul li {padding-bottom: 5px; line-height:17px;}
.footer_segment ul li a:link { color:#4d4b4b;}
.footer_segment ul li a:hover { color:#000000; font-weight:100;}
.footer_segment ul li a:visited { color:#000000;}
div#footer_row2 {width:953px;; border-top: 1px solid #4d4b4b; clear:both; position:relative; left:15px; top: 0px; float:left;}
.footer2_segment {float:left; margin:10px 30px 0px 0px; display:inline;}
.footer2_segment p { text-align:left; font-size:10px;}
.footer3_segment {float:right; margin-top:10px;}
.footer3_segment p { text-align:left; font-size:10px;}
.footer3_segment a:link { color:#4d4b4b;}
.footer3_segment a:hover { color:#000000;}
.footer3_segment a:visited { color:#000000;}