@charset "utf-8";
/* CSS Document */
/*************************************NUEVO MENU left***********************************************/

#menu_left {
background:url("borde_menu_left_gris.gif") no-repeat scroll right top #F4F4F4 !important;
}

html > body .sinmargen {
margin-top:0px !important;
}

.sinmargen {
margin-top:-12px !important;
}

#menu_left h1{font-size:1.9em !important;}

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

#menu_left h1 a{
	display:block; 	color:#666666; font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-style:italic; font-variant:normal; font-weight:bold;
	line-height:0.85; margin:5px 0pt 4px; text-decoration:none;
	/*font-size-adjust:none; font-stretch:normal;*/
}

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



#menu_left h1 a {
color:#666666;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-style:italic;
font-variant:normal;
font-weight:bold;
line-height:0.85;
margin:5px 0 4px;
text-decoration:none;
}



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

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

#menu_left form select {
font:1em/1.3 Arial,Helvetica,sans-serif !important;
margin-left:0 !important;
width:85%;
}



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

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

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

html>body #menu_left {
        background: #f4f4f4 url(borde_menu_left_gris.gif) top right no-repeat !important;
	padding: 4px 5px 10px 8px;
	min-height: 590px;
	height: auto !important;
	height: 590px;
}

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

.logo_canal_cat {
	margin: 5px 0 0 0;
	width: 77px;
}


#menu_left h1{font-size:1.9em !important;}
#menu_left h1 a{
	display:block; 	color:#666666; font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-style:italic; font-variant:normal; font-weight:bold;
	line-height:0.85; margin:5px 0pt 4px; text-decoration:none;
	/*font-size-adjust:none; font-stretch:normal;*/
}


#menu_left ul {
	margin: 0.2em;
}

#menu_left li strong {
	font: bold 1.09em/1.3 Arial, Helvetica, sans-serif;
	background: url(llistes_bullet_granate.gif) 0 8px no-repeat;
	padding: 3px 0 0 13px !important;
	margin: 0;
         display:block;
}

html>body #menu_left li strong {
	background: url(llistes_bullet_granate.gif) 0 7px no-repeat;
}

#menu_left li strong.noscript, #menu_right li strong.noscript {
	font: normal 1em/1.3 Arial, Helvetica, sans-serif;
	padding: 10px 0 0 13px;
	margin: 0;
	background: #f4f4f4;
}

#menu_left li ul {
	margin: 3px 0 4px 15px;
}

html>body #menu_left li ul li {
	margin: 0 2px 0 0;
	font-size:1em !important;
}

#menu_left li ul li {
	list-style-type: none;
	margin: 0 6px 0 0;;
	font-size:11px;
}
/*************************************Fi Nou H3 menuleft***********************************************/


#menu_left form{
 margin:5px 0 8px !important;}

#menu_left .si {
background:url("Ciculo-Si.jpg") no-repeat scroll 112px -3px transparent !important;
}


#menu_left .no {
background:url("Ciculo-No.jpg") no-repeat scroll 112px -3px transparent !important;
}



form#select_visita_tambien {
	margin: 10px 0 2px 0;
}

form#select_seleccionar_guia {
	margin: 0 0 2px 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;
}

.subtitol {
	margin: 0 0 20px 0;
	color: #A30332;
}

#titular {
background:url("cabecera.gif") repeat-y scroll 0 0;
height:30px;
}

#titular h3 {
font-family:Arial,Helvetica,sans-serif;
font-size:1.63em;
margin-left:2em;
padding:2px 0 0;
}


/***********************FIN NUEVO MENU LEFT *******************/





/* Planes de pension */

body {
	font-family: arial, verdana, sans-serif;
	
}
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
li {
	padding: 0;
	margin: 0;
}

a{
color:#039;
}

img {
	border: 0;
}
table {
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.clear{
clear:both;
}
#mid #titulo h1{color:#898989;font-family:arial,verdana,sans-serif;font-size:2.4em;width:740px; margin-bottom:0.5em;text-align:left;}

#mid #titulo h1 em{font-family:arial, verdana, sans-serif; font-style:italic;}

#mid p{
font-size:1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0.1em 0 0.1em 0;
}

#mid table{
font-size:1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#mid p.primera{
margin:1.1em 0 0 0;

}
#mid p.opcions{
margin:.9em 0 0 0;

}

/*Cabecera*/

.newheader {
	padding: 0px;  
	margin: 0px; 
	width: 760px; 
	color: white;  
	position: relative; 
	height: 41px;
	background-color: #000000; 
	text-align: right;
	margin-top:1px;
	}
	
