@charset "utf-8";
/*@import "../css-ref/estils-referencia.css";*/

/* ############################################	*/
/* 1. Accessibilitat                      		*/
/* ############################################	*/
.texte-aural {
	height: 1px;
	position: absolute;
	top: -9999px;
	width: 1px;
/*	display: none;*/
}
hr {
	display: none;
}

/* ############################################	*/
/* 2. Elements primitius                   		*/
/* ############################################	*/
body {
	background-color: rgb(255,255,229);
	margin-top:17px;
	color: rgb(153,153,153);
	font-size: 70%;
	line-height: 1.4;
}
dl {
	display:block; 
	clear:both;
}
li, dt, dd {
	padding-bottom: 0.3em;
}
a {
	color: rgb(124,160,176);
}
a:hover{
	color: #5FB7E3;
}
em {
	font-style: normal;
}
strong {
	font-weight: bold;
}

/* ############################################	*/
/* 3. Clases globals	                   		*/
/* ############################################	*/
.final { /* TODO: intentar eliminar els !important */
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
.inicial { /* TODO: intentar eliminar els !important */
	padding-top: 0 !important;
	margin-top: 0 !important;
}
.entradeta { /* Text introductori en blau.Utilitzat nomes en Baja OV */
	margin-bottom: 0.3em;
	color: rgb(67,99,122);
}
.titol-dades {
	font-weight: bold;	
}
.navegacio-a { /* Alineacio a l'esquerra */
	clear: both;
	text-align: left;
}
.navegacio-b { /* Alineacio a la dreta: utilitzat majoritariament per botons */
	clear: both;
	text-align: right;
	display: block;
}
.sense-width { /* Elimina el width fixat per qualsevold element */
	width: auto;
	text-align: left;
	padding-left:20px;
}
.bloc-img-titol-desc { /* Utilitzat a bloc de informacio amb imatge + titol + text */
		clear:both;
}
div#regaloAleatorio{
		min-height: 91px;
  		height: auto !important;
  		height: 91px;
}
.bloc-img-titol-desc p {
		margin-top:10px;
}
.bloc-img-titol-desc p.enlace {
		text-align:right;
}
.ico-factura {
	background: transparent url(../img/ico_descargar_pdf.gif) no-repeat center left;
	padding: 2px 0 2px 20px;
}

.ico-recibo {
	background: transparent url(../img/ico_descargar_pdf.gif) no-repeat center left;
	padding: 2px 0 2px 20px;
}

/* ############################################	*/
/* 4. Layout i colors de fons              		*/
/* ############################################	*/

/*-- 4.1 Estructura general						*/

/* Marc principal*/
div#marc {
	background-color: rgb(255,255,255);
	border: 1px solid rgb(195,193,194);
	border-bottom: none;
	margin: 0 auto;
	width: 997px;
}

/* Capçalera */
div#capsalera {
	margin-bottom: 11px;
	position: relative;
	
}
div#capsalera:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
}

/* Estructura continguts */
div#estructura-continguts {
	clear: both;
	margin: 0 25px 25px 25px;
}
div#estructura-continguts:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
}
div#estructura-continguts {
	zoom: 1; /* La propiedad no existe! */
}
div.amb-lateral div#contingut {
	float: left;
	width: 613px;
}
div.amb-menu div#contingut {
	float: right; /* Se ha cambiado left por right */
	width: 735px;
	/*padding-left: 25px;*/
}
div.amb-menu div#contingut form {
	margin:0;
	padding:0;
}

div.amb-menu-amb-lateral div#contingut {
	width: 570px;
}

/* Estructura de doble bloc */
div#contingut.doble-bloc div.bloc-a,
div#contingut.doble-bloc div.bloc-b {
	float: left;
	padding-bottom: 25px;
	width: 460px;
}

div#contingut div.doble-bloc div.bloc-a,
div#contingut div.doble-bloc div.bloc-b {
	float: left;
	padding-bottom: 1em;
	width: 460px;
}

div#contingut div.doble-bloc div.bloc-a,
div#contingut div.doble-bloc div.bloc-b {
	float: left;
	width: 435px;
}
div#contingut div.doble-bloc div.bloc-a {
	margin-right: 25px;
}
div#contingut.doble-bloc div.bloc-a {
	margin-right: 25px;
}


/* Estructura amb lateral */
div#lateral {
	float: left;
	margin-left: 25px;
	margin-top: 15px;
	line-height: 1.2;
	_display: inline; /* doble float */
}
div#lateral p,
div#lateral ul,
div#lateral ol,
div#lateral dl {
	padding-bottom: 0.9em;
}
div.amb-lateral div#lateral {
	width: 308px;
}
div.amb-menu div#lateral {
	width: 100px;
}

/* Peu de pagina */
div#peu {
	background-color: rgb(255,255,229);
	border-top: 1px solid rgb(195,193,194);
	clear: both;
	margin: 0 -1px;
	padding: 12px 0;
	text-align: center;
	font-size: 90%;
}
div#peu ul li {
	display: inline;
	/*margin-left: -4px;*/
}
div#peu ul li a {
	color: rgb(153,153,153);
	text-decoration: none;
	padding: 0 10px 0 6px;
	background: transparent url(../img/icona-barra-vertical.gif) no-repeat center right;
}

div#peu ul li.final a{
	background: none;
}

/*-- 4.2 Elements generics						*/

/* Contingut */
div#contingut p.emfasi,
div#contingut ul.emfasi,
div#contingut ol.emfasi {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	
}
div#contingut ul li {
	list-style-type: none;
}
div#contingut ul.amb-icones li {
	background: transparent url('../img/ico_llista.gif') no-repeat center left;
	text-indent: 20px;
}
div#contingut ul.error-icon li {
	list-style: inside url('../img/icona-mini-avis.gif');
}
div#contingut ol li {
	list-style-type: decimal;
	list-style-position: inside;
}
div#contingut dl.avisos {
	padding-bottom: 1.3em;
}
div#contingut dl.avisos dt {
	float: left;
	width: 4.5em;
}
div#contingut dl.avisos dt{
	clear:left;
	float: left;
	padding-bottom: 0;
	padding-right: 5px;
	text-align: left;
	width:50px;
	background: transparent url(../img/icona-guio.gif) no-repeat center right;
}
div#contingut dl.avisos dd {
	margin-left:60px;
	margin-right: 6px;
	padding-left: 10px;
}

