/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CSS CANAL PLANES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


body{
	text-align:center;
	margin: 0;
}
ul, li, p, form {
	margin: 0;
	padding: 0;
}

#global-container {
	margin: 0 auto;
	width: 950px;
	font: normal 62.5%/1.3 Arial, Helvetica, sans-serif;
	text-align: left;
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	border: none;
	color: #000;
}

.clear {
	clear: both;
}

.miniclear {
	clear: both;
	font-size:1px;
}

.left {
	float:left;
}

.right {
	float: right;
}

.bold {
	font-weight:bold;
}

label {
	color: #000;
}


/***************************************** LINKS *****************************************/

a img {
	border: 0;
}


/***************************************** HEADER *****************************************/

#header {
	height: 47px;
	margin:0 0 20px 0;
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
}
.logo {
	float: left;
	width: 154px;
	margin: 14px 0 0 7px;
}

.search { /* sense optimitzar mides */
	float: right;
	width: 759px;
	height: 31px;
	background: url(fons_header.gif) top right no-repeat;
}

#menu_1 {
	margin: 7px 25px 0 0;
	width:auto;
	float:right;
}

#menu_2 {
	margin: 7px 40px 0 0;
	width: auto;
	float:right;
}

.search ul {
	list-style-type: none;
}

.search ul li {
	display: inline;
	padding: 0 5px 0 6px;
}

html>body .search ul li {
	display: inline;
	padding: 0 5px 0 5px;
}

.search ul li.separador {
	display: inline;
	padding: 0 4px 0 6px;
	border-right: 1px solid #6a6a6a;
}

html>body .search ul li.separador {
	display: inline;
	padding: 0 7px 0 5px;
	border-right: 1px solid #6a6a6a;
}

.search a {
	color:#6a6a6a;
	text-decoration:none;
}


.bold {
	font-weight:bold;
}

.search form {
	float: right;
	margin: 0;
}

html>body .search form {
	float: right;
	margin: 0;
}

.label {
	margin: 7px 4px 0 0;
	float:left;
}

.search form input.buscarText {
	width: 105px;
	height: 17px;
	margin: 5px 4px 0 0;
	float:left;
	font: normal 1.0em/1.3 Arial, Helvetica, sans-serif;
}
.search form input#boto {
	float: left;
	margin: 4px 5px 0 0;
}



/***************************************** CONTENEDOR PRINCIPAL *****************************************/

#content-container {
	clear: both;
	overflow:hidden;
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
}






* {
	font-family:Arial, Helvetica, sans-serif;
}

a:link {
	color:#000;
	text-decoration:none;
}
a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration: underline;
}
a:active {
	color:#000;
}

#fil_ariadna a {
	text-decoration: underline;
}


/***************************************** LEFT *****************************************/

#left {
	float: left;
	width: 185px;
	overflow: hidden;
}

/**********/

html>body #menu_left {
	padding: 4px 5px 10px 8px;
	min-height: 396px;
	height: auto !important;
	height: 396px;
}

#menu_left {
	padding: 4px 4px 10px 8px;
	background: #f4f4f4 url(borde_menu_left_gris.gif) top right no-repeat;
	min-height: 418px;
	height: auto !important;
	height: 418px;
	width: 172px;
}

.logo_canal {
	margin: 5px 0 0 0;
}

/* nuevo logo canal */
#menu_left h1 {      /***/
	margin: 5px 0 4px 0;
}

html>body #menu_left h1 a {      
	font: italic bold 1em/0.85 Verdana, Arial, Helvetica, sans-serif;
}

#menu_left h1 a, html:first-child #menu_left h1 a {      /***/
	font: italic bold 0.65em/0.85 Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}

#menu_left ul {
	list-style:none;
        margin-left:0;
}
#menu_left ul.menu li {
	font: bold 1.09em/1.3 Arial, Helvetica, sans-serif;
	background: url(llistes_bullet_granate.gif) 0 5px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
}
html>body #menu_left ul.menu li {
	background: url(llistes_bullet_granate.gif) 0 4px no-repeat;
}

#menu_left ul.menu p {
	font: normal 0.95em/1.1 Arial, Helvetica, sans-serif;
	margin: 3px 0 5px 0;
	color: #A60035;
}


#menu_left ul.menu li ul, #menu_left .noscript li ul {
	margin: 3px 0 10px 5px;
	
}

