@charset "utf-8";
body  {
	font:0.7em Verdana,Sans-Serif;
	background: transparent;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
a:link {
	color: #0000ff;
	}
a:hover, a:active {
	color: #000000;
	}
a:visited {
	color: #601D81;
	}
.extern {
	padding-right:15px;
	background:url(extern.gif) no-repeat bottom right;
	}
a.ajudaLink {
	text-decoration:none!important; 
}
/* FORMULARIS  ******************************************** */
form {
	margin:0;
	padding:0;	
	}
legend {
	display:none;
}
legend.nowai {
	display:block;
}
input, textarea, select {
	font:1em Verdana,Sans-Serif;
	max-width: 100%;
	}
fieldset {
	border:0;
	margin:0;
	padding:0;
	}
label input {
	margin:3px 0 5px 0;
	border:#1c5180 solid 1px;
	}
label em {
	margin-left:-0.4em;
	}
.errorBgr {
background:#ffffff url(bg_ratllatvermell.gif) repeat !important;
	}
.errorBgr ul, .errors {
	color:#F00;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	list-style:none;
	font-weight:bold;
	}
.errorpas {
	display:none;
}


/*input.iText {
	border:1px solid #1C5180;
	margin:0;
	font-weight:bold;
} */
.formIn {
	margin:3px 0 5px 0;
	border:#1c5180 solid 1px;	
	}

.t_fila {
	padding:0;
	margin:0;
	width:697px;
	margin-left:-5px;
	float:none;
	clear:both;
}
.t_fila input, .t_fila select, .t_fila textarea {
	border:1px solid #1C5180;
	margin:0;
	font-weight:bold;
}

.t_col5 {width:4.9%; float:left; margin:0 5px 0 0; padding:6px 0 4px 0;}
.t_col10 {width:30px; float:left; margin:0 5px 0 5px; padding:6px 0 4px 0;}
.t_col15 {width:54px; float:left; margin:0 5px 0 5px; padding:6px 0 4px 0;}
.t_col20 {width:103px; float:left; margin:0 5px 0 5px; padding:6px 0 4px 0;}
.t_col25 {width:164px; float:left; margin:0 5px 0 5px; padding:6px 0 4px 0;}
.t_col30 {width:29.9%; float:left;}
.t_col33 {width:222px; float:left; margin:0 5px 0 5px; padding:6px 0 4px 0;}
.t_col35 {width:245px; float:left; margin:0 5px 0 5px; padding:6px 0 4px 0;}
.t_col40 {width:280px; float:left;margin:0 5px 0 5px; padding:6px 0 4px 0;}
.t_col45 {width:315px; float:left;margin:0 5px 0 5px; padding:6px 0 4px 0;}
.t_col50 {width:338px; float:left; margin:0 5px 0 5px; padding:6px 0 4px 0;}
.t_col55 {width:54.9%; float:left; margin:0 5px 0 5px; padding:6px 0 4px 0;}
.t_col60 {width:425px; float:left; margin:0 5px 0 5px; padding:6px 0 4px 0;}
.t_col65 {width:64.9%; float:left;}
.t_col70 {width:69.9%; float:left;}
.t_col75 {width:512px; float:left; margin:0 5px 0 5px; padding:6px 0 4px 0;}
.t_col80 {width:79.9%; float:left;}
.t_col85 {width:580px; float:left; margin:0 5px 0 5px; padding:6px 0 4px 0;}
.t_col90 {width:89.9%; float:left;}
.t_col95 {width:94.9%; float:left;}
.t_col97 {width:660px; float:left; margin:0 5px 0 5px; padding:6px 0 4px 0;}
.t_col100 {width:680px; float:left; margin:0 5px 0 5px; padding:6px 0 4px 0;}
.t_fila label {
	display:block;
	margin:0 0 3px 0;
	padding:0;
}
.tcol_vermell{
	color:#F0493A!important;
}

.t_fila span {
	display:block;
	color:#000;
	font-weight:bold;
}
.c_nota {
	padding:0;
	margin:0;
	border-bottom:#000000 solid 1px;
}
.notaVerd {
	color:#7DBD50;
	font-weight:bold;
}
.notaVerm {
	color:#F0493A;
}
.notaVermIta {
	color:#F0493A;
	font-style:italic;
}

.t_col15 input {width:50px;}
.t_col15 select {width:50px;}
.t_col20 input {width:80px;}
.t_col20 select {width:80px;}
.t_col25 input {width:159px;}
.t_col25 select {width:161px;}
.t_col25 textarea {width:161px;}
.t_col33 input {width:217px;}
.t_col33 select {width:217px;}
.t_col33 textarea {width:217px;}
.t_col50 input {width:333px;}
.t_col50 select {width:333px;}
.t_col50 textarea {width:333px;}
.t_col75 input {width:507px;}
.t_col75 select {width:507px;}
.t_col75 textarea {width:507px;}

.radios label {
display:inline!important;
margin-right:30px;
}
.radios input {
margin:4px 0 0 0;
border:none;
width:15px!important;
}

.radiosjs label {
display:inline!important;
margin-right:10px;
}
.radiosjs input {
margin:4px 0 0 0;
border:none;
width:15px!important;
}

.radiossino label {
display:inline!important;
margin-right:15px;
}
.radiossino input {
margin:0 0 0 27px;
border:none;
width:12px!important;
}

.radiosvalidat label {
display:inline!important;
margin-right:10px;
}
.radiosvalidat input {
margin:0 0 0 10px;
border:none;
width:12px!important;
}

.seldefault {
color:#606060!important;
}

.checkMarging0 input {margin-top:1px!important;}
/* FI FORMULARIS */
/* BOTONS  ******************************************** */
.botoE, a.botoE:visited {
	background-color:#fff;
	background-position:top left;
	background-repeat:no-repeat;
	border:0 none!important;
	color:#0000ff;
	font-family:Verdana,Sans-Serif;
	font-size:1em;
	font-weight:bold;
	cursor:hand;
	cursor:pointer;
	padding:0 3px 2px 15px;
	text-transform:uppercase;
	margin:0;	
	overflow:visible;
	width:auto!important;
	width:1;
	vertical-align:middle;
	text-decoration:none;
	}
.botoE:hover {
	background-position: left -33px;
	color:#000;
	}
	
.botoD, a.botoD:visited  {
	background-color:#fff;
	background-position:top right;
	background-repeat:no-repeat;
	border:0 none!important;
	color:#0000ff;
	font-family:Verdana,Sans-Serif;
	font-size:1em;
	font-weight:bold;
	cursor:hand;
	cursor:pointer;
	padding:0 15px 2px 3px;
	text-transform:uppercase;
	margin:0;	
	overflow:visible;
	width:auto!important;
	width:1;
	vertical-align:middle;
	text-decoration:none;
	height:14px;
}
.botoD:hover {
	background-position:right -33px;
	color:#000;
	}
input.botoE, input.botoD {
	background-color:#fff;
	height:14px;
    vertical-align:middle;
	}
.registrarme {
	background-image:url(bt_registrarse.gif);
	margin-left:5px;
	}
.registrarme:hover {
	color:#000000;
}
.imprimir {
	background-image:url(bt_print.gif);
	margin-left:5px;
	}
.imprimir:hover {
	color:#000000;
}
.anterior {
	background-image:url(bt_anterior.gif);
	margin-right:5px;
	}
.anterior:hover {
	color:#000000;
}
.acceptar {
	background-image:url(bt_acceptar.gif);
	margin-right:5px;
	}
.acceptar:hover {
	color:#000000;
}
.afegir {
	background-image:url(bt_afegir.gif);
	margin-right:5px;
}
.afegir:hover {
	color:#000000;
}
.cancela {
	background-image:url(bt_cancela.gif);
	margin-right:5px;
	}
.cancela:hover {
	color:#000000;
}
.canvia {
	background-image:url(bt_canvia.gif);
	text-decoration:underline;
}
.noicona {
	padding:0 0 2px 0;
}
.mesinfo {
	background-image:url(bt_info.gif);
	margin-right:5px;
}

.mesinfo:hover {
     color:#000000;
}

.hiddenSubmit {
	background:url(transparent.gif) no-repeat;
	width:1px !important;
	height:1px !important;
	border:0px none !important;
}

/* FI BOTONS */
/* CAPALERA GENCAT  ******************************************** */
.ocult {
	height:0;
	left:-550px;
	overflow:hidden;
	position:absolute;
	top:-550px;
	width:0;
}
.wai, label.wai {
	display:none!important;	
	}
div#capcalera {
	clear:both;
	float:left;
	margin:4px 0 3px 0;
	width:100%;
	font-size:0.9em;
	background: transparent;
}
div#capcalera div.logo_petit {
	float:left;
	margin:0 0 0 5px;
	padding:0;
}
#capcalera img {
	border:0 none;
	vertical-align:middle;
}
div#capcalera div#menu_cap {
	background-color:#818181;
	border-bottom:2px solid #BF2F14;
	clear:both;
	color:#FFFFFF;
	float:left;
	margin:5px 0 0;
	width:100%;
	height:0;
	padding:0;
}
div#capcalera div.enllacos_principals {
	float:right;
	margin:3px 8px 0 3px;
	padding:0;
}
div#capcalera div.enllacos_principals a {
	margin-left:8px;
}
.eines {
	color:#4D4C4A;
	text-decoration:underline;
}
a.eines:link, a.eines:visited  {
	text-decoration:underline;
	color:#4D4C4A;
}
a.eines:hover, a.eines:active  {
	color:#000000;
}
/* FI CAPALERA GENCAT  ******************************************** */
#header h2 span {
	display:none;	
}
/*
#header h2 {
	margin:0;	
	height:68px;
	width:250px;
	display:block;
	background: transparent url(../img/logo.gif) no-repeat;
}
*/
 #container { 
	width: 996px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF url(bg_ratllatgris.gif) repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border:none;
	clear:both;
} 
 #header { 
	background: url(capcalera.jpg) 0 0 no-repeat; 
	padding:0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	border-bottom:3px solid #FFFFFF;
	height:155px;
} 
 #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
 #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 /* the background color will be displayed for the length of the content in the column, but no further */
	padding:40px 45px 15px 40px;
}
 #mainContent { 
	margin: 0 0 0 263px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 40px 26px 40px 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
 #footer { 
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff url(bg_dotted.gif) repeat-x 0 0; 
	border-top:solid 3px #ffffff;
} 
 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 4px 0 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* USUARI */ 