div#contingut ul.factures {
	bottom: 20px;
	padding-bottom: 0;
	position: absolute;
	right: 25px;
}
div#contingut ul.factures li {
	display: inline;
	list-style: none outside;
	padding-bottom: 1px;
	padding-top: 1px;
	margin-left: 30px;
}

div#ultimas-facturas div#contingut dl.imports-contractes,
div#contingut div#ultimas-facturas dl.imports-contractes dt{
	font-weight:bold;
}	

div#contingut dl.imports-contractes {
	/*float: left;*/
	padding-bottom: 0;
}
div#contingut dl.imports-contractes dt {
	padding-bottom: 0;
}
div#contingut dl.imports-contractes dd {
	color: rgb(212,80,32);
	font-size: 210%;
	font-weight: bold;
	padding-bottom: 0;
}
div#contingut dl.imports-contractes dd span{
	font-size: 70%;
}

/* Bloc Informacio Home */
div.bloc-info div.titol {
	background-color: rgb(255,229,152);
	display:block;
	padding: 2px 0;
}
div.bloc-info .titol address {
	display: inline;
	clear: none;
	font-size: 1.3em;
}
div.bloc-info div.enfasi {
	padding:10px;
}
div.bloc-info .preu {
	color: #D45123; /* COLOR TEMPORAL */
	font-weight: bold;
	font-size: 2em;
	margin: 0;
}
div.bloc-info .preu span {
	color: #D45123; /* COLOR TEMPORAL */
	font-weight: bold;
	font-size: 0.7em;
	margin: 0;
}
div.bloc-info ul.botons-info {
	float:right;
	margin-top: -20px;
}
div.bloc-info ul.botons-info li{
	clear:none;
	display: inline;
	list-style-type: none;
	list-style-image: none;
	margin-left: 33px;
}

/* Menu lateral */
div.amb-menu{
	background: transparent url('../img/patro-fons-columna-menu.gif') repeat-y top left;
	height:1%;
}
div#estructura-continguts ul.menu {
	float: left;
	width: 170px;
	padding:14px 0 0 11px;
}

div#estructura-continguts div.pestanya ul.menu {
	float: left;
	width: 170px;
	padding: 0;
}
div#estructura-continguts ul.menu li {
	color: rgb(64,100,122);
	font-weight: bold;
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
}
div#estructura-continguts ul.menu li.actual {
	color: rgb(212,80,32);
}
div#estructura-continguts ul.menu li a {
	font-weight: normal;
}
div#estructura-continguts ul.menu li span {
	color: rgb(124,160,176);
	font-weight: normal;
}

div#lateral ul.menu {
	padding:0 0 0 11px;
}

/* Imatges */
div#contingut img.amb-texte,
div#lateral img.amb-texte {
	clear: left;
	float: left;
	padding: 0 26px 0 0;
}

div#acces div#contingut img.amb-texte{
	padding-bottom: 20px;
}

#home img.amb-texte{
	clear: left;
	float: left;
	padding: 0 0px 0 0;
}

#solicitar-producte div#contingut img.amb-texte{
	clear: left;
	float: left;
	padding: 0 26px 12px 0;
}

/* Menu que apareix als headings h2 | ¿crear clase ul.menu-penjant ? */
div#contingut ul.menu-online {
	margin-top: 7px;
	text-align: right;
}
div#contingut ul.menu-online li {
	display: inline;
	margin-left: 30px;
}
div#contingut div.emfasi ul.menu-online {
	clear: both;
}

/* Capçalera */
div#capsalera p#marca {
	float: left;
	padding: 5px 0 4px 35px;
}

div#capsalera form#ajuda p#marca, 
div#capsalera form#ajudaNoLogat p#marca {
	padding: 11px 0 0 35px;
}

/* Menu connexio */
ul#menu-connexio {
	clear:none;
	color: rgb(64,99,122);
	float: right;
	padding: 12px 22px 0 0;
}

ul#menu-connexio li{
	padding: 0 10px;
	background: transparent url(../img/separador-menu-conexion.gif) no-repeat center right;
	float: left;
	font-weight: bold;
}
ul#menu-connexio li.final{
	padding: 0 0 0 10px;
	background: none;
}
ul#menu-connexio li a {
	color: rgb(212,80,32);
}
ul#menu-connexio li a:hover {
	color: rgb(248,153,29);
}

/* Menu principal*/
ul#menu-principal {
	background: transparent url('../img/patro-inferior-pestanyes.gif') repeat-x bottom left;
	height: 29px;
	padding-bottom: 0;
}

ul#menu-principal li{
	float:left;
}

/* Menu client */
ul#menu-client {
	float: right;
	margin: 0;
	padding: 0 5px;
	margin-bottom: 0;
	background: rgb(67,99,122) url(../img/fons-mis-peticiones.gif) repeat top left;
	border: 2px solid rgb(67,99,122);
	display:inline;
}
ul#menu-client li {
	float: left;
	padding: 0 10px 1px 10px;
}
ul#menu-client li.actual{
	color: rgb(255,214,0);
}
ul#menu-client li a{
	color: rgb(255,255,255);
}

/* Fil ariadna */
p#fil-ariadna {
	padding:12px 18px 10pt;
	color: rgb(124,160,176);
	font-size: 90%;
}

/* Blocs de missatges */
div.error {
	background: rgb(255,255,255) url(../img/icona-error.gif) no-repeat 15px 20px;
	padding: 20px 20px 20px 60px;
	margin: 0;
}
fieldset.dades div.error{margin:20px 20px 20px 20px;}

div.avis {
	background: rgb(255,255,255) url(../img/icona-avis.gif) no-repeat 15px 20px;
	padding: 20px 20px 20px 60px;
	margin: 0;
}
fieldset.dades div.avis{margin:20px 20px 20px 20px;}

div.informacio {
	background: rgb(255,255,255) url(../img/icona-informacio.gif) no-repeat 15px 20px;
	padding: 20px 20px 20px 60px;
	margin: 0;
}
fieldset.dades div.informacio {margin:20px 20px 20px 20px;}

div.verificacio {
	background: rgb(255,255,255) url(../img/icona-verificacio.gif) no-repeat 15px 20px;
	padding: 20px 20px 20px 60px;
	margin: 0;
}
fieldset.dades div.verificacio {margin:20px 20px 20px 20px;}

div.verificacio,
div.avis,
div.informacio,
div.error {
	color: rgb(153,153,153);
	font-weight: bold;
	font-size:13px;
}

