body {

	margin:0;
	padding: 0;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	margin-top: 0px;	
	background-color: #4d4d4d;
	color: #4d4d4d;
	height: 550px;	
	}
	

h2 {
	font-size: 110%;
	font-weight: bold;
	color: #4d4d4d;
	
	
}

h3 {
	font-size: 105%;	
	margin-bottom: 4px;
	color: #fe6921;
	font-weight: bold;

}

input {
	width: 85px;
	border: 1px solid #ccc;
	
}

p {
	margin-bottom: 10px;
	
}
a {
	color:#3080CB;
	text-decoration: none;
}
a:visited {
	/*color:#3080CB;*/
	text-decoration: none;

}

a:hover {
	color:#E97E00;
	text-decoration: underline;

}
ul {
	margin-bottom: 15px;
}
ul li{
	margin-top: 2px;	
	margin-bottom: 5px;
	
}
ul li ul li{
	margin-bottom: 2px;
	font-weight: normal;
	
}
.bold {
	font-weight: bold;
	
}
span.index{
	color:#3080CB;
	text-decoration: none;
	/*font-weight: bold;*/
}
input:focus {
	background : #eee;
}
text-area:focus {
	background : #eee;
}


#siteContainer{
	width: 100%;	
	background-image: url("../images/bodyshadow-bg-darker2.jpg");
	background-repeat: repeat-y;
	background-position: center;
	background-color: #4d4d4d;
	
}

#doc {
	width: 781px;	
	
}

.yui-t7 {
/*global*/
/*background: #000;*/
padding-top: 0px;

}
/* Main Style Sheet for jQuery UI date picker */
#datepicker_div, .datepicker_inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#datepicker_div {
	display: none;
	border: 1px solid #777;
	z-index: 9999; /*must have*/
}
.datepicker_inline {
	float: left;
	display: block;
	border: 0;
}
.datepicker_rtl {
	direction: rtl;
}
.datepicker_dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.datepicker_trigger {
	width: 25px;
}
img.datepicker_trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepicker_prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .datepicker_prompt {
	width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.datepicker_control {
	background: #400;
	padding: 2px 0px;
}
.datepicker_links {
	background: #000;
	padding: 2px 0px;
}
.datepicker_control, .datepicker_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.datepicker_links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.datepicker_clear, .datepicker_prev {
	float: left;
	width: 34%;
}
.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
	float: right;
	text-align: right;
}
.datepicker_current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepicker_close, .datepicker_next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
	float: left;
	text-align: left;
}
.datepicker_header {
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.datepicker_header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.datepicker a {
	display: block;
	width: 100%;
}
.datepicker_titleRow {
	background: #777;
}
.datepicker_daysRow {
	background: #eee;
	color: #666;
}
.datepicker_weekCol {
	background: #777;
	color: #fff;
}
.datepicker_daysCell {
	color: #000;
	border: 1px solid #ddd;
}
.datepicker_daysCell a{
	display: block;
}
.datepicker_weekEndCell {
	background: #ddd;
}
.datepicker_titleRow .datepicker_weekEndCell {
	background: #777;
}
.datepicker_daysCellOver {
	background: #fff;
	border: 1px solid #777;
}
.datepicker_unselectable {
	color: #888;
}
.datepicker_today {
	background: #fcc !important;
}
.datepicker_currentDay {
	background: #999 !important;
}
.datepicker_status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.datepicker_inline .datepicker_links a {
	padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.datepicker_titleRow a {
	color: #eee !important;
}
.datepicker_control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker {
	border: 1px solid #777;
}
.datepicker_oneMonth {
	float: left;
	width: 185px;
}
.datepicker_newRow {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.datepicker_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* jQuery UI Datepicker
 * skin 'black'
*/
/* over-writing the original style (line 2) */
#datepicker_div, .datepicker_inline {
	background: #CCCCCC;
	border-color: #999999 #666666 #666666 #999999;
	font: normal 12px tahoma,arial,helvetica,sans-serif;
}
/* over-writing the original css hover effect (line 178) */
.datepicker_links a:hover, .datepicker_titleRow a:hover {
	background: none !important;
}
/**/
.datepicker_links, .datepicker_control, .datepicker_header {
	color: #000000;
	background: #F0F4F5 url(../images/bg.gif) repeat-x top !important;
	border-color: #A8A8A8;
	border-style: solid;
	border-width: 0 0 1px 0;
}
/* changing the opacity of the disabled prev/next link to 40%. '<label>' */
.datepicker_prev label,
.datepicker_next label {
	filter: alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; -khtml-opacity:0.4;
}
/* changing the style of the 'Today' button. */
.datepicker_current a {
	font: normal 11px tahoma,arial,helvetica,sans-serif;
	font-weight: 100;
	color: #000000 !important;
	vertical-align: middle;
	background: #F0F4F5 !important;
	border-color: #A8A8A8 !important;
	border-style: solid;
	border-width: 0.7pt 1px 1px 0.7pt;
	padding-top: 1px !important;
	padding-bottom:  1px !important;
}
/* changing the control bar. */
.datepicker_links, .datepicker_control, .datepicker_header {
	height: 16px !important;
	padding-top: 3px !important;
	padding-bottom: 2px !important;
}
.datepicker_control a, .datepicker_links a {
	color: #000000 !important;
	text-transform: uppercase;
	font: normal 11px tahoma,arial,helvetica,sans-serif;
}
.datepicker_control a:hover, .datepicker_links a:hover {
	background: none !important; 
	color: #333333 !important;
}
/* IE hack */
.datepicker_current {
	height: 16px;
}
.datepicker_control div {
	line-height: 18px;
}
/* over-writing the original css hover effect (line 95) */
.datepicker_header select {
	margin-right: 2px;
	font: normal 11px tahoma,arial,helvetica,sans-serif;
}
/* 
 * changing the title row. 
 * setting the cell with almost same width. 100% / 7 = 12.29%
*/
.datepicker_titleRow td {
	height: 18px;
	width: 14.3%;
	background: #777777 url(../images/bg_day.gif) repeat-x top !important;
}
/* 
 * changing the days row. 
 * as class 'datepicker_titleRow td' already defined the width, just need to define the height.
*/
.datepicker_daysRow td {
	height: 20px;
}
.datepicker_today {
	font-weight: bold;
	background: #666666 !important;
	
	
}
.datepicker_today a {
	color: red;
}
/* */
.datepicker_daysCell {
	background: #F0F4F5 url(../images/bg.gif) repeat-x top !important;
}
.datepicker_otherMonth {
	background: #F0F4F5 !important;
	/* background: #DDDDDD !important; */
}
.datepicker_weekEndCell {
	/* background: #ddd !important; */
}

/************C A P Ç A L E R A*****************/
#hd {
	background: black;	
	padding: 0px;
	margin: 0px;
	height: 90px;
}

.yui-gd {
	margin: 0px;
	padding:  0px;		
}
	
#logo{		
	background: url("../images/negre2.jpg") bottom no-repeat ;		
	cursor: pointer;	
	margin-left: 25px;	
	margin-top: 15px;	
	height: 30px;	
	width: 275px;
	
	
}		
#spacer {
	
}
#eines{
	background:transparent url(../images/cercador2.jpg) no-repeat scroll center top;
	float:right;
	font-size:10px;
	margin-left:231px;
	width:250px;		
}