#usuari {
height:79px;
margin-top:-62px;
}
.userdades {
float:left;
margin-left:10px;
padding-top:16px;
}
.userdades strong {
margin-left:40px;
margin-bottom:10px;
}
.userdades a, .userdades a:visited {
color:#000000;
display:block;
margin-left:6px;
padding-top:11px;
}
.caixaUser {
	padding:10px 0 0;
	background:transparent url(bg_user.gif) no-repeat 0 0;
	width:261px;
	height:79px;
	float:right;
	margin-right:12px;
	position:relative;
}
.caixaUser .cancela {
	background-color:transparent;
	display:block;
	width:15px;
	height:15px;
	padding-right:5px
}
.sessio {float:right;}

/* Titols H3 */
.titolH3 {
	color:#3C3D3D;
	font-size:1em;
	margin-bottom:-37px;
	margin-left:40px;
	margin-top:5px;
	padding-top:19px;
}
.magentaH3 {
	background:transparent url(magenta_mostra.gif) no-repeat 0 4px;
}

/* Esquerra ******************************************** */
#sidebar1 h4 {
	background:transparent url(left_topgris.gif) no-repeat 0 0;
	padding:5px 10px;
	color:#1c5180;
	font-weight:bold;
	font-size:1em;
	margin:0;
	}