div.verificacio span,
div.avis span,
div.informacio span,
div.error span {
	display:block;
}

div.verificacio span.texte-addicional,
div.avis span.texte-addicional,
div.informacio span.texte-addicional,
div.error span.texte-addicional {
	display:none;
}

div.verificacio fieldset ul,
div.avis fieldset ul,
div.informacio fieldset ul,
div.error fieldset ul {
	margin-left:50px;
}


div.verificacio ul li a,
div.avis ul li a,
div.informacio ul li a,
div.error ul li a {
	font-size:13px;
}

div.verificacio h4,
div.avis h4,
div.informacio h4,
div.error h4 {
	font-size:15px;
}

div.verificacio p span,
div.avis p span,
div.informacio p span
div.error p span {
	color: rgb(153,153,153);
	font-weight: bold;
	display:inline;
}

form ul.listaErrores{
	margin-left: 0px;
}

/* Titular principal per pagines de login i registre */
#acces div#contingut h2,
#registre div#contingut h2 {
	background: transparent url('../img/icona-titol-registre.gif') no-repeat 2px 0;
	padding: 0 0 1.1em 40px;
}
	
/* Colors de fons per destacar */
div#contingut div.emfasi {
	background-color: rgb(255,237,213);
	padding: 25px;
}
div#contingut div.emfasi form .dades {
	background-color: rgb(255,255,255);
}

/* Recomanats */
ul.recomanats li{
	padding: 0 0 1.2em 0;
}
ul.recomanats li h3{
	font-size: 1em;
}

/* Paginador */
div.paginador {
	color: rgb(64,100,124); 
	font-weight: bold;
}
ul.paginador {
	margin:0; 
	padding:0;
	clear:none;
	display:inline;
}
ul.paginador li {
	color: rgb(64,100,124); 
	font-weight:bold;
	display:inline;
	clear:none;
	background: transparent url(../img/icona-barra-vertical.gif) no-repeat center right;
	padding: 0 8px 2px 4px;
}
ul.paginador li.actual {
	color: rgb(64,100,124); 
	font-weight:normal;
	color: #7CA0B0;
}
ul.paginador li.final {
	background: none;
}

ul.menu-que-hacer {
	padding-left:0px;
}

/*-- 4.3 Elements especifics					*/

/* Pantalla acces */
#acces div#contingut {
	padding-top: 18px;
}
#acces div#estructura-continguts {
	margin: 0 0 0 25px;
}
#acces div.amb-lateral div#lateral {
	width: 333px;
}
#acces div.bloc-img-titol-desc {
	padding-bottom: 25px;
}
#acces div#lateral,
#atencion-cliente div#lateral {
	background-color: rgb(255,229,152);
	padding-top: 30px;
}
#acces div#lateral div#caixa-acces,
#acces div#lateral div#caixa-distribucio,
#atencion-cliente div#lateral div#caixa-acces,
#atencion-cliente div#lateral div#caixa-distribucio {
	margin: 0 25px 25px 25px;
	padding: 20px 25px;
	_height: 1%; /* oscar 2008 */
}
#acces div#lateral div#caixa-acces {
	background-color: rgb(255,216,1);
}
#acces div#lateral div#caixa-distribucio,
#atencion-cliente div#lateral div#caixa-distribucio {
	background-color: rgb(255,205,108);
}
#acces div#lateral,
#atencion-cliente div#lateral {
	color: rgb(64,99,122);
}
#acces div#lateral h2,
#atencion-cliente div#lateral h2 {
	/*color: rgb(212,80,32);
	font-size: 110%;*/
}
#acces div#lateral a,
#atencion-cliente div#lateral a {
	color: rgb(212,80,32);
}

#registre div#contingut div.formulari {
	margin-left: 31px;
}

#registre div#contingut{
	padding-top: 40px;
}

/**************** FIN REGISTRO **************************/

/* Pagines text adicional */
#eula div#capsalera {
	background: #ffffff url('../img/fons_eula.gif') repeat-x top left !important;
	border: none !important;
}
#eula div#capsalera p#marca {
	float:right;
	padding:45px 20px 4px 0;
}

#eula #estructura-continguts #contingut {
	padding:0;
}

#eula #estructura-continguts #contingut h2 {
	background:none !important;
	padding:0;
	padding-bottom:15px;
}
#eula #tancar {
	position: absolute; 
	top:13px; 
	right: 17px;
}

#eula #tancar a{
	color: rgb(100,94,104);
	text-decoration: none;
}


/* Pagina "Home" */
#home div#contingut div.emfasi {
	background-color: rgb(255,244,228);
	padding: 10px 10px 16px 10px;
	position: relative;
	height:1%;
}
#home div#lateral div.emfasi {
	/*background-color: rgb(255,254,224);*/
	margin-bottom: 12px;
	padding: 5px 0px 17px 0px;
}
#home div#lateral div.emfasi p,
#home div#lateral div.emfasi ul,
#home div#lateral div.emfasi dl {
	padding-bottom: 0;
}
#home div#lateral div.emfasi h2 {
	/*font-size: 160%;
	padding-bottom: 0.6em;*/
}
#home div#lateral dl.punts {
	color: #40637A;
	font-weight: bold;
	line-height: 0px;
}
#home div#lateral dl.punts dt,
#home div#lateral dl.punts dd {
	padding-bottom: 0.3em;
}
#home div#lateral dl.punts dt {
	float: left;
	width: 144px;
}
#home div#ultimas-facturas {
	margin-bottom: 1em;
}

/* Pagines de lectura del comptador */
#lectura div#contingut fieldset.dades {
	background-color: rgb(255,229,152);
	margin: 0 0 0px 0;
	padding: 10px;
}

/* Pagines de punts/regals */
#punts-gas-natural div#contingut {
	float:left;
	padding-left: 30px;
}

div#contingut ul.menu-regals:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
}
div#contingut ul.menu-regals {
	zoom: 1;
}
div#contingut ul.menu-regals li {
	float: left;
	list-style: none outside;
	margin: 0 1.2% 0 0;
	width: 32.5%;
}
div#contingut ul.menu-regals li a {
	display: block;
}
div#contingut ul.menu-regals li.final-fila {
	margin-right: 0;
}
div#contingut ul.menu-regals img {
	display: block;
}

