/*----------------------------------------------------------------------------------------------------

----------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------
TEXT STYLE
----------------------------------------------------------------------------------------------------*/










	



nada{}

/*----------------------------------------------------------------------------------------------------
	General classes
----------------------------------------------------------------------------------------------------*/
.right{
	text-align: right !important;
}
.center{
	text-align: center;
}
.resaltat,
strong{
	color:			#0176BB !important;
}
.bold{
	font-weight: 	bold;
}
.blanc{
	color: 			white !important;
}
.red{
	color: 			red !important;
}
/*----------------------------------------------------------------------------------------------------
	Text classes
----------------------------------------------------------------------------------------------------*/
.textNormal,
.element p{
	font-size: 		1em;
	color:			#666666;
}

.element_peu_imatge{
         text-align: center;
}

.textMoltGran{
	font-size:		3.2em;
	line-height:	0.8em;
	color:			#666666;
}

.textGran{
	font-size: 		2.1em;
	color:			#666666;
}

.textTitle{
	font-size: 		1em;
	color:			#0176BB;
}
.textSubTitle{
	font-size: 		1.1em;
	color:			#0176BB !important;
}

/*----------------------------------------------------------------------------------------------------
	Links
----------------------------------------------------------------------------------------------------*/
/*---Hover && Visited---*/
a.textNormal:visited,
a.textMoltGran:visited,
a.textGran:visited{
	color:			#666666;
}

a.textNormal:hover,
a.textMoltGran:hover,
a.textGran:hover,
.listdetail a,
.listdetail a:visited,
#sitemap a,
#sitemap a:visited,
a.link_blue,
a.link_blue:visited,
.multicol2 a,
.multicol2 a:visited,
.multicol2 ul li a,
.multicol2 ul li a:visited{
	color:			#0176BB !important;
}
.listdetail a:hover,
.element a:hover,
#sitemap a:hover,
.multicol2 a:hover,
.multicol2 ul li a:hover,
a.link_blue:hover{
	text-decoration: underline;	
}
.element a,
.element a:visited{
	text-decoration: 	none;	
	color:				#666666;	
}
div#centre div#content a{
	
		text-decoration: underline; 
	
	
	
		color:			#0176BB; 
	
	
}
div#centre div#content div#breadcump a{
	text-decoration: none; 
}
/*----------------------------------------------------------------------------------------------------
	Content
----------------------------------------------------------------------------------------------------*/
div#elementsSuperiorsPagina h1
{
	font-size:			1.3em;
	background:			#DDE2E5;
	color:				#0176BB;
	padding:			2px 10px 4px 10px;
	margin:             9px 0px 2px 0px;
	clear:				both;
}


.elementsSuperiorsPagina h2,
div#elementsSuperiorsPagina h2
{
	font-size:			1.1em;
	background:			#EBEFFF url(/opencms/ca/_config_/img/espaiblanc.gif) repeat-x left bottom;
	color:				#0176BB;
	padding:			0px 10px 17px 10px;
	margin:             		5px 0px -10px 0px;
	clear:				both;
}

div#elementsEsquerresPagina h1,
div#elementsDretsPagina h1,
.textContentTitle,
.element_frame h1,
.group h1,
div#contenidor div#centre div#content div.element div.relacionades h1{
	font-size:		1.3em;
	background:		#DDE2E5 url("../img/espaiblanc.gif") repeat-x left bottom;
	color:			#0176BB;
	padding:		2px 10px 18px 10px;
	clear:			both;
}


div#elementsEsquerresPagina div.elementEsquerraPagina,
div#elementsDretsPagina div.elementDretPagina
{
      margin-top:        2px;
      margin-bottom:     10px;
}

.google_categories
{
        width: 140px;
}

div.google_categories li
{
   overflow:visible;
   clear: both;
}

div.google_categories li label
{
   position:relative;
   top:5px;
}

div.google_categories li img
{
   float: left;
}

div.google_categories li input
{
   margin:5px;
   float: left;
}


/*----------------------------------------------------------------------------------------------------
	Search
----------------------------------------------------------------------------------------------------*/
.searchresult
{
	font-size:      1.25em;
	font-weight:	bold;
	color:			#0176BB;	        
}


/*----------------------------------------------------------------------------------------------------

----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------
PAGE STYLE
----------------------------------------------------------------------------------------------------*/



















nada{
}

/*----------------------------------------------------------------------------------------------------
	Neteja i iguala CSS per tots els navegadors
----------------------------------------------------------------------------------------------------*/
* { 
	margin: 		0px; 
	padding: 		0px; 
	border: 		none; 
}
body, input, select, textarea { 
	font-family: 	'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    font-size: 		0.71em;
    color:			#666666;
}
input, select, textarea { 
	border: 1px solid;
}
a, a:visited, a:hover{ 
	text-decoration:	none;
}