#searcher {	
	padding-top: 0px;
	margin: 0px;	
	height: 25px;	
}
#searcher p{	
	color: #ddd;
	padding-top: 2px;
	margin-top: 0px;
	padding-left: 18px;
	display: inline;
	
}
#searcher input{	
	width: 140px;
	height: 12px;
	margin-top: 3px;
	margin-left: 3px;			
}
#searcher .transparent {
	width: 20px;
	height: 17px;
	cursor: pointer;
	background-color:transparent;
	border: 0px
	
}
#idioma {
	float: right;
	height: 20px;
	
	
}
#idioma p{
	color: #ddd;
	padding-top: 3px;
	padding-right: 5px;
}
#idioma a{
	padding-left: 1px;
	
	color: #ff8547;
	
	text-decoration: none;
	
}
#idioma a:hover{
	color: #fe6921;
	text-decoration: none;
	
	padding-left: 1px;
	
	
}

#tabsH {	
	margin: 0px;		
	font-size:100%;
	line-height:normal;	
	height: 23px;
	margin-top: 23px;	
 }
 
    #tabsH ul {
	  margin:0;	 
	  list-style:none;  
      }
    #tabsH li {
      display:inline;
      margin:0;
     
            
      }
    #tabsH a {
      float:right;
      background:url("../images/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      
      }
    #tabsH a span {
      float:right;
      display:block;
      background:url("../images/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
     color: #ff8547;
      
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
     color:#fe6921;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }

/***********************F I    C A P Ç A L E R A **************/


#bd{
	padding: 0px;	
	background-color: white;
	border-top: 1px solid  #636d73;
	
}
 
 #navigation{
	padding: 18px 7px 15px 7px;	
	background: url("../images/espaciador.jpg") top center no-repeat;	
	
}
#breadcumbs{
	
	float: left;
}
#info_adicional {
	float: right;
}
#info_adicional img{
	margin: 0 4px -4px 0;
}
 #bd_middle{
	padding: 2px 7px 10px 7px;		
}

 
#bd_bottom {
	text-align: left;
	
	
	
	
}



#ft {
	
	 padding-top:0px;	 
	 text-align: center;
	 margin-top: 0px;
	 background: black;
	 color: #ddd;
	 height: 40px;
}
#ft p {
	padding-top: 6px;
	font-size: 11px;
	
	

}




#banner{
	height: 75px;
	/*background: url("../images/top4.jpg") no-repeat;*/
	background-color: black;		
}
#banner img{
	
	margin-bottom: -2px;
}

#tableForm{
	margin-top: 5px;
}
#cellButton{
	text-align: right;
}

.button {
	background-color: #000;
	border-width: 1;
	border-color: #636d73;
	color: #ddd;
	font-size: 90%;
	width: 25%;
	margin-top: 2px;
		
}

/****************************************capses***************************************/
/*******************pestanyes********************/

.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover {
    background-color:#f5f5f5;
    text-decoration: none;
    
     
}


.yui-navset .yui-nav li a {
    background:#fff url(../images/round_4px_trans_gray.gif) no-repeat;
    text-decoration: none;
}
.yui-content {
	margin-bottom: 0px;
	padding-bottom:0px;	
	background-color: #f5f5f5;	
	height: 140px;
		
}
.yui-content span{
	text-align: right;
	
}
.yui-content a{	

	color: #4d4d93;
	
	text-decoration: none;		
}
.yui-content a:hover{
	color: #fe6921;	
		
}
em {
	color: #4d4d4d;
	
}
.selected em {	
	
	color: #fe6921;
	
	font-weight: bold;	
}
/*******************continguts********************/
#contentDiv {	
	width: 75%;
}
#toolDiv {	
	width: 25%;
	}

#demo { 
	width:100%
	}
#demo .yui-content {
	    padding:1em; /* pad content container */
	}
	
#tabs_main { 	
	width:98%	
	}
#tabs_main .yui-content {
	    padding:1em; /* pad content container */
	
	       
	}

#tabs_main p{
	text-align: justify;
}
#tabs_main img{
	float: left;
	margin-right: 10px;	
	}
#tabs_main .yui-content span {
	margin-left: 280px;
	
}





/*****************************************************************************************************/

.bordered {
	/*float: inherit;*/
	border: 1px solid  #bfbfbf;
	padding: 3px;
	}


/**********************selector d'estils*********************************/
#selector  {
	position: absolute;
	top:  1px;
	left:  1px;
	color: #000;
	background:#ccc;	
	text-align: left;	
}
#selector a {
	text-decoration: none;
	color: navy;	
}
#selector li {
      display:inline;
      margin:0;
      padding:0;            
      }

/******************************
=Vertical Menu
********************************/
#Nav {
	width: 174px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	/*font-weight:bold;	*/
	/*text-transform: uppercase;*/
	background:url(../images/Nav-Body.jpg) repeat-y top left;
	padding: 0;
	margin:0;	
}

#Nav ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 8px 0 0 0;
	background: url(../images/nav_top.jpg) no-repeat top left;
}
#Nav ul li {
	margin: 0;
	padding: 0;	
	display: block;
}

#Nav ul li a {
	display: block;
	/*display: inline;*/	
	padding: 5px 2px 5px 2px;
	margin:0 3px 0 2px;
	color:#555;	
	text-decoration:none;
	
}


* html #Nav ul li a {
	height: 1%;
}

#Nav ul li a:hover {
	background-color:#d2d2d2;
	text-decoration: underline;
	color: #f29a2e;
}

#MenuFooter {
	height: 6px;	
	background: url(../images/nav_bottom.jpg) no-repeat bottom left;	
}
/* second level menu */

#Nav ul ul {
	/*text-transform: lowercase;	*/
	padding: 5px 0 1px 0;
	background: #FCFCFC url(../images/Nav-SubBody.gif) repeat-x top left;
	margin: 1px 1px 1px 2px;
	
}
/* second level item */


#Nav ul ul li a:hover {
	background-color:#efefef;
	text-decoration: underline;
	color: #f29a2e;
	
}
#Nav #SelectedItem>a {
/*	
	background-color: #F2DECE;*/
	font-weight: bold;
	background-color:#f29a2e;
	color: #fff;	
}
#Nav #SelectedItem>a:hover {

	text-decoration: none;
	
}
/*
#Nav #SelectedItem a {	
	color: #fe6921;
}*/
#Nav ul li ul li a {
	padding-left: 24px;
	margin:0px 2px 0px 0px;
	/*color: red;*/
}
/***************Contingut**********************************************/
#content {
	margin-right: 4px;
	margin-left: 4px;
	padding-bottom: 15px;	
	/*padding-right: 15px;*/
}
#fullcontent {
	width: 760px;
}
#content h1,#fullcontent h1{
	font-size:14px;
	font-weight:  bold;	
	border-bottom: 1px solid #94959a;	
}
#content p,#fullcontent p {
	margin-top: 6px;
	text-align: justify;
		
}
#content h2, #fullcontent h2{
	font-size: 12px;
	font-weight: normal;
	color: #fe6921;
	padding-bottom: 10px;	
}
#content ul, #fullcontent ul{	
	list-style-type: disc;
	list-style-position: inside;
}
#content ul ul, #fullcontent ul ul{	
	list-style-type: circle;
	list-style-position: inside;
	padding-left: 13px;
	
}
#content img, #fullcontent img {
	
	border: 1px solid  #bfbfbf;
	padding: 3px;
	
	
	
	/*margin-left: 1px;
	margin-right: 1px;*/	
}
#fullcontent img.noborder {
	border: 0px solid #fff;
	padding: 0px;
}