.boxLeft {
	background:transparent url(left_bottomombra.png) no-repeat center bottom;
	padding-bottom:16px;
	width:180px;
	margin-bottom:20px;
	}
.boxLeftTermini {
	background:transparent url(left_bottomombra.png) no-repeat center bottom;
	padding-bottom:3px;
	width:180px;
	margin-bottom:0px;
	}
.boxLeftContent {
	border-left:1px solid #716f6e;
	border-right:1px solid #716f6e;
	padding:9px 10px 8px 10px;
	background:#ffffff;
	margin:0;
	}
.boxLeftContent ul {
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
margin:0;
padding:0;
	}
.boxLeftContent ul li {
font-weight:bold;
margin:0 0 10px;
padding:0;
}

.boxLeftDesplega{
	background:transparent url(left_desplegaombra.png) no-repeat center bottom;
	}
.boxLeftDesplega .desplegat {
	background:transparent url(left_migombra.gif) no-repeat center bottom;
	padding-bottom:31px;
	}
.boxLeftDesplega fieldset input {
	width:156px;
	}
.entra { 
	border-top:1px solid #716f6e;
	text-align:right;
}

.entra input:hover { 
	background:#FFFFFF url(bt_acceptar.gif) right bottom no-repeat;
	color:#000000;
}
.boxLeft label {
	color:#3c3d3d;
	}
#sidebar1 .boxTop {
	background:transparent url(left_topblanc.gif) no-repeat 0 0;
	padding:5px 10px;
	color:#1c5180;
	font-weight:bold;
	font-size:1em;
	margin:0;	
	}
.boxAjuda {
	background:transparent url(left_bottomblanc.gif) no-repeat center bottom;
	margin-top:26px;
}
.boxAjudaInf {
	background:transparent url(left_bottomblanc.gif) no-repeat center bottom;
	margin-top:5px;
}
.boxAjuda2 {
	background:transparent url(left_bottomblanc.gif) no-repeat center bottom;
	margin-top:84px;
}
.boxAjuda p, .boxAjuda2 p, .boxAjudaInf p {
	padding:0 0 8px 0;
	margin:0;
}
.calendariLeft {
	background:none!important;
}
.calendariLeft h4 {
	background-image:none!important;
	background-color:#bdbdbd!important;
	color:#000000!important;
}
.calendariLeft .boxLeftContent {
	border:none!important;
}
ul.interList {
	margin:10px 0 20px 0;
	padding:0;
	list-style:none;
}
ul.interList li {
	margin:0 0 10px 0;
	padding:0 0 0 18px;
	list-style:none;
	background:transparent no-repeat left top;
	font-weight:normal;
	display:inline-block;
}
.boxVerd {
	background:transparent url(left_bottomblanc.gif) no-repeat center bottom!important;
	margin-top:26px!important;
	margin-bottom:20px!important;
}
.boxVerd h4 {
background:transparent url(left_topverd.gif) no-repeat scroll 0 0!important;
color:#3B693B!important;
}