a img, img { 
	border:				0px; 
	text-decoration:	none;
}

li { 
	list-style:		none; 
}


/*----------------------------------------------------------------------------------------------------
	Generals && Structure
----------------------------------------------------------------------------------------------------*/
body{
 	background: 	transparent url("../img/fons_sense_ombra.jpg") no-repeat center top;
}
#total{
	margin:			auto;
	width:			866px;
}
#borderRight{
	width: 			866px;
	background: 	url("../../../contingut/imatge/originals/v_right_border.png") repeat-y right;
	float: 			left;
}
#borderLeft{
	width:			8px;
	background: 	url("../../../contingut/imatge/originals/v_left_border.png") repeat-y left; 
	float:			left;
}
#borderTop{
	width: 			866px;
}
#contenidor {
	margin-left:	8px;
	text-align:		left; 
	width: 			850px;
	background:		#FFFFFF;
}
#borderBottom{
	margin: 		auto;
	margin-bottom:	30px;
	height: 		8px;
	width: 			866px;
	background: 	url("../img/h_bottom_border.png") repeat-x top;
}
#centre{
	float:			left;
	width: 			544px;	
}
#centre.no_right{
	float:			left;
	width: 			697px;	
}
#esquerra,
#dreta{
	float:			left;
	width: 			153px;	
	background:		transparent url("../../../contingut/imatge/originals/bg_hombrafi.gif") repeat-x left bottom;
	padding-bottom:	8px;
	overflow: 		hidden;
}
.clear { 
	clear:			both; 
}
.float_right{
	float:			right !important;
}
.float_left{
	float:			left !important;
	padding-right:	10px;
	
}
.list_link{
		font-weight: 	bold;
		padding-left:	10px;
}
.link_blue{
		padding-left:	10px;
}
	
/* ----- multicol ----- */
.multicol1{
	float:		left; 
	width: 		38%;
}
.multicol2{
	float:				right;
	width: 				56%;
	padding-bottom: 	20px;
}

/*----------------------------------------------------------------------------------------------------
	Franja de la esquerra
----------------------------------------------------------------------------------------------------*/
	/*----------------------------------------------------------------------------------------------------
		MENU_LEFT_CAMPANYA
	----------------------------------------------------------------------------------------------------*/
	div#contenidor div#esquerra div#menu_left_campanya ul.listdetail{
		background:		url(../../../export/kg/img/bg_menu2.gif) repeat-x 0px 0px #7C878C;
	}
	div#contenidor div#esquerra div#menu_left_campanya ul.listdetail li a{
		color:				#fff 		!important;
	}
	div#contenidor div#esquerra div#menu_left_campanya ul.listdetail li a:hover,
	div#contenidor div#esquerra div#menu_left_campanya ul.listdetail li.resaltat{
		background:		#000000;
		color:			#000000;
		text-decoration:	none;
	}
	/*----------------------------------------------------------------------------------------------------
		END	MENU_LEFT_CAMPANYA
	----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------
	Menus laterals
----------------------------------------------------------------------------------------------------*/
.elementRightMenuTop img,
.elementRightMenuBottom img,
.elementRightMenuTop a img,
.elementRightMenuBottom a img{
	display: 		block;
}
.elementLeftMenuTop img,
.elementLeftMenuBottom img,
.elementLefttMenuTop a img,
.elementLefttMenuBottom a img{
	display: 		block;
}

div#dreta div#menuDretTop div.elementRightMenuTop ul.listdetail li.imatge img{
  	   float: 			none;
}

div#dreta div#menuDretTop div.elementRightMenuTop ul.listdetail li.document a{
		font-size:   	   	1em;
		font-weight: 		bold;
		color:				#fff !important;
		padding-left:		15px;
		width: 				100%;
}

/*----------------------------------------------------------------------------------------------------
	Franja central,  bloc superior
----------------------------------------------------------------------------------------------------*/
#superior{
	background:		url("../../../contingut/imatge/originals/dalt_ciutat.jpg") no-repeat right top;
	
	
}
#menuHeaderElements{
	width: 100%;
}
/* ----- formulari ----- */
form {
	padding-left: 	10px;	
	padding-bottom:	15px;
	float:			left;
}

input,
textarea {
	border:			#DDE2E5 1px solid;
	font-size:		1em;
	float:			left;
	padding:		1px 0px 1px 2px;
}