.newheader a:link, .newheader A:hover, .newheader A:visited  {
	color: #ffffff;
	}
.newheader .logo {
	float: left;
	}
.newheader .search {
	margin:2px 2px 0 0; 
	float: right; 
	}
	
.newheader form {
	padding: 0px; 
	margin-top: 6px; 
	}

.newheader form .label{
	font-size:0.9em;
}
.newheader .buscar {
	border: #dbdbdb 1px solid; 
	margin-left: 2px;   
	background-color: #dbdbdb;
	font-size:1em;
	}
	
.newheader .buscarText {
	border: white 1px solid; 
	padding: 1px; 
	}
		
#subcab-02 {
	padding: 1em 0.3em 0.3em 0.3em; 
	background-color: #c30;  
	color: #fff;
	margin-bottom:0;
	text-align:left;
	}
	
#subcab-02 a {
	background-color: #c30;  
	color: #fff;
	}


#subcab-02 span {
	display:block;
	clear: right; 
	float: right;
	}
	
/*Esta regla oculta elementos que deben aparecer en la version impresa.
para que se impriman correctamente, en la css que se usa para imprimir, 
se debe colocar un display:block*/
.printItem{
 	display:none;
 }
 
legend{
	display:none;
 }
 

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

div.clear{
clear:both;
}

h3{
	color:#cc3300;
	font-size:1.6em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:0.6em;
	margin-bottom:1.1em;
	border-bottom:1px solid #f2ccbf;
	text-align:left;
}
h4{
	color:#cc3300;
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:0.3em;
	margin-bottom:1.1em;
	border-bottom:1px solid #f2ccbf;
	text-align:left;
	padding-left:0.3em;
}

h3.first{
	margin-top:0;
}

.boxB {
	overflow: hidden;  
	position: relative;
	margin-top:1em;
	margin-bottom:1.2em;
	}
	
 .boxB .top {
	overflow: hidden; 
	height: 10px; 
	background-color: #c30;
	}
 .boxB .top .tleft {
	clear: none;
	background: url(bce1.gif);
	float: left; 
	width: 10px; 
	height: 10px;
	}
 .boxB .top .tright {
	clear: none; 
	border-right: blue 0px solid; 
	border-top: blue 0px solid; 
	background: url(bce2.gif); 
	float: right; 
	border-left: blue 0px solid; 
	width: 9px; 
	border-bottom: blue 0px solid; 
	height: 10px;
	}
 .boxB h1 {
	font-size: 2.5em; 
	margin: 0px; 
	color: #fff;
	padding-left:60px; 
	line-height: 1.2em; 
	border-bottom: white 2px solid; 
	background-color: #c30;
	font-family:arial,verdana,sans-serif;
	}

	
 .boxB .scd-line {
	padding-left:60px; 
	border-bottom: white 2px solid; 
	font-family:verdana,arial,sans-serif;
	font-size: 0.7em;
	font-weight:bold;
	color:#c30; 
	margin: 0px; 
	line-height: 1.5em; 
	background-color: #EBAD99;
	}
	
 .boxB .symbol 
	{
	z-index: 1;
	background: url(flecha_b.gif) no-repeat; 
	margin: 0px; 
	overflow: hidden; 
	width: 56px; 
	height: 48px;
	position: absolute;
	left: 0px; 
	top: 23px; 
	}


 .boxB .content {
	font-family:verdana;
	font-size:.7em;
	line-height:1.3em;
	border-bottom: white 2px solid; 
	float: left; 
	padding:0; 
	width: 100%; 

	BACKGROUND-COLOR: #F2CCBF;
	}

 .boxB .colA {
	FLOAT: left; 
	margin:.3em 10px 0 10px !important;
	margin:.3em 7px 0 7px;
	padding:0 0 10px 0;
	}


 .boxB .colB {
	FLOAT: left;
	WIDTH: 420px;
	}

 .boxB .colB p {
	font-weight:bold;
	color:#666;
	margin:.8em 0 0 0;
	padding:0 0 10px 0;
}

