/* Estils per les aplicacions de 'e-justícia.cat' / Estilos para las aplicaciones de 'e-justícia.cat'
------------------------------------------------------
INDEX / ÍNDICE
------------------------------------------------------
1 - Capses de text / Cajas de texto
2 - Titols / Títulos
3 - Formularis / Formularios
4 - Llistats / Listados
5 - Botonera
6 - Ajuda / Ayuda
7 - Avisos

*/

body { font-family: Verdana, Arial, Helvetica, sans-serif;}
h2 { font-size: 0.9em }
h3 { font-size: 0.8em }
h4 { font-size: 0.7em }

/* ---------------------------------------------------
1 - CAPSES DE TEXT (input text) / CAJAS DE TEXTO (input text)
----------------------------------------------------*/

/* camps d'input normals (editables) / campos input normales (editables) */
.capsa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFFFFF;
	font-size: 0.9em;
}

/* camps d'input normals (editables) numèrics (align right) / campos input normales (editables) numéricos (align right) */
.capsanum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFFFFF;
	text-align: right;
	font-size: 0.9em;
}

/* camps d'input obligatoris / campos input obligatorios */
.capsaobli {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFFFCC;
	font-size: 0.9em;
}

.capsatextareaobli{
	color: #333333;
	background-color: #FFFFCC;
	vertical-align: top; 
	font-size: 1.0em; 
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
.capsatextarea{
	color: #333333;
	background-color: #FFFFFF;
	vertical-align: top; 
	font-size: 1.0em; 
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
/* camps d'input obligatoris numèrics (align right) / campos input obligatorios numéricos (align right) */
.capsanumobli {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #333333;
	background-color: #FFFFCC;
	text-align: right;
	font-size: 0.9em;
}

/* camps d'input deshabilitats / campos input no editables */
.capsadis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #E6E6E6;
	font-size: 0.9em;
}

/* camps d'input deshabilitats numèrics (align right) / campos input no editables numéricos (align right) */
.capsadisnum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #E6E6E6;
	text-align: right;
	font-size: 0.9em;
}

/* ---------------------------------------------------
2 - TÍTOLS / TÍTULOS
------------------------------------------------------
Taula del títol: assignar nomès 'TTitolLlista' (Llistes), 'TTitolNormal' (Contenidos) o 'TTitolalerta' (
Tabla de título: asignar sólo 'TTitolLlista', 'TTitolNormal' (Contenidos) o 'TTitolalerta'
(exemple/ejemplo : <TABLE class="TTitolLlista"> ) */

/*.TTitolnormal {
	border:1px solid #0099CC;
	background-color: #F0F0F0;
	width:100%;
	margin-bottom:10px;
}
.TTitolllista {
	border:1px solid #0099CC;
	background-color: #F4FFF2;
	width:100%;
	margin-bottom:10px;
}
.TTitolalerta {
	border:1px solid #0099CC;
	background-color: #FFFAE6;
	width:100%;
	margin-bottom:10px;
}*/
.TTitolform, .TTitolllista, .TTitolalerta, .TTitolnormal{
	width:100%;
	font-size:1em;
	margin:0px 0px 0px 0px;
	background: #818181 url(bg_pastillaareaa.gif) right top no-repeat;
	margin-bottom:5px;
}
.Titols2  {
	padding-left:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #003366;
	font-weight: normal;
	height: 18px;
}
.Titols3  {
	padding-left:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #003366;
	font-weight: bold;
}
.Titols4  {
	padding-left:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.5em;
	color: #003366;
	font-weight: bold;
}
/*.TTitolnormal th {
	text-align:left;
	padding-left:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	font-weight: normal;
}*/
.TTitolllista th, .TTitolalerta th, .TTitolform th, .TTitolnormal {
	text-align:left;
	font-size: 0.8em;
	color: #ffffff;
	padding-left:5px;
}
.TTitolllista img, .TTitolnormal img, .TTitolalerta img, .TTitolform img {
	height: 1em;
	width: 1em;
	border: none;
	vertical-align: middle;
	margin-left: 1px;
	margin-right:2px;
}

/* ---------------------------------------------------
3 - F O R M U L A R I S
------------------------------------------------------
Taula de Llista, assignar nomès 'TaulaLlista'
(exemple: <TABLE class="TaulaLlista"> ) */

.Taulaform, .TaulaLlista {
	width:100%;
/*	margin-bottom:5px;*/
/*	float:left;*/
/*	padding-left:10px;*/
	font-size: 0.7em;
	color: #000000;
}
.Taulaform tbody, .TaulaLlista tbody {
	width:100%;
	margin-bottom:2px;
	padding-left:5px;
}
.Taulaform tbody td a, .TaulaLlista tbody td a {
	color: #000000;
	text-decoration: none;
}
.Taulaform tbody td a:hover, .TaulaLlista tbody td a:hover {
	color: #000000;
	text-decoration: underline;
}

/* ---------------------------------------------------
4 - L L I S T A T S
------------------------------------------------------
Taula de Llista, assignar nomès 'TaulaLlista'
(exemple: <TABLE class="TaulaLlista"> ) */