div#contingut p.resum-punts {
	font-size:1.1em; 
	color: rgb(67,99,122)
}
div#contingut p.resum-punts span{
	font-weight: bold;
}
div#contingut p.resum-punts span.punts,
div.burbujaPuntos span.punts{
	font-size:1.2em; 
	color: rgb(250,152,29);
	font-size:150%;
	font-weight:bold;
}
div#contingut p.resum-punts span.telefon{
	font-size:1.2em; 
	color: rgb(123,158,178);
}
#punts-gas-natural div#lateral {
	padding-top: 2em;
	float:left;
}
#punts-gas-natural div#contingut {
	width:540px;
}
#punts-gas-natural div#lateral ul.menu {
	width:160px;
}

/* Pagina "Mis datos" */
#mis-datos div.dades {
	float: left;
	width: 825px;
	margin-bottom: 10px;
}
#mis-datos p.boto-dades {
	float: right;
}
#mis-datos div.dades dl {
	padding: 5px 10px;
}
#mis-datos div#contingut p,
#mis-datos div#contingut ul {
	margin:0 0  0 10px;
	padding:1px 0;
}

#seleccionVia div#contingut p,
#callejero div#contingut p,
#mis-datos div#contingut p,
#mis-datos div#contingut ul,
#mis-datos div#contingut ul li {
	padding:3px 0;
}

/* Pagina "Mis facturas" */
#mis-facturas ul.menu-productos a,
#mis-recibos ul.menu-productos a {
	font-weight:bold;
	text-decoration: none;
	color: rgb(67,99,122);
}
#mis-facturas p.dubtes, 
#mis-recibos p.dubtes {
	color: rgb(67,99,122);
}
#mis-facturas ul.menu-productos span,
#mis-recibos ul.menu-productos span{
	color: rgb(124,160,176);
}
#mis-facturas p.dubtes,
#mis-recibos p.dubtes {
	float:right;	
}

/* Pagina "Factura Online" */
#factura-online div.avantatges-factura-online {
	padding: 25px;
}

div#contingut fieldset.dades{
	background-color: #F9F7EF;
	margin: 0 0 0px 0;
	padding: 10px;
}

#mensajeRespuesta div#contingut .volver{
	float: left;
	padding-left:0px;
	pdding-top:10px;
}

#solicitar-producte div#contingut p.requerits, #mis-datos-editar div#contingut p.requerits {
	text-align: right;
	padding:5px 20px;

}
#solicitar-producte div#contingut form p.botons, #mis-datos-editar div#contingut form p.botons  {
	margin: 20px 0 0;
}


/* ############################################	*/
/* 5. Tipografia i colors de fonts		                   													*/
/* ############################################	*/



/* ############################################	*/
/* 6. Titols		                   																			*/
/* ############################################	*/

/* Estils generals */
h2,
h3,
h4,
h5 {
	color: rgb(64, 99, 122); /* color blau mari */
	background: none;
	font-weight: bold;
	clear:left;
	padding: 0 0 7px 0;
}
h2 a, h2 a:hover,
h3 a, h3 a:hover,
h4 a, h4 a:hover,
h5 a, h5 a:hover{
	color: rgb(64, 99, 122); /* color blau mari */
	text-decoration: none;
}
h2.alternatiu,
h3.alternatiu,
h4.alternatiu,
h5.alternatiu {
	color: rgb(212, 80, 32); /* color taronja */
}

h3.alternatiuFletxaDr{
	color: rgb(212, 80, 32); /* color taronja */
	/*background: transparent url('../img/botons/flecha_formularios_derecha.gif') no-repeat 2px 0;*/
}

h3.alternatiuFletxaEsq{
	color: rgb(212, 80, 32); /* color taronja */
/*	background: transparent url('../img/botons/flecha_formularios_izquierda.gif') no-repeat 2px 0;*/
}

h2.emfasi,
h3.emfasi,
h4.emfasi,
h5.emfasi {
	padding: 2px 11px;
	background-color: rgb(255, 229, 152); /* fons groc clar */
}
h2.super-emfasi,
h3.super-emfasi,
h4.super-emfasi,
h5.super-emfasi {
	padding: 2px 11px;
	background-color: rgb(255, 201, 85); /*fons groc fort */
}
h2 span,
h3 span,
h4 span,
h5 span {
	color: rgb(124, 160, 176); /* color blau clar */
	font-weight: normal;
}

/* Primitivos */
h2,
h2 span {
	font-size: 180%;
}
h3,
h4{
	font-size: 140%;
}
h5,
h5 span {
	font-size: 120%;
}

/* Clases */
div#contingut h2.amb-menu {
	float: left;
}
.bloc-img-titol-desc h5,
.bloc-img-titol-desc h4,
.bloc-img-titol-desc h3 {
	font-size:100%;
	display:inline;
	clear:none;
}

/* Especificos */
#lateral h2 {
	font-size: 100%;
}
#acces #lateral h2,
#atencion-cliente #lateral h2  {
	font-size: 120%;
	margin-left: 25px;
}
#acces .bloc-img-titol-desc h3 {
	font-size: 120%;
}
#home #lateral h2 {
	font-size: 160%;
	line-height:10px;
	border-bottom:1px solid #F7991D;
}
#regalos #lateral h2 {
	font-size: 100%;
}
#solicitar h3 {
	font-size: 120%;
	margin-top: 10px;
	padding-bottom: 0;
}
#solicitar h3 {
	font-size: 120%;
	margin-top: 10px;
	padding-bottom: 0;
}
#solicitar-producte h3, #mis-datos-editar h3{
	font-size: 120%;
}



#solicitar-producte form h3, #mis-datos-editar form h3{
	font-size: 120%;
	width:230px;
	text-align:right;
	padding:20px 10px 0 0;
}
#solicitar-producte form h3.sense-width, #mis-datos-editar form h3.sense-width{
	width:auto;
	text-align:left;
}
#facturas h5 {
	font-size: 120%;
}
div.pestanya h5 {
	padding-top: 1em;
}
div.doble-bloc h5 {
	margin-bottom: 7px;
	margin-top: 10px;
}
#mis-facturas h3{
	margin-bottom: 5px;
	margin-top: 5px;
}
#lectura form h3,
#lectura h3 {
	font-size: 120%;
	width:230px;
	text-align:right;
	padding:20px 10px 0 0;
}
#lectura h3.sense-width {
	width:auto;
	text-align:left;
	padding:20px 10px 10px 20px;
}
#lectura form h3 {
	width:230px;
	text-align:right;
	margin-bottom: 0.5em;
	float:left;
}
#lectura form h3 span {
	text-align:left;
	float:left;
	width: 400px;
	padding-left: 235px;
	margin-top: -1.4em;
}
#registre form h3 {
	width:230px;
	font-size: 120%;
	text-align:right;
	padding:20px 10px 10px 0;
}
#registre form h4{
	width:230px;
	font-size: 100%;
	text-align:right;
	padding:20px 10px 0 0;
}
#registre form h3 span {
	float:left;
	margin-left: 235px;
	position:relative;
	width: 300px;
	margin-top: -1.4em;
	text-align: left;
}