/* FI Esquerra */
/* Dreta  ******************************************** */
.taulaDreta {
border-left:#716F6E solid 1px;
border-right:#716F6E solid 1px;
clear:both;
float:left;
margin:0 0 0 0;
padding:0;
width:705px;
background-color:#ffffff;
border-collapse:collapse;

}
.taulaDreta th {
padding:5px 10px 5px 10px;
vertical-align:top;
text-align:left;
background-color:#e6e6e6;
margin:0;
border-bottom:#e6e6e6 solid 1px;
}
.taulaDreta td {
padding:5px 10px 5px 10px;
vertical-align:top;
text-align:left;
margin:0;
border-top:#93afd7 solid 1px;
}
.taulaDreta tr{
border-left:#716F6E solid 1px;
border-right:#716F6E solid 1px;
}

.taulaDreta .taulaDretaNoBorderTop td {
border-top:none;
}

.taulaNotesPrein td {
	padding:5px 5px 5px 5px!important;
}

.taulaDreta tr:hover {
background-color:#F7FBFB;
}
.taulaDreta thead tr th a:link, .taulaDreta thead tr th a:visited {
display: block;
width: 100%;
height: 100%;
margin: -5px -14px -5px -10px;
padding: 5px 0 5px 24px;
color: #000;
text-decoration: none;
background:transparent url(table-down.gif) no-repeat scroll 11px 9px !important;
}
.taulaDreta thead tr th a:hover{
/* background-color: #DADADA!important;*/
color: #000;
text-decoration: none;
}
.taulaDreta thead tr th a.ascendent:link, .taulaDreta thead tr th a.ascendent:visited {
background:transparent url(table-up.gif) no-repeat scroll 11px 9px !important;
}
.taulaDreta thead tr th a.ascendent:hover{
background-color: #DADADA!important;
}
.titol {
	padding:0;
	margin:-20px 0 20px 0;
	font-size:2em;
	font-weight:bold;
	display:block;
	}
.subtitol {
	padding:0;
	margin:-20px 0 20px 0;
	font-size:1.5em;
	font-weight:bold;
	display:block;
	}
.subtitol2 {
	padding:0;
	margin:-20px 0 20px 0;
	font-size:1.2em;
	font-weight:bold;
	display:block;
	}
.subtitol2 select {
	font-size:0.8em!important;
	}
.boxContentVermell {
	border-left:1px solid #716f6e;
	border-right:1px solid #716f6e;
	padding:0 10px 0 10px;
	background:#ffffff;
	margin:0;
	float:left;
	clear:both;
	width:683px;
	color:#F0493A;
}
.boxContent {
	border-left:1px solid #716f6e;
	border-right:1px solid #716f6e;
	padding:0 10px 0 10px;
	background:#ffffff;
	margin:0;
	float:left;
	clear:both;
	width:683px;
	}
	
.boxContentH {
	border-left:1px solid #716f6e;
	border-right:1px solid #716f6e;
	padding:0 10px 0 10px;
	background:#ffffff;
	margin:0;
	float:left;
	clear:both;
	width:683px;
}
.boxContentH:hover{
		border-left:1px solid #716f6e;
	border-right:1px solid #716f6e;
	padding:0 10px 0 10px;
	background:#F7FBFB;
	margin:0;
	float:left;
	clear:both;
	width:683px;
}
.boxContentGris {
	border-left:1px solid #716f6e;
	border-right:1px solid #716f6e;
	padding:0 10px 0 10px;
	background:#e6e6e6;
	margin:0;
	float:left;
	clear:both;
	width:683px;
	}