img{
border:0px;
}
/*.TaulaLlista {
	margin-bottom:10px;
	border:1px solid #E1F4FF;
	width:100%;
	margin-bottom:10px;
	background-color:#F9FDFF;
}*/
.TaulaLlista img {
	height: 1.25em;
	width: 1.25em;
	border: none;
	vertical-align: middle;
	cursor: hand;
}
.TaulaLlista caption, .Taulaform caption {
	text-align:left;
	font-weight:normal;
	color: #4D4D4D;
	font-weight:bold;
	background-image: url(http://www10.gencat.cat/images/portal/bg_caja.gif);
	padding: 2px 0px 2px 5px;
	clear:both;
	margin:2px 0px 2px 0px;
}
/*.TaulaLlista tfoot td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	background-color: #F0F9FF;
	text-align: center;
}
.TaulaLlista tfoot input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	background-image: url(bot.gif);
	cursor: hand;
	border-top: 1px solid #0066CC;
	border-right: 1px solid #003399;
	border-bottom: 1px solid #003399;
	border-left: 1px solid #0066CC;
	margin-right: 5px;
	margin-left: 5px;
	width:1.25em;
	height:1.25em;
	background-color: #F0F9FF;
}*/
/*.TaulaLlista a, .TaulaLlista a {
	color: #0033CC;
	text-decoration: none;
}
.TaulaLlista a:hover, .TaulaLlista a:hover {
	color: #0033CC;
	text-decoration: underline;
}*/

/* per destacar les col·lumnes en blau
(exemple: <th id="par1"> ) */
#par1 {
	background-color: #F0F9FF;
}

/* per destacar les col·lumnes en blau
(exemple: <td id="par"> ) */
#par {
	background-color: #F9FDFF;
}

/* ---------------------------------------------------
5 - B O T O N E R A
------------------------------------------------------
capsa de la botonera, assignar nomès 'botonera' al div
(exemple: <div class="botonera"> ) */

.botonera {
	text-align:center;
	clear:both;
	margin-bottom:10px;
	border:1px solid #999999;
	background-color:#E6E6E6;
}
.botonera input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-image: url(bot-gris.gif);
	padding-right: 2px;
	padding-left: 2px;
	cursor: pointer;
	margin:2px;
	border: 1px solid #333333;
}

/* ---------------------------------------------------
6 - A J U D A
----------------------------------------------------*/
/* capsa de l'ajuda, assignar nomès 'ttaulaajuda' al div
(exemple: <div class="ttaulaajuda"> ) */
.ttaulaajuda {
	padding: 2px;
	margin-bottom:10px;
}
.ttaulaajuda td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
}
.ttaulaajuda a {
	color: #000000;
	text-decoration: none;
}
.ttaulaajuda a:hover {
	color: #000000;
	text-decoration: underline;
}

/* ---------------------------------------------------
7 - A V I S O S
----------------------------------------------------*/
/* capsa d'avisos, assignar al div
(exemple: <div class="avisVermell"> ) */

/* per avisos en vemell*/
.AvisVermell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:#BB0000;
	padding-left:3px;
	padding-bottom:2px;
	padding-top:2px;
	padding-right:3px;
	border:1px solid #BB0000;
	margin-top: 10px;
}

/* per avisos en verd */
.AvisVerd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#339900;
	padding-left:3px;
	padding-bottom:2px;
	padding-top:2px;
	padding-right:3px;
	border:1px solid #00CC66;
	margin-bottom:10px;
}

/* per avisos en groc */
.AvisGroc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#FF6600;
	padding-left:3px;
	padding-bottom:2px;
	padding-top:2px;
	padding-right:3px;
	border:1px solid #FF9900;
	margin-bottom:10px;}
/*POSICIÓN*/
.esk {
	text-align: left;
}
.der{
	padding-right: 2px;
	padding-top: 4px;
	text-align: left;
}

.derr{
	padding-right: 2px;
	padding-top: 4px;
	text-align: right;
}
}
/*TEXTO CONTENIDO*/
.txt {
	color: #666666;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.wizardmenu {
	background-color: #F9FDFF;
    width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #003366;
}

.wizardact {
	background-color: #FFFFFF;
	font-weight:bold;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 2px;
}

.wizardnovist {
	background-color: #F5F5F5;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 2px;
}

.wizardvist {
	background-color: #F5F5F5;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 2px;
}

.wizardend {
	background-color: #FFFFFF;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.wizardtopform, .wizardmidform, .wizardform {
	color: #000000;
	background-color: #FFFFFF;
    width: 100%;
	font-size: 0.7em;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

.wizardendform {
	color: #000000;
	background-color:#FFFFFF;
  width: 100%;
	font-size: 0.8em;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin-bottom:10px;
}

.wizardtopform caption, .wizardendform caption, .wizardmidform caption {
	text-align:left;
	font-weight:normal;
	color: #4D4D4D;
	font-weight:bold;
	background-image: url(bg_caja.gif);	
	padding: 0px 0px 0px 5px;
	clear:both;
	margin:0px 0px 0px 0px;
	font-size: 1.0em;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

.TaulaLlista th, .Taulaform th, .wizardtopform th, .wizardmidform th, .wizardendform th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-left:5px;
	font-size: 0.9em;
	color: #000000;
	font-weight: normal;
	/*background-color: #F5F5F5;*/
	text-align: left;
	border-bottom: 1px solid #666666;
}
.TaulaLlista td, .Taulaform td, .wizardtopform td, .wizardmidform td, .wizardendform td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.Taulaform a {
	color: #000000;
	text-decoration: none;
}
.Taulaform a:hover {
	color: #000000;
	text-decoration: underline;
}
.col1px {
	background-color: #0066CC;
	width: 1px;
}

form select{ width:auto !important; border:1px solid #000 !important; }