/*
*
* GENERIC STYLES
*
*/

html {
/*
	This solves the slight page shift caused
	when browsing from a page with scrollbar to
	one without, and vice versa. Essentially it
	forces scrollbar on all pages, even if they're short
*/
	min-height: 100%;
	margin-bottom: 1px;
	overflow: -moz-scrollbars-vertical !important;
}

body {
	height:100%;
	visibility:visible;
	cursor:default;
	clear:none;
	background-image:url(res/bg_top.gif);
	background-repeat:repeat-x;
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
	background-color:rgb(102, 153, 255);
	background-attachment:scroll;
	margin-top:1px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	opacity:100;
	font-weight:normal;
	font-style:normal;
	color:rgb(0, 0, 0);
	font-size:10pt;
	text-shadow:transparent 0px 0px 5px;
	text-decoration:none;
	letter-spacing:0px;
	line-height:1;
	text-align:left;
	text-indent:0px;
	font-family:Arial, sans-serif;
	border:0px solid rgb(0, 0, 0);
	padding:0px;
}

.maincontainer {
	position:relative;
	left:0px;
	width:900px;
	background-attachment:scroll;
	margin-top:20px;
	margin-right:auto;
	margin-bottom:15px;
	margin-left:auto;
	height:100%;
}

.content {
	margin-bottom:15px;
	font-size:12pt;
	text-align:left;
	top:200px;
	width:880px;
	left:0px;
	float:none;
	clear:none;
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:12pt;
	text-align:left;
	text-indent:0px;
	background-attachment:scroll;
	background-color:rgb(255, 255, 255);
	position:relative;
	padding:10px;
	z-index:1;
}


/**
*
* HEADERS: common to all pages
*
*/

.headerbox {
	position:absolute;
	height:150px;
	width:900px;
	background-color:rgb(255, 255, 255);
	background-attachment:scroll;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	left:0px;
	top:-2px;
	padding:10px 0px 10px 0px;
	z-index:5;
}

.activitats {
	position:absolute;
	height:35px;
	background-attachment:scroll;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	color:rgb(63, 63, 63);
	left:571px;
	font-family:'Trebuchet MS', sans-serif;
	font-weight:bold;
	font-size:16pt;
	padding:0px 0px 0px 5px;
}

#projectes {
	width:163px;
	top:15px;
}

#automatismes {
	width:216px;
	top:76px;
}

#instalacions {
	width:216px;
	top:45px;
}

.langSwitcher {
	position: absolute;
	left: 810px;
	top: 15px;
	line-height: 1.5em;
	font-size: 1.2em;
}

.langSwitcher a{
	text-decoration:none;
	color:rgb(77, 77, 77);
}

.langSwitcher a:hover{
	color:rgb(0, 0, 0);
	font-size: 1.2em;
}

.mivatlogo {
	position:absolute;
	top:10px;
	left:36px;
	height:100px;
	width:100px;
	background-image:url(logos/logo_mivat.png);
	background-repeat:no-repeat;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-position:50% 50%;
	background-position-x:50%;
	background-position-y:50%;
	background-attachment:scroll;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	font-family:Arial, sans-serif;
	text-indent:60px;
	padding:0px;
}

.companyname {
	position:absolute;
	height:80px;
	background-attachment:scroll;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	font-family:Arial, sans-serif;
	font-size:52pt;
	text-align:left;
	width:406px;
	left:142px;
	top:25px;
	padding:0px 0px 0px 10px;
}


.navbutton {
	position:absolute;
	top:120px;
	height:35px;
	width:170px;
	background-color:rgb(81, 151, 255);
	background-attachment:scroll;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	font-family:'Trebuchet MS', sans-serif;
	font-weight:bold;
	font-style:normal;
	color:rgb(77, 77, 77);
	font-size:1.4em;
	text-align:center;
	padding:15px 0px 0px 0px;
}

.navbutton:hover {
	background-color:rgb(191, 191, 191);
	background-attachment:scroll;
	color:rgb(0, 0, 0);
}

.navbutton a {
	font-style:normal;
	color:rgb(77, 77, 77);
	text-decoration:inherit;
}

.navbutton a:hover {
	background-attachment:scroll;
	color:rgb(0, 0, 0);
}



#quisombutton {
	left:20px;
}

#onsombutton {
	left:480px;
}

#clientsbutton {
	left:710px;
}

#quefembutton {
	position:absolute;
	top:0px;
	left:0px;
}

.quefemmenu {
	position:absolute;
	top:120px;
	left:250px;
	z-index:5;
}

.quefemmenu:hover div {
	display:block;
	background-color:rgb(191, 191, 191);
	background-attachment:scroll;
	color:rgb(0, 0, 0);
}

.quefemlist {
	position:absolute;
	display:none;
	background-color:rgb(191, 191, 191);
	left:0px;
	height:220px;
	width:225px;
	top:50px;
}

.quefemlist li {
	display:inherit;
	position:absolute;
	font-size:14pt;
	left: 10px;
}

.quefemlist li#li_elec {
	top: 10px;
}
.quefemlist li#li_flui {
	top: 40px;
}
.quefemlist li#li_incen {
	top: 70px;
}
.quefemlist li#li_telco {
	top: 100px;
}
.quefemlist li#li_clim {
	top: 130px;
}
.quefemlist li#li_energ {
	top: 160px;
}
.quefemlist li#li_aigua {
	top: 190px;
}

.quefemlist li a {
	text-decoration:none;
	display:inherit;
	color:rgb(77, 77, 77);
	font-size:12pt;
}