.boxB .sensefoto {
	width: 500px;
	padding:0;
	margin:0 1em 0 60px !important;
	margin:0 1em 0 30px;
}

 .boxB .colB p strong{
	color:#c30;
}

 .boxB .colB p span{
	color:#c30;
} 
 .boxB .bottom {
	clear: both; 
	float: left; 
	overflow: hidden; 
	width: 100%; 
	background-color: #EBAD99;
	}
 .boxB .bottom .bleft {
	clear: none; 
	background: url(bce3.gif)  no-repeat left bottom; 
	float: left; 
	width: 10px; 
	height: 13px;
	position: absolute; 
	}
	
 .boxB .bottom .bright {
	clear: none; 
	border-right:blue 0px solid; 
	border-top: blue 0px solid; 
	border-left: blue 0px solid;
	border-bottom: blue 0px solid; 
	background: url(bce4.gif) no-repeat right bottom; 
	float: right; 
	width: 9px; 
	height: 13px;
	}

/*.contract{
margin-left:1em;
}
*/
.contract, .contract_gran  {
	float:right;
	margin:0;
	padding:0;
}

.contract_int {
	float:left;
	margin:0.6em 0 0 0;
	padding:0;
}



.contract_gran input {
	font-family:verdana;
	color:#c30;
	text-decoration:none;
	font-size:.95em;
	background:url(contractar_gran.gif) no-repeat top right;
	cursor:pointer;
	padding: 0.2em 2em 0.2em  1em!important;
	padding: 0.2em 0 0.2em  0;
	margin:0 1.5em 0 0;
	border:none;
}

.contract input{
	font-family:verdana;
	color:#c30;
	text-decoration:none;
	font-size:.95em;
	background:url(contractar.gif) no-repeat top right;
	padding: 0.2em 2em 0.2em  1em!important;
	padding: 0.2em 0.8em 0.2em  0;
	margin:0;
	cursor:pointer;
	border:none;
}

.contract_int input{
	font-family:verdana;
	color:#c30;
	text-decoration:none;
	font-size:.8em;
	background:url(contractar.gif) no-repeat top right;
	margin:0!important;
	margin:0 0 0 -0.8em;
	padding:0.2em 2em 0.2em 0.3em!important;
	padding:0.2em 0.8em 0.2em 0.3em;
	cursor:pointer;
	border:none;
}



/*estil data*/

span.data{
float:left;
font-size:1.1em;
margin-top:1em!important;
margin-top:0;
padding:0;
}

/*columna*/

.columna{
float:left;
}

.columna img{
float:left;
}

.llegenda{
width:22.5em;
float:left;
margin-top:1.5em;
}


#mid p.red{
background:url(red.gif) no-repeat 0 0.3em;
padding:0.4em 0em 0.2em 1.6em;
}
#mid  p.blue{
background:url(blue.gif) no-repeat 0 0.3em;
padding:0.4em 0em 0.2em 1.6em;
}
#mid p.green{
background:url(green.gif) no-repeat 0 0.3em;
padding:0.4em 0em 0.2em 1.6em;
}
#mid  p.yellow{
background:url(yellow.gif) no-repeat 0 0.3em;
padding:0.4em 0em 0.2em 1.6em;
}
#mid  p.cyan{
background:url(cyan.gif) no-repeat 0 0.3em;
padding:0.4em 0em 0.2em 1.6em;
}
#mid  p.gray{
background:url(gray.gif) no-repeat 0 0.3em;
padding:0.4em 0em 0.2em 1.6em;
}
#mid  p.pink{
background:url(pink.gif) no-repeat 0 0.3em;
padding:0.4em 0em 0.2em 1.6em;
}
#mid  p.gold{
background:url(gold.gif) no-repeat 0 0.3em;
padding:0.4em 0em 0.2em 1.6em;
}
#mid  p.darkgreen{
background:url(darkgreen.gif) no-repeat 0 0.3em;
padding:0.4em 0em 0.2em 1.6em;
}
#mid  p.darkred{
background:url(darkred.gif) no-repeat 0 0.3em;
padding:0.4em 0em 0.2em 1.6em;
}
#mid  p.darkblue{
background:url(darkblue.gif) no-repeat 0 0.3em;
padding:0.4em 0em 0.2em 1.6em;
}
#mid  p.aquamarine{
background:url(aquamarine.gif) no-repeat 0 0.3em;
padding:0.4em 0em 0.2em 1.6em;
}

p.centrado {
text-align:center;
}

.center {
text-align:center;
}

.pdd{
margin-bottom:1.5em;
}

.pdd_left{
margin-left: 5px;
}


.columna h2{
	color:#cc3300;
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:2em;
	margin-bottom:1em;
	border-bottom:1px solid #f2ccbf;
	font-weight:bold;
}

.columna p{
margin:0;
}

