body {
	position:relative;
	margin:0;
	color:#59595B;
	font: 70%/1.8em Verdana, Tahoma, arial, sans-serif;
 	padding: 30px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: #007695;
	}
	h1, h2, h3 {
	font-family: 'Georgia', verdana, sans-serif;	 		
}
h1 {
	font-size: 150%;
	font-weight: normal;
	color: #006699;
	padding-top: 10px;
}
h2 {
	font-size: 140%;
	text-transform: uppercase;
	color: #88ac0b;
}
h3 {
	font-size: 120%;
	color: #666666; 
}
p {
	padding: 10px;		
	margin: 0;
}
#popup {background:#fff}
form {
	margin:0;
	padding:0
	}
img {
	border: 1px none #E5E5E5;
	padding: 5px;
	margin-top: 3px;
	margin-left: 3px;
}
img2 {
	border: 1px solid #E5E5E5;
	padding: 5px;
	margin-top: 3px;
	margin-left: 3px;
	background-color: #FFFFFF;
}

a, a:visited {
	text-decoration: none;
	background: inherit;
	color: #007695;
}
a:hover {
	color: #FFFFFF;
	background: inherit;
}
input {
	vertical-align:middle
	}
select {
	font:11px verdana,arial,sans-serif
	}
.clear {clear:both}

#main {
	position:relative;
	width:875px;
	height:1030px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../img/fondo.png);
	}
#main div.content {
	background:url(img/down-h.gif) no-repeat -1000px;
	position:relative;
	width:875px;
	height:504px;
	background-image: url(img/down-h.gif);
	background-repeat: no-repeat;
	background-position: -1000px;
	}
.notis {
	padding: 10px;
}

div.content a.logo,
#popup #main a.logo {
	display:block;
	width:172px;
	height:56px;
	position:absolute;
	top:-16px;
	left:1px;
	z-index:999;
	background-repeat: no-repeat;
	background-position: left top;
	}
div.content div.main-background {
	position:absolute;
	top:239px;
	left:388px;
	z-index:0;
	width:465px;
	height:446px;
	}
div.content div.top-line {
	position:absolute;
	top:139px;
	left:11px;
	z-index:2;
	width:98%;
	height:83px;
	filter: alpha(opacity=50);



	-moz-opacity: 0.5;
	opacity: 0.5;
	background-image: url(../img/bg-index.gif);
	background-repeat: no-repeat;
	}
div.content div.square {
	position:absolute;
	top:110px;
	left:36px;
	z-index:2;
	margin:0;
	width:84px;
	height:83px
	}
#index-page div.main-background {
	background-repeat: no-repeat;
	background-position: left top;
}
#index-page div.top-line {background-color:#565863}

#apartaments div.main-background {
	background-repeat: no-repeat;
	background-position: left top;
}
#apartaments div.top-line {
	filter: alpha(opacity=72);


	-moz-opacity: 0.72;
	opacity: 0.72;
	background-color: #B1C339;
	background-image: url(../img/bg-apartaments.gif);
	background-repeat: no-repeat;
	background-position: 60px top;
	}
#apartaments ul.sub-nav {
	background-color: #B1C339;
	background-image: url(../img/bg-apartaments-ul.gif);
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
}
#apartaments div.left-text h1,
#apartaments div.left-text a {color:#C43420}

#serveis div.main-background {background:url(../img/bg-serveis.jpg) no-repeat left top}
#serveis #serveis-title {background:url(../img/bg-serveis-title.jpg) no-repeat left top}
#serveis #serveis-carpet {background:url(../img/bg-serveis-carpet.jpg) no-repeat left top}
#serveis #serveis-resilient {background:url(../img/bg-serveis-resilient.jpg) no-repeat left top}
#serveis #serveis-wood {background:url(../img/bg-serveis-wood.jpg) no-repeat left top}
#serveis #serveis-specialty {background:url(../img/bg-serveis-specialty.jpg) no-repeat left top}
#serveis div.top-line {
	filter: alpha(opacity=55);

	-moz-opacity: 0.55;
	opacity: 0.55;
	background-color: #148B84;
	background-image: url(../img/bg-serveis.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#serveis ul.sub-nav {
	background-color: #148B84;
	background-image: url(../img/bg-serveis-ul.gif);
	background-position: right bottom;
}
#serveis div.left-text h1,
#serveis div.left-text a {color:#68710E}

