/************************** COMUNS *****************************/
html, body{
	margin: 0;
	padding: 0;
	font: small Arial, Helvetica, sans-serif;
}
#container-main{
	width: 770px;
	margin: 0 auto;
	padding: 0;
}


/************************** HEADER ******************************/
#header{
	width: 753px;
	padding: 38px 0 0 17px;
	height: 55px;
	margin: 0 0 20px 0;
}
#header h1 {
	margin: 0;
	padding: 0;
	float: left;
	background: transparent url(../images/logo-saeta.jpg) no-repeat;
}
#header h1 a{
	margin: 0;
	padding: 0;
	width: 128px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#header ul{
	margin: 3px 0 0 235px;
	padding: 0;
}
#header ul li{
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	width: 130px;
	color: #C93E42;
	background: url(../images/triangle-petit.jpg) no-repeat left center;
	list-style: none;
}

/************************* CONTENEDOR *****************************/
/*************************** 	Menu *******************************/
#container{
	width: 770px;
	padding: 0;
	margin: 0;
}
#menu{
	width: 125px;
	padding: 58px 25px 0 0;
	margin: 0;
	float: left;
}
#menu h2{
	display: none;
}
#menu ul{
	padding: 0;
	margin: 0;
}
#menu ul li{
	margin: 0;
	padding: 0;
	text-align: right;
	list-style: none;
	line-height: 24px;
}
#menu ul li a{
	color: #C6C5C5;
	text-decoration: none;
}
#menu ul li a.active{
	color: #706F6F;
	font-weight: bold;
}
/************************** Contingut ******************************/
#contingut{
	padding: 0 0 0 100px;
	margin: 0 0 0 0;
	float: left;
}
div.fondoquisom{
	width: 520px;
	height: 426px;
	background: transparent url(../images/senyal.jpg) no-repeat top right;
}
div.fondoequip{
	width: 520px;
	background: transparent url(../images/clics-equip.jpg) no-repeat top right;
}
div.fondotreballem{
	width: 520px;
	background: transparent url(../images/llapissos.jpg) no-repeat top right;
}
div.fondoclients{
	width: 520px;
	background: transparent;
}
div.fondocontacta{
	width: 520px;
	min-height: 340px;
	background: transparent url(../images/clicscontacta.jpg) no-repeat top right;
}
.textdepartament{
	color: #C93E42;
}
#contingut h3{
	padding: 0 0 29px 0;
	margin: 0;
	text-indent:-9999px;
	height: 28px;
}
#contingut h3.quisom{
	background: transparent url(../images/qui-som.png) no-repeat;
}
#contingut h3.equip{
	background: transparent url(../images/equip.png) no-repeat;
}
#contingut h3.comtreballem{
	background: transparent url(../images/com-treballem.png) no-repeat;
}
#contingut h3.clients{
	background: transparent url(../images/clients.png) no-repeat;
}
#contingut h3.contacta{
	background: transparent url(../images/contacta.png) no-repeat;
}
#contingut h3.privacitat{
	background: none;
	text-indent: 0px;
	padding: 0 0 29px 0;
	margin: 0;
	color: #C93E42;
}
#contingut h4{
	background: none;
	text-indent: 0px;
	padding: 0 0 10px 0;
	margin: 0;
}
#contingut p{
	padding: 0 0 0 0;
	margin: 0;
	line-height: 24px;
}
#contingut p.adreca{
	padding: 10px 0 0 20px;
	margin: 0;
	line-height: 15px;
}
#contingut p.finalprivacitat{
	padding: 10px 0 0 20px;
	margin: 0;
	text-align: center;
	font-size: 0.9em;
}
#contingut.fondoequip span{
	display: block;
	padding: 0;
	margin: 0 0 11px 0;
}
#contingut.fondotreballem span{
	display: block;
	padding: 0;
	margin: 0 0 11px 0;
}
#contingut.fondoquisom ul{
	padding: 0;
	margin: 0 0 40px 0;
}
#contingut.fondoquisom ul li{
	padding: 0 0 0 10px;
	margin: 0;
	background: url(../images/quadrat.png) no-repeat 0px 11px;
	list-style: none;
	line-height: 24px;
}
#contingut.fondoequip ul{
	margin: 30px 0 30px 0;
	padding: 0;
}
#contingut.fondoequip ul li{
	padding: 0 0 10px 0;
	margin: 0;
	list-style: none;
	line-height: 20px;
	color: Black;
}
#contingut.fondotreballem ul{
	margin: 20px 0 25px 30px;
	padding: 0;
}
#contingut.fondotreballem ul li{
	padding: 0 0 0 10px;
	margin: 0;
	background: url(../images/quadrat.png) no-repeat 0px 11px;
	list-style: none;
	line-height: 24px;
}
#contingut.fondotreballem ul li span.textdepartament{
	display: inline;
	color: #C93E42;
}
#contingut.fondoclients ul{
	margin: 0 0 25px 0;
	padding: 0;
	font-weight: bold;
	color: #C93E42;
	font-size: 0.9em;
}
#contingut.fondoclients ul li{
	padding: 0 0 0 0;
	margin: 0;
	list-style: none;
	line-height: 15px;
}
#contingut.fondoclients ul li ul{
	font-weight: normal;
	color: #000;
}
#columna-esquerra{
	margin: 0;
	padding: 0 10px 0 0;
	float: left;
	width: 250px;
}
#columna-dreta{
	margin: 0;
	padding: 0 10px 0 0;
	float: left;
	width: 250px;
}
/*************************** FOOTER *******************************/
#footer{
	padding: 20px 0 0 0;
	margin: 0;
	clear: both;
	color: #706F6F;
}
#footer div{
	text-align: center; 
	padding: 4px 0 0 0;
	margin: 0;
	
}
#footer div img{
	margin: 0;
	padding: 0 4px 0 4px;
}
#footer div a{
	margin: 0;
	padding: 0;
	color: #C93E42;	
}