#menu_left ul.menu li ul li, #menu_left .noscript li ul li {
	list-style-type: none;
	font: normal 0.9em/1.3 Arial, Helvetica, sans-serif;
	background:none;
	padding: 0;
}

#menu_left .noscript {
	margin:0 0 0 6px;
}
#menu_left ul.noscript li {
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	padding: 0 0 0 1px;
	margin: 0;
	background: #f4f4f4;
}

#menu_left ul.menu li.especial,
#menu_left ul.menu li.especial ul {
	background: none;
	padding: 0;
	margin-left: 0;
}

#menu_left .noscript li.sense_llista {
	padding: 0 0 11px 10px!important;
	background:none;
}

form select {
	font: normal 0.91em/1.3 Arial, Helvetica, sans-serif;
	width: 83%;
}
form#select_visita_tambien {
	margin: 10px 0 2px 0;
}

form#select_buscador_planes {
	margin: 5px 0 8px 0;
}

form #opcions_visita_tambien, form #opcions_seleccionar_guia {
	height: 20px;
}

form .botoSubmit {
	background-color: #f4f4f4;
	cursor: pointer;
	border: 0;
	padding: 0;
	margin: 0;
	width: 16px;
	vertical-align: middle;
}
#menu_left form input {
	padding: 4px 0 0;
}

html>body #menu_left form input {
	padding: 0;
	vertical-align: middle;
}

#menu_left p.subtitol {
	margin: 0 0 20px 0;
	padding: 0;
	color: #B10021;
}

* html #menu_left p.subtitol {margin: 0;}

/***************************************** RIGHT *****************************************/

#right {
	float: right;
	width: 750px;
	margin: 0;
}



/***************************************** MID *****************************************/

#mid {
	float: right;
	width: 750px;
	margin:0;
	padding:0;
}

#fil_ariadna {
	padding: 4px 0 4px 0;
}

#promo_principal h3 {
	margin:4px 0 0 0;
	padding:0;
	font: bold 1.18em/1.3 Arial, Helvetica, sans-serif;
}

#promo_principal p {
	margin: 0 0 19px 0;
}



/*******************/

#fila_destacats {
	margin: 0;
	overflow:hidden;
}
#fila_destacats h3 {
	margin:4px 0 0 0;
	padding:0;
	font: bold 1.18em/1.3 Arial, Helvetica, sans-serif;
	line-height: 13px;
}

#fila_destacats p {
	margin: 0;
	padding:0;
}
.literal_fletxa_destacats {
	height:auto;
	overflow:hidden;
	margin:0;
}

img.destacat_fletxa_vermella {
	vertical-align: bottom;
	margin: 0 0 0 6px;
}

.destacat {
	width: 263px;
	padding: 0 0 5px 0;
}

html>body .destacat {
	width: 263px;
	padding: 0 0 16px 0;
}


/***************************************** RIGHT-LO *****************************************/

#right-lo {
	float: right;
	width: 185px;
	overflow: hidden;
}

#linia_oberta {
	margin:0 0 2px 0;
	padding: 12px 8px 10px 10px;
	background:#EAF0FE url(borde_menu_right.gif) top left no-repeat;
	overflow: hidden;
}

#linia_oberta h3 {
	font: bold 1.09em/1.3 Arial, Helvetica, sans-serif;
	background: url(llistes_bullet_caixamovil.gif) 0 4px no-repeat;
	padding: 0 0 0 10px;
	margin: 0;
}

html>body #linia_oberta h3 {
	background: url(llistes_bullet_caixamovil.gif) 0 5px no-repeat;
}


#linia_oberta ul{
	margin: 6px 0 0 0;
	padding: 0 0 0 10px;
	list-style:none;
}

#linia_oberta ul li{
	padding: 0 0 1px 0;
}


/***************************************** DIRECTORY *****************************************/

#directory a:link {
	color: #000;
}

#directory a:visited {
	color: #6a6a6a;
}

#directory a:hover {
	color: #000;
	text-decoration: underline;
}

#directory a:active {
	color: #6a6a6a;
}
#directory {
	clear: both;
	font: normal 1.0em/1.3 Arial, Helvetica, sans-serif;
}

.fila_directory {
	clear: both;
	overflow: hidden;
}

html>body .fila_directory {
	padding: 0 0 15px 0;
}
.pestanya_directory {
	float: right;
	width: 185px;
	padding: 0;
}

.marge_directory {
	margin: 0 3px 0 0;
}