#entorn div.main-background {background:url(../img/bg-entorn.jpg) no-repeat left top}
#entorn div.top-line {
	filter: alpha(opacity=78);

	-moz-opacity: 0.78;
	opacity: 0.78;
	background-color: #E7611F;
	background-image: url(../img/bg-entorn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#entorn ul.sub-nav {
	background-color: #E7611F;
	background-image: url(../img/bg-entorn-ul.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#entorn div.left-text h1,
#entorn div.left-text a,
#entorn div.left-text strong,
#entorn div.left-text .color {color:#E7611F}

#contacte div.main-background {background:url(../img/bg-contacte.jpg) no-repeat left top}
#contacte div.top-line {
	filter: alpha(opacity=67);

	-moz-opacity: 0.67;
	opacity: 0.67;
	background-color: #9E175A;
	background-image: url(../img/bg-contacte.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#contacte div.square {background:#966342 url(../img/bg-contacte-square.gif) no-repeat right top}
#contacte div.left-text {line-height:18px}
#contacte div.left-text p {margin:0}
#contacte div.left-text h1,
#contacte div.left-text a,
#contacte div.left-text strong,
#contacte div.left-text .color {color:#966342}
#contacte ul.sub-nav {
	background-color: #9E175A;
	background-image: url(../img/bg-contacte-ul.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#webcam div.main-background {background:url(../img/bg-webcam.jpg) no-repeat left top}
#webcam div.top-line {
	filter: alpha(opacity=38);

	-moz-opacity: 0.38;
	opacity: 0.38;
	background-color: #09748F;
	background-image: url(../img/bg-webcam.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#webcam div.square {background:#09748F url(../img/bg-webcam-square.gif) no-repeat right top}
#webcam div.left-text {line-height:21px}
#webcam div.left-text h1,
#webcam div.left-text a,
#webcam div.left-text strong,
#webcam div.left-text .color {color:#09748F}
#webcam ul.sub-nav {
	background-color: #007695;
	background-image: url(../img/bg-webcam-ul.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main-navigation {
	position:absolute;
	top:139px;
	left:387px;
	z-index:3;
	margin:0;
	padding:0
	}
#main-navigation li {
	float:left;
	width:84px;
	height:83px;
	margin:0 11px 0 0;
	padding:0;
	list-style:none
	}
#main-navigation li.serveis,
#main-navigation li.entorn {margin:0 12px 0 0}
#main-navigation li.webcam {margin:0}
#main-navigation li a {
	display:block;
	width:84px;
	height:83px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:2000px
	}
#main-navigation li a:hover,
#main-navigation li.active a {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	background-position:0 -83px !important
	}
#main-navigation li.apartaments a {
	background-color: #B1C339;
	background-image: url(../img/btn-apartaments.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main-navigation li.serveis a {
	background-color: #148B84;
	background-image: url(../img/btn-serveis.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main-navigation li.entorn a {
	background-color: #E7611F;
	background-image: url(../img/btn-entorn.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main-navigation li.contacte a {
	background-color: #9E175A;
	background-image: url(../img/btn-contacte.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main-navigation li.webcam a {
	background-color: #007695;
	background-image: url(../img/btn-webcam.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.sub-nav {
	position:absolute;
	top:140px;
	left:34px;
	z-index:2;
	margin:0;
	padding:4px 0 0 6px;
	width:90px;
	height:78px;
	}
.sub-nav li {
	margin:0;
	padding:0;
	list-style:none
	}
.sub-nav li a {
	white-space:nowrap;
	overflow:hidden;
	display:block;
	text-indent:2000px
	}
	
#apartaments li {margin-bottom:6px}
.sub-nav li.the-company a {
	background:url(../img/a-the-company.gif) no-repeat 0 0;
	width:71px;
	height:14px
	}
.sub-nav li.the-company a.active {background-position:0 -28px}
.sub-nav li.the-company a:hover {background-position:0 -14px}
.sub-nav li.management-team a {
	background:url(../img/a-management-team.gif) no-repeat 0 0;
	width:71px;
	height:25px
	}
.sub-nav li.management-team a.active {background-position:0 -50px}
.sub-nav li.management-team a:hover {background-position:0 -25px}

#serveis .sub-nav li a {width:50px;height:14px}
#serveis .sub-nav li a.active {background-position:0 -28px}
#serveis .sub-nav li a:hover {background-position:0 -14px}
.sub-nav li.title a {background:url(../img/a-title.gif) no-repeat 0 0}
.sub-nav li.carpet a {background:url(../img/a-carpet.gif) no-repeat 0 0}
.sub-nav li.resilient a {background:url(../img/a-resilient.gif) no-repeat 0 0}
.sub-nav li.wood a {background:url(../img/a-wood.gif) no-repeat 0 0}
.sub-nav li.specialty a {background:url(../img/a-specialty.gif) no-repeat 0 0}

#entorn .sub-nav li a {width:58px;height:23px}
#entorn .sub-nav li a.active {background-position:0 -66px}
#entorn .sub-nav li a:hover {background-position:0 -23px}
.sub-nav li.estimating-process a {background:url(../img/a-estimating-process.gif) no-repeat 0 0}

h1, h2, h3, p {
	padding: 5px;		
	margin: 0;
}
h1 {
	font-size: 150%;	
	font-weight: bold;
	color: #006699;
}
h2 {
	font-size: 140%;
	text-transform: uppercase;
	color: #88ac0b;
}
h3 {
	font-size: 120%;
	color: #666666; 
}
h1.index-page {
	position:absolute;
	top:267px;
	left:44px;
	z-index:3;
	background:url(../img/bg-index-h1.gif) no-repeat left top;
	width:204px;
	height:13px;
	white-space:nowrap;
	text-indent:2000px;
	overflow:hidden;
	margin:0
	}
div.left-text {
	position:absolute;
	top:242px;
	left:33px;
	z-index:4;
	padding:0 10px 0 17px;
	width:312px;
	height:729px;
	overflow:hidden;
	color:#000;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 25px;
	background-color: #FFFFFF;
	}
div.left-text h1 {
	margin:0 0 10px 0;
	font:bold 18px/25px 'Georgia', verdana,sans-serif
	}
div.left-text p {
	margin:0 0 10px 0;
	color: #5C6057;
}
div.left-text a:hover {text-decoration:underline}
div.left-text ul {
	margin:0;
	padding:0
	}
* html div.left-text ul {float:left} /* for bullets */
div.left-text ul li {
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
	background:url(../img/bullet.gif) no-repeat 3px 11px
	}
	
/* estimating process */
#popup {padding:0}
#popup #main {width:600px}
#popup #main a.logo {
	top:28px;
	left:43px
	}
#popup #main #top-nav {
	margin:0;
	padding:0;
	position:absolute;
	right:60px;
	top:65px
	}
#popup #main #top-nav li {
	display:inline;
	margin:0 0 0 16px;
	padding:0;
	list-style:none;
	font:bold 9px verdana,sans-serif;
	color:#E7611F
	}
#popup #main a {color:#000}
#popup #main a:hover {color:#E7611F}
#popup #main .left-image {
	position:absolute;
	left:0;
	top:108px;
	z-index:1;
	width:580px;
	height:390px
	}
#popup #main #step1 {background:url(../img/bg-step1.jpg) no-repeat left top}
#popup #main #step2 {background:url(../img/bg-step2.jpg) no-repeat left top}
#popup #main #step3 {background:url(../img/bg-step3.jpg) no-repeat 41px 17px}
#popup #main #step3-2 {background:url(../img/bg-step3-2.jpg) no-repeat 41px 17px}
#popup #main #step3-3 {background:url(../img/bg-step3-3.jpg) no-repeat 41px 17px}
#popup #main #step3-4 {background:url(../img/bg-step3-4.jpg) no-repeat 41px 17px}
#popup #main #step3-5 {background:url(../img/bg-step3-5.jpg) no-repeat 41px 17px}
#popup #main .right-text {
	position:absolute;
	left:413px;
	top:123px;
	z-index:2;
	font:11px 'Georgia',verdana,sans-serif;
	color:#000
	}
#popup #main .right-text.first {left:426px}
#popup #main .right-text b {color:#E7611F;display:block;margin:0 0 15px 0}
#popup #main .right-text p {margin:0}
#popup #main .right-text ol {
	margin:0;
	padding:0 0 0 19px;
	font:9px verdana,sans-serif
	}
* html #popup #main .right-text ol {margin:0 0 0 24px;padding:0}
#popup #main .right-text ol li {margin:0 0 20px}
#popup #main .right-text ol li.color {color:#E7611F}
#popup #main .right-text ol li a {font-weight:bold;}
div.superior {

	position:absolute;
	top:238px;
	left:11px;
	z-index:4;
	padding:0 10px 0 17px;
	width:316px;
	height:267px;
	overflow:hidden;
	color:#FFFFFF;
	font-family: Tahoma;
	font-size: 10px;
	line-height: 25px;
}
div.superior h1 {
	margin:0 0 10px 0;
	font:bold 18px/25px 'Georgia', verdana,sans-serif
	}
div.superior p {
	margin:0 0 10px 0;
	color: #FFFFFF;
}
div.superior a:hover {text-decoration:underline}
div.superior ul {
	margin:0;
	padding:0;
	color: #FFFFFF;
	}
* html div.superior ul {
	float:left;
	color: #FFFFFF;
} /* for bullets */
div.superior ul li {
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
	background:url(../img/bullet.gif) no-repeat 3px 11px
	}
#idiomes {
	position:absolute;
	width:234px;
	height:26px;
	z-index:2;
	left: 255px;
	top: 38px;
}
#mar {
	position:absolute;
	width:279px;
	height:83px;
	z-index:5;
	left: 66px;
	top: 157px;
}
 #Layer1 {
	position:absolute;
	width:305px;
	height:38px;
	z-index:1;
	left: 201px;
	top: 50px;
}
#mar {
	position:absolute;
	width:279px;
	height:83px;
	z-index:5;
	left: 66px;
	top: 157px;
}
#superior {
	position:absolute;
	width:279px;
	height:36px;
	z-index:1;
	left: 170px;
	top: 46px;
}
#notis {
	width:441px;
	height:287px;
	z-index:auto;
	left: 388px;
	top: 694px;
	background-image: url(../img/notis.png);
	background-repeat: no-repeat;
	position: absolute;
	visibility: visible;
}
#div.notis {
	position:absolute;
	width:446px;
	height:174px;
	z-index:2;
	left: 382px;
	top: 762px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.notis_p {
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 12px;
}
.blanc {
	color: #FFFFFF;
}
#foot {
	width:829px;
	height:33px;
	z-index:auto;
	background-repeat: no-repeat;
	visibility: visible;
	text-align: center;
	position: absolute;
	overflow: visible;
	left: 30px;
	top: 983px;
}
.img2 {

	border: 1px solid #E5E5E5;
	padding: 5px;
	margin-top: 3px;
	margin-left: 3px;
	background-color: #FFFFFF;
}
.button {
	padding: 0px;
	margin: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #007695;
}
#div.notis2 {
	position:absolute;
	width:446px;
	height:174px;
	z-index:2;
	left: 382px;
	top: 762px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-image: url(../img/notis2.png);
	margin-left: 10px;
}
#notis2 {

	width:467px;
	height:288px;
	z-index:auto;
	left: 383px;
	top: 692px;
	background-image: url(../img/notis.png);
	background-repeat: no-repeat;
	position: absolute;
	visibility: visible;
}