#lectura form h3.sense-width,
#registre form h3.sense-width,
#registre form h4.sense-width {
	text-align: left;
	width: auto;
	padding-left:20px;
}

/* ############################################	*/
/* 7. Formularis		                   		*/
/* ############################################	*/

/* 
	gris:		153,153,153
	vermell:	212,80,32
	blau fosc:	63,100,122
	blau clar:	124,160,176
*/


/* 7.1 Generics 								*/
form input, form select, form textarea, form legend {
	font-family: arial, helvetica, clean, sans-serif;
	color: rgb(153,153,153);
	font-size: 100%;
	line-height: 1.4;
}
form, form input, form select, form textarea, form legend {
	margin-right: 7px;
}

#contingut form ul li {
	list-style-type: none;
	list-style-position: outside;
	padding-bottom: 1em;
}

#contingut form ol li {
	list-style-type: none;
	list-style-position: outside;
}

#contingut form p.subcontrols ul li {
	list-style-type: none;
	list-style-position: outside;
	padding-bottom: 0.4em;
}
form, form input, form select, form textarea, form legend {
	color: rgb(64,99,122);
}

div#mis-facturas span.texte-addicional,
div#mis-recibos span.texte-addicional,
form span.texte-addicional,
form ul li address,
form label span.texte-adicional {
	color: rgb(153,153,153);
}
form ul li address {
	display:inline;
	padding:0;
	margin:0;	
}

form label em {
	font-style: normal;
}
div#contingut form p.requerits {
	text-align: right;
	padding:5px 10px;
	font-size:9px;
}

form span.requerit {
	color: rgb(212,80,32);
	font-weight: bold;
	font-family:verdana;
}
form dl dt,
form p.botons {
	clear: left;
}

form dl:after,
form p.controls:after,
form .controls:after,
form .controls ul:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
}


form dl dt,
label,
form .controls input.texte,
form .controls input.texteError,
form .controls input.select,
form .controls ul,
form fieldset legend,
form fieldset legend span,
form .subcontrols label,
form .subcontrols input.texte,
form .subcontrols input.texteError,
form .subcontrols input.select,
form .subcontrols ul {
	float: left;
	padding-right: 10px;
}

form #callejero .controls input.texte, 
form #callejero .controls input.texteError{
	float:none;
}


form p.controls,
form div.controls{
	padding-bottom: 1em;
	clear:both;
	zoom: 1;
}
form .subcontrols {
	padding-bottom: 0.3em;
}
form p.dades {
	padding-bottom:0;	
}
form p.dades-ultim {
	padding-bottom:10px;	
}
form fieldset legend label span{
	float:none;	
	padding:0;
}
form fieldset {
	position: relative;
	margin-top: 10px;
}
form fieldset legend,
form fieldset legend label {
	float: none;
	position: absolute;
	left: 0;
	text-align: right;
}
form .controls li input.texte{
	float: none;
	margin-bottom:0;
	margin-top:0;
}
form .controls li input.texteError{
	float: none;
	margin-bottom:0;
	margin-top:0;
}
form .controls li input,
form .controls li label,
form .controls li select {
	float: none;
}
form input.texte,
form input.texteError,
form select,
form textarea {
	margin-top: -1px;
/*	float:left;*/ /* xavi */
	margin-bottom:0;
	margin-top:0;
}
form textarea {
	float:left;
}
p.area-texte span.texte-addicional {
	vertical-align: top;
}
form dl dt,
form .controls label{
	padding-right: 10px;
	text-align: right;
	width: 230px;
}

form p.controls label#nombreVia {
	padding-right: 10px;
	text-align: right;
	width: 250px;
}

div#seleccionVia form p.controls label#nombreVia {
	padding-right: 10px;
	text-align: right;
	width: 330px;
}

form p.controls label.sense-width {
	padding-right: 10px;
	text-align: right;
	width:auto;
}
form dl dd{
	margin-left:230px;
	margin-bottom:0;
}
form p.subcontrols label{
	width: 130px;	
	text-align:left;
}
form p.sense-amplada-fixa,
form p.sense-amplada-fixa label{
	padding-left: 10px;
	text-align: left;
	width:auto;
}
form fieldset legend span, 
form fieldset legend label{
	text-align: right;
	width: 230px;
}
form legend span.avis {
	padding:3px 0 3px 30px;
	background: transparent url(../img/icona-mini-avis.gif) no-repeat left center;
}
form ul, 
form ol {
	margin-left: 240px;
}

#altaFOL form ul {
	margin-left: 75px;
}

form ul li,
form ol li{
	padding-bottom: 0.4em;
	clear: both; 
	display:block;
}
form ul.informatiu,
form ol.informatiu,
form dl.informatiu {
	padding-bottom: 0;
}
form p.informatiu {
	margin-left: 240px;
	padding-bottom:1em;
}
form .controls ul li,
form .controls ol li {
	padding-right: 1em;
}
form dd,
form input.texte,
form ,
form select,
form textarea {
	margin-right: 6px;
}
form dd{
	padding-left: 10px;
}
form label.radio,
form label.checkbox {
	margin-right: 0.2em;
}
div.amb-menu #contingut form fieldset.columna-inputs label.radio,
div.amb-menu #contingut form fieldset.columna-inputs label.checkbox {
	width: 445px;	
}
form .fila-inputs ul li {
	float: left;
}
form input.texte,
form textarea.texte,
form input.texteError,
form textarea.texteError  {
	border-width: 1px;
	border-style: solid;
	border-color: #eae7dc;
	background-color: #FFFFFF;
	padding: 0.2em;
}

form input.validado,
	form textarea.validado{
	border-width: 1px;
	border-style: solid;
	border-color: #eae7dc;
	background-color: #F9F7EF;
	padding: 0.2em;
}