.directory_titol {
	background-color: #dfdfdf;
	text-align: center;
	height: 27px;
	border-top: 1px solid #a60035;
	padding: 6px 0 0 0;
}

html>body .directory_titol {
	height: 19px;
}


#directory h3 {
	font: bold 1.0em/1.3 Arial, Helvetica, sans-serif;
}

.directory_text {
	padding: 0 6px 0 6px;
}

.directory_text p {
	margin: 6px 0 0 0;
	color: #a60035;
}

#directory ul {
	line-height: 1.1;
	margin: 6px 0 0 0;
}

#directory ul li {
	list-style-type: none;
	list-style-position: outside;
	background: url(llistes_bullet.gif) 0 5px no-repeat;
	padding: 0 0 4px 10px;
}

#directory p.nota {
	color: #000;
	margin: 2px 0 0 0;
}



/***************************************** FOOTER *****************************************/

#footer {
	clear: both;
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	margin: 13px 0 0 0;
}

.fila_footer {
	clear: both;
	width: 951px;
	height: 33px;
	background: #e9e9e9 url(footer_hablamos.gif) 770px 5px no-repeat;
}

.fila_footer_cat {
	clear: both;
	width: 951px;
	height: 33px;
	background: #e9e9e9 url(footer_parlem.gif) 820px 5px no-repeat;
}
#footer p {
	padding: 8px 0 8px 0;
	margin: 0 0 20px 0;
	color:#6a6a6a;
	font: normal 0.98em/1.1 Arial, Helvetica, sans-serif;
}

#footer ul {
	margin: 3px 0 0 205px;
	padding: 6px 0 0 0;
}

html>body #footer ul {
	padding: 9px 0 0 0;
}

#footer ul li {
	display: inline;
	list-style-type: none;
	list-style-position: outside;
	background: url(llistes_bullet.gif) 0 5px no-repeat;
	padding: 0 23px 0 10px;
	border:0;
}


/*************************************************************************************************************************/
/*************************************************************************************************************************/

#mid #capcalera a, #mid #contingut a, #mid #peu a {
	color:#000;
	text-decoration:underline;
}


/***************************************** CAPÇALERA *****************************************/

#capcalera {
	overflow:hidden;
}

.capcalera_titol {
	background:#ebebeb;
	height:28px;
	overflow:hidden;
}
.capcalera_titol h3 {
	font: bold 1.2em/1.3 Arial, Helvetica, sans-serif;
	margin: 5px 0 0 40px;
}
.cuadre_color {
	width:28px;
	height:28px;
	background:#A20230;
	float:left;
}

.capcalera_cont_ip {
	background:#f4f4f4;
	min-height:112px;
	height: auto !important;
	height: 112px;
	overflow: hidden;
}
.capcalera_cont_terrat {
	background:#f4f4f4;
}
html>body .capcalera_cont_txt {
	height:72px;
}
.capcalera_cont_txt {
	background:#f4f4f4;
	height:112px;
	padding:20px 20px;
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	color:#000000;
}
.capcalera_cont_img {
	float:left;
}
.capcalera_cont_text {
	float:right;
	width:316px;
	padding:13px 7px 13px 0;
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	color:#000000;
}
.capcalera_botons {
	overflow: hidden;
	margin:10px 0 0 0;
	clear:both;
}
#mid #capcalera .capcalera_botons a, #mid #contingut .capcalera_botons a {
	text-decoration:none;
}
.boto_LA {
	float:right;
	font: bold 1.1em/1.0 Arial, Helvetica, sans-serif;
}
#mid .boto_LA a {
	background:#ebebeb url(icona_candau.gif) center right no-repeat;
	padding:3px 27px 3px 7px;
	line-height:2;
	text-decoration: none;
}
.boto_ST {
	float:right;
	font: bold 1.1em/1.0 Arial, Helvetica, sans-serif;
	margin:0 15px 0 0;
}
#mid .boto_ST a {
	background:#ebebeb url(icona_fletxa.gif) center right no-repeat;
	padding:3px 27px 3px 7px;
	line-height:2;
	text-decoration: none;
}

#mid .boto_ST_no_marge a {
	text-decoration:none;
	background:#ebebeb url(icona_fletxa.gif) center right no-repeat;
	padding:3px 27px 3px 7px;
	line-height:2;
}

/***************************************** CONTINGUT *****************************************/