#fullcontent img.noborderandpointer {
	border: 0px solid #fff;
	padding: 0px;
	cursor: pointer;
}
/***************Model 1**********************************************/
/***************Totes les imatges a una columna a la dreta*****************/
div#model1 div#images img{
	float:right;
	clear:right;
	margin: 0px 0px 10px 10px;
}

/***************Model 2**********************************************/
/***************Totes les imatges a una columna a la esquerra********/
div#model2 div#images img{
	float:left;
	clear:left;
	margin: 0px 10px 10px 0px;
}
/***************Model 3**********************************************/
/**********Totes les imatges a una fila al final del document***********/
div#model3 div#images {
	width: 95%;
	margin: 10px auto 0px auto
}
div#model3 div#images img {	
	margin-right: 10px;
}
div#model3 div#images img#lastimg {	
	margin-right: 0px;
}	

/***************Model 4**********************************************/
/***************Totes les imatges a una fila al principi del document***/
div#model4 div#images {
	width: 95%;
	margin: 10px auto 0px auto
}
div#model4 div#images img {	
	margin-right: 10px;
}
div#model4 div#images img#lastimg {	
	margin-right: 0px;
}	

/****************pagina de referencies***************/

#content #imgref {	
	border: 0px solid  #bfbfbf;
	float: right;
	
}
/*************************/
/*********highlight de resultats de busqueda*************/
     .hilite,.hilite1 {background-color: yellow}
	  	.hilite2 {background-color: pink}
      .hilite3 {background-color: orange}
      .hilite4 {background-color: green}
      
     
/**********formulari d edicio*************************/
#edita {
	
}
#edita textarea {
	width: 560px;
	height: 400px;
	display: block;
	float: left;	
}

#edita textarea.referencies {
	width: 560px;
	height: 100px;
	display: block;
	float: left;
}
#edita textarea.referencieslong {
	height: 200px;
}
#edita input.file {
	width: 230px;
}

#edita label {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}
#edita input{
	display: block;
	width: 250px;
	float: right;
	margin: 0 0 10px 0;
	
	
}
#edita select{	
	width: 252px;
	float: right;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	
	
}
#edita input#submit {
	display: block;
	width: 100px;
	float: left;
	margin: 10px 0 10px 240px;
	font-weight: bold;
}
#edita br {
	clear: left;
}
#inputhidden {
	visibility: hidden;
	height: 0px;	
}

strong {
	font-weight: bold;
	
}

/*******************formulari imatges***********************************/
#alt_ca_ES, #alt_es_ES, #file{
	width: 225px;
}
/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

.ok {
background:#CCFF99 url(../images/ok.gif) no-repeat scroll 5px;
padding:5px 5px 5px 25px;
margin-bottom: 10px;
}
.fail{
background:#FFCCCC url(../images/error.gif) no-repeat scroll 5px;
padding:5px 5px 5px 25px;
margin-bottom: 10px;
}

input#home {
	margin-right: 320px;
}
/*********taula per vincular imatges*******************/
table.linkImages {
	width: 100%;
	margin-bottom: 20px;
}
table.linkImages2 {
	width: 95%;
	margin-bottom: 20px;
	margin-top: 10px;
}
table.linkImages th, table.linkImages2 th{
	padding: 4px;
	font-weight: bold;
	text align: center;
}
table.linkImages td{
	
	padding: 4px;
	text align: center;
}

table.linkImages input {
	width: 15px;

}
table.linkImages input.button {
	width: 75px;
	font-weight: bold;

}
a img {
	border-width: 0px;
}
/************login div***************/
#loginInfo{
	float: left;
	margin-top: 1px;
	margin-left: 0px;
	color: #fff
	
}
/*******login form*****************/
fieldset#login {
	width: 300px;
}

fieldset#login input  {
	width: 200px;
}
/**************toolbar*********/
#toolbar {
	float: right;
	margin-top: -5px;
}
div#toolbar a img {
	border: 0px;
}
/*********intranet***************/
.intrabox {
	background:#FFFFFF url(../images/cmxform-fieldset_petit.gif) repeat-x scroll left bottom;
	border-color:#C9DCA6 -moz-use-text-color -moz-use-text-color;
	border-style:solid none none;
	border-width:1px medium medium;
	margin-bottom:5px;
	margin-top:10px;
	width: 250px;
	padding: 10px;
	font-size: 115%;
	height: 99px;
	
}
fieldset.intrabox legend{
	font-weight: bold;
	font-size: 120%;
	display: inline;	
}
fieldset.intrabox a{
	color: #4D4D4D;
}
fieldset.intrabox a:hover{
	text-decoration:none;
	color: #FE6921;
}
fieldset.intrabox img{
	float: left;
	margin-right: 10px;
	
		
}
fieldset.intrabox p{
	text-align: right;
	
	
		
}
#intrabox1, #intrabox3, #intrabox5 {
	float: left;
}
#intrabox2, #intrabox4, #intrabox6 {
	float: right;
	}
	
/**************donwload and gallery box**************/
fieldset#download, fieldset#imageGallery {
	border: 1px solid #94959A;
	padding: 8px;
	margin-top: 15px;
	background-color: #fff;
	
}
fieldset#download legend,  fieldset#imageGallery legend {
	padding: 3px;
	border: 1px solid #ccc;
	color: #fff;
	background-color: #94959A;
	margin-bottom: 10px;
	
}
/********llegeix mes***********/
a.llegeixmes {
	background: transparent url('../images/external.png') no-repeat scroll right center;
	padding-right: 14px;
}
a.downloaddoc {
	/*margin-left: 13px;*/
	background: transparent url('../images/document.png') no-repeat scroll right center;
	padding-right: 14px;
}
a.downloadpdf {	
	background: transparent url('../icons/pdf_icon.png') no-repeat scroll right center;
	padding-right: 20px;
}
/*******botons formulari edicio***************/
#edita input.radio {
	width: 13px;
	float: left;
	margin-right: 4px;
	margin-bottom: 30px;
}
#edita input.checkbox {
	width: 14px;
	height: 14px;
	border: 1px solid #CCCCCC;
}
input.checkbox {
	width: 14px;
	height: 14px;
	border: 1px solid #CCCCCC;
}
/**************admin page**********/
select.sections option.top, .top {
	background-color:#EAEAEA;
	border:1px dashed #000000;
	color:#000000;
	font-weight:bold;
	padding-left: 2px;
	font-style: normal;
	margin-top: 10px;
}
option.first{
	background-color:#fff;
	padding-left: 2px;
	font-style: italic;
}