.boxContent img {
	float:left;
	margin: 2px 11px 10px 0;
}
.boxRegular {
	background:transparent url(bottomblanc.gif) no-repeat center bottom;
	width:705px;
	padding-bottom:10px;
	margin:0 0 20px 0;
	float:left;
	display:block;
}
.boxRegularGris {
	background:transparent url(https://accesnet.gencat.cat/accesnet/img/bottomgris.gif) no-repeat center bottom;
}
.boxRegular p, .boxMig p {
	margin:0;
}
.boxRegular .boxTop{
	background:transparent url(topblanc.gif) no-repeat center top;
	height:12px;
	width:705px;
}
.boxRegular .boxTopGris{
	background:transparent url(topgris.gif) no-repeat center top;
	height:12px;
	width:705px;
}

.boxRegular h4 {
	background:transparent url(topblanc.gif) no-repeat center top;
	margin:0;
	padding:3px 10px 10px 10px;
	font-size:1.2em;
}
.boxRegular h4 span {
	font-size:0.8em;
}
.boxRegular h5{
  padding:10px 10px 10px 10px;
  background-color:#e6e6e6;
  margin:0;
  border-top:#716f6e solid 1px;
  width:683px;
  float: left;
  border-left:#716F6E solid 1px;
  border-right:#716F6E solid 1px;
  font-size: 1em;

}

.regularGris .boxTop {
	background:transparent url(topgris.gif) no-repeat 0 0!important;
}
.regularGris .boxContent {
	background-color:#e6e6e6!important;
}
.regularGris {
	background:transparent url(botttomtopgris.gif) no-repeat center bottom;
}

boxRegular
.salta {
clear: both;
float: none;
height: 1em;
}
.boxMig {
	background:transparent url(mig_bottomombra.png) no-repeat center bottom;
	width:342px;
	padding-bottom:20px;
	color:#3c3d3d;
	margin-bottom:16px;
	float:left;
}
.columna1 {
	margin-right:21px;
	width:342px;
	float:left;
	margin-top:0;

}
.columna2 {
	width:342px;
	float:left;
}
.boxMig .boxTop {
	background:transparent url(mig_topblanc.gif) no-repeat center top;
	height:12px;
	width:342px;
	margin-bottom:-7px;
}
.boxMig h4 {
	background:transparent url(mig_topblanc.gif) no-repeat center top;
	height:12px;
	margin:0;
	font-weight:bold;
	font-size:1.5em;
	padding:3px 10px 3px 10px;
	float:left;
	/*height:14px;*/
	height:auto; 
	width:322px;
}
.boxMig h5 {
	background:#3b6aac;	
	border-left:1px solid #716f6e;
	border-right:1px solid #716f6e;
	padding:8px 10px 0 10px;
	height:22px;
	margin:0;
	color:#fff;
	font-weight:bold;
	font-size:1em;
	text-align:left;
	float:left;
	width:320px;
	float: none!important;
	}
.boxMig .boxContent, .boxMigGris .boxContent  {
	padding:10px 10px 10px 10px;
	width:320px;
	}
.boxMig ul {
	padding:0;
	margin:0 0 -10px 0;
	list-style:disc;
	list-style-position:inside;
	}
.boxMig ul li {
	padding:0;
	margin:0 0 10px 0;
	font-weight:bold;
	}
.boxMigGris{
	background:transparent url(mig_bottomblanc.gif) no-repeat center bottom;
	width:342px;
	padding-bottom:20px;
	color:#3c3d3d;
	margin-bottom:20px;	
	float:left;
	}
.boxMigGris h5 {
	background:transparent url(mig_topgris.gif) no-repeat center top;
	color:#1c5180;
	font-weight:bold;
	font-size:1em;
	margin:0;
	padding:3px 10px 3px 10px;
	width:322px;
	float:left;
}
.boxMigGris .boxContent p{
	margin:0;
	padding-top:8px;
	}
.separador {
	border-top:1px solid #716f6e!important;
}
.separadorBlau {
	border-top:1px solid #93afd7;
}
.botonera {
	border-top:1px solid #716f6e;
	background:transparent url(bottomombrarecte.png) no-repeat center bottom;
	padding-bottom:13px;
}
.botonera .boxContent {
	min-height:25px;
}
.botonera .t_fila {
	margin-top:3px;
	margin-bottom:2px;
}
.height125 {
height:125px;
}
.avis {
color:#ff0000;
background:transparent url(avis.gif) no-repeat 0 3px;
padding:5px 0 6px 30px;
font-weight:bold;
}
.avisPetit {
color:#000000;
background:transparent url(avis.gif) no-repeat 0 3px;
padding:5px 0 6px 30px;
font-weight:normal;
}
.info {
margin:0;
background:transparent url(informacio.gif) no-repeat 0 3px;
padding:5px 0 6px 30px;
}
.boxombra {
	background:transparent url(bottomombra.png) no-repeat center bottom;
	width:705px;
	padding-bottom:16px;
	margin:0 0 20px 0;
	float:left;
	display:block;
}
.boxombra .boxTop{
	background:transparent url(topblanc.gif) no-repeat center top;
	height:12px;
	width:705px;
	}
.collapse {
	margin-bottom:0;
	border-collapse: collapse; 
	background:none;
	border:none!important;
	float:left;
	padding-bottom:10px;
}

.collapse h4 {
	background:transparent url(bg_collapse.png) no-repeat center top;
	color:#1c5180;
	font-weight:bold;
	font-size:1em;
	margin:0;
	padding:5px 10px 3px 10px;
	text-align:left;
	height:45px;
	cursor:hand;
	cursor:pointer;
}
.collapse .boxContent{
	padding:0;
	width:703px;
}
.collapse table {
	width:703px;
	border-collapse: collapse; 
	background:none;
	border:none!important;
	margin:0;
}
.collapse table caption {
	display:none
}
.collapse table thead {
	display:none;
}
.collapse table tbody {
	margin:0;
}
.collapse table tbody{
	padding-bottom:30px;
}
.collapse table tbody td a{
	padding-left:35px;
	min-height:26px;
	display:block;
}
.collapse h4 a {
	display:block;
	padding-left: 20px;
	background:transparent url(bt_down.gif) no-repeat 0 1px;
	width:100%;
	padding-bottom:2px;
	color: #0000ff;
	cursor:hand;
	cursor:pointer;
}
.nocollapse {
background: transparent url(bt_up.gif) no-repeat 0 1px!important;
}

.collapse h4 a:hover {
	color: #000000;
	background-position: 0 -25px
}
.collapse table tbody tr td{
	border-top:1px #716f6e solid ;
	padding:5px 5px 10px 0;
	vertical-align:top;
}
#tramits01, #tramits02, #tramits03 {
margin-top:-23px;
background:transparent url(bottomombra.png) no-repeat center bottom;
padding:0 0 16px 0;
width:705px;
float:left;
}
a.monitor {
background:transparent url(bg_monitor.png) no-repeat 9px 0;
}
td.C1 {
width:230px;
}
td.C2 {
}
td.C3 {
width:230px;
}
/* CYAN */
.mCY {
background:transparent url(cyan_mostra.gif) no-repeat 0 3px!important;
}
tr.trCY td.C1 {
background:transparent url(cyantd1.png) no-repeat left 0;
}
tr.trCY td.C3 {
background:transparent url(cyantd1.png) no-repeat right -2000px;
}
tr.activeCY td{
background-color:#e7ecf7!important;
}
tr.activeCY td.C3{
background-position:right top;
padding-right:20px!important;
}
/* MAGENTA */
.mMG {
background:transparent url(magenta_mostra.gif) no-repeat 0 3px!important;
}
tr.trMG td.C1 {
background:transparent url(magentatd1.png) no-repeat left 0;
}
tr.trMG td.C3 {
background:transparent url(magentatd1.png) no-repeat right -2000px;
}
tr.activeMG td{
background-color:#fde9f2!important;
}
tr.activeMG td.C3{
background-position:right top;
padding-right:20px;
}