#contingut {
	overflow:hidden;
	clear:both;
}

.contingut_titol {
	height: 24px;
	background:#f4f4f4 url(bullet_titol_planespensiones.gif) 15px 7px no-repeat;
	margin:25px 0 0 0;
}

#contingut .contingut_titol h4 {
	font: bold 1.1em/1.3 Arial, Helvetica, sans-serif;
	padding: 5px 0 0 32px;
	color: #000;
	margin: 0;
}

#contingut h4, #contingut h5 {
	font: bold 1.1em/1.3 Arial, Helvetica, sans-serif;
	color: #007477;
	margin: 10px 32px 0 32px;
}

#contingut p {
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	margin: 2px 32px 0 32px;
}
#contingut .primer_paragraf {
	margin: 18px 32px 0 32px;
}
#contingut ul {
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	margin: 10px 32px 3px 32px;
	line-height:1.3;
}
#contingut ul li {
	list-style-type: none;
	background: url(llistes_bullet.gif) 0 5px no-repeat;
	margin:3px 0 0 0;
	padding: 0 0 1px 14px;
}
#contingut ul.subdirectori {
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	margin: 5px 0 3px 0;
	line-height:1.3;
}
#contingut ul.subdirectori li {
	list-style-type: none;
	background: url(llistes_bullet_clar.gif) 8px 5px no-repeat;
	padding: 0 0 1px 22px;
}

#contingut .boto_normal {
	float: right;
	font: normal 1.1em/1.0 Arial, Helvetica, sans-serif;
	margin: 7px 0 0 0;
}
#contingut .boto_normal a:link, #contingut .boto_normal a:visited, #contingut .boto_normal a:hover, #contingut .boto_normal a:active {
	text-decoration:underline;
	background: url(fletxa_vermella.gif) center right no-repeat;
	padding:2px 20px 3px 7px;
	line-height:2;
}

#contingut .nota_peu {
	padding: 20px 0 0 0;
	font: normal 1.0em/1.3 Arial, Helvetica, sans-serif;
}

#contingut .marge_separador {
	padding-top: 18px;
}




/***************************************** PEU *****************************************/

#peu {
	margin:20px 0 10px 0;
	overflow:hidden;
	clear:both;
}

.peu_titol {
	height:28px;
	background:#EBEBEB url(bullet_titol_planespensiones.gif) 15px 9px no-repeat;
}
#contingut .peu_titol h5 {
	font: bold 1.1em/1.3 Arial, Helvetica, sans-serif;
	padding:7px 0 0 32px;
	color: #000;
	margin: 0;
}

.peu_cont {
	background:#f4f4f4;
	overflow: hidden;
	padding:17px 17px;
}
.peu_cont p{
	margin: 0 15px 0 15px;
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
}










/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CSS PAGINA PCFICHA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#mid {
	float:right;
	width:750px;
	margin:0;
	padding:0;
}

#contingut ul li{
    background:none;
	padding:0;
	margin:0;
}

#imprimir {
    text-align:right;
	margin:10px 0 0;
}
#imprimir a { margin: 0pt; background: transparent url('impresora.gif') no-repeat scroll 0px 50%;padding-left: 23px; display: inline; font-family: Verdana,Arial,Helvetica,sans-serif; color: rgb(0, 0, 204) ! important; }

#imprimir p{
    margin:0;
	color:#009933;
	font-size:1em;
	background: url(trebol.gif) no-repeat 480px;
}

#imprimir p.cat{
	background: url(trebol.gif) no-repeat 520px;
}

#tabla_datos_generales{
    font-size:1.1em;
	text-align: left;
	margin:15px 0 5px 32px;
	padding:0px;
}
#tabla_datos_generales th{
    width:200px;
	padding:2px 8px;
}

#tabla_rentabilidad {
    font-size:1.1em;
	text-align: left;
    border:#999999 1px solid;
	margin-top:16px;
}

#tabla_rentabilidad th, #tabla_rentabilidad td{
	border:#999999 1px solid;
	padding:4px 9px;
}

#tabla_rentabilidad th{
    background-color:#F4D9E2;
}

#tabla_rentabilidad .gris{
    background-color:#EDEDED;
}
#tabla_rentabilidad .periodo{
    width:130px;
}
#tabla_rentabilidad .valor{
    width:60px;
}


.objetivos_inversion{
    display:block;
	float:left;
	margin:0 5px 15px 0;
}

