@charset "utf-8";
/* CSS Document 
*{
	margin:0; padding:0;}*/
body{
	text-align:center;
	font:normal 9pt  Tahoma, Verdana, Arial, Helvetica, sans-serif ; color:#000;
	background-color: #fff;
	
}
h1{
	/*visibility:hidden;
	line-height:0px;
	font-size:0%;
	position:absolute;
	top:0px;*/
	color:#c01304;
	float:left;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:130%;
	clear:both;}
h1 a{color:#c01304; text-decoration:none;}
/*h2{
	padding:5px 0;
	text-transform:uppercase;
	color:#c01304;
	border-top:10px solid #c01304;
	float:left;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:130%;
	clear:both;}*/
h2.sintop{
	border-top:none;}
h2{
	padding:10px 0 3px 0;
	text-transform:none;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
	clear:both;}
.equip{
	padding-bottom:0;} 
.equiptop{
	padding-top:20px;}
/*h3{
	padding:10px 0 3px 0;
	text-transform:none;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
	clear:both;}*/
h3{
	padding:0 0 10px 0;
	text-transform:none;
	color:#00a19b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	clear:both;}
h4{
	text-transform:none;
	color:#00a19b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	clear:both;}
h5, h6{
	text-transform:none;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	clear:both;}
a{
	color:#000;}
a:hover{
	color:#c01304;}
p{
	padding:0;
	}
br{ clear:both;}
caption{
	background-color:#00a19b; color:#fff;border-bottom:1px dotted #fff;}
table{
	margin:0 auto;
	margin-bottom:10px;
	width:100%;
	clear:both;}
table.w75{
	width:75%;}
table.w50{
	width:50%;}
.septh{border-bottom:1px dotted #fff;}
.col5{
	width:35%;}
table.suggeriments {
	margin-top:10px;}
.suggeriments td{
	line-height:130%;}
.suggeriments .septh{
	border-bottom:1px dotted #fff;
	text-align:left;
	font-size:110%;}
.septhleft{border-left:1px dotted #fff;}
th{
	padding:4px;
	background-color:#00a19b; color:#fff; font-weight:normal;
	font-size:90%; line-height:100%; vertical-align:top; text-align:center;
	}
th strong{
	color:#fff;}
td{
	padding:4px;
	font-size:90%; line-height:100%; vertical-align:top;
	border-bottom:1px dotted #cdcdcd;}
tr{background-color:#f8f8f8; }
tr:hover, td:hover{background-color:#cdcdcd; }
dt{
	padding-top:10px;
	font-weight:700;
}
img{
	border:none;
	float:right;}

dl{
	clear:left;}
ul{
	clear:left;
	list-style-type:none;}
strong, .empresa{
	color:#383838; font-weight:700;}
#global{
	margin:0 auto;
	width:99%;
	text-align:left; line-height:150%;
	clear:both;
	overflow:hidden; 
}
.franja{
	background-color:#00a19b;}
#head, #pie{
	margin:0 auto;
	text-align:left;
	background-color:#00a19b;
	overflow:hidden;}
#head img{
	margin:10px 20px;
	float:left;
	}

#main-menu, #menu, #crumbs, #aux, .credits, .top, #pie, .pagenav {
	visibility:hidden; position:absolute; left:-9000px;
		}

/*#left-content{
	
	overflow:hidden;}
#FlashHome{
	margin-bottom:10px;}
#right-home{
	width:240px;
	float:right;}
#right-home ol{
	margin: 0 0 20px 20px;}
#center-home{	
	margin-left:30px;
	width:210px;
	float:left;
	overflow:hidden;}
#content div.pdf-bg ul li{
	background-image:none;}
#content-wrapper{
	 clear:both;
	 overflow:hidden;
	}
#content-inici{
	padding:30px 0 ;
	overflow:hidden;}
#content-inici p{
	display:block;
	clear:both;}
#content{
	width:700px;
	float:left;
	padding:30px 0 30px 20px;
	overflow:hidden;
	}
.poum{
	padding-top:90px;
	border:none; float:none;
	background-image:url(../images/logo-poum.gif); background-position:left top; background-repeat:no-repeat;}
.poum-home{
	padding-top:75px; margin-top:30px;
	background-image:url(../images/logo-poum-240.gif); background-position:left top; background-repeat:no-repeat;
	}
.poum-home p{
	padding-left:70px;}
.separaline{
	border-bottom:1px dotted #cdcdcd;}
.bloque{
	margin-bottom:10px;
	color:#fff;
	background-image:url(../images/canto-top-home.gif); background-position:left top; background-repeat:no-repeat;
	clear:both;}
.bloque p{
	padding:10px;
	background-image:url(../images/canto-bottom-home.gif); background-position:left bottom; background-repeat:no-repeat;
	overflow:hidden;}
.bloque a, .bloque strong{
	color:#fff;
	text-decoration:none;}
.pregunta{
	padding:10px 0 10px 40px; margin-bottom:10px;
	background-image:url(../images/icono-pregunta.gif); background-position:left top; background-repeat:no-repeat;
	overflow:hidden;}
.info{
	padding:10px 0 10px 40px;margin-bottom:10px;
	background-image:url(../images/icono-info.gif); background-position:left top; background-repeat:no-repeat;
	overflow:hidden;}*/
/**************MAPAWEB***********/
#sitemap ul, #sitemap ul li{
	padding:0; padding-left:10px;
	}
#sitemap ul li a, #sitemap ul li span{font-size:1.1em; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.02em;
	text-decoration:none;}
#sitemap ul li a:hover{
	text-decoration:underline;}
#sitemap ul{
	border-left: 1px dotted #cdcdcd;}
#sitemap li, #sitemap ul li{
	padding:5px 0;
	font-weight:700;}
#sitemap ul li ul li, #sitemap ul li ul li a{
	font-weight:normal;
	}
#sitemap ul li ul li ul li, #sitemap ul li ul li ul li a{
	padding-bottom:5px;
	font-weight:normal;}

.strong,  #sitemap ul li ul li a.strong{
	font-weight:700;
	color:#383838;}
/**************LISTAS***********/
/*.article{
	padding:0 10px;}
.article ol{
	padding:0 10px 10px 40px;
	list-style-position:outside;
	}
.article ol li{	
	padding:3px 0 3px 0;}
#content p{
	clear:both;}
#content ul{
	margin-left:10px;}
#content ul{
	padding:0 10px  10px 10px;
	list-style-type:none;
	list-style-position:outside;}*/
/*#content ol{
	padding:0 10px 0 30px;
	list-style-position:outside;}
#content ol li{
	padding:3px 0 ;}*/
ol#columnas{
	padding-left:10px;
	}
ol#columnas ul{
	padding:10px 0 0 0; margin:0;
	}
.columnas1{
	width:205px;
	float:left;
	}
.columnas2{
	margin:0 10px 0 30px;
	width:215px;
	float:left;
	}
.columnas3{
	margin:0 0 0 10px;
	width:190px;
	float:left;
	}
ol#columnas ul li{
	padding:3px 0 3px 10px;
	background-image:url(../images/li.gif); background-position:left 0.7em; background-repeat:no-repeat;
	display:block;
	/*font-size:0.9em;*/}
div.xmap{
	margin-left:10px;}
.article ul.vinyeta, .article ul, .xmap ul {
	padding:0 20px;
	overflow:hidden;}
.links li, .xmap li{
	font-weight:700;}
.links li li, .xmap li li{
	font-weight:normal;}
.links a, .xmap a{
		text-decoration:none;}
.links a:hover, .xmap a:hover{
		text-decoration:underline;}
ul.vinyeta li, .article ul  li, .xmap ul li{
	padding:3px 0 3px 20px;
	background-image:url(../images/li.gif); background-position:5px 1.0em; background-repeat:no-repeat;
	display:block;}
.mapa-catalogo{
	background-image:url(../images/mapa-cataleg.gif); background-position:320px 150px; background-repeat:no-repeat;}
.mapa-suspensio{
	background-image:url(../images/mapa-suspensio.gif); background-position:280px 195px; background-repeat:no-repeat;
	overflow:hidden;}
#content div.mapa-suspensio{
	padding-bottom:18px;
	overflow:hidden;}



