/* CSS Document */

@charset "utf-8";

/*----------------------------------------------------------------------------------------------------
	Neteja i iguala CSS per tots els navegadors
----------------------------------------------------------------------------------------------------*/
* { 
	margin:0; 
	padding:0; 
	border:none; 
}
* { 
	margin:0; 
	padding:0; 
	border:none; 
}
body, input, select, textarea { 
	font-family:Verdana, Helvetica, sans-serif; 
	font-size:10px;
	line-height:14px;
}
a img, img { 
	border:0px; 
	text-decoration:none;
}
li { 
	list-style:none; 
}
div.clear { 
	clear:both; 
	font-size:1px;
	line-height:1px;
	height:1px;
}
/*----------------------------------------------------------------------------------------------------
	CSS generals maqueta
----------------------------------------------------------------------------------------------------*/
body { 
	background:#fff; 
	color:#787878;
	text-align:center;
}
a {
	color:#013e80;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.contenidor {
	background:url(img/bg_peu.jpg) left bottom repeat-x; 
	height:100%;
	margin:auto;
	text-align:left;
	width:987px;
}

.contingut{
	min-height:400px;
	height:auto !important;
	height:400px;
}

.ambMenuBlau{
	background:url(img/bg_menu.gif) repeat-y 0px 0px;
}

.cabecera{
	width:987px; 
	height:127px; 
	color:#fff; 
	background:#013e80 url(img/bg_cap.jpg) top left repeat-x; 
	padding:7px 0 0 0;
} 