form p.botons {
	text-align: right;
	display: block;
}
form p.labels-negreta label, /* Cambiar estilo por .strong ???? */
form p.labels-negreta label em,
form fieldset.labels-negreta legend span {
	font-weight: bold;
}

form input.texte,
form input.texteError,
form select,
form textarea {
	_margin-bottom: 1em;
}

/* 7.2 Especifics 								*/

/* Formulari ajuda de la capçalera */
form#ajuda {
	clear: both;
	background-color: rgb(255,214,0);
	width: 100%;
	margin:0;
	padding:0;
	text-align: right;
}
form#ajudaNoLogat {
	border-bottom: 43px solid rgb(255, 214, 0);
	clear: both;
	margin-right:0;
}

form#ajuda:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
}
form#ajuda fieldset {
	text-align: right;
	width:375px;
	padding: 2px 21px 8px 0px !important;
	padding: 2px 21px 12px 0;
	float:right;
}
form#ajuda label {
	float: left;
	padding-top: 2px;
	text-align: right;
}
form#ajuda input {
	vertical-align: top;
}

/* Formulari de "Facturas on-line" */
form.factures h4 {
	font-size: 110%;
	padding-bottom: 0.2em;
}
form.factures fieldset.dades {
	margin-bottom: 18px;
	padding: 16px;
}
form.factures .controls ul,
form .controls ol {
	margin-left: 0;
}

/* Formulari de login */
#acces #caixa-acces form {
	padding-bottom: 0.3em;
}
#acces #caixa-acces form p.controls label {
	display: block;
	float: none;
	padding-bottom: 0.3em;
	text-align: left;
	width: auto;
}
#acces #caixa-acces form p.controls input.texte {
	border: none;
	display: block;
	float: none;
	text-align: left;
	margin: 0;
	padding: 0.2em 0 0.2em 0;
	width: 100%;
}

/* ############################################	*/
/* 8. Taules		                   			*/
/* ############################################	*/

/* Taules */
table {
	width: 100%;
	margin-bottom: 15px;
}
table tr {
	background-color: rgb(255,237,213);
}
table thead tr,
table tbody tr.parell {
	background-color: transparent;
}
div.emfasi table tbody tr {
	background-color: rgb(255,255,255);
}
div.emfasi table tr.parell {
	background-color: transparent;
}

table tbody td.tdnumero ,
table thead th.tdnumero{
	width:10%;
	text-align: right;
}
table thead th {
	color: rgb(64,100,122);
	font-weight: bold;
	/*padding: 12px 20px 6px 20px;*/
}
table thead tr,
table tr.parell {
/*	background-color: transparent;*/
}
table th,
table td {
	padding: 5px 10px;
}
table tbody th {
	padding: 3px 7px;
}


/* ############################################	*/
/* 9. Pestanyes		                   			*/
/* ############################################	*/

div#contingut ul.pestanyes {
	text-align: left;
	margin-top: 1.5em;
	margin-bottom: 7px;
	margin-left: 195px;
	padding: 0;
}
div#contingut ul.pestanyes li {
	color: rgb(64,99,122);
	display: inline;
	list-style-type: none;
	padding: 0;
}
div#contingut ul.pestanyes li.actual {
	background-color: rgb(255,237,213);
	font-weight: bold;
	padding: 12px 21px;
	_margin: 0px 3px; /* IE HACK */
}
div#contingut ul.pestanyes li a {
	background-color: rgb(239,239,239);
	color: rgb(64,99,122);
	text-decoration: none;
	padding: 9px 21px;
}
div#contingut div.pestanya {
	background-color: rgb(255,237,213);
	padding: 14px 25px 11px 25px;
	margin-bottom: 40px;
	display: block;
}
div#contingut div.pestanya:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
}
div#contingut div.pestanya {
	zoom: 1;
}
div#contingut div.pestanya div.contingut {
	float: left;
	padding-left: 25px;
	width: 686px;
}
div#contingut div.pestanya div.emfasi {
	background-color: rgb(255,255,255);
	margin-bottom: 25px;
}
div#contingut div.pestanya ul.menu li {
	padding-bottom: 1.3em;
}
div#contingut div.pestanya ul.menu li ul {
	margin-left: 20px;
	padding-bottom: 0;
}
div#contingut div.pestanya ul.menu li ul li {
	font-size: 90%;
	padding-bottom: 0;
	padding-top: 2px;
}

/* ############################################	*/
/* 10. Textos/Enllacos amb icones		                   			*/
/* ############################################	*/

li.factura-online{
	padding-left:20px;
	background: transparent url(../img/ico_factura_online.gif) no-repeat left top;
/*	display: inline;*/
}

li.plan-ahorro{
	padding: 2px 0;
	padding-left:20px;
	background: transparent url(../img/ico_plan_ahorro.gif) no-repeat left top;
/*	display: inline;*/
}

li.descarrega-pdf {
	padding-left:20px;
	background: transparent url(../img/ico_descargar_pdf.gif) no-repeat left top;
/*	display: inline;*/
}

li.factures-anteriors {
	padding-left:20px;
	background: transparent url(../img/ico_facturas_anteriores.gif) no-repeat left top;
/*	display: inline;*/
}

#mis-datos div#contingut p.contracte, 
#mis-datos div#contingut p.baixa {
	clear:both;
	display:block;
	float:left;
	margin-top:10px;
	display: inline;
}

#mis-datos div#contingut p.contracte,
 p.contracte {
	background:transparent url(../img/ico_contrato.gif) no-repeat scroll left top;
	padding:0pt 0pt 0pt 20px;
}

#mis-datos div#contingut p.baixa, 
p.baixa {
	background:transparent url(../img/ico_baja.gif) no-repeat scroll left top;
	padding:0pt 0pt 0pt 20px;
}

/* ############################################	*/
/* 11. Widgets		                   			*/
/* ############################################	*/

/* Indicador de proces per les pagines de registre */
p#indicador-proces {
	background-color: rgb(255,237,213);
	color: rgb(124,160,176);
	padding: 10px;
	margin-bottom: 25px;
}
p#indicador-proces em {	
	font-style: normal;	
}
p#indicador-proces em.actual {
	color: rgb(64,99,122);
	font-size: 110%;
	font-weight: bold;
}
p#indicador-proces em.actual em {
	color: rgb(212,80,34);	
	font-weight: bolder;
}

p#indicador-proces em.normal em {
	font-weight: bold;
}