/*************************** FORMULARI CONTACTA *******************************/
#formularicontacte{
	float: left;
	width: 480px;
	margin: 0;
	padding: 0;
}
#formularicontacte a{
	color: #C93E42;	
}
#formularicontacte legend{
	margin: 0;
	padding: 0;
	display: none;
}
#formularicontacte fieldset{
	border: none;
	margin: 0;
	padding: 0;
}
#formularicontacte p{
	margin: 0;
	padding: 0 0 10px 0;
}
#formularicontacte label{
	display: block;
	width: 90px;
	float: left;
	text-align: right;
	padding: 0 10px 0 0;
	margin: 0;
	color: #000;
	background: transparent;
}
#formularicontacte label.imatgeerror{
	color: #f33a00;
	font-weight: bold;
}
#formularicontacte img{
	margin-right: 5px;
	border: none;
}
#formularicontacte input{
	margin: 0 10px 5px 0;
	padding: 0;
	width: 220px;
	vertical-align: middle;
	border: 1px solid #C6C5C5;
}
#formularicontacte input.formularideclaracio{
	border: none;
}
#formularicontacte select{
	margin: 0 10px 5px 0;
	padding: 0;
	width: 220px;
	vertical-align: middle;
	border: 1px solid #C6C5C5;
}
#formularicontacte textarea{
	vertical-align: top;
	margin: 0 10px 15px 0;
	border: 1px solid #C6C5C5;
}
.backgrounderror{
	background-color: #ffbca6;
}
span.aviserror{
	color: #f33a00;
	font-weight: bold;
}
span.aviscorrecte{
	color: #0bb100;
	font-weight: bold;
}
#formularicontacte label.formularideclaracio, #formularicontacte input.formularideclaracio{
	float: none;
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
}
#formularicontacte input.submitcontacte{
	border: 1px solid #94b1ab;
	background: transparent url(../images/fons-boto-cercar.png) repeat top left;
	height: 19px;
	width: 72px;
	color: #5e6f6c;
	margin: 15px 0 15px 100px;
	padding: 0;
}
#formularicontacte input.submitcontacte:hover{
	background: transparent url(../images/fons-boto-cercar-on.png) repeat top left;
}
/********** Fi Formularis contacte *********************/