input.boto {
	height:			17px;
	width:			14px;
	border:			none;
	float:			left;
	padding-left:	6px;
}
/* ----- titol ajuntament superior ----- */

#superior h1{
	padding-left: 	10px;	
	height:			46px;
}
#superior span{
	position: 		absolute;
	width:			68px;
	height:			26px;
	background:		url("../../../contingut/imatge/originals/txtajmat.gif") no-repeat left top;
}
/* ----- claim central ----- */
#claim {
	padding-left: 		20px;
}
/* ----- Breadcrumb ----- */
#breadcump{
	padding-bottom: 	10px;
}

/*----------------------------------------------------------------------------------------------------
	Menus centrals
----------------------------------------------------------------------------------------------------*/
.menuHeaderLevel2,
.menuHeaderLevel3{
	font-size:		1.1em;
	font-weight:	bold;
}
	
/* ----- menu header level 2 ----- */
.menuHeaderLevel2 ul.listdetail{
	text-align:		right;
	background:		#000000;
	overflow:		hidden;
}
.menuHeaderLevel2 li{
	display:	inline;
}
.menuHeaderLevel2 li a,
.menuHeaderLevel2 li a:visited{
	padding: 	4px 10px 4px 10px ;
	color: 		#FFFFFF !important;
	float:		right;
}
.menuHeaderLevel2 li.resaltat,
.menuHeaderLevel2 li.resaltat a,
.menuHeaderLevel2 li a:hover{
	color:			#ffffff !important;
	background: 	#0176BB;
	text-decoration: none;
}

/* ----- menu header level 3 ----- */
.menuHeaderLevel3 ul.listdetail{
	text-align:				left;
	background-color:		#0176BB;
	overflow:				hidden;
}
.menuHeaderLevel3 li{
	display:	inline;
}
.menuHeaderLevel3 li a,
.menuHeaderLevel3 li a:visited{
	padding: 	4px 10px 4px 10px ;
	color: 		#DDEBE5 !important;
	float:		left;
	
}
.menuHeaderLevel3 li.resaltat,
.menuHeaderLevel3 li.resaltat a,
.menuHeaderLevel3 li a:hover{
	color:						#ffffff !important;
	background-color:			#0176BB;
	text-decoration: 			none;
}

/*----------------------------------------------------------------------------------------------------
	Franja de la dreta
----------------------------------------------------------------------------------------------------*/

#claim2{
	height: 			100px;
	line-height:		1.2em;
}

/* Contacta */
#contacta {
	padding:		12px 0px 10px 15px;
	height: 		100%;
}

/*----------------------------------------------------------------------------------------------------
	Foot && idiomes
----------------------------------------------------------------------------------------------------*/

#peu ul,
#idiomes ul{
	padding:			10px 0px 10px 0px;
	list-style-type: 	none;
}
#peu ul li,
#idiomes ul li{
	display:		inline;
}

/*----------------------------------------------------------------------------------------------------
	Content
----------------------------------------------------------------------------------------------------*/
#content{
	margin:			5px 20px 0px 20px;
	padding: 		0em;
}

#elementsSuperiorsPagina ul li
{
	float:			left;
	width: 			100%;
}

.elementsSuperiorsPagina h2,
div#elementsSuperiorsPagina h2
{
	font-size:			1.1em;
	background:			#EBEFFF url("../img/espaiblanc.gif") repeat-x left bottom;
	color:				#0176BB;
	padding:			2px 10px 17px 10px;
	margin:             		16px 0px -10px 0px;
	clear:				both;
}

.listdetail img{
	float:			left;
	padding: 		0px 12px 8px 0px;
}
.listdetail li.noticia,
.listdetail li.destaquem{
	padding-bottom:		10px;
	float:				left;
}
/* ----- elementsSuperiorsPagina  ----- */
#elementsSuperiorsPagina{
	clear:			both;
}
#elementSuperiorPagina img{
	float:			left;
}
/* ----- elementsEsquerresPagina  ----- */
#elementsEsquerresPagina{
	clear:			left;		
	margin:			0em;
	padding:		0em;
	padding-top:	10px;
	float:			left;
	width:			53%;
}

/* ----- elementsDretsPagina  ----- */
#elementsDretsPagina{
	margin:			0em;
	padding-top:	10px;
	float:			right;
	width:			43%;	
}
#elementsDretsPagina h1{
	padding: 		0px 0px 10px 17px;
	font-size: 		1.3em;
}

/* ----- elementsInferiorsPagina  ----- */
#elementsInferiorsPagina defecte{
	margin:			0em;
	padding:		10px 0px 0px 0px;
}