/*background-color:red;***********PIE************/

#footer{
	background-color:#fff;
	overflow:hidden;
	text-align:left; font-size:110%; line-height:150%;}
#footer{
	margin:0; padding:0 0 10px 0;
	color:#333;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	overflow:hidden;}
#footer strong{
	line-height:2.0em;}
#footer ul{
	padding:0; margin:0;
	list-style-type:none;}
#footer a{color:#fff; text-decoration:none;}
#footer .datosregidoria a, #footer .regidoriatop a, #footer ul li p a{
	text-decoration:underline;color:#333; }
#footer ul li ul li a{
	text-decoration:none;color:#333;}
.regidoria{padding:0; margin:0;}
.titleregidoria{float:left;border-top:1px dotted #999;margin-right:25px;}
.datosregidoria{padding-right:10px; padding-bottom:10px;float:left;border-top:1px dotted #999;}
.regidoriatop{padding-right:10px; border-top:1px dotted #999;}


/*******DESTACADOS HOME*************/
div.blog{
	background-image: url(../images/bgdestacados.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	overflow:hidden;
	font-size:1.1em; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	position:relative; top:-38px;}
#content div.blog ul{
	padding:0; margin:0;
	border:none;
	clear:both;}
#content div.blog a{
	text-decoration:none;}
.destacado-ocupacio,.destacado-formacio, .destacado-empresa{
	padding:10px 0 10px 0;
	width:220px;
	background-repeat: no-repeat;
	background-position: left top;}
.destacado-ocupacio{
	float:left;
	background-image: url(../images/bgocupacio.jpg);
}
.destacado-ocupacio a{
	padding:5px 10px 5px 30px;
	display:block;
	color:#7d980b;
	background-image: url(../images/flecha-ocupacio.gif);
	background-repeat: no-repeat;
	background-position:10px 0.7em;
	}
.destacado-formacio{
	margin:0 20px;
	float:left;
	background-image: url(../images/bgformacio.jpg);
}
.destacado-formacio a{
	padding:5px 10px 5px 30px;
	display:block;
	color:#013671;
	background-image: url(../images/flecha-formacio.gif);
	background-repeat: no-repeat;
	background-position:10px 0.7em;}
.destacado-empresa{
	float:right;
	background-image: url(../images/bgempresa.jpg);
}
.destacado-empresa a{
	padding:5px 10px 5px 30px;
	display:block;
	color:#a80231;
	background-image: url(../images/flecha-empresa.gif);
	background-repeat: no-repeat;
	background-position:10px 0.7em;}
/* Overall calendar table properties */
#menu table{border: 1px solid #cdcdcd; border-bottom:none; border-right:none;}
#menu td{border: 1px solid #cdcdcd; text-align:center; padding:3px 0;border-bottom:none; border-right:none;}


/* Day of week heading properties*/
#menu .eventcalq th.mod_eventlistcalq_daynames {
	color: #fff;
	background: #cdcdcd;
}
h2.eventlist{
	border-bottom:1px dotted #cdcdcd;}
.formulario h1, .formulario p{
	padding-bottom:20px;}

fieldset{
	padding:5px 0;
	border:1px dotted #cdcdcd;}
fieldset.siono{
	margin:0 20px 0 35%;
	border:1px dotted #fff;border-top:1px dotted #cdcdcd;}
legend{
	padding:4px;
	background-color:#fff; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:110%; font-weight:700;}
.chronoform, .chronoform a{
		font-size:1px; color:#fff;}
.form_element{font-size:100%;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}
form#ChronoContact_punt_feina_online label,form#ChronoContact_actualitzar_dades_borsa_treball label, form#ChronoContact_entrevista label, form#ChronoContact_Millorar label, form#ChronoContact_OnLine label, form#ChronoContact_oferta_trabajo label{
		padding:2px;
		width:35%;
		text-align:right;font-size:100%;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		float:left;
		clear:left;}
form#ChronoContact_actualitzar_dades_borsa_treball label.cf_label100, form#ChronoContact_Millorar label.cf_label100
{padding:2px 10px;
		width:99%;
		text-align:left;font-size:100%;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		float:left; clear:both;}
form#ChronoContact_Millorar legend, form#ChronoContact_oferta_trabajo legend, form input,form textarea{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;}
/*form#ChronoContact_Millorar legend, form#ChronoContact_form_medida_recerca legend,form#ChronoContact_formacion_empresa legend, form#ChronoContact_formacion_persona legend, form#ChronoContact_oferta_trabajo legend{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:110%; font-weight:700;}*/
form#ChronoContact_actualitzar_dades_borsa_treball select, form#ChronoContact_Millorar select{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;}
form#ChronoContact_actualitzar_dades_borsa_treball .float_left, form#ChronoContact_OnLine .float_left, form#ChronoContact_Millorar .float_left{
	overflow:hidden;}
form#ChronoContact_punt_feina_online .float_left, form#ChronoContact_actualitzar_dades_borsa_treball .float_left, form#ChronoContact_Millorar .float_left, form#ChronoContact_form_medida_recerca .float_left, form#ChronoContact_formacion_empresa .float_left,form#ChronoContact_formacion_persona .float_left,  form#ChronoContact_oferta_trabajo .float_left{
	margin-left:35%;
	clear:both;}
form#ChronoContact_punt_feina_online .float_left label,form#ChronoContact_actualitzar_dades_borsa_treball .float_left label,form#ChronoContact_OnLine .float_left label, form#ChronoContact_Millorar .float_left label,  form#ChronoContact_oferta_trabajo .float_left label{
	text-align:left;
	float:none;}
form#ChronoContact_punt_feina_online .float_left input, form#ChronoContact_actualitzar_dades_borsa_treball .float_left input, form#ChronoContact_OnLine .float_left input, form#ChronoContact_Millorar .float_left input, form#ChronoContact_oferta_trabajo .float_left input{
	margin-top:2px;
	float:left;}
.cf_heading{
	padding-bottom:20px;
	display:block;
	clear:both;}
/*form#ChronoContact_Millorar input, form#ChronoContact_Millorar textarea,form#ChronoContact_Millorar select,
form#ChronoContact_entrevista input, form#ChronoContact_entrevista select, form#ChronoContact_OnLine input, form#ChronoContact_OnLine textarea, form#ChronoContact_oferta_trabajo input, form#ChronoContact_oferta_trabajo select, form#ChronoContact_oferta_trabajo textarea*/
input, textarea, select{
		padding:2px 0 2px 2px;
		border:1px solid #ccc;}
form#ChronoContact_punt_feina_online input.radio ,form#ChronoContact_actualitzar_dades_borsa_treball .cf_radiobutton input, form#ChronoContact_Millorar .cf_radiobutton input, form#ChronoContact_Millorar .cf_checkbox input, form#ChronoContact_entrevista .cf_radiobutton input, form#ChronoContact_entrevista .cf_checkbox input, form#ChronoContact_OnLine .cf_radiobutton input, form#ChronoContact_OnLine .cf_checkbox input, form#ChronoContact_oferta_trabajo .cf_radiobutton input{
	padding-top:2px; border:1px solid #fff;}
form#ChronoContact_OnLine .cf_checkbox br{
	clear:both;}
/*form#ChronoContact_OnLine textarea, form#ChronoContact_Millorar textarea, form#ChronoContact_oferta_trabajo */
textarea{
	width:350px; height:150px;
	font-size:100%;}
form#ChronoContact_actualitzar_dades_borsa_treball textarea, form#ChronoContact_Millorar textarea#text_4, form#ChronoContact_Millorar textarea#text_14, form#ChronoContact_Millorar textarea#text_16, form#ChronoContact_Millorar textarea#text_19{
	margin:0 0 10px 10px;
	width:96%;
	clear:both;}
	 form#ChronoContact_formacion_empresa textarea#text_13, form#ChronoContact_formacion_persona textarea#Suggeriments, form#ChronoContact_form_medida_recerca textarea#text_13{width:99%;
	clear:both;}
