@charset "utf-8";

body {
	background-color:#000000;
	font-family:Arial;
	font-size:12px;
	color:#999999;
	margin: 0px;
}
* {
	outline:none;
}
#cap {
	margin: 0px auto 0px auto;
	background-color:#262626;
	border-bottom: 1px solid #555555;
}
#contingut {
	padding-bottom:50px;
	margin: 0px auto 0px auto;
	background-color:#0F0F0F;
}
#peu{
	margin: 0px auto 0px auto;
	border-top: 1px solid #555555;
	background-color:#000000;
}
.clearFloat {
	clear:both;
	font-size:1px;
	height:0px;
}
h1 {
	color:#ffffff;
	font-size:20px;
	padding:30px 0px 10px 0px;
	margin:0px;
	font-family:Arial;
	font-weight:normal;
}
.buto a{
	color:#999999;
	border:1px solid #555555;
	padding:10px;
	text-decoration:none;
}
.buto a:HOVER{color:#E2A032;border:1px solid #E2A032;}
/**************************************************** FORMULARIS *****/
.lopd, .button{
	padding-top:0px;
	padding-bottom:2px;
	border:1px solid #555555;
}
input, textarea, .lopd, .button{
	background-color:#555555;
	color:#ffffff;
	font-size:12px;
	font-family:Arial;
}
input, textarea{
	border:1px solid #cccccc;
	width:250px;
}
.button{
}
.button:hover{
	border:1px solid #cccccc;
	background-color:#555555;
	color:#ffffff;
	cursor:pointer;
}
.button{
	background-color:#E39F34;
	width:100%;
	text-align:center;
	border:1px solid #E39F34;
}
.error{
	border: 1px dashed #E39F34;
	background-color:#272528;
}
.popupMail{
	background-color: #555555;
	border:1px solid #cccccc;
	height: 160px;
	margin: 0 auto;
	width: 300px;
	position:absolute;
	z-index:10;
	left:40px;
	top: 50px;
	text-align:center;
	font-size:10px;
}
.popupMail a{
	text-decoration:none;
	color:#DBB12B;
}
#contact_form {
	z-index: 998;
	display: none;
	position: absolute;
	/*background-color: #000;*/
	background:none;
}
checkbox {
	border:none;
	background:none;
}
/************************************************************* CAP *****/
.cap{
	width:980px;
	margin: 0px auto 0px auto;
	padding:0px;
}
.capEsquerra{
	float:left;
}
.capDreta{
	float:right;
}
.capImatge{
	padding:0px;
	margin: 0px auto 0px auto;
	text-align:center;
	height:160px;
	background:url('../imatges/capcaleraGrup.jpg') no-repeat center #000;
	border-bottom: 1px solid #555555;
}
.capMenu li{
	float:left;
	list-style:none;
	font-size:10px;
	padding:50px 0px 20px 20px;
}
.capMenu li a{
	text-decoration:none;
	color:#999999;
	padding-bottom:20px;
}
.capMenu li a:hover{
	color:#E2A032;
	background:url('../imatges/TMP_fletxetaCapcalera.gif') no-repeat bottom center;
}
.opcio{
	color:#E2A032;
	padding-bottom:20px;
	background:url('../imatges/TMP_fletxetaCapcalera.gif') no-repeat bottom center;
}
/******************************************************* CONTINGUT *****/
.contingut{
	width:980px;
	margin: 0px auto 0px auto;
	padding:0px;
}
.contingutColEsquerra{
	float:left;
	width:420px;
	padding-left:60px
}
.contingutColDreta{
	float:right;
	width:420px;
	padding-right:10px
}
.contingutColDreta a{
	color:#999999;
	text-decoration:none;
}
.contingutColDreta a:hover{
	color:#e2a032;
}
.contingutColEsquerra p, .contingutColDreta .contingutP p{
	padding-left:15px;
	text-align:justify;
}
.contingutP{
	background:url('../imatges/TMP_fletxetaLateral.gif') no-repeat left 2px;
}
.contingutP b{
	color:#CFCFCF;
}
.contingutColDreta img{
	border:1px solid #555555;
	padding:10px;
}
.formButlleti{
	border:1px solid #555555;
	padding:12px;
	background-color:#2F2F2F;
	width:408px;
}
.formButlletiTitol{
	font-size:16px;
	margin-left:0px;
	padding-left:0px;	
}
.formButlleti p{
	margin-left:0px;
	padding-left:0px;
}
/************************************************************* PEU *****/
.peu{
	width:980px;
	margin: 0px auto 0px auto;
}
.peuEsquerra p{
	margin:0px;
	padding:0px;
}
.peuEsquerra{
	float:left;
	width:420px;
	padding:30px 0px;
}
.peuDreta{
	float:right;
	width:420px;
	padding:30px 0px 0px 0px;
	text-align:right;
}
.peuDreta a, .mapaWeb a{
	color:#999999;
	text-decoration:none;
	padding-left:10px;
}