#legal{
	float:		left;
	margin:		20px 0px 20px 0px;			
	width:          500px;
}

.google_map_one_marker {
	width: 			500px; 
	height: 		400px	
}
.google_map_boxmap {
	width: 			250px; 
	height: 		150px;
}

.newslettersubscription-form{
	width:95%;
}

.newslettersubscription-radio
{
       float:left;
       margin-right:30px;
       margin-bottom:10px;

}
.newslettersubscription-radio-button
{
       float:left;
       margin-right:5px;
       margin-bottom:10px;
}

.newslettersubscription-email
{
      float:left;
      width:100%;
      margin-top:5px;
}
.newslettersubscription-email input
{
      float:left;
      width:30%;
}
.newslettersubscription-buttons input
{
      float:left;
      margin-top:30px;
      margin-right:24px;
}

div#centre div#content div#formUploadImage form input
{
clear:both;

float:left;
}

div#centre div#content div#formUploadImage form div#formUploadImageLabel
{
clear:both;
margin-top:6px;
float:left;
}

/*---------------------------------------------------------------------------------------------------
	WebForm
-----------------------------------------------------------------------------------------------------*/
	
/* labels */
td.webform_label, td.webform_label_multi {
	font-weight: bold;
	padding: 5px 0px 3px 0px;
}

/* additional fields */
table.webform_table select {
	height: 20px;
}

table.webform_table textarea {
	height: 60px;
}

table.webform_table tr td.webform_button {
	text-align: center;
}

/* error */
span.webform_label_error{
	color: #CC0000;
}

span.webform_msg_error{
	color: #CC0000; 
	font-weight: bold;
}

/* checkbox */
table.webform_checkbox_row{
	float: left; 
	padding: 0px 8px 0px 0px;
}

td.webform_field_checkbox, td.webform_field_checkbox_row{
	padding: 2px 0px 2px 0px;
}

td.webform_label_checkbox{
	padding: 2px 0px 2px 5px;
}

td.webform_label_checkbox_row{
	padding: 2px 0px 2px 3px;
}

/* radio */
table.webform_radio_row{
	float: left; 
	padding: 0px 8px 0px 0px;
}

td.webform_field_radio, td.webform_field_radio_row{
	padding: 4px 0px 0px 0px;
}

td.webform_label_radio, td.webform_label_radio_row{
	padding: 1px 0px 0px 5px;
}

/* table field */
table.webform_label_table{
	vertical-align: top;
}

.webform_label_table tr th, .webform_label_table tr td, 
	.webform_field_table tr th, .webform_field_table tr td {
	white-space: nowrap;
}

td.webform_button
{
       float:left;
       width:100%;
}

td.webform_button .resetbutton
{
       position:     relative;
       bottom:       14px;
       left:         20px;
}


/*----------------------------------------------------------------------------------------------------
	Boxes
----------------------------------------------------------------------------------------------------*/
/* ----- box  ----- */
.box{
	padding-top:		10px;			
}
.box img{
	float:				left;
	padding-right:		10px;
}
/* ----- miniBox  ----- */
.miniBox{
	float:				left;
	background-color:	#0176BB !important;
	width: 				46%;
	margin: 0px 10px 10px 0px;
}
.miniBox img{
	float:				left;
	padding:			0px;
	margin-right:		10px;
}
.miniBox h2{
	color:			#fff !important;
	font-size:		1.3em;
	font-weight:	bold;
	padding:		15px;
}

/* ----- bigBox  ----- */
.bigBox{
	
	background:		url(../../../export/kg/img/bg_estiu.gif) repeat-x top left;
}
.bigBox h2{
	padding:		10px 3px 15px 15px;
	font-size:		2.1em;
	font-weight:	bold;
	line-height:	1.8em;
}
/*--- commons ---*/
.miniBox a,
.miniBox a:visited,
.miniBox a:hover,
.bigBox a,
.bigBox a:visited,
.bigBox a:hover{
	color:				#fff !important;
	text-decoration: 	none;	
}
/*----------------------------------------------------------------------------------------------------
	Element
----------------------------------------------------------------------------------------------------*/
.element p,
.element h2,
.element a{
	padding-bottom: 10px;
	text-align: 	justify;
}

.element img{
	float: left;
	margin: 0px ;
    margin-right: 10px ;
}

.element_frame{
	padding: 	0px 0px 10px 0px;
	margin: 	20px 1px 0px 0px;
	width: 		47%;
	border: 	1px solid #0176BB;
	float:		left;
	clear:		left;
}
.element_frame.float_right{
	clear:		right;
}
div#elementsEsquerresPagina div.element_frame,
div#elementsDretsPagina div.element_frame{
	width: 		100%;
	float:		none;
}
.element_frame a,
.element_frame p{
	margin-left: 0px;
}