select.sections option {
	color: #5A5A5A;
	padding-left: 10px;
	background-color: #fff;
	font-style: normal;
	
}
select.sections {
	background-color:#fff;
	color: #5A5A5A;
	font-style: italic;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	width: 230px;
	
}

.adminbox {
	background:#FFFFFF url(../images/cmxform-fieldset_petit.gif) repeat-x scroll left bottom;
	border-color:#C9DCA6 -moz-use-text-color -moz-use-text-color;
	border-style:solid none none;
	border-width:1px medium medium;
	margin-bottom:5px;
	margin-top:10px;
	width: 250px;
	padding: 10px;
	font-size: 115%; 
	height: 135px;
	
}
fieldset.adminbox legend{
	font-weight: bold;
	font-size: 120%;
	display: inline;	
}
fieldset.adminbox a{
	color: #4D4D4D;
}
fieldset.adminbox a:hover{
	text-decoration:none;
	color: #FE6921;
}
fieldset.adminbox span.links {
	margin-left: 105px;
}
fieldset.adminbox img{
	float: left;
	margin-right: 10px;
	
		
}
fieldset.adminbox p{
	text-align: right;
	
	
		
}
#adminbox1, #adminbox3, #adminbox5 {
	float: left;
}
#adminbox2, #adminbox4, #adminbox6 {
	float: right;
	}
	
label.legendsections {
	font-weight: bold;
	font-size: 10px;
}

span.admin {
	display: block;
	background:#FFFFFF url(../images/bg_admin.png) repeat-x;
	padding: 2px 0 2px 2px;
	width: 200px;
}
input.admin {
	margin-left: 10px;
	width: 100px;
	float: right;
	background:#FFFFFF url(../images/bg_admin.png) repeat-x;
}
div.admin {
	margin-bottom: 20px;
}
div.admin p{
	width: 80%;
}
/* Toggler - default style */
.toggler, .togglerMostra {
   margin:5px 0 5px 0;
	cursor:pointer;
	text-decoration: none;
	font-size: 105%;
	font-weight:bold;
	line-height:30px;
	display: block;
}
.toggler-closed, .togglerMostra-closed {
	color:#F29A2E;	
	height:30px;
	background: #efefef url('../images/testBg.gif') center right repeat-x;
	/*background: #fff url('../images/background_grey.jpg') bottom left repeat-x;*/
	border: solid 1px white;
	padding-left: 30px;	
}

.toggler-closed:hover, togglerMostra-closed:hover {	
	height:30px;
	/*background: #fff url('../images/togglerch.gif') center right no-repeat;*/
	background: #fff url('../images/testBg.gif') center right repeat-x;
	/*border: solid 1px #e3e3e3;*/
	padding-left: 30px;	
}
.toggler-opened, .togglerMostra-opened {
	color:#333;
	padding-left:30px;
	height:30px;
	/*background: #efefef url('../images/togglero.gif') center right no-repeat;*/
	background: #fff url('../images/testBg2.gif') center right repeat-x;
	border: solid 1px white;
	
}
.toggler-opened:hover, .togglerMostra-opened:hover {
	height:30px;
	/*background: #fff url('../images/toggleroh.gif') center right no-repeat;*/
	background: #fff url('../images/testBg2.gif') center right repeat-x;	
	/*border: solid 1px #e3e3e3;*/
	padding-left: 30px;	
}

/* Container - default style */
.toggler-c {
	
	
}
.toggler-c-closed, .togglerMostra-c-closed {
   	background:#efefef;
   	border:solid 1px #e3e3e3;
	/*margin:-5px 0px 5px 0px;*/
   	padding:20px;
}
.toggler-c-opened, .togglerMostra-c-opened {
	/*margin: 5px 0px 5px 0px;*/
  	padding:20px;
   	background:#efefef; 
	border:solid 1px #e3e3e3;
}




/****toggler2*******/
/* Toggler - default style */
.toggler2 {
	cursor:pointer;
	text-decoration: none;
	font-size: 102%;
	font-weight:bold;	
	display: block;
	margin: 20px 0 0 auto;
	text-align: center;
	padding-top: 4px;
	width: 80px;
	height: 35px; 
	
}
.toggler2-closed {
	background-color: #000;
	border-width: 1;
	border-color: #94959A;
	color: #ddd;
	 
	
}
.toggler2-closed:hover {	
	/*background-color: #ccc;*/
}
.toggler2-opened {
	background-color: #000;
	border-width: 1;
	border-color: #94959A;
	color: #ddd;

	

}
.toggler2-opened:hover {
	
	/*background-color: #ccc;*/	

}

/* Container - default style */
.toggler2-c {
}
.toggler2-c-closed {
	
}
.toggler2-c-opened {
  
}


/* Print -------------------------------------------------------------------- */
@media print {

	.toggler-c { margin-bottom:5px; }
	.toggler { display: none; }

}

#content div.toggler-c ul {
list-style-type: none;
		}
#content div.toggler-c ul li ul {
	list-style-position:outside;
	list-style-type: square;
	margin-bottom:0px;
}			
	
/**************box inscripcio**************/
fieldset.inscripcio {
	border: solid 1px #e3e3e3;
	margin-top: 0px;
	background-color: #fff;
	
}
fieldset.inscripcio legend {
	padding-left: 5px;
	
}
.form_inscripcio {
	margin: 0pt auto;
}
.form_inscripcio table {
	width: 85%;
	margin: 10px auto;
}
.form_inscripcio table td{
	padding: 5px;
}
.form_inscripcio td.label label {
	color: #4d4d4d;
	font-weight: bold;
}


.form_inscripcio input {
	margin: 0pt auto;
}
.form_inscripcio input.longtext {
	width: 250px;
	border: 1px solid #CCCCCC;
}
.form_inscripcio textarea.longtext {
	width: 250px;
	border: 1px solid #CCCCCC;
	height: 100px;
}
.form_inscripcio select {
 width: 250px;
 border: 1px solid #CCCCCC;

}

.tabla_form td.datalabel input.accepto{
	width: 13px;
	margin-left: 10px;
	border: 1px solid #CCCCCC
	
}
.form_inscripcio input.button {
	margin: 5pt 230px;
	width: 60px;
	font-weight: bold;		
}

table#mostraOfertes{
	background-color:#FFFFFF;
	border-collapse:collapse;
	border-spacing:0px;
	margin-top:2px;
	padding:0px;
	width:100%;
}
table#mostraOfertes tr.titols {
	background:#F5F5F5 url(../images/background_candidats.png) bottom center repeat-x;
	color:#444444;
	font-size:11px;
	height:22px;
	margin:0px;
	padding:0px 4px;
	
}
table#mostraOfertes tr.titols th a, table#mostraOfertes tr.titols th  {
	font-weight: bold;
	text-align: center;
	padding: 0 1px;
}
table#mostraOfertes tr.titols th img {
	border: 0px solid #fff;
	margin-right: -6px;
}

th#nom {width: 16%;}
th#naixement {width: 6%;}
th#residencia {}
th#titulacio {width: 13%;}
th#titulacio2 {width: 13%;}
th#ultim_treball {width: 13%;}
th#anys_experiencia {width: 13%;}
th#einescandidat {}
th#estat {width: 7%;}