.peuDreta a:hover, .mapaWeb a:HOVER{
	color:#E2A032;
}
/************************************************************ MAPA *****/
#map {
	width:410px;
	height:150px;
	overflow:hidden;
}
.map{
	width:410px;
	height:150px;
	border:1px solid #555555;
	padding:10px;
}
/********************************************************* SPRITES *****/
/**************************************** BOTO OK BUTLLETI *****/
.btButlleti{
	padding-top:2px;
	height:19px;
	width:31px;
	cursor:pointer;
	background:url(../imatges/base.png) -407px -18px no-repeat;
	color:#ffffff;
	text-align:center;
	float:right;
}
.btButlleti:hover{
	background:url(../imatges/base.png) -438px -18px no-repeat;
}
/****************************************** LOGO CAPCALERA *****/
.logoCap{
	height:120px;
	width:165px;
	background:url(../imatges/base.png) -2px -10px no-repeat;
}
/********************************************** BANDERETES *****/
.catBandera{
	height:15px;
	width:22px;
	background:url(../imatges/base.png) -276px -0px no-repeat;
}
.catBandera:hover, .catBanderaOn{
	height:15px;
	width:22px;
	cursor:pointer;
	background:url(../imatges/base.png) -276px -15px no-repeat;
}
.esBandera{
	height:15px;
	width:22px;
	background:url(../imatges/base.png) -298px -0px no-repeat;
}
.esBandera:hover, .esBanderaOn{
	height:15px;
	width:22px;
	cursor:pointer;
	background:url(../imatges/base.png) -298px -15px no-repeat;
}
.ukBandera{
	height:15px;
	width:22px;
	background:url(../imatges/base.png) -320px -0px no-repeat;
}
.ukBandera:hover, .ukBanderaOn{
	height:15px;
	width:22px;
	cursor:pointer;
	background:url(../imatges/base.png) -320px -15px no-repeat;
}
/*********************************************** FLETXETES *****/
.fletxaUp{
	border:none;
	height:6px;
	width:6px;
	background:url(../imatges/base.png) -291px -30px no-repeat;
}
.fletxaRight{
	border:none;
	height:6px;
	width:6px;
	background:url(../imatges/base.png) -298px -30px no-repeat;
}
.fletxaLeft{
	border:none;
	height:6px;
	width:6px;
	background:url(../imatges/base.png) -305px -30px no-repeat;
}
.fletxaDown{
	border:none;
	height:6px;
	width:6px;
	background:url(../imatges/base.png) -312px -30px no-repeat;
}
.by6tems{
	height:21px;
	width:53px;
	background:url(../imatges/base.png) -170px 0px no-repeat;
	border:none;
}
.by6tems:hover{
	background:url(../imatges/base.png) -170px -21px no-repeat;	
}
/******************************************* BANNERS INICI *****/

#flash_inici {
	width: 860px;
	height: 300px;
	margin: 0 auto;
}

