/* CSS Document */


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.63em/1.3 Arial, Helvetica, sans-serif;
	margin: 2px 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 10px 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 .boto_eurocalculadora {
	float: left;
	font: normal 1.1em/1.0 Arial, Helvetica, sans-serif;
	margin: 7px 0 0 0;
}
#contingut .boto_eurocalculadora a:link,
#contingut .boto_eurocalculadora a:visited,
#contingut .boto_eurocalculadora a:hover,
#contingut .boto_eurocalculadora 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 DE PAG ******************************************************/

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

#contingut p.ayuda {
	float: right;
	margin: 2px 0 0 0;
}

#mid #contingut p.ayuda a {
	color: #444;
}


#contingut form.datos_simulador .fila ul.opcions {
	margin: 0px 0px 15px 0px;
	float:left;
}

form.datos_simulador .opcions label {
float:left;
margin:2px 0pt 0pt 5px;
text-align:left;
}


#contingut form.datos_simulador .fila .label{
float:left;
font-size:1.1em;
margin:2px 10px 0pt 0pt;
width: 200px;
}


#contingut form.datos_simulador .fila{
height:auto;
margin: 0px 0pt 0pt 32px;
overflow:hidden;
padding: 0pt;
}

.fila {
clear:both;
margin:10px 32px 0pt;
overflow:hidden;
}


#contingut form.datos_simulador .fila ul.opcions li {
	float: left;
	margin: 0pt 0pt 0pt 5px;
	padding: 0;
	background: none;
}

#contingut form.datos_simulador .fila ul.opcions li#mujer {
	margin: 0pt 0pt 0pt 10px;
}

html > body form.datos_simulador .opcions input {
margin:3px 0pt 0pt 5px;
}

html > body form.datos_simulador select {
margin:3px 0pt 0pt 1px;
width: 180px;
}


form.datos_simulador .opcions input, html:first-child form.datos_simulador .opcions input {
display:inline;
float:left;
margin:0pt 0pt 0pt 1px;
width:auto;
}


form.datos_simulador .opcions input, html:first-child form.datos_simulador .opcions select{
display:inline;
float:left;
margin:0pt 0pt 0pt 1px;
width: auto;
}

form.datos_simulador select#euros_p{
width:150px;
}

FORM.datos_simulador SELECT#PLA_periodicidad {
	WIDTH: 150px
}

form.datos_simulador select#aportacion{
margin: 0pt 10px 0pt 0pt;
}

.dos_col_left{
float:left;
margin: 10px 5px 20px 0pt;}






/*boton continuar*/
form.datos_simulador .modificar{
	float: left;
}

form.datos_simulador .botons{
	width: auto;
}

form.datos_simulador .botons .continuar{
margin: 0pt;
padding: 0pt;
float:right;
}



/*Nuevos*/
FORM.datos_simulador .modificar_nou INPUT {
	FLOAT: left;  
}
FORM.datos_simulador .modificar_nou INPUT {
	 BACKGROUND: url(boton_modificar.gif);  WIDTH: 260px; HEIGHT: 20px;  BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px;  BORDER-BOTTOM: 0px;  CURSOR: hand;
}

FORM.datos_simulador .modificar_nou_cat INPUT {
	FLOAT: left;  
}
FORM.datos_simulador .modificar_nou_cat INPUT {
	 BACKGROUND: url(boton_modificar_ca.gif);  WIDTH: 260px; HEIGHT: 20px;  BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px;  BORDER-BOTTOM: 0px;  CURSOR: hand;
}

FORM.datos_simulador .botons_nou INPUT {
	FLOAT: right;  WIDTH: auto
}
FORM.datos_simulador .botons_nou INPUT {
	 BACKGROUND: url(boto_continuar.gif);  WIDTH: 113px; HEIGHT: 20px;  BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px;  BORDER-BOTTOM: 0px;  CURSOR: hand;
}