table#mostraOfertes td {
	border-bottom:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	font-size:10px;
	padding: 4px 2px;
}

table#mostraOfertes tr.row0 {
	background-color:#FFFFFF;
	text-align:left;
	
}
table#mostraOfertes tr.row1 {
	background-color:#eeeeee;
	text-align:left;
}
table#mostraOfertes tr.row0:hover td, table#mostraOfertes tr.row1:hover td {
	background-color: #FFFFDD;

}

#box_candidatos {
	height: auto;
}
.rowActive {
	border-top: 2px solid red;
	border-bottom: 2px solid red;
	border-left:2px solid red;
	border-right: 2px solid red;
}
/*******envia oferta a un amic*********/

div#sendEmail img {
	border: 0;
	
}

div.bubbleInfo {
    position: relative;
    top: -10px;
    left: 499px;
    width: 500px; 
}
.trigger {
    position: absolute;
}

/* Bubble pop-up */

.popup {
	position: absolute;
	display: block;
	z-index: 50;
	border-collapse: collapse;
}


.popup td.corner {
	height: 15px;
	width: 19px;
}

.popup td.topleft { background-image: url(../images/bubble-1.gif); height: 15px; width: 19px; }
.popup td.dalt { background-image: url(../images/bubble-2.gif); }
.popup td.topright { background-image: url(../images/bubble-3.gif); height: 15px; width: 19px;}
.popup td.left { background-image: url(../images/bubble-4.gif); }
.popup td.right { background-image: url(../images/bubble-5.gif); }
.popup td.bottomleft { background-image: url(../images/bubble-6.gif);height: 15px; width: 19px; }
.popup td.bottom { background-image: url(../images/bubble-7.gif); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td.bottomright { background-image: url(../images/bubble-8.gif);height: 15px; width: 19px;}

.popup table.popup-contents {
	/*font-size: 12px;*/
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;*/
	}

table.popup-contents th {
	text-align: left;
	text-transform: lowercase;
	}
table.popup-contents th h2{
	background: transparent url(../images/mail.gif) no-repeat top left;
	padding-left: 30px;
	}
table.popup-contents td {
	text-align: left;
	padding: 3px;
	}
table.popup-contents td input.submit {
	margin-left: 50px;
	margin-top: 5px;
}


tr#release-notes td a {
	color: #333;
}

/******fitxa de candidat******/
body#fitxaCandidat {
	background-color: #fff;
	
}
body#fitxaCandidat #TB_ajaxContent p {
	padding:0px;
	margin-bottom: 0px;
}
/***********taula candidats**********/
table#llistaCandidats th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color: #CAE8EA;
}
table#llistaCandidats td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
}



/********finestra canvi estat********/
form#canviEstat textarea {
	width: 98%;
	height: 145px;
}
form#canviEstat fieldset input {
	width: 13px;
	border: 1px solid #ccc;
}
form#canviEstat fieldset {
	margin-top: 10px;
	margin-bottom: 15px;
}
form#canviEstat fieldset label {
	margin-left: 10px;
}
form#canviEstat input {
	
}

/*************admin ofertes feina**********/

div .ofe_box {	
	/*background:#F5F5F5 url(../images/background_candidats.png) repeat-x scroll center top;*/
	border: 1px solid #CCCCCC;	
	width: 320px;
	min-height: 130px;
	background-color: #F5F5F5;
}

div .contingut{
	margin-top: 15px;
	padding: 0 12px;
	color:#444444;
	font-size: 110%;
}
div .ocult {
	visibility: hidden;
}
.ofe_box p{
	
}
.ofe_box a {
	/*color: white;*/
	display: block;	
	padding: 0px 30px;
	margin-bottom: 9px;
	font-weight: bold;
	height: 20px;
}
.ofe_box a.togglerMostra{
	height: 30px;	
}
.ofe_box a#veure {
	background: transparent url(../images/search.gif) left no-repeat;
}
.ofe_box a#crear {
	background: transparent url(../images/plus.gif) left no-repeat;
}
.ofe_box a#modifica {
	background: transparent url(../images/edit.gif) left no-repeat;
}
.ofe_box h3 {
	padding: 2px 2px 8px 12px;
	font-size: 115%;
	background:#F5F5F5 url(../images/background_candidats.png) repeat-x scroll center bottom;
	
}
div#ofe_box_left{
	float: left;
	margin-bottom: 30px;
}
div#ofe_box_sel, div#ofe_box_edit, div#ofe_box_tipus{
	float: right;
}
div#ofe_box_form {	
	clear: left;
	width: 100%;	
}
div#candidats {
	clear: left;
}

form#form_oferta label, form#form_oferta_infojobs label{	
	display: block;
	margin-top: 10px;
	margin-bottom: 2px;
}
form#form_oferta label.radioLabel{	
	display: inline;
	margin-left: 10px;
}

form#form_oferta input, form#form_oferta select, div#ofe_box_sel select, div#ofe_box_edit select, div#ofe_box_tipus select, div#formulari_ofe_infojobs input {
	width: 320px;
	color: #454743;
	font-size: 110%;	
}
div#ofe_box_sel select, div#ofe_box_edit select {
	width: 300px;
}
form#form_oferta input.radio {
	width: 13px;
}

form#form_oferta textarea {
	height: 150px;
	width: 317px;
}
table.tableOferta {
	width: 100%;
}

td.formOferta {
	
}

div#ofe_box_seg {
	background: transparent url(../images/bt_right.png) center no-repeat;
	width: 67px;
	height: 67px;
	margin-left: 345px;
	position: absolute;
	margin-top: 45px;
}
div#ofe_box_abaix {
	background: transparent url(../images/bt_down.png) center no-repeat;
	width: 67px;
	height: 67px;
	margin-left: 345px;
	position: absolute;
	margin-top: 45px;
}
div#botonera, div#botoneraInfo {
	margin-top:10px;
	margin-bottom:10px;
	/*width: 70%;*/	
}

div#botonera input, div#botoneraInfo input {
	width: 150px;
}
div#botonera input#desa, div#botoneraInfo input#desaInfo{
	background: transparent url(../images/go.gif) 3px no-repeat;
	margin-right: 3px;
}
div#botonera input#nodesis, div#botoneraInfo input#nodesisInfo{
	background: transparent url(../images/stop.gif) 3px no-repeat;
	margin-right: 3px;
}
div#botonera input#esborra, div#botoneraInfo input#eliminaInfo{
	background: transparent url(../images/trash-delete.gif) 3px no-repeat;
	
}

div#botonera2, div#botoneraInfo {
	margin-top:10px;
	margin-bottom:10px;
	margin-left: 230px;
	/*width: 70%;*/	
}

div#botonera2 input, div#botoneraInfo input {
	width: 150px;
}
div#botonera2 input#desa, div#botoneraInfo input#desaInfo{
	background: transparent url(../images/go.gif) 3px no-repeat;
	margin-right: 3px;
}
div#botonera2 input#nodesis, div#botoneraInfo input#nodesisInfo{
	background: transparent url(../images/stop.gif) 3px no-repeat;
	margin-right: 3px;
}
div#botonera2 input#esborra, div#botoneraInfo input#eliminaInfo{
	background: transparent url(../images/trash-delete.gif) 3px no-repeat;
	
}