.element_frame ul{
padding: 0px 10px 0px 10px ;
}
.element_frame li{
padding: 5px 0px 0px 0px ;
}

/*----------------------------------------------------------------------------------------------------
	Search - Advance Form
----------------------------------------------------------------------------------------------------*/
#advanced_form{
	width:			100%;
}
#advanced_form form{
	padding: 		0px 0px 10px;
}
#advanced_form fieldset {
	clear:			both;
	border:			#DDE2E5 1px solid;
	padding:		10px;
}
#advanced_form form fieldset legend{
	margin-left: 	5px;
	padding: 		0px 3px 0px 3px;
}
#advanced_form ul{
	clear: 			both;
	padding:		10px;
	display:		block;
}
#advanced_form ul li{
	display:		inline; 
	width:			25%;
}
#advanced_form ul li input{
	border: none;
}
#advanced_form ul li label{
	padding-left: 	5px;
        margin-right: 	20px;
}
#advanced_form input.boto{
	padding: 		0px;
	margin-left: 	95%;
}

/*----------------------------------------------------------------------------------------------------
	Utils (share_this, print, mail_friend)
----------------------------------------------------------------------------------------------------*/
/*--- share_this ---*/
#share{
	clear:			both;
}
#share ul li{
	width: 			50%;
	float:			left;
	padding-bottom:	10px;
}
#share ul li a{
	padding-left:	25px;
}

#digg a{
	background: url(../../../export/kg/img/share/digg.gif) 0 0 no-repeat; 
}
#del_icio_us a{
	background: url(../../../export/kg/img/share/del_icio_us.gif) 0 0 no-repeat; 
}

#meneame a {
	background: url(../../../export/kg/img/share/meneame.gif) 0 0 no-repeat; 
}

#fresqui a {
	background: url(../../../export/kg/img/share/fresqui.gif) 0 0 no-repeat; 
}

#technorati a {
	background: url(../../../export/kg/img/share/technorati.gif) 0 0 no-repeat; 
}

#yahoo a {
	background: url(../../../export/kg/img/share/yahoo.gif) 0 0 no-repeat; 
}
#facebook a {
	background: url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?7:26981) 0 0 no-repeat; 
}

#twitter a {
	background: url(http://twitter-badges.s3.amazonaws.com/t_mini-a.png) 0 0 no-repeat; 
}

/*--- print ---*/
#print{
	float:			left;
	padding-right:   20px;
}

/*----------------------------------------------------------------------------------------------------
	Formularis (formulari type && send to friend)
----------------------------------------------------------------------------------------------------*/
.formulario{
	width: 			95%;
}
.formulario input,
.formulario textarea{
	width: 			100%;
}
.formulario textarea{
	height: 		300px;
}
.center_submit{
	display: 		block;
    margin-left:	auto;
    margin-right: 	auto;
    width:			20%;
}
.oferta_insc_submit
{
	margin:			1px 0px 1px 190px;
}

/*----------------------------------------------------------------------------------------------------
	Sitemap
----------------------------------------------------------------------------------------------------*/
#sitemap .group {
	padding-bottom: 10px;
	margin: 		10px;
	margin-right:	1px;
	width: 			23%;
	border: 		1px solid #0176BB;
	float: 			left;
}
#sitemap .indent{
	margin-left:	10px;
}
#sitemap .indent2{
	margin-left:	30px;
}
#sitemap .sitemap_line{
	clear:both;
}
/*----------------------------------------------------------------------------------------------------
	Google Ubicacions
----------------------------------------------------------------------------------------------------*/
div#google_ubicacions,
div#google_ubicacions form{
	width:		100%;
}
div#google_ubicacions div.google_categories{
	padding: 	10px;
	width: 		45%;
	float:		left;
	height: 	100%;
	overflow:	hidden;
}

div#google_ubicacions div.google_categories.new_line{
	clear:	both;
}
div#google_ubicacions div.google_categories ul li.item,
div#google_ubicacions div.google_categories ul li.item label{
	height: 		20px;
	padding-left: 	5px;
}
div#google_ubicacions div.google_categories ul li input{
	border: none;
}

/*----------------------------------------------------------------------------------------------------
	Llistat ofertes de treball
----------------------------------------------------------------------------------------------------*/
div#contenidor div#centre div#content div#llistat_ofertes_treball form{
	padding-right:10px;
}
div#contenidor div#centre div#content div#llistat_ofertes_treball{
	width: 100%;
}