.genBanner{
	float:left;
	margin: 5px 10px 5px 8px;
	_margin-right:7px;
	cursor:pointer;
}
.genBanner img{
	border:none;
}
.banner1{
	height:48px;
	width:98px;
	background:url(../imatges/base.png) -171px -46px no-repeat;
}
.banner1:hover{
	background:url(../imatges/base.png) -171px -95px no-repeat;
}
.banner2{
	height:48px;
	width:98px;
	background:url(../imatges/base.png) -270px -46px no-repeat;
}
.banner2:hover{
	background:url(../imatges/base.png) -270px -95px no-repeat;
}
.banner3{
	height:48px;
	width:98px;
	background:url(../imatges/base.png) -369px -46px no-repeat;
}
.banner3:hover{
	background:url(../imatges/base.png) -369px -95px no-repeat;
}
.banner4{
	height:48px;
	width:98px;
	background:url(../imatges/base.png) -468px -46px no-repeat;
}
.banner4:hover{
	background:url(../imatges/base.png) -468px -95px no-repeat;
}
.banner5{
	height:48px;
	width:98px;
	background:url(../imatges/base.png) -567px -46px no-repeat;
}
.banner5:hover{
	background:url(../imatges/base.png) -567px -95px no-repeat;
}
.banner6{
	height:48px;
	width:98px;
	background:url(../imatges/base.png) -666px -46px no-repeat;
}
.banner6:hover{
	background:url(../imatges/base.png) -666px -95px no-repeat;
}
.banner7{
	height:48px;
	width:98px;
	background:url(../imatges/base.png) -1030px -46px no-repeat;
}
.banner7:hover{
	background:url(../imatges/base.png) -1030px -95px no-repeat;
}
.banner8{
	height:48px;
	width:98px;
	background:url(../imatges/base.png) -832px -46px no-repeat;
}
.banner8:hover{
	background:url(../imatges/base.png) -832px -95px no-repeat;
}
.banner9{
	height:48px;
	width:98px;
	background:url(../imatges/base.png) -931px -46px no-repeat;
}
.banner9:hover{
	background:url(../imatges/base.png) -931px -95px no-repeat;
}
.banner10{
	height:48px;
	width:98px;
	background:url(../imatges/base.png) -1004px -144px no-repeat;
}
.banner10:hover{
	background:url(../imatges/base.png) -1004px -193px no-repeat;
}
/*********************************** FLETXA AMUNT SUPERIOR *****/

/*************************************************************
GOOGLE
*************************************************************/
div.googleMapsAPI_mare {
	padding-top:10px;
	width: 390px;
	height: 450px;
	overflow: hidden;
}
div.googleMapsAPI {
	width: 390px;
	height: 450px;
	overflow: hidden;
}
div.googledir b{
	color:#CFCFCF;
}
div.googledir a{
	color:#E2A032;
	text-decoration:none;
}
div.googledir a:hover{
	color:#ffffff;
}
div.form_boto{
	height:19px;
	width:59px;
	padding-top:2px;
	background:url(../imatges/base.png) -889px -3px no-repeat;
	text-align:center;
	color:#ffffff;
	cursor:pointer;
}
div.form_boto:hover{
	background:url(../imatges/base.png) -830px -3px no-repeat;
}

/*HISTORIA*/
.net{clear:both;height:0;}

.historia ul{
	list-style:none;
}

.historia *{padding:0;margin:0;}
.historia .any{width:50px;float:left;color: #e2a032;}
.historia .desc{float:left;padding:0;margin:0;width:370px;}

/*EMPRESES*/
.empreses a,.link{text-decoration:none;color:#999999;}
.link:HOVER{color:#e2a032;}
.empreses img{border:0;}
.empreses td{vertical-align:top;}

.banner9{}

/*BORSA TREBALL*/
.oferta{margin:15px 0 0 15px;cursor:pointer;padding:10px;}
.oferta *{margin:0 0 5px 0 !important;padding:0 !important;}
.oferta span{color: #e2a032;text-decoration:none;}
.oferta h3{color:#fff;}
.oferta:HOVER h3{color:#e2a032;}

.ofertaSel{border:1px solid #e2a032;}
.ofertaSel *{color:#e2a032;}

.ban_logos{margin-top:5px;text-align:center;margin-bottom:7px;}
.ban_logos a{
	margin-left:8px;
	vertical-align:text-top;
}
.ban_logos a:HOVER img{
	opacity:0.5;
	filter:alpha(opacity=50)
}