.primera {
	font-style: italic;
}
fieldset#catala, fieldset#catalaInfo {
	border: 1px solid #ccc;
	padding: 10px 0 20px 24px;
	margin-bottom:20px;
	margin-top:20px;
	background-color: #F5F5F5;
}
fieldset#catala legend, fieldset#castella legend, fieldset#angles legend, fieldset#comu legend, fieldset#frances legend {
	border: 1px solid #444444;
	color: white;
	background-color: #444444;
	padding: 5px;
}


fieldset#castella, fieldset#castellaInfo {
	border: 1px solid #ccc;
	padding: 10px 0 20px 24px;
	margin-bottom:20px;
	background-color: #F5F5F5;
}
fieldset#angles, fieldset#anglesInfo {
	border: 1px solid #ccc;
	padding: 10px 0 20px 24px;
	margin-bottom:20px;
	background-color: #F5F5F5;
}
fieldset#frances, fieldset#francesInfo {
	border: 1px solid #ccc;
	padding: 10px 0 20px 24px;
	margin-bottom:20px;
	background-color: #F5F5F5;
}

fieldset#comu, fieldset#comuInfo {
	border: 1px solid #ccc;
	padding: 10px 0 20px 24px;
	margin-bottom:20px;
	background-color: #F5F5F5;
}
fieldset#comuInfo {
	padding-top: 5px;
	padding-bottom: 5px;
}



div#loading {
	height: 150px;
	background: white url(../images/loading.gif) center no-repeat;
}
div.noResults {
	height: 150px;
	/*background:transparent url(../images/desable_server.png) no-repeat  75px;*/
	background:transparent url(../images/Tentacles_creature_128x128.png) no-repeat  75px;	
}
div.introCorrecte {
	height: 150px;
	background:transparent url(../images/brown_creature_128x128.png) no-repeat  75px;	
}

div.noResults p, div.introCorrecte p {
	font-size: 200%;
	padding: 70px 20px 70px 240px;
	color: #be0000;
	font-family: Verdana;
	/*background:transparent url(../images/desable_server.png) no-repeat scroll 5px;*/
}
div#vistaPrevia {
	padding: 2px;
}
div#vistaPrevia p{
	padding: 2px 2px 8px 15px;
	font-size: 120%;
	text-align: left;
}
a#publicala, a#nolapubliques {
	display: inline;
	padding: 0 7px;
}
div.ofeVistaPrevia {
	/*width: 99%;*/
	margin: 2px auto;
	background-color: white;
	border: 1px solid #ccc;
	padding: 2px;
	min-height: 165px;
}
div#navMostra{
	width: 174px;
	float: left;
	height: 250px;	
	background: transparent url(../images/navegaciomostra.gif) top center no-repeat;
}
div#contentMostra {
	/*width: 95%;*/
	margin-left: 185px;
	/*float: right;*/
		
}
div#contentMostra p {
	font-size: 100%;
	padding: 0;
}

div#contentMostra ul {
	list-style-type: none;
	padding-left: 20px;
}

div#close, div#close2  {
	background: transparent url(../images/close.png) center no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	margin-left: 280px;
}
div#nomCandidat {
	width: 75%;
	float: left;
	
}


/*******************/
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;    
    position: fixed;
    top: 17%;
    left: 50%;    
    margin-left: -150px;
    width: 300px;    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
    z-index:  6000;
}
.jqmWindow legend, .jqmWindow p {
	font-weight: bold;
	margin-bottom: 3px;
}

.activa {
	display: block;
}

.jqmOverlay { background-color: #000; }
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
/*********jqDrag***********/
.jqDrag {	
	cursor: move;
}
/**********************/
form#form_oferta input#publicasi, form#form_oferta input#publicano {
	width: 13px;
	margin-right: 10px;
}
form#form_oferta label#publicasilabel, form#form_oferta label#publicanolabel {
	display: inline;
	margin-right: 5px;
}
/*************flexigrid*************/
.flexigrid
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	border: 0px solid #eee;
	overflow: hidden;
	color: #000;
	}

	.flexigrid.hideBody
		{
		height: 26px !important;
		border-bottom: 1px solid #ccc;
		}

	.ie6fullwidthbug
		{
		border-right: 0px solid #ccc;
		padding-right: 2px;	
		}

.flexigrid div.nDiv
	{
	background: #eee url(../images/flexigrid/line.gif) repeat-y -1px top;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: auto;
	left: 0px;
	position: absolute;
	z-index: 999;
	float: left;
	}

	.flexigrid div.nDiv table
		{
		margin: 2px;
		}

.flexigrid div.hDivBox
	{
	float: left; 
	padding-right: 40px;
	}

.flexigrid div.bDiv table
	{
	margin-bottom: 10px;
	}
	
	.flexigrid div.bDiv table.autoht
		{
		border-bottom: 0px;
		margin-bottom: 0px;
		}
	
.flexigrid div.nDiv td
	{
	padding: 2px 3px;
	border: 1px solid #eee;
	cursor: default;
	}

.flexigrid div.nDiv tr:hover td, .flexigrid div.nDiv tr.ndcolover td
	{
	background: #d5effc url(../images/flexigrid/hl.png) repeat-x top;
	border: 1px solid #a8d8eb;
	}
	
	.flexigrid div.nDiv td.ndcol1
		{
		border-right: 1px solid #ccc;
		}
		
	.flexigrid div.nDiv td.ndcol2
		{
		border-left: 1px solid #fff;
		padding-right: 10px;
		}

	.flexigrid div.nDiv tr:hover td.ndcol1, .flexigrid div.nDiv tr.ndcolover td.ndcol1
		{
		border-right: 1px solid #d2e3ec;
		}
		
	.flexigrid div.nDiv tr:hover td.ndcol2, .flexigrid div.nDiv tr.ndcolover td.ndcol2
		{
		border-left: 1px solid #eef8ff;
		}
	
	.flexigrid div.nBtn
		{
		position: absolute;
		height: 24px;
		width: 14px;
		z-index: 900;
		background: #fafafa url(../images/flexigrid/fhbg.gif) repeat-x bottom;
		border: 0px solid #ccc;
		border-left: 1px solid #ccc;
		top: 0px;
		left: 0px;
		margin-top: 1px;
		cursor: pointer;
		display: none;
		}
		
		.flexigrid div.nBtn div
			{
			height: 24px;
			width: 12px;
			border-left: 1px solid #fff;
			float: left;
			background: url(../images/flexigrid/ddn.png) no-repeat center;
			}		
		
		.flexigrid div.nBtn.srtd
			{
			background: url(../images/flexigrid/wbg.gif) repeat-x 0px -1px;
			}
		

.flexigrid div.mDiv
	{
	background: url(../images/flexigrid/wbg.gif) repeat-x top;
	border: 1px solid #ccc;
	border-bottom: 0px;
	border-top: 0px;
	font-weight: bold;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	}