.quefemlist li a:hover {
	color:rgb(0, 0, 0);
}


/*
*
* INICI (index.html)
*
*/

#iniciContent {
	height:440px;
}

.inicitext {
	position:absolute;
	top:20px;
	left:400px;
	height:220px;
	width:400px;
	font-size:14pt;
	line-height:1.2;
	text-align:center;
	padding:5px 10px 10px 10px;
}


.iniciVideo {
	position:absolute;
	left:60px;
	height:232px;
	width:232px;
	background-attachment:scroll;
	top:40px;
	z-index:1;

}

/*
*
* QUI SOM (quisom.html)
*
*/

#quisomContent {
	height:500px;
	line-height:1.2;
}

.quisomText {
	text-align:center;
	position: relative;
	left: 200px;
	top: 20px;
	width: 450px;
}

.logoFerca {
	height:173px;
	width:129px;
	position:absolute;
	top:30px;
	left:40px;
	border:none;
}

.logoFenie {
	height:96px;
	width:129px;
	position:absolute;
	top:225px;
	left:40px;
	border:none;

}

.logoApei {
	position:absolute;
	top:350px;
	left:40px;
	width: 10px;
	border:none;

}

.fotoPorta {
	position:absolute;
	top:40px;
	left:700px;
}

.logo40aniv {
	position:absolute;
	top:240px;
	left:720px;
}

.fotoOficina {
	position:absolute;
	top:350px;
	left:700px;
}

/*
*
* ON SOM (onsom.html)
*
*/
#onsomContent {
	height:440px;
}

.onsom_addressbox {
	position: relative;
	left: 25px;
}

.onsom_transportbox {
	position:relative;
	top:50px;
	left:25px;
}

.onsom_transport_m {
	height:33px;
	width:236px;
	background-image:url(logos/logo_metro.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	text-indent:60px;
	padding:7px 0px 7px 0px;
}

.onsom_transport_fgc {
	height:39px;
	width:236px;
	background-image:url(logos/logo_fgc.png);
	background-repeat:no-repeat;
	text-indent:60px;
	padding:6px 0px 0px 0px;
}

.onsom_gmap {
	position:absolute;
	top:20px;
	left:425px;
	height:350px;
	width:425px;
	border:2px solid rgb(0, 0, 0);
}

/*
*
* CLIENTS (clients.html)
*
*/

#clientsContent {
	height: 660px;	
}

.llistaclients {
	top:0px;
	padding-top:10px;
	position:absolute;
	height:auto;
	width:50%;
	background-attachment:scroll;
	font-size:12pt;
	letter-spacing:0.3px;
	line-height:1.3;
}

#llistaclients2 {
	left:470px;
}

.client_li {
	visibility:visible;
	cursor:default;
	clear:none;
	background-attachment:scroll;
	opacity:100;
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:14pt;
	letter-spacing:0px;
	line-height:1;
	text-align:left;
	text-indent:0px;
}

/*
*
* QUE FEM (diverses pàgines)
*
*/
.quefembody {
	position:relative;
	top:200px;
	visibility:visible;
	cursor:default;
	width:900px;
	background-color:rgb(255, 255, 255);
	background-attachment:scroll;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:rgb(0, 0, 0);
	font-size:14pt;
	text-shadow:transparent 0px 0px 5px;
	text-decoration:none;
	letter-spacing:0px;
	line-height:1;
	text-align:left;
	text-indent:0px;
	float:left;
	height:400px;
	border:0px solid rgb(0, 0, 0);
	padding:0px;
}



#telecom {
	height:500px;
}

#incendis {
	height:500px;
}

#fluids {
	height:500px;
}

#climatitzacio {
	height:500px;
}

#energia {
	height:500px;
}

#electriques {
	height:500px;
}

#aigua {
	height:1050px;
}

/*
*
* Tractaments d'aigua
*
*/

.logoAth {
	position:absolute;
	left:380px;
	top:36px;
}

.logoVulcan {
	position:absolute;
	left:560px;
	top:7px;
}

.aigua_intro {
	position:absolute;
	text-align:center;
	width:199px;
	left:120px;
	top:48px;
	height:84px;
}

.aigua_cloenda {
	position:absolute;
	height:66px;
	text-align:center;
	font-style:italic;
	width:378px;
	left:247px;
	top:969px; 
}

.aigua_seccio {
	position:absolute;
	width:677px;
	height:237px;
	left:105px;
}

#seccio_Vulcan {
	top:164px;
}

#seccio_osmosi {
	top:425px;
}

#seccio_fonts {
	top:691px;
}

.aigua_seccio_titol {
	position:absolute;
	width:624px;
	left:26px;
	top:17px;
	background-color:rgb(102, 153, 255);
	font-weight:bold;
	text-align:right;
	color:rgb(255, 255, 255);
	padding-top:3px;
	padding-right:3px;
	padding-bottom:3px;
	padding-left:3px;
	height:16px; 
}

.aigua_seccio_text {
	position:absolute;
	width:390px;
	top:52px;
	height:174px; 
}

#aigua_seccio_text_esquerra {
	left:27px;
}

#aigua_seccio_text_dreta {
	left:267px;
}

.fotoAth {
	position:absolute;
	left:47px;
	top:51px; 
}

.fotoOsmosi {
	position:absolute;
	left:458px;
	top:73px; 
}

.fotoVulcan {
	position:absolute;
	left:40px;
	top:53px;
	width:183px;
	height:175px; 
}