/* Estils pagines de contingut */
/* Classes comuns */

html, body { height: 100%;}

input { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; 	text-decoration: none; }
select { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; 	text-decoration: none; }
textarea { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; 	text-decoration: none; }

.capaOculta
{
	visibility: visible;
	opacity: 0.0;
}

.capaMostrar
{
	opacity: 1.0;
	transition-property: opacity;
	transition-duration: 1.5s;
	transition-timing-function: linear;
	transition-delay: 0.25s;
}

.capaVisible
{
	visibility: visible;
	opacity: 1.0;
}

.capaOcultar
{
	opacity: 0.0;
	transition-property: opacity;
	transition-duration: 1.0s;
	transition-timing-function: linear;
	transition-delay: 0.25s;
}

.inputNum { text-align: right; }
.inputNumVermell { text-align: right; color: red;}

.marcTaula { border: 1px solid #232176; }
.marcTaulaMarges { border: 1px solid #232176; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; }
.marcTaulaMargesE { border-top: 1px solid #232176; border-left: 1px solid #232176; border-right: 1px solid #232176; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; }
.marcTaulaMargesD { border-top: 1px solid #232176; border-right: 1px solid #232176; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; }
/*.marcTaulaMarges { border: 1px solid #232176; margin-left: 5px; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; }*/

.titolTaula { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #232176; padding-left: 5px; padding-top: 2px; padding-bottom: 2px;  }

.titolTaulaVermell { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #FF0000; padding-left: 5px; padding-top: 2px; padding-bottom: 2px;  }

.taulaMenu { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; background: lightgrey; text-decoration: none; text-align: center; }
.taulaMenu a { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; background: lightgrey; text-decoration: none; text-align: center; }
.taulaMenu a:link { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; background: lightgrey; text-decoration: none; text-align: center; }
.taulaMenu a:visited { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; background-color: lightgrey; text-decoration: none; text-align: center; }
.taulaMenu a:hover { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #808080; text-decoration: none; text-align: center; }

.taulaMenuSel { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; background: #808080; text-decoration: none; text-align: center; }
.taulaMenuSel a { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; background: #808080; text-decoration: none; text-align: center; }
.taulaMenuSel a:link { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; background: #808080; text-decoration: none; text-align: center; }
.taulaMenuSel a:visited { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #808080; text-decoration: none; text-align: center; }
.taulaMenuSel a:hover { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #808080; text-decoration: none; text-align: center; }

.taulaSubmenu { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; background: lightgrey; text-decoration: none; text-align: center; border-top: 1px SOLID #FFFFFF; }
.taulaSubmenu a { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; background: lightgrey; text-decoration: none; text-align: center; }
.taulaSubmenu a:link { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; background: lightgrey; text-decoration: none; text-align: center; }
.taulaSubmenu a:visited { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; background-color: lightgrey; text-decoration: none; text-align: center; }
.taulaSubmenu a:hover { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #808080; text-decoration: none; text-align: center; }

.taulaSubmenuSel { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; background: #808080; text-decoration: none; text-align: center; border-top: 1px SOLID #FFFFFF; }
.taulaSubmenuSel a { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; background: #808080; text-decoration: none; text-align: center; }
.taulaSubmenuSel a:link { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; background: #808080; text-decoration: none; text-align: center; }
.taulaSubmenuSel a:visited { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #808080; text-decoration: none; text-align: center; }
.taulaSubmenuSel a:hover { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #808080; text-decoration: none; text-align: center; }

.texteNormal { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; text-decoration: none; padding: 2px; }

.texteTaula { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; text-decoration: none; padding: 2px; border-top: 1px solid #232176; }
.texteTaula a { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; text-decoration: none; padding: 2px;  }
.texteTaula a:link { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; text-decoration: none; padding: 2px;  }
.texteTaula a:visited { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; text-decoration: none; padding: 2px; }
.texteTaula a:hover { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; text-decoration: none; padding: 2px; }
.texteTaulaE { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; text-decoration: none; padding: 2px; border-top: 1px solid #232176; border-left: 1px solid #232176; }
.texteTaulaD { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; text-decoration: none; padding: 2px; border-top: 1px solid #232176; border-left: 1px solid #232176; border-right: 1px solid #232176; }

.texteTaulaGran { font-family: 'Arial'; font-size: 16px; font-weight: normal; color: #232176; text-decoration: none; padding: 2px; border-top: 1px solid #232176; }
.texteTaulaGran a { font-family: 'Arial'; font-size: 16px; font-weight: normal; color: #232176; text-decoration: none; padding: 2px;  }
.texteTaulaGran a:link { font-family: 'Arial'; font-size: 16px; font-weight: normal; color: #232176; text-decoration: none; padding: 2px;  }
.texteTaulaGran a:visited { font-family: 'Arial'; font-size: 16px; font-weight: normal; color: #232176; text-decoration: none; padding: 2px; }
.texteTaulaGran a:hover { font-family: 'Arial'; font-size: 16px; font-weight: normal; color: #232176; text-decoration: none; padding: 2px; }

.texteTaulaN { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; padding: 2px; border-top: 1px solid #232176; }
.texteTaulaN a { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; padding: 2px;  }
.texteTaulaN a:link { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; padding: 2px;  }
.texteTaulaN a:visited { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; padding: 2px; }
.texteTaulaN a:hover { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; padding: 2px; }

.texteTaulaSel { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; padding: 2px; border-top: 1px solid #232176; background-color: lightgrey; }
.texteTaulaSel a { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; padding: 2px; background-color: lightgrey; }
.texteTaulaSel a:link { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; padding: 2px; background-color: lightgrey; }
.texteTaulaSel a:visited { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; padding: 2px; background-color: lightgrey; }
.texteTaulaSel a:hover { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; padding: 2px; background-color: lightgrey; }

.texteTaulaSel2 { font-family: 'Arial'; font-size: 12px; color: #232176; text-decoration: none; padding: 2px; border-top: 1px solid #232176; background-color: lightgrey; }
.texteTaulaSel2 a { font-family: 'Arial'; font-size: 12px; color: #232176; text-decoration: none; padding: 2px; background-color: lightgrey; }
.texteTaulaSel2 a:link { font-family: 'Arial'; font-size: 12px; color: #232176; text-decoration: none; padding: 2px; background-color: lightgrey; }
.texteTaulaSel2 a:visited { font-family: 'Arial'; font-size: 12px; color: #232176; text-decoration: none; padding: 2px; background-color: lightgrey; }
.texteTaulaSel2 a:hover { font-family: 'Arial'; font-size: 12px; color: #232176; text-decoration: none; padding: 2px; background-color: lightgrey; }

.texteTaulaV { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 2px; border-top: 1px solid #232176; background-color: red; }
.texteTaulaV a { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 2px; background-color: red; }
.texteTaulaV a:link { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 2px; background-color: red; }
.texteTaulaV a:visited { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 2px; background-color: red; }
.texteTaulaV a:hover { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 2px; background-color: red; }

.textePetit { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; 	text-decoration: none; }
.texteNumPetit { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; 	text-decoration: none; padding-right: 40px; text-align: right; }

.titolCamp { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; }

.solapaFalsa { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; border-left: 1px solid #232176; text-align: center; }

.solapa { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; border-left: 1px solid #232176; border-top: 1px solid #232176; text-align: center; }
.solapa a { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; }
.solapa a:link { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; }
.solapa a:visited { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; }
.solapa a:hover { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; background-color: #c8b560;}

.solapaSel { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; border-left: 1px solid #232176; border-top: 1px solid #232176; text-align: center; background-color: #c8b560; }
.solapaSel a { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; background-color: #c8b560; }
.solapaSel a:link { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; background-color: #c8b560; }
.solapaSel a:visited { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; background-color: #c8b560; }
.solapaSel a:hover { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #232176; text-decoration: none; background-color: #c8b560; }

.cl_titular {
position: absolute; 
top: 0px;
left: 10px; 
width: 96%; 
height: 20px; 
overflow: hidden;
}

.cl_titular2 {
position: absolute; 
top: 0px;
left: 10px; 
width: 96%; 
height: 40px; 
overflow: hidden;
}

.cl_llistat {
position: absolute; 
top: 20px;
left: 10px; 
width: 98%; 
height: 272px;
overflow: auto;
border: 1px solid #232176;
}

.cl_consulta {
position: absolute; 
top: 300px;
left: 10px; 
width: 98%; 
height: 50px; 
overflow: auto;
}

.cl_consulta1 {
position: absolute; 
top: 350px;
left: 10px; 
width: 98%; 
height: 150px; 
overflow: auto;
}

.cl_consulta2 {
position: absolute; 
top: 300px;
left: 10px; 
width: 98%; 
height: 100px; 
overflow: auto;
}

.cl_resum {
position: absolute; 
top: 350px;
left: 10px; 
width: 98%; 
height: 135px; 
overflow: auto;
}

.cl_resum2 {
position: absolute; 
top: 400px;
left: 10px; 
width: 98%; 
height: 135px; 
overflow: auto;
}

.cl_botonera {
position: absolute; 
top: 495px;
left: 10px; 
width: 98%; 
height: 50px; 
overflow: hidden;
border: 1px solid #232176;
}

.cl_botoneraX {
position: absolute; 
top: 495px;
left: 10px; 
width: 98%; 
height: 50px; 
overflow: hidden;
border: 1px solid #232176;
}

.cl_botoneraX1 {
position: absolute; 
top: 510px;
left: 10px; 
width: 98%; 
height: 50px; 
overflow: hidden;
border: 1px solid #232176;
}

.cl_botoneraX2 {
position: absolute; 
top: 530px;
left: 10px; 
width: 98%; 
height: 50px; 
overflow: hidden;
border: 1px solid #232176;
}

.cl_titularX {
position: absolute; 
top: 0px;
left: 10px; 
width: 96%; 
height: 20px; 
overflow: hidden;
}

.cl_llistatX {
position: absolute; 
top: 20px;
left: 10px; 
width: 98%; 
height: 180px; 
overflow: auto;
border: 1px solid #232176;
}

.cl_consultaX {
position: absolute; 
top: 450px;
left: 10px; 
width: 98%; 
height: 50px; 
overflow: auto;
}

.cl_consultaX2 {
position: absolute; 
top: 415px;
left: 10px; 
width: 98%; 
height: 100px; 
overflow: auto;
}

.cl_consultaX3 {
	position: absolute; 
	top: 415px;
	left: 10px; 
	width: 98%; 
	height: 120px; 
	overflow: auto;
	}
	
.cl_resumX {
position: absolute; 
top: 210px;
left: 10px; 
width: 98%; 
height: 235px; 
overflow: auto;

}

.cl_llistatXL {
position: absolute; 
top: 20px;
left: 10px; 
width: 98%; 
height: 390px; /* 390 45% */
overflow: auto;
border: 1px solid #232176;
}

.cl_llistatXL2 {
position: absolute; 
top: 40px;
left: 10px; 
width: 98%; 
height: 370px;
overflow: auto;
border: 1px solid #232176;
}

.cl_llistatXL3 {
position: absolute; 
top: 20px;
left: 10px; 
width: 98%; 
height: 390px;
overflow: auto;
border: 1px solid #232176;
}	

.cl_llistatXXL {
position: absolute; 
top: 20px;
left: 10px; 
width: 98%; 
height: 325px;
overflow: auto;
border: 1px solid #232176;
}	

.filaTaula { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; text-decoration: none; border-top: 1px solid #232176; text-align: left; padding-left: 4px; }
.filaTaula a { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; text-decoration: none; }
.filaTaula a:link { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; text-decoration: none; }
.filaTaula a:visited { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; text-decoration: none; }
.filaTaula a:hover { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; text-decoration: none; background-color: #c8b560;}

.filaTaulaSel { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #232176; text-decoration: none; border-top: 1px solid #232176; text-align: left; padding-left: 4px; background-color: #cfcfcf; }

.capaInput {
	position: absolute;
	left: 380px;
	top: 200px;
	width: 400px;
	height: 80px;
	background-color: #FFFFFF;
	border: 2px SOLID #005081;
	z-index: 999999;
	display: none;
	color: #005081;
}

.cobroOK { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: green; text-decoration: none;}
.cobroKO { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: red; text-decoration: none;}

.linseparador {
	font-size: 3px;
	border-bottom:1px dashed  #213A7B;
}
.linseparadorSolid {
	font-size: 1px;
	border-bottom:1px solid   #213A7B;
}

.tdRebut { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; padding: 2px; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; }
.texteRebut { font-family: 'Arial'; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; padding: 2px; }

.textResaltatVerdOn {background-color: lightgreen;}
.textResaltatOff {background-color: #ffffff;}
.clientOverlibCaption{
	font-family: 'Arial';
	background-color: #232176;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}