.flexigrid div.mDiv div
	{
	padding: 6px;
	white-space: nowrap;
	}
	
		.flexigrid div.mDiv div.ptogtitle
			{
			position: absolute;
			top: 4px;
			right: 3px;
			padding: 0px;
			height: 16px;
			width: 16px;
			overflow: hidden;
			border: 1px solid #ccc;
			cursor: pointer;
			}

			.flexigrid div.mDiv div.ptogtitle:hover
			{
			background-position: left -2px;
			border-color: #bbb;
			}
			
			.flexigrid div.mDiv div.ptogtitle span
			{
			display: block;
			border-left: 1px solid #eee;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #ddd;
			width: 14px;
			height: 14px;
			background: url(../images/flexigrid/uup.png) no-repeat center;
			}
			
			.flexigrid div.mDiv div.ptogtitle.vsble span
			{
			background: url(../images/flexigrid/ddn.png) no-repeat center;			
			}			

.flexigrid div.tDiv /*toolbar*/
	{
	background: #fafafa url(../images/flexigrid/bg.gif) repeat-x top;
	position: relative;			
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}

	.flexigrid div.tDiv2
		{
		float: left;
		clear: both;
		padding: 1px;
		}

.flexigrid div.sDiv /*toolbar*/
	{
	background: #fafafa url(../images/flexigrid/bg.gif) repeat-x top;
	position: relative;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: hidden;
	display: none;
	}

	.flexigrid div.sDiv2
		{
		float: left;
		clear: both;
		padding: 5px;
		padding-left: 5px;
		width: 1024px;
		}

		.flexigrid div.sDiv2 input, .flexigrid div.sDiv2 select
		{
		vertical-align: middle;
		}
			
	.flexigrid div.btnseparator
		{
		float: left;
		height: 22px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #fff;
		margin: 1px;
		}
	
	.flexigrid div.fbutton
		{
			float: left;
			display: block;
			cursor: pointer;
			padding: 1px;
		}

	.flexigrid div.fbutton div
		{
			float: left;
			padding: 1px 3px;
		}		
		
	.flexigrid div.fbutton span
		{
		float: left;
		display: block;
		padding: 3px;
		}

	.flexigrid div.fbutton:hover, .flexigrid div.fbutton.fbOver
		{
			padding: 0px;
			border: 1px solid #ccc;
		}

	.flexigrid div.fbutton:hover div, .flexigrid div.fbutton.fbOver div
		{
			padding: 0px 2px;
			border-left: 1px solid #fff;
			border-top: 1px solid #fff;
			border-right: 1px solid #eee;
			border-bottom: 1px solid #eee;
		}		
		
	
/* end toolbar*/

.flexigrid div.hDiv
	{
	background: #fafafa url(../images/flexigrid/fhbg.gif) repeat-x bottom;
	position: relative;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}	

.flexigrid div.hDiv table
	{
	border-right: 1px solid #fff;
	}

	.flexigrid div.cDrag
		{
		float: left;
		position: absolute;
		z-index: 2;
		overflow: visible;
		}

		.flexigrid div.cDrag div
			{
			float: left;
			background: none;
			display: block;
			position: absolute;
			height: 24px;
			width: 5px;
			cursor: col-resize;
			}
			
		.flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.dragging
			{
			background: url(../images/flexigrid/line.gif) repeat-y 2px center;
			}

.flexigrid div.iDiv
	{
		border: 1px solid #316ac5;
		position: absolute;
		overflow: visible;
		background: none;
	}
	
	.flexigrid div.iDiv input, .flexigrid div.iDiv select, .flexigrid div.iDiv textarea
		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		}
		
	.flexigrid div.iDiv input.tb
		{
		border: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
		padding: 0px;
		background: none;
		}			
					
.flexigrid div.bDiv
	{
	border: 1px solid #ccc;
	border-top: 0px;
	background: #fff;
	overflow: auto;
	position: relative;
	}
	
.flexigrid div.bDiv table
	{
	border-bottom: 1px solid #ccc;
	}
	
	.flexigrid div.hGrip
	{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 5px;
	width: 5px;
	background: url(../images/flexigrid/line.gif) repeat-x center;
	margin-right: 1px;
	cursor: col-resize;
	}
	
		.flexigrid div.hGrip:hover, .flexigrid div.hGrip.hgOver
			{
				border-right: 1px solid #999;				
				margin-right: 0px;
			}
	
	.flexigrid div.vGrip
		{
		height: 5px;
		overflow: hidden;
		position: relative;
		background: #fafafa url(../images/flexigrid/wbg.gif) repeat-x 0px -1px;
		border: 1px solid #ccc;
		border-top: 0px;
		text-align: center;
		cursor: row-resize;
		}
			
			.flexigrid div.vGrip span
					{
					display: block;
					margin: 1px auto;
					width: 20px;
					height: 1px;
					overflow: hidden;
					border-top: 1px solid #aaa;
					border-bottom: 1px solid #aaa;	
					background: none;
					}

.flexigrid div.hDiv th, .flexigrid  div.bDiv td  /* common cell properties*/
	{
	text-align: left;
	border-right: 1px solid #ddd;
	border-left: 1px solid #fff;
	overflow: hidden;
	vertical-align: top !important;
	}

		.flexigrid div.hDiv th div, .flexigrid  div.bDiv td  div, div.colCopy div/* common inner cell properties*/
			{
			padding: 5px;
			border-left: 0px solid #fff;
			}

.flexigrid div.hDiv th, div.colCopy
	{
	font-weight: normal;
	height: 24px;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
	}	

div.colCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fafafa url(../images/flexigrid/fhbg.gif) repeat-x bottom;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}

.flexigrid div.hDiv th.sorted
	{
	background: url(../images/flexigrid/wbg.gif) repeat-x 0px -1px;
	border-bottom: 0px solid #ccc;
	}
	
	.flexigrid div.hDiv th.thOver
	{
	}

	.flexigrid div.hDiv th.thOver div, .flexigrid div.hDiv th.sorted.thOver div
	{
	border-bottom: 1px solid orange;
	padding-bottom: 4px;
	}
	
	.flexigrid div.hDiv th.sorted div
	{
	border-bottom: 0px solid #ccc;
	padding-bottom: 5px;
	}

	.flexigrid div.hDiv th.thMove
	{
	background: #fff;
	color: #fff;
	}
	
	.flexigrid div.hDiv th.sorted.thMove div
		{
		border-bottom: 1px solid #fff;
		padding-bottom: 4px
		}
	
	.flexigrid div.hDiv th.thMove div
	{
		background: #fff !important;
	}	
	
	.flexigrid div.hDiv th div.sdesc
		{
		background: url(../images/flexigrid/dn.png) no-repeat center top;
		}	

	.flexigrid div.hDiv th div.sasc
		{
		background: url(../images/flexigrid/up.png) no-repeat center top;
		}	
		