/* Finestres modals */
#modalOverlay {
		height:100%; width:100%; 
		position:fixed; 
		left:0; top:0; 
		z-index:3000; 
		background-color:#000; 
		/*cursor:wait;*/
} 
#modalContainer {
		position:fixed; 
		left:50%; top:15%; 
		margin-left:-500px; 
		z-index:3100;
		background-color:rgb(255,255,229); 
		border:1px solid #333;
}

#modalContainer #modal {
	padding:8px;
}



/* PANTALLA ERROR GENERICA */
#ofv_centro .ofv_titular {
	background-image: url('../img/ofv_titular_fondo.gif');
	background-position: bottom right;
	background-repeat: repeat-x;
	padding-bottom: 3px;
  }
#ofv_centro .ofv_titular span {
	background-color:white;
	color:#CD6602;
	font-size:13px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	padding:0px 5px;
}  
.div_msg {  background-color: #FEF5E3; border: 1px #F7D9C2 solid; padding-top: 100px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px; margin-top: 20px; margin-right: 15px; margin-left: 15px; text-align: center}  
.txt_azulg01 { font-size: 13px; color: #2B465C; text-decoration: none ; line-height: 18px}
txt_rojo01 { font-size: 13px; color: #CA0727; text-decoration: none ; font-weight: bold}=======

#error {
	color: #FF0000;
	position: relative;
	width: 100%;
	padding-top: 15px;
	height: 400px;
}


a.botons{
	display: block;
	float: right;
	font: bold 13px Arial; 
	line-height: 22px; 
	height: 22px; 
	padding-left: 7px; 
	text-decoration: none;
}

a:link.botons, a:visited.botons, a:active.botons{
	color: white; 
}

a.botons span{
	display: block;
	padding: 0px 20px 0px 12px; 
}

#capsalera button.botons{
	float:left;	
}

div.botons{
	overflow: hidden; 
}

div.formBotons{
	margin-top:25px;
	overflow: hidden; 
}

button.botons span{
	display: block;
	padding: 3px 20px 0px 10px; 
	margin-left:-3px;
	height:24px;
	color:white;
	position:relative;
	top:-1px;
}


button.botons {
	display: block;
	float: right;
	font: bold 13px Arial; 
	line-height: 22px; 
	height: 22px; 
	padding-left: 7px; 
	text-decoration: none;
	background:transparent none repeat scroll 0% 50%;
	border:medium none;
	cursor:pointer;
	overflow:visible;
	white-space:nowrap;
}


#blue:hover,  #yellow:hover{
	background-position: left -22px;
}

#blue:hover span,  #yellow:hover span {
	background-position: right -22px;	
}

#blue{
	background: transparent url(../img/botons/ButtonIzqBlue.gif) no-repeat top left;
}

#blue span{
	background: transparent url(../img/botons/ButtonDchBlue.gif) no-repeat top right;
}

#yellow{
	background: transparent url(../img/botons/ButtonIzqYellow.gif) no-repeat top left;
}

#yellow span{
	background: transparent url(../img/botons/ButtonDchYellow.gif) no-repeat top right;
}

#disabled{
	background: transparent url(../img/botons/ButtonIzqDesh.gif) no-repeat top left;
}

#disabled span{
	background: transparent url(../img/botons/ButtonDchDesh.gif) no-repeat top right;
}

div.tabs{
	overflow: hidden; 
	width: 100%;
}

a.tabs{
	background: transparent url(../img/tabs/TabIzqAfterOffPresOff.png) no-repeat top left;
	display: block;
	float: left;
	font: bold 11px Arial; 
	line-height: 22px; 
	padding-left: 13px; 
	text-decoration: none;
}

a.tabs span{
	background: transparent url(../img/tabs/TabDchOff.png) no-repeat top right;
	display: block;
	padding: 0px 12px 4px 5px; 
	color: white; 
}

a:link.tabs, a:visited.tabs {
	color: white; 
}

a#first{
	background-image: url(../img/tabs/TabIzqFirstPresOff.png);
	padding-left:5px;
}

a#firstSelected{
	background-image: url(../img/tabs/TabIzqAfterOffPresOn.png);
	padding-left:5px;
}

a#firstSelected span {
	background-image: url(../img/tabs/TabDchOn.png);
	font-size:11px;
	color: #949494; 
}

a#last span{
	background-image: url(../img/tabs/TabDchLastOff.png);
	padding-right:20px;
}

a#Selected{
	background-image: url(../img/tabs/TabIzqAfterOffPresOn.png);
}

a#Selected span{
	background-image: url(../img/tabs/TabDchOn.png);
	color: #949494; 
	font-size:11px;
}

a#lastSelected span{
	background-image: url(../img/tabs/TabDchLastOn.png);
	padding-right:20px;
	color: #949494; 
	font-size:11px;
}

a#lastAfter{
	background-image: url(../img/tabs/TabIzqAfterOnPresOff.png);
}

a#lastAfter span{
	background-image: url(../img/tabs/TabDchLastOff.png);
	padding-right:20px;
}

a#lastSelected{
	background-image: url(../img/tabs/TabIzqAfterOffPresOn.png);
}

a#After{
	background-image: url(../img/tabs/TabIzqAfterOnPresOff.png);
}

/************ POP UP'S ***************/
body#popup {
	background-color: rgb(255,255,255);
	margin-top:0px;
	color: rgb(153,153,153);
	font-size: 70%;
	line-height: 1.4;
}

div#capcalera_popup_amarillo {
	width: 100%;
	background-color: #FFD600;
	height: 45px;
	float: left;

}

div#capcalera_popup_gris {
	width: 100%;
	height: 55px;
	background-color: #c5c5c4;
}

img#imagen_popup {
	height: 30px;
	width: 116px;
	float: left;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 15px;
}

div#cargando{
	margin-left:40%;
	margin-top:35%;
}

div#resultado {
	width: 20px;
	height: 20px;
}

div#capcalera_popup_amarillo a{
	width: 65px; 
	float: right; 
	padding-top: 15px; 
	padding-right: 5px; 
	text-decoration: none;
}

div#capcalera_popup_amarillo a img{
	width: 13px; 
	height: 14px; 
	float: right; 
	padding-right: 10px; 
	padding-top: 1px; 
	padding-left: 5px;
}

/**********************/
/* Datos Preferencias */
/**********************/