.ancho1{
width:55%;
float:left;
}

.ancho1 p{
padding: 0;
margin:0;
}

.ancho2{
width:43%;
float:right;
margin-left:.5em;
}

.ancho3{
width:25%;
margin-right:1.8em;
}

table.productRent{
	font-size:1.1em;
}

table.productRent{
	border-collapse:collapse;
	text-align:left;
	border:1px solid #ccc;
}

table.productRent th{
	border:1px solid #ccc;
	background-color:#cc3300;
	padding:0.3em;
	font-size:1em;
	color:#fff;
}

table.productRent td{
padding-left:0.3em;
}
table.productRent th.gris{
	border:1px solid #ccc;
	background-color:#E6E6E6;
	padding:0.3em;
	font-size:1em;
	color:#000;
}

.margin_mig{
padding-left:1.8em;
padding-right:1.8em;
}


table.hipotesi td strong{
font-weight:bold;
}


table.hipotesi{
	width:100%;
	border-collapse:collapse;
	text-align:left;
	font-size:1.1em;
	margin:0.5em 0 0 0.3em;
}

table.hipotesi th{
	border-bottom:2px solid #cc3300;
	padding:0.3em;
	font-size:1em;
	color:#000;
}

table.hipotesi td{
padding:0.4em;
}

table.resultat td{
	padding:0.4em;
}

table.resultat td strong{
font-weight:bold;
}


table.resultat{
	width:100%;
	text-align:left;
	font-size:1.1em;
	margin-bottom:1.2em;
	margin-top:1.2em;
	border:1px solid #ccc
}

table.resultat caption{
text-align:left;
border-bottom:2px solid #cc3300;
padding:0.3em;

}

table.resultat td{
padding:0.6em;
}

table.resultat th{
text-align:left;
color:#cc3300;
padding:0.8em 0.3em 0.3em 0.3em;
border-bottom:1px solid #ccc;
}


table.resultat td.pddbottom, table.resultat th.pddbottom{
	padding-bottom:1.2em;
}



table.pdd_top, div.pdd_top{
	margin-top:1.2em;
}


table.resultat td.left{
	border-left:1px solid #ccc;
}

table.resultat td.right{
	border-right:1px solid #ccc;
}

table.resultat tr.top{
	border-top:1px solid #ccc;
}

table.resultat tr.bottom{
	border-bottom:1px solid #ccc;
}

table.resultat td{
	padding:0.4em;
}

a.rojo{
color:#cc3300;
font-weight:bold;
}

/*Celdas sombreadas*/
tr.shadow{
	background-color:#FAE9E2;
}



h2{
	color:#cc3300;
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:2em;
	margin-bottom:1em;
	border-bottom:1px solid #f2ccbf;
	font-weight:bold;
}

table.productProperties{
	width:100%;
}
table.productProperties td{
	padding:0.3em 0 0 0.4em;
}

#consulta{
background-color:#D3D3D3;
padding-top:0.2em;
padding-bottom:0.3em;
}

#consulta label{
padding-left:3.1em;
padding-top:0.8em;
font-weight:bold;
margin:0;
float:left;
font-size:1.1em;
}

#consulta label select{
margin-left:7.1em;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.boton_fichas{
margin-left:6.9em;
margin-top:0.8em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}

.links_inf{
margin:1.5em 0 0 0;
padding:0.4em 0 0.4em 0;
font-size:1.1em;
}

.links_inf_gris{
color:#C0C0C0;
}

.links_inf_gris a{
margin:2.5em 0 0.5em 0;
font-size:1.1em;
color:#666;
}

/*Footer final*/
.newfooter {
	clear: both; 
	border-top: #cc3300 3px solid; 
	font-size: 1.1em; 
	padding-bottom:2.5em;
	margin-top: .75em; 
	color: #c0c0c0; 
	line-height: normal; 
	padding-top: 8px; 
	text-align: center;
	}
.newfooter a, .footer a:visited  {
	color: #c0c0c0; 
	text-align: center; 
	text-decoration: none
	}
.newfooter A:hover {
	text-decoration: underline
	}

/*tu plan*/

h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
border-bottom: 3px solid #cc3300;
margin:1.5em 0 1em 0;
}

.consulta_botones{
text-align:center;
padding:2em 0 1.5em 0;
}

.consulta_botones input{
margin-left:3.2em;
font-size: 1.1em;
}

#mid p.aclaracion{
margin-bottom:1em;
margin-top:0;
font-size:0.9em;
text-align:left;
padding:0 0.4em 0 0.5em;
}