.flexigrid div.bDiv td
	{
	border-bottom: 1px solid #fff;
	vertical-align: top;
	white-space: nowrap;
	}

		.flexigrid div.hDiv th div
			{
			}
			
			.flexigrid span.cdropleft
			{
			display: block;
			background: url(../images/flexigrid/prev.gif) no-repeat -4px center;
			width: 24px;
			height: 24px;
			position: relative;
			top: -24px;
			margin-bottom: -24px;
			z-index: 3;
			}

			.flexigrid div.hDiv span.cdropright
			{
			display: block;
			background: url(../images/flexigrid/next.gif) no-repeat 12px center;
			width: 24px;
			height: 24px;
			float: right;
			position: relative;
			top: -24px;
			margin-bottom: -24px;
			}


		.flexigrid div.bDiv td div
			{
			border-top: 0px solid #fff;
			padding-bottom: 4px;
			}
	
				
		.flexigrid tr td.sorted
				{
				background: #f3f3f3;
				border-right: 1px solid #ddd;
				border-bottom: 1px solid #f3f3f3;
				}		

				.flexigrid tr td.sorted div
					{
					}


		.flexigrid tr.erow td
				{
				background: #f7f7f7;
				border-bottom: 1px solid #f7f7f7;
				}
				
		.flexigrid tr.erow td.sorted
				{
				background: #e3e3e3;
				border-bottom: 1px solid #e3e3e3;
				}						

				.flexigrid tr.erow td.sorted div
					{
					}

		.flexigrid div.bDiv tr:hover td, 
		.flexigrid div.bDiv tr:hover td.sorted,
		.flexigrid div.bDiv tr.trOver td.sorted, 
		.flexigrid div.bDiv tr.trOver td
			{
			background: #d9ebf5;
			border-left: 1px solid #eef8ff;
			border-bottom: 1px dotted #a8d8eb;
			}
					
		.flexigrid div.bDiv tr.trSelected:hover td, 
		.flexigrid div.bDiv tr.trSelected:hover td.sorted,
		.flexigrid div.bDiv tr.trOver.trSelected td.sorted, 
		.flexigrid div.bDiv tr.trOver.trSelected td,
		.flexigrid tr.trSelected td.sorted, 
		.flexigrid tr.trSelected td
			{
			background: #d5effc url(../images/flexigrid/hl.png) repeat-x top;
			border-right: 1px solid #d2e3ec;
			border-left: 1px solid #eef8ff;
			border-bottom: 1px solid #a8d8eb;
			}

	/* novstripe adjustments */

	.flexigrid.novstripe .bDiv table
	{
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	.flexigrid.novstripe  div.bDiv td  
		{
		border-right-color: #fff;
		}
		
	.flexigrid.novstripe div.bDiv tr.erow td.sorted
		{
		border-right-color: #e3e3e3;
		}

	.flexigrid.novstripe div.bDiv tr td.sorted
		{
		border-right-color: #f3f3f3;
		}

	.flexigrid.novstripe  div.bDiv tr.erow td  
		{
		border-right-color: #f7f7f7;
		border-left-color: #f7f7f7;
		}
		
		.flexigrid.novstripe div.bDiv tr.trSelected:hover td, 
		.flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted,
		.flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted, 
		.flexigrid.novstripe div.bDiv tr.trOver.trSelected td,
		.flexigrid.novstripe tr.trSelected td.sorted, 
		.flexigrid.novstripe tr.trSelected td
			{
			border-right: 1px solid #0066FF;
			border-left: 1px solid #0066FF;
			}		

	.flexigrid.novstripe div.bDiv tr.trOver td, .flexigrid.novstripe div.bDiv tr:hover td
		{
		border-left-color: #d9ebf5;
		border-right-color: #d9ebf5;
		}

	/* end novstripe */

.flexigrid div.pDiv
	{
	background: url(../images/flexigrid/wbg.gif) repeat-x 0 -1px;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	}

.flexigrid div.pDiv div.pDiv2
	{
	margin: 3px;
	margin-left: -2px;
	float: left;
	width: 1024px;
	}	
	
	div.pGroup
		{
		float: left;
		background: none;
		height: 24px;
		margin: 0px 5px;
		}
	
	.flexigrid div.pDiv .pPageStat, .flexigrid div.pDiv .pcontrol
		{
		position: relative;

		top: 5px;
		overflow: visible;
		}
		
	.flexigrid div.pDiv input
		{
		vertical-align: text-top;
		position: relative;
		top: -5px;
		}
	
	.flexigrid div.pDiv  div.pButton
		{
		float: left;
		width: 22px;
		height: 22px;
		border: 0px;
		cursor: pointer;
		overflow: hidden;
		}

		.flexigrid div.pDiv  div.pButton:hover, .flexigrid div.pDiv  div.pButton.pBtnOver
			{
			width: 20px;
			height: 20px;
			border: 1px solid #ccc;
			cursor: pointer;
			}
		
	.flexigrid div.pDiv  div.pButton span
		{
		width: 20px;
		height: 20px;
		display: block;
		float: left;
		}		
	
		.flexigrid div.pDiv  div.pButton:hover span, .flexigrid div.pDiv  div.pButton.pBtnOver span
			{
			width: 19px;
			height: 19px;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			}		
		

		.flexigrid .pSearch
			{
			background: url(../images/flexigrid/magnifier.png) no-repeat center;
			}
	
		.flexigrid .pFirst
			{
			background: url(../images/flexigrid/first.gif) no-repeat center;
			}
			
		.flexigrid .pPrev
			{
			background: url(../images/flexigrid/prev.gif) no-repeat center;
			}

		.flexigrid .pNext
			{
			background: url(../images/flexigrid/next.gif) no-repeat center;
			}

		.flexigrid .pLast
			{
			background: url(../images/flexigrid/last.gif) no-repeat center;
			}
			
		.flexigrid .pReload
			{
			background: url(../images/flexigrid/load.png) no-repeat center;
			}
			
		.flexigrid .pReload.loading
			{
			background: url(../images/flexigrid/load.gif) no-repeat center;
			}															

/* ie adjustments */
			
.flexigrid.ie div.hDiv th div, .flexigrid.ie  div.bDiv td  div, div.colCopy.ie div/* common inner cell properties*/
	{
	overflow: hidden;
	}
/***buttons****/
.flexigrid div.fbutton .tots
		{
			background: url(../images/tots.png) no-repeat center left;
		}
.flexigrid div.fbutton .lectura
		{
			background: url(../images/lectura.png) no-repeat center left;
		}
.flexigrid div.fbutton .proces
		{
			background: url(../images/proces.png) no-repeat center left;
		}
.flexigrid div.fbutton .descartat
		{
			background: url(../images/descartat.png) no-repeat center left;
		}	
.flexigrid div.fbutton .imprimeixll
		{
			background: url(../icons/print.png) no-repeat center left;
		}	
.flexigrid div.fbutton .veuref
		{
			background: url(../icons/search.png ) no-repeat center left;
		}
.flexigrid div.fbutton .canviae
		{
			background: url(../icons/totsEstats.png) no-repeat center left;
		}
.flexigrid div.fbutton .canviao
		{
			background: url(../icons/iFolder.png) no-repeat center left;
		}	
	
.tableContact td {	
	border-width: 0px 0px 0px 0px;
	padding: 4px 8px 4px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

#googlemap {
	margin-top:20px;
	width: 100%;
	height: 400px;	
}

.infoGlobus {
	width: 250px;
	margin-top: 10px;	
}