a.contratar{
	width:120px;
	height:20px;
	overflow:hidden;
	background:#DADADA url(icona_candau.gif) no-repeat right;
	margin:5px 5px 0 0;
	padding:0 30px 0 9px;
	font: bold 1.2em/1.5 Arial, Helvetica, sans-serif;
	text-decoration:none!important;
}

.dos_columnes{
    width:370px;
}
.dos_columnes strong{
    display:block;
    margin-top:15px;
}


/****** nou *********/
.tres_columnes{
    width:200px;
	margin:15px 0 0 7px;
}
.tres_columnes strong{
    display:block;
    text-align:center;
    font-size:1em;
}
.explicacio_columnes{
 width:120px;
	margin:15px 0 0 0;
	padding:0 0 0 32px;

}
* html .explicacio_columnes{
 width:173px;
}
.explicacio_columnes_fin{
 width:141px;
	margin:15px 0 0 10px;
}

.explicacio_columnes p, .explicacio_columnes_fin ul{
font: normal 1em/1.3 Arial, Helvetica, sans-serif!important;
margin:0!important;
padding:6px 0 0 0!important;
float:left;
width:100%;
}
.explicacio_columnes p.primera,  .explicacio_columnes_fin p.primera{
font: normal 1em/1.3 Arial, Helvetica, sans-serif!important;
margin:0!important;
padding:0 0 0 0!important;
}
.rendabilidad_actual, .explicacio_columnes_fin ul li{
width:100%;
float:left;
}
.rendabilidad{

width:95%;
float:left;
padding:20px 0 0 50px;
}
.rendabilidad span{
padding:0 3px;
}
.gris{
background-color:#CCCCCC;
}
.rendabilidad_actual span, .explicacio_columnes_fin ul li span{
width:73%;
float:left;
}
.explicacio_columnes p span{
width:70%;

}

.rendabilidad table {
border:1px solid #CFCFCF;
width:80%;
}

/* taula rendibilitat CSP20081021*/
/*.rendabilidad table {border-left-width: 1px;border-left-style:solid;border-left-color:#cfcfcf;
border-top-width: 1px;border-top-style: solid;border-top-color: #cfcfcf; width:80%}*/

.rendabilidad table tr{ border-left:1px solid #CFCFCF}
.rendabilidad table th, .rendabilidad table th.gris {padding-top: 4px;padding-right: 0pt;padding-bottom: 4px;padding-left: 0pt;border-right-width: 1px;border-right-style: solid;border-right-color: #cfcfcf;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #cfcfcf; background-color:#F4D9E2; border-top:1px solid #CFCFCF; border-left:1px solid #CFCFCF}
.rendabilidad table td {padding-top: 4px;padding-right: 1em;padding-bottom: 4px;padding-left: 1em;border-right-width: 1px;border-right-style: solid;border-right-color: #cfcfcf;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #cfcfcf; border-left:1px solid #CFCFCF}
/************* fin nou ************/

.grafic{
    margin:15px 0 0 32px;
}



/************* PRINT STYLES ****************/

@media print{

     #left, #imprimir, .contratar, .cuadre_color{
        display:none!important;
    }

    .search{
        visibility:hidden;
    }

	body, #mid{
		width:auto !important;
		width:510pt;
		padding:0;
		margin:0;
		float:none;

    }
.fila_footer, .fila_footer_cat{
		width:auto !important;
		width:510pt;
		padding:0;
		margin:0;
		float:none;
		

}
.dos_columnes{
		width:230pt;
		margin-bottom:0pt !important;
		margin-bottom:10pt;
}
.right{

	float:left;
}
	

.explicacio_columnes_fin{
		float:left;
		width:95pt;
		margin:0 0 0 0;
		padding-left:0;
}
.rendabilidad_actual span, .explicacio_columnes_fin ul li span{
	width:95pt;
}
.explicacio_columnes{
		float:left;
		width:60pt;
		margin-top:0;
		padding-left:20pt;
}
.tres_columnes{
		float:left;
		margin:0 5pt 10pt 0;
		width:auto;
		padding-left:0;

}
table tbody tr th{
		width:110pt;
}
.capcalera_titol h3{
margin:5pt 0 0 0;
}
#tabla_datos_generales th {
    width:120pt;
	padding:2pt 8pt;
}
#footer ul {
	margin: 3pt 0 0 0;
	padding: 6pt 0 0 0;
}


}