legend, input, select, textarea{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}
form#ChronoContact_punt_feina_online input.radio{padding-top:2px; border:1px solid #fff;}
form#ChronoContact_formacion_empresa input.radio, form#ChronoContact_formacion_persona input.radio, form#ChronoContact_form_medida_recerca input.radio{border:1px solid #fff;}
form#ChronoContact_punt_feina_online label.radiolabel{
	padding-top: 0; text-align:left; float:none;}
.cf_button{
	margin-top:10px; 
	margin-left:35%;
	clear:both;}
.cf_button input{
		margin-left:2px; padding:2px;
		font-weight:700;
		letter-spacing:0.04em;}

input.enviar, #insc{
	padding:6px 12px; margin-bottom:15px;
	background-color:#c01304; border: 1px solid #c01304;color:#fff;
	text-decoration:none;font-weight:700;
	font-size:100%;
	cursor:default;}
.enviar:hover, #insc:hover{
	color:#fff;
	background-color:#00a19b;  border: 1px solid #00a19b;
	}

#content .moduletable{
	visibility:hidden; position:absolute; top:-900px;}
.img-dreta{
	border-left:15px solid #fff; border-bottom:15px solid #fff;}
#content p.img-contenido{
	padding:0;
	clear:both;
	float:left;
	width:auto;
	background-color:#f8f8f8;
	border:1px solid #cdcdcd;}
#content p.img-con-pie{
	padding:4px 8px;
	clear:none;
	float:right;
	width:auto;
	font-size:90%; line-height:100%; color:#666;
	background-color:#f8f8f8;
	border:1px solid #cdcdcd;}
p.img-con-pie br{
	clear:both;}
p.img-con-pie img{
	margin:4px 0px;}
#content p.esquerra, #content p.dreta{clear:none;}
.esquerra{
	float:left;
	clear:none;}
.dreta{
	float:right;
	clear:none;}
.partedos{
	width:450px;}
.cuadre{
	padding:20px;
	background-color:#f8f8f8;
	border:1px solid #cdcdcd;
	overflow:hidden;}
#content p.columna1, #content p.columna2{
	clear:none;}
