/* 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 {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

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

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

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

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

.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.65em; 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; padding-top:8px;}

html>body #menu_left h1{font-size:1.6em;}

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

/*************************************Nou menuleft***********************************************/
#menu_left ul {
	margin: 0.2em;
}

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

html>body #menu_left li strong {
	background: url(llistes_bullet_servicios.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***********************************************/

form select {
	font: normal 1em/1.3 Arial, Helvetica, sans-serif;
	width: 85%;
}
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: #FFB204;
}



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

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



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

#mid {
	float: left;
	width: 550px;
}
#fil_ariadna {
	padding: 4px 0 4px 0;
}

/*#promo_principal {
	height: 198px;
}
*/
#promo_principal h2 {
	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 h2 {
	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 ul li {
	margin: 0.5em 0 0 0;
}


#linia_oberta li strong {
	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;
}

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

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

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


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

#menu_right {
	padding: 4px 11px 10px 10px;
	background-color: #f4f4f4;
	min-height: 146px;
	height: auto !important;
	height: 146px;
}

html>body #menu_right {
	padding: 4px 11px 10px 10px;
	background-color: #f4f4f4;
	min-height: 126px;
	height: auto !important;
	height: 126px;
}

#menu_right li {	margin-top:0.8em}

#menu_right li strong {
	font: bold 1.09em/1.3 Arial, Helvetica, sans-serif;
	background: url(llistes_bullet_servicios.gif) 0 5px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
}

html>body #menu_right li strong {
	background: url(llistes_bullet_servicios.gif) 0 4px no-repeat;
}

#menu_right li ul li {
	font: normal 1.0em/1.3 Arial, Helvetica, sans-serif;
	margin: 8px 0 0 12px;
}

#menu_right p {
	margin: 3px 0;
	line-height:12px;
	color: #6a6a6a;
}





/***************************************** 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 h2 {
	font: bold 1.0em/1.3 Arial, Helvetica, sans-serif;
}


/*************************************Nou H3 i H4 directory***********************************************/
#directory h3 {
	font: bold 1.0em/1.3 Arial, Helvetica, sans-serif;
}

#directory h4 {
	margin: 10px 0 0 0;
	font: bold 1.0em/1.3 Arial, Helvetica, sans-serif;
	padding: 0 0 1px 9px;
}
/*************************************Fi H3 i H4 directory***********************************************/

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



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

/* ---------------------------------- Footer ---------------------------------- */

.fila_footer {
	background: #E9E9E9 no-repeat;
	min-height: 33px;
	height: auto !important;
	height: 33px;
	overflow:hidden;
	clear: both;
	width: 951px;
}

#footer .fila_footer span em {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

#footer ul  {
	margin: 3px 0 0 16px;
	padding: 6px 0 0 0 !important;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

.fila_footer span {
	color: #595959;
	font-size: 2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	float: right;
	margin: 1px 20px 0 0;
}


.central  {
	FONT-SIZE: 1.09em
}

.central P{
   MARGIN-TOP: 0.5em; MARGIN-BOTTOM: 1em
                
}


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

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

#contingut strong.titol {
	display: block;
	font: bold 1.1em/1.3 Arial, Helvetica, sans-serif;
	color: #FFB204;
	padding: 10px 32px 0 32px;
}

#contingut p {
	font: normal 1.1em/1.1 Arial, Helvetica, sans-serif;
	margin: 10px 32px 0 32px;
}

#contingut .primer_paragraf {
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	margin: 18px 32px 0 32px;
}

#contingut .primer_paragraf strong {
	color: #FFB204;
}

#contingut a:hover, #contingut a:link, #contingut a:visited{ text-decoration:underline}
#contingut ul {
	font: normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	margin: 0;
	line-height:1.3;
	/*padding: 10px 0;*/
}


#contingut p.nota_peu {
	clear: both;
	margin: 20px 32px;
	font: normal 1.0em/1.3 Arial, Helvetica, sans-serif;
}

/*#contingut h3 {
        color:#FFB204;
        font-size: 1.1em;
        margin-left:1.6em;
}
*/


/****************cuerpo titular pagina******************************/

#titular {
	BACKGROUND: url(cuadrado_titular_ahorro.gif) #dfdfdf repeat-y
}
#titular H2{
	FONT-SIZE: 1.63em; MARGIN-LEFT: 2em;
        FONT-FAMILY: Arial, Helvetica, sans-serif
}


/****************titular de cada apartado******************************/

.apartado {
	BACKGROUND: url(cuadrado_apartado.gif) #f4f4f4 no-repeat;
        PADDING-TOP: 0.3em; HEIGHT: 1.9em
}

.apartado H3 {
	FONT-SIZE: 1.1em; MARGIN: 0 1.8em; FONT-FAMILY: Arial, Helvetica, sans-serif;
}


#listas_apartado LI {
	MARGIN: 0.4em 0 0 2em
}

#listas_apartado UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 1.2em; LIST-STYLE-POSITION: outside; BACKGROUND: url(llistes_bullet.gif) no-repeat 0px 4px; PADDING-BOTTOM: 0.2px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}