#mid p.nota{
font-size:0.9em;
text-align:left;
padding:0 0.5em 0 0.5em;
background-color:#e2e2e2;
margin:0;
}

.nota_campo{
width:35em;
font-size:0.75em;
padding:0 0.4em 0 0.5em;
float:left;
}


/*perfil Inversor*/
td#mid div.perfil table{
font-size:1.2em;
}


#mid div.perfil p.asterisco{
font-size: .6em;
float:left;
}

#mid div.perfil p.asterisco a{
font-size:1.4em;
float:right;
display:block;
padding:.4em 1em .4em 1em;
margin-top:-0.8em;
margin-bottom:1.5em;
border:1px solid #FFCC00;
}

#mid div.perfil a.help{
float:right;
margin-top:-4em;
color:#0000EE;
}

#mid div.perfil a.calculadora{
float:right;
color:#0000EE;
border:1px solid #FFB310;
padding: 1em 1.3em 0.7em 1.3em;
}

#mid div.perfil h3.primero{
margin-top:3em;
text-align:left;
float:left;
}


form h3{
	color:#cc3300;
	border-bottom:1px solid #f2ccbf;
	margin-top:1em;
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/*columnas form*/
div.row{
	height:1%; /*hack para ie6*/
	margin-bottom:0.6em;
	font-size:1.1em;
}




/*Div para situar los labels de los eleemntos del formulario en la parte izquierda*/
div.label{
	padding-top:0.2em;
	float:left;
	margin-bottom:1em;
}
legend .ocult {
	display:none;
}


/*Etiqueta para situar el campo del formulario en la parte derecha*/
div.lateral{
float:left;	
}

div.field{
padding-bottom:0.8em;
margin-left: 5px;
}


div.field label{
padding-left:0.2em;
}

div.field div.pregunta{
margin-left:2em;
}
div.field input{
float:left;
}

div.field_nota{
float:left;
margin:0 0 1.2em 0;
width:19.5em;
padding-left:0.5em;
}

div.field_nota_big{
float:left;
margin:0 0 1.2em 0;
width:25em;
padding-left:0.5em;
}
div.field_nota input{
float:left;
}


div.row_seccion{
float:left;
width:51.5em;
}
#mid p.nota_camp{
font-size:0.85em;
padding-top:0.5em;
}


div.options{
padding-left:20em;
}

fieldset.grupo{
margin:0;
padding: 0em 0 1em 0em;
}

/*Distancias entre etiquetas y campos del formulario*/
.small{
	width:10em;
}
.medium{
	width:13em;	
}
.long{
	width:19.5em;	
}

.vlong{
	width:20em;
	margin:0;
	padding:0;
}


/*estil per imprimir la taula*/

table#print{
width:95%;
margin: 0 1.5em 0 1.5em;
}

table.info{
width:700px;
margin:1em auto 1em auto;
}

table.info td{
padding: 0.3em  0 0.3em 0.5em;
border:1px solid #ccc;
}

table.info td.medio{
text-align:center;
}

table.info td.derecha{
text-align:right;
}

.pdd_tabla_ancho3{
margin-left:2em;
}

.imprimir{
text-align:left;
font-size:1.1em;
}


div#errors {
	border:1px solid #ffd10c;
	background-color:#fefed6;
	padding:7px;
	width:95%;
	margin-bottom:2em;
	}

div#errors img{
	float:left;
	margin-right:10px;
	}

div#errors p{
	margin:0;
	padding:0;
}

div#errors ul {
	margin:10px 30px;
	padding:0;
	list-style-type:none;
}

div#errors ul li {
	font-size: 1em;
	font-weight:bold;
	margin:0 30px;
	padding-left:1em;
	background:url(marca_error.gif) 0px 4px no-repeat !important;
	background:url(marca_error.gif) 0px 6px no-repeat;
}


.ocult {
display:none;
}

.mostrat {
display:block;
}

.errorcamp_ocult {
background:#fff; 
border:0;
}

.errorcamp_mostrat {
background:#fefed6; border:1px solid #ffd10c;
margin-bottom:1em;
width:96.5% !important;
width:95%;
}

.resum_errors_mostrat {
background:#fefed6; 
border:1px solid #ffd10c;
}


.desc_error_mostrat {
background:url(avis_error_petit.gif) 10px 3px no-repeat;
font-family:verdana;
font-size:.9em;
padding:.5em 0 .5em 3em;
display:block;
}