.col_izq {
	float:left;
}
.col_dcha {
	float:right;
}
.peu{
	color:#fff;
	padding:20px 10px 10px;
	background:#29272a url(img/bg_peu.gif) left top repeat-x;
	border-top:1px solid #000;
}
.peu a{color:#fff;}


/**/
.cabecera .col_izq{
	width:444px;
	height:95px;
}
.cabecera .col_izq h2{
	width:404px;
	height:28px;
	padding:14px 0 0 34px;
	color:#000;
	font-size:14px;
	line-height:18px;
	background:#fff url(img/bg_usuario.gif) right top no-repeat;
}

.cabecera .col_izq h2 strong{
	font-size:18px;
}

.estat{
	padding:5px 0 0 34px;
	height:28px;
}
.fecha{ 
	float:left;
	color:#fff;
	font-size:12px;
	line-height:16px;
	padding:6px 10px 6px 30px;
	background:url(img/ic_reloj.gif) left center no-repeat;
}
.salir{ 
	float:right;
	color:#fff;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	padding:6px 20px 6px 30px;
	background:url(img/ic_salir.gif) left center no-repeat;
}

/**/
/* logo PD */
.cabecera .col_dcha h1 a{
  width:390px;
	height:45px; 
	display:block; 
	overflow:hidden; 
	font-size:14px; 
	padding:9px 15px 0 10px; 
}
.cabecera .col_dcha h1 a strong{
	width:390px;
	height:45px; 
	display:block; 
	background:url(img/logos.gif) left top no-repeat; 
	padding:43px 238px 0 0;
}


/*-------------------------------------------------------------------------------------------------------
	menu_general
---------------------------------------------------------------------------------------------------------*/
.cabecera .menu_general{
	display:block;
	width:987px;
	height:27px;
	padding:0 0 0 1px;
}
/*.cabecera .menu_general a.opcio_menu{*/
.cabecera .menu_general a{
	float:left; 
	font-size:12px; 
	line-height:14px; 
	font-weight:bold; 
	color:#000; 
	padding:10px 10px 6px; 
	margin:0 2px;
	background:#b2b2b2;
	border-bottom:1px solid #000;
}
.cabecera .menu_general a:hover, 
.cabecera .menu_general a.activo{
	text-decoration:none;
	background:#fff;
}
.cabecera .menu_general a.activo{
	border-bottom:1px solid #fff;
}

/*-------------------------------------------------------------------------------------------------------
	Contingut
---------------------------------------------------------------------------------------------------------*/
.contingut h3 {
	background:transparent url(img/cuadrat.gif) no-repeat scroll 10px 30px;
	color:#184C8C;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	padding:25px 10px 0px 26px;height:50px;
}

.contingut .ambMenuBlau h3 {
	background:#FFFFFF url(img/cuadrat.gif) no-repeat scroll 10px 30px;
}
.contingut h3 span.explicacio{
	display:block;
	padding:3px 0 0 0;
	color:#666;
	font-size:11px; 
	line-height:14px; 
	font-weight:normal; 
}


/*---------------------------------------------------
	_ MI CUENTA ______________________
-----------------------------------------------------*/
ul.submenu{
	padding:0 0 10px 27px; 
}
ul.submenu li{
	color:#838383;
	font-size:11px; 
	line-height:20px; 
	font-weight:bold;
	background:url(img/viny.gif) left 8px no-repeat;
	padding:0 0 0 12px; 
}
ul.submenu li a{
	color:#838383;
	padding:0 20px 0 0px; 
}
ul.submenu li a:hover{
	color:#184c8c;background:url(img/fletxa.gif) right 3px no-repeat;
}
ul.submenu li a.actiu{
	color:#184c8c;
	background:url(img/fletxa.gif) right 3px no-repeat;
	
}


/* pagines dintre iframe */
.subseccio{
	padding:0 0 30px;
	height:100%;
}


/* formulari */

.caixaformulari{
	margin:auto;
	width:918px;
	border: 1px solid #81bdff;
	background:#fff;
}
table.taulaGeneral{
	width:918px;
	font-size:11px; 
	line-height:14px; 
	font-weight:normal;
	color:#000;
}

table.taulaGeneral .panel{
	width:918px;
	font-weight:bold;
	color:#fff;
	padding:5px 0;
	background:#81bdff;
}
table.taulaGeneral .col_datosContacto,
table.taulaGeneral .col_datosContrasena{
	vertical-align:top;
	border-right:1px solid #81bdff;
	border:0;
}

.col_datosContacto {
	border-right:1px solid #81BDFF !important;
	padding:0 0 10px 14px;
}

.col_datosContrasena {
	text-align:center;
	padding:30px 0;
}

td.resumenErrores{
	text-align:left;
	padding:10px 5px;
}
table.taulaGeneral .col_datosFiscales{ 
	vertical-align:top;
	padding:0 0 10px 15px;
}

table.taulaGeneral caption{
	font-weight:bold;
	color:#000;
	padding:10px 0 5px;
	text-align:left;
}
table.taulaGeneral .datosContacto{
	width:440px;
}
table.taulaGeneral .datosFiscales{ 
	width:440px;
}
table.taulaGeneral .datosContrasena{
	width:440px;
	}
table.taulaGeneral td.label{
	width:180px;
	padding:4px 0 4px 0;
}
table.taulaGeneral td.camp{
	text-align:right;
}
table.taulaGeneral input.campo{
	border:1px solid #81bdff;
	background:#d9ebff;
	width:230px;
	height:17px;
	font-size:11px; 
	line-height:14px; 
	font-weight:normal;
}
table.taulaGeneral input.campo:focus{
	background:#f4f1d5;
}

/* botons formulari */
table.taulaGeneral .botons{
	text-align:center;
	padding:10px 0;
	border-top:1px solid #81bdff;
}
table.taulaGeneral .col_datosContrasena .botons{ border:0; padding:30px 0 0 0;}
table.taulaGeneral .botons input.guardar, table.taulaGeneral .botons a.guardar {
	width:126px;
	height:29px;
	border:0;
	background:url(img/btn_guardar.gif) left top no-repeat;
	cursor:pointer;
}

table.taulaGeneral .botons input.guardar:hover{
	background:url(img/btn_guardar.gif) left bottom no-repeat;
}

/* Condiciones legales */

/* posicionar menu fixe */

.submen2 {

	display:block; 

	padding-left:26px; 
	height:355px; 
	width:245px; 
	z-index:20;
}

h3.condiciones {
	display:block; 
	padding-bottom:5px; 
	height:25px; 
	width:245px; 
	z-index:50;
}


.subseccio .submen2 a{
	display:block;
	font-size:10px; 
	line-height:13px; 
	font-weight:bold;
	color:#838383;
	padding:0 0 8px 0;
}
.subseccio .submen2 a:hover{
	color:#184c8c;
}
.subseccio .submen2 a strong{
	color:#184c8c;
}
.subseccio .col_dcha{ 
	border-left:1px solid #ccc;
	padding:0px 20px 0 20px;
	width:650px;
	color:#333;
	font-size:11px; 
	line-height:14px;
	z-index:10;
}
.subseccio .col_dcha h4{
	padding:0 0 12px 0;
	color:#000;
	font-size:11px; 
	line-height:14px; 
}
.subseccio .col_dcha p{
	padding:0 0 15px 0;
}


.subseccio .submen2 a.pdf{
	padding:10px 0 0 30px;
	background:url(img/ic_pdf.gif) left bottom no-repeat;

}

a.subir{
	display:block;
	width:625px;
	padding:0 20px 20px 0;
	text-align:right;
	font-size:9px;
	border-top:1px dotted #ccc;
	background:url(img/fl_pleg.gif) right 3px no-repeat;
	}
/*---------------------------------------------------
	_ INGRESOS ______________________
-----------------------------------------------------*/
.mod_report{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background:#ece9d8;
}

iframe.ingresos{
	width:100%;
	
	/*alçada mínima del contenidor compatible amb IE6 */
	min-height: 370px;
	height: auto !important;
	height: 370px;
	
	border:0;
	
	overflow:auto;
}


/* pagina resultats --------------------------------------------- */
.resultats{
	padding:0 7px;
}
.titular{
	border-bottom:1px solid #000;
	
}
.titular h3{ float:left;
	font-weight:bold;
	font-size:12px;
	line-height:15px;
	color:#000;
	background:none;
	padding:25px 0 0 0;
}
.titular h4.data{ float:right;
	font-weight:normal;
	font-size:11px;
	line-height:15px;
	color:#000;
	padding:25px 0 0 0;
}

.contresultats{
	width:973px;
	padding:15px 0;
}
table.taularesultats{
	width:100%;
	color:#333;
	font-size:10px;
	line-height:12px;
	border:1px solid #b2b2b2;
}

.taularesultats td{
	padding:6px 5px;
	border:1px solid #fff;
	font-weight:bold;
	width:75px;
	text-align:right;
}

tr.filacerrado th{
	padding:5px;
	text-align:center;
	color:#666;
	background:#efefef;
	border:1px solid #fff;
}

tr.filacerrado th.a53{
	background:#d7d7d7;
}

.taularesultats tr.tit{
	height:30px;
	color:#fff;
	border:1px solid #fff;
	background:#619ddf url(img/bg_th.jpg) left top repeat-x;
}
.taularesultats tr.tit td{
	padding:0 10px;
	}
.taularesultats tr.tit td,
.taularesultats td.a24,
td.recibido{
	text-align:center;
}

.taularesultats tr.par td{
	background-color:#eee9dd;
}


.taularesultats tr.total td{
	
	padding:28px 5px 10px;
	font-size:12px;

	color:#fff;
	background:#012246 url(img/bg_peu_td.jpg) left top repeat-x;
}

.taularesultats tr.total td.tdtotal{
	text-align:center;
}


/* separacio entre taules */

.taularesultats th.a49, .taularesultats th.a52, .taularesultats th.a53,
.taularesultats td.a70,
.taularesultats td.a27,
.taularesultats td.a72,
.taularesultats td.a31,
.taularesultats td.a74,
.taularesultats td.a35,
.taularesultats td.a97,
.taularesultats td.a101,
.taularesultats td.a105{
	border-right:1px solid #b2b2b2;	
}



/* ingresos mes */
.ingresosMes{
	padding:0 0 0 40px;
}

.ingresosMes h3 {
	background:#184C8C url(img/bg_ingresMes.gif) no-repeat scroll left top;
	color:#FFFFFF;
	padding:8px 20px 7px;
	height:14px !important;
}

.ingresosMes h3{
	color:#fff;
	padding:8px 20px 7px;
	background:#184c8c url(img/bg_ingresMes.gif) left top no-repeat;
}

.ingresosMes .eurosMes{
	padding:25px 20px 25px 80px;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
	color:#184c8c;
	background:#fff url(img/ic_euros.gif) left center no-repeat;
	margin:0 0 15px 0;
}

.ingresosMes .eurosMes .euro{
	font-size:18px;
	line-height:22px;
}



/*---------------------------------------------------
	_ CAMPAÑAS Y CREATIVIDADES ______________________
-----------------------------------------------------*/

/*---------------------------------------------------
	menu creatividades
-----------------------------------------------------*/
.menu_creatividades{
	width:200px; 
	padding:10px 0;
	border:none; 
	vertical-align:top;
	background:#c9def4;
}
.menu_creatividades table{
	font-size:10px; 
	line-height:14px;
	color:#666;
}
.menu_creatividades table,
.menu_creatividades table table,
.menu_creatividades table table table{
	width:190px; 
	float:left;
	text-align:left;
	background:#c9def4;
}

/* td del + i el - */
.plegdespleg{
	width:14px;
}

/* filets de l'arbre */
.menu_creatividades table td.bifurc div,
.menu_creatividades table td.res div,
.menu_creatividades table td.filarbre div,
.menu_creatividades table td.ultimarbre div{
	display:block;
	width:15px;
	height:1px;
}
td.bifurc{width:15px; background: url(img/fil_arbre.gif) -1px center no-repeat !important;}
td.noarbre{width:15px; background: url(img/fil_noarbre.gif) -1px center no-repeat !important;}
td.filarbre{width:15px; background: url(img/fil_solarbre.gif) -1px center no-repeat !important;}
td.ultimarbre{width:15px; background: url(img/fil_ultarbre.gif) -1px center no-repeat !important;}

.menu_creatividades table td a{
	display:block;
	color:#666;
	font-weight:bold;
}
.menu_creatividades table td a span.preu{
	font-weight:normal;
	font-style:italic;	
	font-size:10px;
	line-height:13px;
}
.menu_creatividades table td.categoria{
	text-align:left;
	background:url(img/bg_categoria.gif) left top repeat-x;
}

.menu_creatividades table td.Nivel1Escaparate{
	width:170px;
	text-align:left;
	background:url(img/bg_categoria.gif) left top repeat-x;
}

.menu_creatividades table td a.actiu{
	color:#013e80;
	font-style:italic;
	text-align:left;
}
.menu_creatividades table td a.select{
	width:135px;
	padding:1px;
	color:#013e80;
	font-style:italic;
	background:#fff url(img/fl_select.gif) right center no-repeat;
}

/*---------------------------------------------------
	contingut on es mostren les creatividades
-----------------------------------------------------*/
.mostra_creatividades{
	width:778px;
	vertical-align:top;
	padding:23px 0 10px 8px;
	text-align:center;
}

.col_banner{
	float:left;
	padding:0 0 15px 10px;
	vertical-align:top;
}

.col_banner h5{
	font-size:12px;
	line-height:16px; 
	font-weight:bold;
	padding:0 0 15px 10px;
	background:none;
}

.linea_horitzontal {
	background:url(img/fletxa_hor.gif) repeat-x 0px 0px;
	height:18px;
	padding:0px;
	margin:0px;
}

.linea_vertical {
	background:url(img/fletxa_ver.gif) repeat-y top right;
	padding:0px;
	margin:0px;
}

.separador {
	font-size:1px;
	width:5px;
	height:5px;
}

.cotaVertical {
	writing-mode: tb-rl;
	filter: flipv fliph;
	padding-right:6px;
	*padding-left:3px;
	*padding-right:0px;
}

.col_banner .foto{
	float:left;
	padding:5px;
}

.mod_codi {
	float:left;
	padding:10px 30px 0;
	text-align:left !important;
	width:330px;
}

.col_banner .mod_codi p {
	background:#efefef;
	border:1px solid #aaa;
	border-bottom:0px;
	padding:5px 0px 0px 5px;
	vertical-align:middle;
	color:#013E80;
	width:319px;
	height:21px;
}

.mod_codi .codi {
	width:300px;
	height:189px;
}

.col_banner p{
	color:#333;	
	font-size:11px;
	line-height:14px; 
	padding:0 0 10px 0;
} 

.col_banner .codi {
	border:1px solid #B2B2B2;
	height:189px;
	overflow:scroll;
	padding:6px 12px;
	width:300px;
}

.col_banner .codi code{
	color:#666;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	line-height:12px;
}


/* taula precios */
.precios {
	border:1px solid #B2B2B2;
	float:left;
	margin:10px 0 0;
	width:320px;
}

.tablaprecios {
	display:block !important;
	height:200px;
	overflow:auto;
	width:320px;
}

.precios table{
	width:300px;
	color:#333;
	font-size:10px;
	line-height:12px;
}

.precios div.caption {
	background:#EFEFEF none repeat scroll 0 0;
	color:#013E80;
	font-weight:normal;
	height:21px;
	padding:5px 0 0 5px;
	text-align:left;
	vertical-align:middle;
	font-size:11px;
	border-bottom:1px solid #B2B2B2;
}

.precios div.caption a{
	color:#333;
	padding:0 20px 0 0;
	background: url(img/fl_despleg.gif) right center no-repeat;
}
.precios div.caption a.actiu{
	background: url(img/fl_pleg.gif) right center no-repeat;
}
.precios table th{
	height:30px;
	padding:0 0 0 10px;
	color:#fff;
	border:1px solid #fff;
	background:#619ddf url(img/bg_th.jpg) left top repeat-x;
}
.precios table th.precio{
	width:58px;
	text-align:center;
	padding:0;
}
.precios table td{
	height:24px;
	vertical-align:middle;
	padding:0 10px;
	border:1px solid #fff;
	font-weight:bold;
	width:220px;
}
.precios table td.precio{
	text-align:right;
	width:38px;
}
.precios table tr.par td{
	background:#eee9dd;
}

/* breadcumb img */
.breadcum{
	width:986px; 
	height:30px;
	overflow:hidden;
	background:#619ddf;
}
.breadcumColor1 {
	background:#1d2f42;
}
.breadcumColor2 {
	background:#304e6f;
}
.breadcumColor3{
	background:#4e7eb2;
}
.breadcumColor4{
	background:#619ddf;
}
.breadcum a {
	float:left;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	line-height:15px;
	padding:8px 40px 7px 26px;
}

.breadcum  a.color1{
	background:#1d2f42 url(img/bg_color1.gif) right top no-repeat;
}
.breadcum a.color2{
	background:#304e6f url(img/bg_color2.gif) right top no-repeat;
}
.breadcum a.color3{
	background:#4e7eb2 url(img/bg_color3.gif) right top no-repeat;
}
.breadcum .color4{
	background:#619ddf;
}

.label strong{color:#194C8D;}
.campsoblig{
	padding:50px 0 0 0;
	font-weight:bold;
	color:#194C8D;
}


.texteLegal{
	width:890px;
	margin:0 auto;
	padding:10px 30px 0;
	font-size:10px;
}
.texteLegal p{
	padding:0 0 10px 0;
}

/*CSS Afegits */
.flexta_horitzontal td {
	background:url(img/fletxa_hor.gif) repeat-x 0px 0px;
	height:18px;
	padding:0px;
	margin:0px;
}
.flexta_vertical {
	margin-top:26px;
}
.flexta_vertical td {
	background:url(img/fletxa_ver.gif) repeat-y top right;
	padding:0px;
	margin:0px;
}
.flexta_vertical td .cota {
	writing-mode: tb-rl;
	filter: flipv fliph;
	padding-right:6px;
	*padding-left:3px;
	*padding-right:0px;
}

.col_banner h5 .topo {
	color:#619ddf;
}

.comentario {
	margin:0 auto;
	padding:10px 30px 0;
	font-size:10px;
}
.comentario p{
	padding:0 0 10px 0;
}