.caja_deposito {
	PADDING: 1em; FONT-FAMILY: Arial, Helvetica, sans-serif; margin-left:7em; width:30em; background-color: #83bef8;
}

.caja_deposito li{
	PADDING-left: .5em; padding-bottom: 0.3em;
}

.flotado_izq{
          float: left
}

.flotado_der{
          float: right
}
/********************CONTRATAR*************************************************/

.contratar {
	margin:0px 0px 0px 411px; font-size:0.9em
}	
.contratar a {
	text-decoration:none;
}	


html>body .contratar {
	margin:0px 0px 0px 420px
}	

.contrato {
	margin: -20px 22px 0px; display: block; font-weight: bold; font-size: 1.3em; color: rgb(0, 0, 0); font-family: Arial,Helvetica,sans-serif
}



/********************Boto contratar********************************************/

.botones {
	FLOAT: right; BACKGROUND-COLOR: #dadada
}

.boton_texto {
	PADDING-RIGHT: 0.6em; PADDING-LEFT: 0.6em; FONT-SIZE: 1.09em; FLOAT: left;
    PADDING-TOP: 0.1em
}

.subrayar a{
       text-decoration: underline;
}


.boto_LA {
	float:right;
	font: bold 1.1em/1.0 Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
}
   
#contingut .right .boto_LA {
	margin: 10px 45px 0 0;
}

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


/***************************************** NOTAS *****************************************/
.letrapequena {
	font-size: 1em
}

.letrapequena p{
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	margin-left: 0em;
	margin-right: 0em;
	padding: 0.5em;
	padding-left:0;
	padding-right:0;
}





/**** Aņadido por Lavinia para clases de titulo de pagina ****/

#capcalera {
	overflow:hidden;
}
.capcalera_titol {
	background:#ebebeb;
	height:2.4em;
	overflow:hidden;
}


/*******Afegit*******/
.capcalera_titol h2 {
	font: bold 1.63em/1.3 Arial, Helvetica, sans-serif;
	margin: 2px 0 0 40px;
}
.cuadre_color {
	width:28px;
	/*height:28px;*/ height:2.5em;
	background:#FFB204;
	float:left;
}

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


.contratar_ahora a:link, .contratar_ahora a:visited, .contratar_ahora a:hover, .contratar_ahora a:active{
  display:block;
 margin: /*85px 0px 0 10px;*/7.2em 1em 0pt 0.5em;
  font:bold 1.1em Arial, Helvetica, sans-serif;
padding:0.2em 2.2em 0.25em 0.6em;
  background:#DADADA url(candau.gif) no-repeat top right;
  }

.legal {
	clear: both;
	margin: 15px 0 0 15px;
    }


.contratar_ahora_cat{
	float:right

    }
.contratar_ahora_cat a:link, .contratar_ahora_cat a:visited, .contratar_ahora_cat a:hover, .contratar_ahora_cat a:active{
  display:block;
  margin: /*85px 0px 0 10px;*/7.2em 1em 0em 2em;
  font:bold 1.1em Arial, Helvetica, sans-serif;
  padding:0.2em 3em 0.25em 0.6em;
  background:#DADADA url(candau.gif) no-repeat top right;
  }

html > body #menu_left #select_productos_servicios label {
background:transparent url(llistes_bullet_servicios.gif) no-repeat scroll 0 4px;
}
#menu_left #select_productos_servicios label {
-x-system-font:none;
background:transparent url(llistes_bullet_servicios.gif) no-repeat scroll 0 5px;
font-family:Arial,Helvetica,sans-serif;
font-size:1.09em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1.3;
padding:0 0 0 10px;
}
label {
color:#000000;
}


/************ llista quadre taronja************/

ul.list {
         margin:3em 0 0 1em !important;
}

html > body ul.list li {
         background:url("llistes_bullet_taronja.gif") no-repeat scroll 0 7px transparent;
}

ul.list li {
         background:url("llistes_bullet_taronja.gif") no-repeat scroll 0 8px transparent;
         padding:3px 0 0 13px;
}

.list a:hover, .list a:link, .list a:visited{color:#003399; text-decoration:underline;}



/**************** formulari******************/

form#donatiu { font-size:1.1em }

form#donatiu select{ width:auto }

form#donatiu fieldset {
         border:0 none; margin: 1em 0; padding:0; text-align:left;
}

form#donatiu .row {
     height:30px; margin-bottom:0.3em; margin-left:5em;
}

form#donatiu .label  {
    float:left; padding-top:0.2em;
}

form#donatiu .medium {
    width:13em;
}

form#donatiu .field {
    float:left; margin-left:5px; margin-top:7px; font-size:1.1em;
}

form#donatiu div.btnRow  { margin-top:3em }

form#donatiu .btnDistM { margin-left:15em }

form#donatiu div.btnRow input.first { margin-left:0 }
form#donatiu div.btnRow input { margin-left:8em }

div.aviso {
       background:none repeat scroll 0 0 #E9E9E9; font-size:0.9em;
       margin-top:3.5em; padding: 1em;
}

div.aviso p{
       margin:0.3em 0.3em 1em !important;
}