/* GREEN */
.mGR {
background:transparent url(green_mostra.gif) no-repeat 0 3px!important;
}
tr.trGR td.C1 {
background:transparent url(greentd.png) no-repeat left 0;
}
tr.trGR td.C3 {
background:transparent url(greentd.png) no-repeat right -2000px;
}
tr.activeGR td{
background-color:#eceee3!important;
}
tr.activeGR td.C3{
background-position:right top;
padding:5px 20px 0 0;
}
/* FI GREEN */


/* GREENDARK */
.mGRD {
background:transparent url(greendark_mostra.gif) no-repeat 0 3px!important;
}
tr.trGRD td.C1 {
background:transparent url(greendarktd.png) no-repeat left 0;
}
tr.trGRD td.C3 {
background:transparent url(greendarktd.png) no-repeat right -2000px;
}
tr.activeGRD td{
background-color:#d4dbb6!important;
}
tr.activeGRD td.C3{
background-position:right top;
padding:5px 20px 0 0;
}
/* FI GREEN */

.pendent {
color:#FF0000;
font-weight:bold;
}

/* Pestanyes de 4 */
.pestanyes {
	width:705px;
	padding-bottom:8px;
	margin:0 0 0 0;
	float:left;
	}	
.pestanyes ul{
	font-size:.9em;
	font-weight:bold;
	list-style:none;
	margin:0;
	padding:0;
	}
.pestanyes ul li{
	background:transparent url(pestanya.png) no-repeat top left;
	margin:0;
	width:169px;
	height:50px;
	float:left;
	color:#716f6e;
	}
#pe001 {
	margin-right:10px
	}
#pe002 {
	margin-right:9px
	}
#pe003 {
	margin-right:10px
	}
.pestanyes ul li.pActiva{
	background:transparent url(pestanyab.png) no-repeat top left;
	color:#000;
	}
.pestanyes ul li a{
	position:absolute;
	padding:0 0 0 17px;
	margin:4px 10px 0 9px;
	display:block;
	height:35px;
	width:131px;
	}
#pe001 a {
	background:transparent url(001.gif) no-repeat top left;
	}
#pe002 a {
	background:transparent url(002.gif) no-repeat top left;
	}
#pe003 a {
	background:transparent url(003.gif) no-repeat top left;
	}
#pe004 a {
	background:transparent url(004.gif) no-repeat top left;
	}
#pe005 a {
	background:transparent url(005.gif) no-repeat top left;
	}
#pe006 a {
	background:transparent url(006.gif) no-repeat top left;
	}
.pestanyes ul li.pActiva a:link, .pestanyes ul li.pActiva a:visited {
	color:#000;
	text-decoration:none;
	cursor:default;
	}
/* Fi Pestanyes de 4 */

/* Pestanyes de 6 */
.pest2 ul li{
	background:transparent url(pestanya2.png) no-repeat top left;
	margin:0;
	width:110px;
	height:50px;
	float:left;
	color:#716f6e;
	}
.pest2 #pe001, .pest2 #pe002, .pest2 #pe003, .pest2 #pe004, .pest2 #pe005 {
	margin-right:9px
	}

.pest2 ul li.pActiva{
	background:transparent url(pestanya2b.png) no-repeat top left;
	color:#000;
	}
.pest2 ul li a{
	padding:0 0 0 17px;
	margin:4px 10px 0 9px;
	height:35px;
	width:78px;
	}
/* Fi Pestanyes de 6 */

/* Pestanyes de 3 */
.pest3 ul li{
	background:transparent url(pestanya3.png) no-repeat top left;
	margin:0;
	width:229px;
	height:50px;
	float:left;
	color:#716f6e;
	}
.pest3 #pe001, .pest3 #pe002 {
	margin-right:9px
	}
.pest3 #pe003 {
	margin-right:0;
	}

.pest3 ul li.pActiva{
	background:transparent url(pestanya3b.png) no-repeat top left;
	color:#000;
	}