/* muestra radiobuttons en horizontal*/
#contingut form ul.listaHorizontal li {
	display: inline ;
	clear:none;
	padding: 0px 0px 0px 0px ;
}
#contingut form ul.listaHorizontal{
	margin-left:290px;
	margin-top:18px;
}
#contingut form ul.listaHorizontalCorreccion{
	margin-left:240px;
	margin-top:-1px;
}
#contingut form .columnaDerecha{
	margin-left:290px;
	margin-top:10px;
}
form fieldset.doscolumnas legend span, 
form fieldset.doscolumnas legend label{
	margin-left:25px;
	margin-top:10px;
	text-align:right;
	width:250px;
}
/* corrige un error en el firefox en los label de datos Titular*/
label.radioTitular{
	float:none;
}

input#buscar-ajuda{
	float:left;
}

ul.implicaciones{
	list-style-image:inherit;
	list-style-position:inside;
	list-style-type:inherit;
}

.miniAviso{
 vertical-align:middle;         
}



div.derecha{
	left:50%;
	float:right;
	width:50%;
}

div.izquierda{
	width:50%;
	float:left;
}

div.izquierda label,
div.derecha label,
label.contratos	{
	font-weight: bold;
	}
/****************************************/
/* CSS particular para Baja				*/
/****************************************/
div.dlSinPadding{
	padding:20px 20px 20px 60px;
}
div.dlSinPadding dt{
	padding-bottom:0px;
}
/******************************************/
/* CSS particular para la cuenta corriente*/
/* en ModificarDatosCobro 				  */
/******************************************/
label.cccSuperior{
	position:relative;
	top:0px;
}
div.ccc{
	height:40px;
	float:left;
}
form div.controls label.ccc {
	position:relative;
	top:0px;
	padding-top:1.3em;
	padding-right: 10px;
	text-align: right;
	width: 230px;
}

span.optimizado{
	font-weight: bold;
	color:#F8991D
}

/****************************************/
/* CSS particular para Lectura Contador	*/
/****************************************/
ul.listaPSs {
	margin-left:300px;
	margin-top:5px;
}
ul.listaContadores {
	margin-left:10px;
}

ul.listaContadores li{
	position:relative;
	top:10px;
}

label.requeridoContador{
	width:290px;	
}

p.subfinal {
	clear:both;
	padding-top:10px;
}

/****************************************/
/* CSS particular para Puntos			*/
/****************************************/
div.burbujaPuntos{
	background: transparent url(../img/bocadillo_Regalos.jpg) no-repeat left top;
	display: block;
	text-align: left;
	height: 70px;
	padding-left: 10px;
	margin-bottom:3px;
}
div.regaloPuntos{
	height: 137px;
}
/****************************************/
/* CSS particular para Welcome			*/
/****************************************/
div.bloc-img-titol-desc div.burbujaPuntos {
	background: transparent url(../img/bocadillo_Home.jpg) no-repeat left top;
	margin-left:120px;
	padding-top:0.04px;
	padding-left: 25px;
	height: 80px;
}
p.textoRegalos{
	font: 12px Arial Regular; 
	color: #40637a;
	line-height:14px;
	margin-top:5px;
	padding-right: 10px;
}
div.regaloAleatorio div.burbujaPuntos{
	margin-left:120px;
}
div.regalo {
	width:105;
	height: 77;
}
dd.puntosHome{
	text-align: right;	
	color: #F7991D;	
}
/****************************************************/
/* CSS particular para Poner Contratos a mi nombre	*/
/****************************************************/

#contratos-mi-nombre div#contingut form fieldset.dades div h3{
	position: relative;
	left:30px;
}

#contratos-mi-nombre div#contingut form fieldset.dades div p{
	left: 60px;	
	position:relative;
}

/*********************************/
/* CSS particular para PAO y FOL */
/*********************************/
div#bajaPAO div#contingut fieldset.dades fieldset.columna-inputs label{
	width:300px;
}

div#bajaPAO div#contingut fieldset.dades fieldset.columna-inputs ul{
	margin-left: 315px;
	margin-top: 5px;
}

.facturaOnLine{
	position: relative; 
	left: 6px; 
	top: 10px;
}

.facturaOnLine_sin{
	position: relative; 
	top: 5px;
}

/**************************************/
/* CSS particular para Mis Facturas   */
/**************************************/

div#mis-facturas div#contingut fieldset.columna-inputs ul{
	margin-left:185px;
}

div#mis-facturas div#contingut fieldset.columna-inputs{
	margin-left:5px;
}

div#altaFOL div#contingut fieldset.dades h4.direcc span, 
div#bajaFOL div#contingut fieldset.dades h4.direcc span{
	display:inline;
}

div#altaFOL div#contingut fieldset.dades h4.direcc,
div#bajaFOL div#contingut fieldset.dades h4.direcc{
	text-indent: 20px;
}

div#solicitar-producte div#contingut fieldset#firstfieldset{
	margin-top:20px;	
}

div#seleccionVia div#estructura-continguts div#contingut{
	float:none;
	margin: 0 auto;
}

div#mask{
	position:absolute;
	top:0;
	width:0;
	height:0;
}

a.tabs span{
	font-size: 12px;
}

div#popup{
	font-size: 12px;
	font-family: Arial;
}

div#contentpopup{
	padding:30px;
}

ul.menu-online li a,
div#ultimas-facturas div.emfasi ul.factures li a{
	font-weight: bold;
}

div#FOLsinContratos div#estructura-continguts div#contingut fieldset.dades div.informacio h2 {
	font-size: 15px;
	font-family: Arial;
}

div#mis-contratos div.contingut div.emfasi p{
	margin-top: 10px;
}

div#mis-contratos div.contingut div.emfasi p.list{
	padding: 0;
}

div#mis-contratos div.contingut div.emfasi form{
	margin-top:-15px; 
}

div#mis-contratos div.contingut div.emfasi .bold{
	font-weight: bold;
}

div.simulaForm{
	color:#40637A;
}

div#errores span{
	padding-top:6px;
}

span.antiguoLegend{
	display:block;
	margin-top:10px;
	text-align:right;
	text-indent:30px;
	width:250px;
}

.fol {
	margin-left:235px; 
	margin-top:10px; 
	width:470px;
}

div#home{
	margin-top: 25px;
}

div#popup {
	width: 100%;
	position: relative;
}

div#viewClock {
	margin: auto;
	padding-top: 150px;
	position: relative;
	width: 47px;
}

div#viewPDF {
	display: none;
}

label.checkbox{
	position:relative;
	top:2px;
}