@charset "utf-8";

/*
	Guia d'estil:
		Els noms de classe es posen en catala i les paraules es separen-amb-guions.
		Les declaracions d'atributs s'organitzen per ordre alfabetic.
		
		Durant el debugat es pot usar el guio_baix en aquest full per discriminar IE6,
		pero un cop en produccio totes les regles han d'estar al full alternatiu.
*/

/*
	TOC
		0. CSS temporal produccio
		1. Accessibilitat
		2. Elements primitius
		3. Classes globals
		4. Layout i colors de fons
			4.1 Estructura general
			4.2 Elements generics
			4.3 Elements especifics
		5. Tipografia i colors de fonts
			5.1 Generics
			5.2 Especifics
		6. Titols
		7. Formularis
			7.1 Generics
			7.2 Especifics
		8. Taules
		9. Pestanyes
		10. Textos/Enllacos amb icones
		11. Widgets
*/

/*-- 0. CSS temporal produccio
------------------------------------------------------------------------- */
/*@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;
}

.floatRight{
	float:right;
}

.floatLeft{
	float:left;
}

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(../../../images/esp/ico_descargar_pdf.gif) no-repeat center left;
	padding: 2px 0 2px 20px;
}

.ico-efactura {
	background: transparent url(../../../images/esp/ico_efactura_pdf.gif) no-repeat center left;
	padding: 2px 0 2px 20px;
}

.ico-recibo {
	background: transparent url(../../../images/esp/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#fecha {
	width: 45px;
}

div#message {
	width: 568px; 
	position: relative;
	left: 45px;
	top: -15px;
	
}

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: 23px;
}
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 14px;
	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 15px;
	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 14px;
	padding: 20px 20px 20px 60px;
	margin: 0;
}
fieldset.dades div.verificacio {margin:20px 20px 20px 20px;}

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

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);
}

/********************************
PAGINAS DEL REGISTRO
**********************************/
#contingut form fieldset.dadesP1 div.informacio{
	margin-top: -40px;	
}

#contingut form fieldset.dadesP1 div.informacio span ul li {
	padding-bottom:0;
}

fieldset.dadesP1 div.avis, fieldset.dadesP1 div.informacio, fieldset.dadesP2 div.avis, fieldset.dadesP3 div.avis, fieldset.dadesP11 div.avis{
	margin:20px;
}

#registre div#contingut p#indicador-proces {
	background-color: #ffedb8;
	margin-left: 31px;
	margin-bottom:25px;
	padding: 10px;
}

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

/*PASO1: IDENTIFICACION POR NIF*/
#registre div#contingut fieldset.dadesP1 {
	background-color: #f9f7ef;
	margin-left: 31px;
	margin-bottom:0px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
}
#registre DIV#contingut FIELDSET.dadesP1 p{
	margin-left:15px;
}
#registre DIV#contingut FIELDSET.dadesP1 label{
	text-align:left;
	width:auto;
}
#registre DIV#contingut FIELDSET.dadesP1 div#promocionOpt{  	
  margin-left:50px;    
}


/*PASO1: IDENTIFICACION POR Contrato*/
#registre div#contingut fieldset.dadesP11 {
	background-color: #f9f7ef;
	margin-left: 31px;
	margin-bottom:0px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
}
#registre DIV#contingut FIELDSET.dadesP11 p{
	margin-left:20px;
}

#registre DIV#contingut FIELDSET.dadesP11 label{
	text-align:right;
	width:235px;
}

#registre DIV#contingut FIELDSET.dadesP11 div#contratoPoliza{
  margin-left:0px;    
}

#registre DIV#contingut FIELDSET.dadesP11 div#contratoPoliza ul{
  margin-left: 0px;
}

#registre DIV#contingut FIELDSET.dadesP11 div#contratoPoliza li{
  margin-left: 90px;
}

#registre DIV#contingut FIELDSET.dadesP11 div#contratoPoliza ul li p label{
  text-align:left;
  width:145px;
}


/*PASO 2: DATOS ACCESO Y CONTACTO*/
#registre div#contingut FIELDSET.dadesP2 {
	background-color: #f9f7ef;
	margin-left: 31px;
	margin-bottom:0px;
	padding-top: 15px;
	padding-left: 21px;
	padding-right: 10px;
	padding-bottom: 2px;
}

