/*----------------------------------------------------------------------------------------------------
	Neteja i iguala CSS per tots els navegadors
----------------------------------------------------------------------------------------------------*/

* { 
	margin:0px; 
	padding:0px; 
	border:none;
}

body, input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif !important; 
	font-size:100%;
	/* line-height:100%; */
}
a img, img { 
	border:0px; 
	text-decoration:none;
}
li { 
	list-style:none; 
}
div.clear { 
	clear:both; 
	font-size:1px;
	line-height:1px;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


/*----------------------------------------------------------------------------------------------------
	CSS generals maqueta
----------------------------------------------------------------------------------------------------*/

/* Variables:

Amplada dels botons: 42px
Amplada dels continguts: 640px
*/

body {
	padding:10px 0 0 10px;
}
.contenidor {
	width:980px;
}
.apartat {
	padding-left:42px;
	font-size:12px;
	width:0px;
	float:left;
	overflow:hidden;
}
.obert {
	width:640px;
}
.apartat .boto {
	width:42px;
	margin-left:-42px;

	background:#fff;
	position:absolute;
}
.apartat .boto a {
	display:block;
	width:42px;
	height:380px;
	background:transparent none no-repeat scroll 0 0;
	overflow:hidden;
	text-indent:-2000px;
}
.apartat .boto a:hover {
	background-position:-42px 0px;
}
.apartat .boto a.on {
	background-position:-84px 0px;
}

.apartat .cont {
	width:640px;

	/*alçada mínima del contenidor compatible amb IE6 */
	min-height: 467px;
	height: auto !important;
	height: 467px;

}
.cont p {
	padding-bottom:12px;
}
#apartathome {
	padding-left:0px;
}

#apartathome .cont {
}

#abaix {
	position:absolute;
}

#abaix table {
	padding-left:0px;
}
a.link_esp,
a.link_cat,
a.link_legal {
	display:block;
	background:no-repeat -20px 0px;
	width:20px;
	text-indent:-2000px;
}
a.link_esp.on,
a.link_esp:hover,
a.link_cat.on,
a.link_cat:hover,
a.link_legal.on,
a.link_legal:hover {
	background-position:0 0;
}
a.link_esp {
	background-image:url(/images/cat/espanyol.gif);
	height:61px;
}
a.link_cat {
	background-image:url(/images/cat/catala.gif);
	height:49px;
}
a.link_legal {
	background:url(/images/cat/avislegal.gif) -16px 0;
	height:49px;
	width:16px;
}

/*----------------------------------------------------------------------------------------------------
	Menu
----------------------------------------------------------------------------------------------------*/

.boto a.mg { background-image:url(/images/cat/menu_mg.gif); }
.boto a.que { background-image:url(/images/cat/menu_que.gif); }
.boto a.wnow { background-image:url(/images/cat/menu_know.gif); }
.boto a.efectius { background-image:url(/images/cat/menu_efectius.gif); }
.boto a.experiencies { background-image:url(/images/cat/menu_experiencia.gif); }
.boto a.historia { background-image:url(/images/cat/menu_historia.gif); }
.boto a.extraoficial { background-image:url(/images/cat/menu_extraoficial.gif); }
.boto a.contacte { background-image:url(/images/cat/menu_contacte.gif); }
/*----------------------------------------------------------------------------------------------------
	Estils dels apartats
----------------------------------------------------------------------------------------------------*/

.cont_mg {
	padding:0px 20px;
}
.cont_mg div.foto {
	padding:0 12px 12px 0;
	float:left;
	width:auto;
}
.texte {
	padding:0 20px;
}

.cont_mg div.texte {
	padding:0 12px 0px 0;
	float:left;
	width:400px;
}
.gris {
	color:#666;
}

.requadres {
	float:left;
	margin-left:20px;
}
.requadres a {
	display:block;
	width:130px;
	height:92px;
	padding-top:38px;
	color:#fff;
	background:#aba8a8;
	font-size:50px;
	line-height:28px;
}
.requadres a strong {
	display:block;
	font-size:16px;
	/* font-weight:normal; */
	line-height:18px;
	padding-top:4px;
}
/* .requadres .bengran a strong {
	font-size:30px;
	font-weight:bold;
} */

.requadres a.on:hover,
.requadres a.on {
	background:#000;
	cursor:default;
}
.requadres a:hover {
	background:#fabb00;
	text-decoration:none;
}
.requadres li {
	padding-bottom:12px;
}

.subcont {
    padding-left:160px;
    //padding-left: 10px;
    width:370px;
}
.gran {
	font-size:16px;
	line-height:normal;
	padding-bottom:0px;
}
.gran2 {
	font-size:24px;
	line-height:normal;
	padding-bottom:0px;
}

.feines {
	float:left;
	width:275px;
	padding:0 10px 0 20px;
}
.feines a {
	color:#aba8a8;
	text-decoration:none;
}
.feines a.on {
	font-weight:bold;
	color:#000;
}
.feines a:hover {
	color:#000;
}
.cont_feina {
	float:left;
	width:320px;
}
.cont_feina img {
	padding-bottom:10px;
}

.historia .submenu {
	padding-bottom:40px;
}
.historia ul {
	padding-left:20px;
}
.historia li {
	display:inline;
	margin-right:10px;
}
.historia li a {
	color:#aba8a8;
	text-decoration:none;
}
.historia li a:hover {
	color:#000;
}
.historia li a.on {
	font-weight:bold;
	color:#000;
}
.historiacont {
	padding:0px 20px;
}
table {
	padding-left:20px;
}
.col1,
.col2 {
	float:left;
	width:220px;
	padding-left:20px;
	color:#aba8a8;
}
.col1 a, .col2 a {
	color:#aba8a8;
}
.col1 strong, .col2 strong {
	color:#000;
}
.espaiahome {
	padding-left:330px;
	padding-top:200px;
}

div.error {
margin-top: 100px;
margin-left: 60px;
}
.error h4 {
margin-bottom: 20px;
}
.cont a,
.cont a:hover {
    color:#878889;
    text-decoration:underline;
}
.cont .submenu.feines a, .cont .submenu.requadres a, .cont .submenu.requadres a:hover {
    color:auto;
    text-decoration:none;
}
.cont .submenu.requadres a, .cont .submenu.requadres a:hover {
  color: #fff;
}
.cont .submenu.feines a:hover {
text-decoration:underline;
}
/* afegits op */

div.submenu.feines li span {
color: #fabb00;
}