.pest3 ul li a{
	padding:0 0 0 17px;
	margin:4px 10px 0 9px;
	height:35px;
	width:188px;
	}
h5.grisClar {
	background-color:#f6f6f6;
	border-top:none;
	}
h5.blanc {
	background-color:#fff;
	border-top:none;
	}
.nomeslabel label {
padding:7px 0 0 0;
}
/* Fi Pestanyes de 3 */

/* FI Dreta */
/* PEU  ******************************************** */
#peu{
	background:transparent url(separador_ligero.gif) repeat-x scroll top center;
	clear:both;
	color:#4D4C4A;
	margin:3px 0 15px;
	padding-top:4px;
	padding-bottom:10px;
	text-align:center;
	vertical-align:bottom;
	width:100%;
}
#peu a:link, #peu a:visited  {
	font-size:0.9em;
	text-decoration:none;
	color:#4D4C4A;
}
#peu a:hover, #peu a:active {
	color:#000000;
	text-decoration:underline;
}
/* FI Peu */

/* Alertes */
#alertes {
display:none;
position:absolute;
width:100%;
height:100%;
left:1px;
top:1px;
z-index:200;
background-color:#FFFFFF;
}
.avisValid {
	padding:3px 0 10px 30px;
	background:transparent url(valid.gif) no-repeat scroll top left;
	font-size:0.8em;
	font-weight:bold;
	color:#2d6600;
	clear:both;
}
.avisNoValid {
	padding:3px 0 10px 30px;
	background:transparent url(novalid.gif) no-repeat 0 3px;
	font-size:0.8em;
	font-weight:bold;
	color:#FF0000;
	clear:both;
}
.modalDialog_transparentDivs{
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#000;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:transparent;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}

/* Fi Alertes */

/* CORRECTORS ****************** */
.center {text-align:center!important;}
.left {text-align:left!important;}
.right {text-align:right!important;}
.floatL {float:left!important}
.floatR {float:right!important}
abbr, acronym {border:none; cursor:help;}
address {font-style:normal;}
.display {
	display:block;
	border-left:1px solid #716f6e;
	border-right:1px solid #716f6e;
	padding:0 6px 5px 20px;
	background:#ffffff;
	margin:-2px 0 0 -7px;
	float:left;
	clear:both;
width:703px;
font-weight:bold;
}
h5.titol5 {
	padding:0;
	width:auto;
	margin:5px 0 5px 0;
	font-size:1.2em;
	font-weight:bold;
	padding:0;
	background-color:#fff;
	border: none!important;
	float:none;
}

.regularGris h5 {
	background-color:#e6e6e6!important;
}
.boxContentGris h5.titol5 {
background-color:#e6e6e6!important;
margin:0 0 7px 0!important;
	}  
.boxContentGris .botoE, .boxContentGris .botoD {
	background-color:#e6e6e6!important;
}

.pdf {
	background:transparent url(pdf.gif) no-repeat top left;
	padding-left:20px;
	display:inline-block;
}
/* Javascript Taules amb scroll */
.taulaContent {
  float:left;
  clear: both;
  width: 703px;
  border-right:1px solid #716f6e;
  border-left:1px solid #716f6e;
  border-top:1px solid #716F6E;
  background-color: #fff;
  padding: 0;
  overflow: hidden;
}
.taulaHeader {
  width: 703px;
  overflow: hidden;
  float: left;
  background-color: #E6E6E6;
}
.taulaHeader table {
  width: 703px;
}
.taulaHeader table, .tbodyScroll table{
  border-right:none!important;
  border-left:none!important;
  width:703px;
  margin-left:0;
}
.taulaHeader tr, .tbodyScroll tr{
  border-right:none!important;
  border-left:none!important;
}
.tbodyScroll{
  height:120px;
  overflow: auto;
  overflow-y:scroll;
	overflow-x:hidden;
	float: left;
	width: 703px;
	border-right:1px solid #716f6e;
/*	height:24px;
	overflow: hidden;
	float: left;*/
}
.tbodyScroll table{
/*margin-top: -25px;*/
margin-right: none!important;
margin-left:0;
}
#taula01Head table thead {
/*  height: 0;
  overflow: hidden;
  position: absolute;
    
	height:24px;
	overflow: hidden;
	float: left;*/
}
/*#taula01Head table {
  margin-top:-24px;
}*/
.disabled {
color: #bbb;
cursor: not-allowed;
}
.pagines {
font-size:1.5em;
font-weight:bold;
text-align:right;
height:18px;
padding-top:40px;
}
.pagines span {
font-size:0.65em;
font-weight:bold;
}
.taulaBlanca {
width:705px;
/* margin-left:1px; */
}
.taulaBlanca th {
background-color:#FFFFFF;
font-weight:normal;
border-bottom:none;
}
.taulaBlanca th {
background-color:#FFFFFF;
font-weight:normal;
border-bottom:none;
padding-top:18px;
}
.taulaBlanca td {
border-top:none;
}
.top0 {
padding-top:0!important;
margin-top:0!important;
}

.margin0 {
margin: 0px 0px 0px 0px!important;
}