.columna1, .columna2{
	padding:20px; margin-bottom:20px;
	width:287px;
	/*background-color:#f8f8f8;
	border:1px solid #cdcdcd;*/
	background-image:url(../images/bg-columna.gif); background-position:0 0; background-repeat:no-repeat;
	overflow:hidden;}
.columna1{float:left;}
.columna2{
	float:right;}
#content .columna1 ul,#content .columna2 ul{
	padding:0; margin:0;}
.documents{
	padding:20px; margin-bottom:20px;
	width:160px; float:right;
	/*background-color:#f8f8f8;
	border:1px solid #cdcdcd;*/
	background-image:url(../images/bg-article.gif); background-position:0 0; background-repeat:no-repeat;
	overflow:hidden;}
#content .documents ul{
	padding:0; margin:0;}
.text-documents{
	width:460px; float:left;}
.colaboracio{
	padding:10px 0;
	clear:both;
	border-top:1px dotted #ccc;
	font-size:90%; line-height:100%; color:#666;
	overflow:hidden;}
.colaboracio img{
	margin:0 auto;
	float:none; text-align:center;}
.headline ul{
	float:right;
	text-align:right;
	overflow:hidden;}
.headline ul li{
	padding:0 0 0 10px;
	display:inline;
	background-image:none;}