#registre DIV#contingut FIELDSET.dadesP2 p{
	margin-left:85px;
}
input.texteOther{
    border-width: 1px;
	border-style: solid;
	border-color: #eae7dc;
	background-color: #f9f7ef;
	height:1.6em;
}

#registre DIV#contingut FIELDSET.dadesP2 p ul li input.texteOther{
	vertical-align:bottom;	
}

#registre DIV#contingut FIELDSET.dadesP2 label{
	text-align:right;
	width:145px;
}

/*PASO 3: CONFIRMACION DE DATOS DE ENTRADA */
#registre div#contingut fieldset.dadesP3 {
	background-color: #f9f7ef;	
	margin-left: 31px;
	padding-left: 51px;
	padding-top: 15px;
	padding-bottom: 2px;
}

/*PASO FIN: RESULTADO DEL ALTA*/
#registre div#contingut fieldset.dadesFin{
	background-color: #f9f7ef;	
	margin-left: 31px;
	padding-left: 51px;
	padding-top: 15px;
	padding-bottom: 2px;
}

/**************** 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: 475px;
	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;
}

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

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

/* Pagina Sol·licitud de productes */
#FOLsinContratos div#contingut fieldset.dades,
#bajaFOL div#contingut fieldset.dades,
#altaFOL div#contingut fieldset.dades,
#reclamar-recibo div#contingut fieldset.dades,
#reclamar-factura div#contingut fieldset.dades,
#solicitar-producte div#contingut fieldset.dades, 
#mis-datos-editar div#contingut fieldset.dades, 
#callejero div#contingut fieldset.dades,
#seleccionVia div#contingut fieldset.dades,
#mis-facturas div#contingut fieldset.dades
{
	background-color: #F9F7EF;
	margin: 0 0 0px 0;
	padding: 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		                   													*/
/* ############################################	*/

ul.promociones li { list-style-type: disc; }

/* ############################################	*/
/* 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,
#mis-recibos h3 {
	margin-bottom: 5px;
	margin-top: 25px;
}
#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 p.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 input.texteError,
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 {
	border-width: 1px;
	border-style: solid;
	border-color: #eae7dc;
	background-color: #FFFFFF;
	padding: 0.2em;
}

form input.texteError,
	form textarea.texteError{
	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, 
table tbody tr.normal,
table tbody tr.generico,
table tbody tr.fijo {
	background-color: transparent;
}

table tbody tr.noLeido th, 
table tbody tr.noLeido td{
	font-weight: bolder;	
}

#mis-avisos table tbody tr.textoExtendido{
	background-color: transparent;
}

#mis-avisos table tbody tr.textoExtendido td{
	padding-left: 50px !important;
}

#mis-avisos table thead tr{
	border-bottom:2px solid grey;
}

#mis-avisos table.peticions .data{
	width:550px;
}

#mis-avisos table.peticions .codi{
	width:380px;
}

table tbody tr a{
	text-decoration:none;
}

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: 3px 10px !important;
	padding: 5px 10px;
}
table tbody th {
	padding: 3px 7px;
}
/* Taula factures */
table.factures .data {
	width: 35%;
}
table.factures .import {
	width: 26%;
}
/* Taula peticions */
table.peticions .data {
	width: 15%;
}
table.peticions .codi {
	width: 20%;
}

/* ############################################	*/
/* 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(../../../images/esp/ico_efactura_pdf.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(../../../images/esp/ico_descargar_pdf.gif) no-repeat left top;
/*	display: inline;*/
}

li.descarrega-efactura-pdf {
	padding-left:20px;
	background: transparent url(../../../images/esp/ico_efactura_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{
	position:relative;
	padding-top:35%;
}

div#mis-avisos div#cargando{
	padding-top:0;
}

div#mis-avisos div#cargando div{
	top:0;
}

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*/
form fieldset div.columnas{
	width:33%;
	float:left;
}

form fieldset div.columnas fieldset label{
	width:145px;
}

form fieldset div.columnas fieldset p.controls{
	padding-bottom: 0.5em;
}



#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:270px;
}
ul.listaContadores {
	margin-left:10px;
}

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

label.requeridoContador{
	width:260px;	
}

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;
}