.TRpetit th{
font-size:0.8em;
padding: 5px 6px;
}



.numeracio {
font-size:1.5em;
font-weight:bold;
padding-right:0!important;
}
.noWrap {
white-space:nowrap;
}
a.helpLink, a.helpLink:link, a.helpLink:visited, a.helpLink:hover {
background-image:none!important;
background:none!important;
background-color:#F6F6F6!important;
display:inline!important;
float:none!important;
margin:0!important;
padding:0!important;
color:#0000FF!important;
}
.ordenacio {
float:right;
margin-right:3px;
margin-top:-6px;
width:8px;
}
.ordenacio a {
border:none;
float:right;
height:9px;
}
.ordenacio a img {
border:none;
}
.botNotrext {
background-color:transparent;
display:block;
height:15px!important;
width:15px!important;
}
.noHoverTr tr:hover {
background-color:#FFFFFF!important;
}

.highlightrowGr {
	background-color:#FFFF40!important;
}

/* Alerta d'espera AJAX */

.veil {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: .1;
-moz-opacity: .1;
filter: alpha(opacity=10);
z-index: 9;
}
.veilpopup{
position: fixed;
top: 50%;
left: 50%;
margin-top: -81px; /*half of the height plus a little to the top*/
margin-left: -150px; /*half of the width */
border: 1px solid #000;
background-color: #F3F3F3;
color: #333;
padding: 0;
height: 150px;
width: 300px;
z-index: 10;
/*
font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
*/
}
.veilpopup_head{
position:absolute;
top:0;
left:0;
width:100%;
background-color: #999999;
text-align:center;
padding:2px 0;
z-index:-1;
}
.veilpopup_content{
clear:both;
padding: 10px;
text-align: middle;
}

/* Fi Alerta d'espera AJAX */

/* Estil per centrar contingut planes de resultats */
.mainCentrat { 
	margin: 0 0 0 135px!important;
}

.mainCentrat .titol{ 
	 width:705px;
 }
 
 
.taulaDreta label input {
	border:none !important;
	BORDER-TOP-STYLE: none !important; BORDER-RIGHT-STYLE: none !important; BORDER-LEFT-STYLE: none !important; BORDER-BOTTOM-STYLE: none !important 
}
 
.taulaDreta .botoE {
	display:block;
	width:14px;
	height:14px;
	padding:0;
}

/* Barra de progres generacio planes */
div.wicketstuff-progressbar {
	height: 20px;
	border: 1px solid #666666;
	background: #AFAFAF url(grey-fade.gif);
	position: relative;
	overflow: hidden;
}

div.wicketstuff-progressbar span.label {
	display: block;
	position: absolute;
	text-align: center;
	width: 100%;
	line-height: 20px;
	color: white;
	font-size: 11px;
	font-weight: bold;
	font-family: sans-serif;
}

div.wicketstuff-progressbar span.label span.progress {
	color: #FFFFFF;
}

div.wicketstuff-progressbar span.label span.message {
	font-weight: normal;
	color: #FFFFFF;
}

div.wicketstuff-progressbar span.bar {
	display: block;
	height: 100%;
	position: absolute;
	background-image: url(blue-stripes.png);
	background-color: #0000EE;
	background-position: top left;
	border-right: 1px solid #0000EE;
}

.navegadors {
	font-size: 0.9em;
	margin-bottom: 2px;
}

.wicket-ajax-indicator {
	display: inline-block;
	margin-left: 1em;
	vertical-align: middle;
}

.informacioContext .camp {
	margin-top: 2em;
}

.informacioContext h2 {
	margin-top: 2em;
}

.informacioContext .nomCamp {
	margin-top: 1em;
	font-style: italic;
}

.editableLabel {
	min-width: 4.5em;
}

.editableLabel input {
	width: 4em;
}

.subCerca fieldset {
	border: 1px solid black;
	padding: 1em;
	margin: 1em 0 1em 0;
	position: relative;
	display: block;
}

.subCerca .t_fila {
	width: 640px;
}

.subCerca h5.titol5 {
	width: 90%;
}

.subCerca .t_col100 {
	width: 660px;
}

.feedbackPanelINFO, .feedbackPanelERROR {
	list-style-type: none;
}

.feedbackPanelERROR {
	color: #ff0000;
}

.feedbackPanelINFO {
	color: #44aa44;
}

.llistaRols {
	width: 100%;
}

.llistaRols input {
	width: 20em;
}

.llistaRols td, .llistaRols th {
	max-width: 12em;
	height: 2.1em;
}

.missatgeConfirmacio {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1.2em 0 1.5em 0;
}

.desassignar, .assignar {
	padding-top: 1em;
	padding-bottom: 1em;
}

.advertencia {
	color: red;
}

/*Valida corrector*/
.validaCorrector table {
	border-collapse: collapse;
	margin: 8em 0 1em 0.5em;
}

.validaCorrector caption {
	font-size: 1.1em;
	margin-bottom: 1em;
	text-align: left;
}

.validaCorrector table td, th {
	border: 1px solid black;
	padding: 0.5em;
}