.oferta-treball-llistat-home{
	margin-top:20px;
	width:230px;
	float:left;
	/*border-right:1px dotted #ccc;*/
	font-size:90%; line-height:100%;
	position:relative; top:-38px;}
#content .oferta-treball-llistat-home h2{
	margin:5px 10px; padding:0; color:#000;
	clear:both; display:block;
	font-weight:700; font-size:1.4em;}
.oferta-treball-llistat-home form{
	margin:10px 0;
	clear:both;
	text-align:left;}
#content .oferta-treball-llistat-home ul{
	padding:10px 10px 20px 10px; margin:0;}
.oferta-treball-llistat-home ul li{
	padding:5px 0; margin:0;}
.oferta-treball-llistat-home a, .oferta-treball-llistat a{
	text-decoration:none;}
.oferta-treball-llistat-home a:hover{
	text-decoration:underline;}
.oferta-treball-llistat form, .oferta-treball form.cerca{
	padding:8px;
	background-color:#f8f8f8;
	border:1px solid #ccc;}
 input#cerca{
	padding:4px 4px 4px 30px;
	background-color:#fff; color:#000; border:1px solid #000; background-image:url(../images/search.gif); background-position:5px 2px ; 					background-repeat:no-repeat;}
input#enviar{
	padding:3px 10px;
	background-color:#c01304; color:#fff;
	border:1px solid #c01304;}
.oferta-treball-llistat ul{
	padding:10px 0;
	list-style-type:none;
	overflow:hidden;}
.oferta-treball-llistat ul li{
	margin-top:10px;clear:both;}
.oferta-treball-llistat ul li ul{
	padding:0;}
.oferta-treball-llistat ul li ul li{
	/*display:inline;
	float:left;
	width:40%;*/
	
}
p.ver a{
	padding-left:20px;
	display:block;
	clear:both;
	background-image:url(../images/flecha-ver.gif); background-position:left; background-repeat:no-repeat;}
#video-home{
	margin-top:20px; 
	float:right;
	background-image:url(../images/top-youtube.gif); background-position:left top; background-repeat:no-repeat;
	position:relative; top:-38px;}
#content #video-home h2{	
	padding:8px 10px;
	clear:both; display:block;
	font-weight:normal; font-size:100%; color:#333;
	
	}
p.preinscripcio a{
	padding:6px 12px;
	background-color:#c01304; color:#fff;
	text-decoration:none;font-weight:700;}
p.preinscripcio a:hover{
	color:#fff;
	background-color:#00a19b; 
	}

.hidden{
	visibility:hidden;
	position:absolute; top:-5000px}
/* Tooltips 
.tool-tip {
	float: left;
	background: #f8f8f8;
	border: 1px solid #cdcdcd;
	padding: 5px;
}

.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background:url(../images/pil-black.gif); no-repeat;
}

.tool-text {
	margin: 0;
}*/