/**************************************/
/* 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;
}

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-mini {
	background:transparent url(/images/esp/icona-informacio_mini.gif) no-repeat scroll 16px 0;
	margin-top:5px;
	padding:1px 20px 0 45px;
}

div#errores-mini span{
	font-size:11px;	
	font-weight:normal;
}

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:440px;
}

div#contingut div.simuladorFlash{
	margin:0 auto; 
	width: 777px;
}

fieldset#cuenta{
	margin-left: 130px;
	margin-top:-15px;
	display:none;	
}

select.tipoDocumento{
	float:left;
	margin-right:30px;
}

p.paisPanel{
	display:none;
}

fieldset.dadesP1 p.pdocumento label, 
fieldset.dadesP1 p.paisPanel label {
	font-weight:bold;
}

p.pdocumento label.documento{
	width:auto !important;
}

div.seleccionPS{
	width:100%;
	margin-bottom:10px;
	position: relative;
	background-color:#FFEDD5;
}

div.seleccionPS p{
	padding:5px;
}

div.seleccionPS p.title{
	float:left;
	font-size:103%;
	font-weight:bolder;
	color:#40637A;
}

div.seleccionPS p.navegacio-b{
	clear:none;
	padding-top: 0pt;
}

div.seleccionPS .clearer{
	clear: both; 
	margin-bottom: 5px;
}

div.seleccionPS .ps{
	width: 100%;
	float: left;
	padding:5px;
	position:relative;
}

div.seleccionPS .ps#pageMark{
	margin-top:-20px;	
}

div.seleccionPS .ps div{
	width: 50%;
	float:left; 
}

div.seleccionPS .ps div.allLine{
	width:99%;
}


div.seleccionPS .ps div.lnkselected a{
	text-decoration:none;
	color:#D45020;
}

div#facturaSeparator{
	margin: 10px 0pt; 
	background: white none repeat scroll 0% 0%; 
	width: 100%; 
	height: 2px;
}

div.ps .navegacio-b{
	margin-top:-5px;
	padding-right:15px;
	position:relative;
}

div#cargando div{
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(../img/spinner.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
	font-size:14px;
	font-weight:bolder;
	left:10px;
	padding-left:20px;
	position:relative;
	top:-200px;
	margin:auto;
	width:155px;
}

#mis-facturas div#cargando div{
	width:210px;
}

#seleccionVia div#cargando{
	margin-top:100px;
}


#mis-contratos p.navegacio-b a,
#mis-facturas p.navegacio-b a{
	font-weight:bolder;
	text-decoration:none;
}

form fieldset#fieldsetMediosNoLogged label{
	width:230px;
	text-align:right;
}

form fieldset#fieldsetMediosLogged label{
	width:187px;
	text-align:right;
}

#contingut form fieldset.medios{
	margin:10px 0 0;	
}

#contingut form fieldset.medios ul.listaHorizontalCorreccion{
	margin-left:0;
	display: block;
	clear:both;
	width:550px;
}

#contingut form fieldset#fieldsetMediosLogged fieldset.medios ul.listaHorizontalCorreccion{
	width:505px;
}

#contingut form fieldset.medios ul.listaHorizontalCorreccion li{
	display:block;	
	float:left;
	width:160px;
	position:relative;
}

#contingut form fieldset.medios ul.listaHorizontalCorreccion li p{
	position:relative;
	left:24px;
	top:-19px;
	width:175px;
}

fieldset.medios #otrosMedios, fieldset.medios .otros, #actividadOtros, #combustibleOtros, #equiposProduccionTermicosOtros, #equiposDistribucionTermicosOtros, #pesoCamiones, #tipoAutobus, #tipoFlotaOtros {
	left:127px;
	position:absolute;
	top:-2px;
}

div#solicitar-producte div#estructura-continguts div#contingut fieldset.radios label{
	text-align: right; 
	width: 230px;
}

div#solicitar-producte div#estructura-continguts div#contingut fieldset.radios ul{
	padding-top:3px;
}

div#solicitar-producte div#estructura-continguts div#contingut fieldset.radios ul li input{
	background-color: transparent; 
	border:none; 
	margin-bottom:0; 
	margin-top:0;
}

table.peticions tr.fijo th{
	background:transparent url(/images/esp/chincheta.jpg) no-repeat scroll 7px 5px;
	padding:7px !important;
	text-indent:30px;
}