/* another blue: #BFD0E6   
naranja claro: #FFE8CB   
naranja oscuro: #FB8B00   
azul: #0066A6   
azul claro: #E2F2FD  */
#debuglayer {
	font-family: Terminal;
	z-index: 5;
	border: 2px solid silver;
	background-color: #000;
	font-size: 11px;
	height: 200px;
	right: 0;
	overflow: auto;
	padding: 5px;
	position: absolute;
	text-align: left;
	bottom: 0;
	white-space: nowrap;
	width: 400px;
	color: #00FF00;
}

body {
	font-family: verdana
}

input {
	border: 1px solid #BFD0E6
}

ul {
	list-style: none;
	margin-left: 1em;
	padding-left: 0
}

li {
/*	background: url(../images/static/bullet.gif) no-repeat 0 .5em; */
	color: #000;
	padding-bottom: 5px;
	padding-left: 5px
}

li a		{color: #003B61; text-decoration: none; }
a				{color: #003B61; text-decoration: none; }
a:hover {color: #003B61; text-decoration: none; }

strong, dt {
	font-weight: bold;
}

h3 {
	font-size: 107%;
	font-weight: bold;
	text-decoration: underline;
}

h4 {
	font-size: 92%;
	font-weight: bold;
	text-decoration: underline;
}

dd { margin-bottom: 1em }


img.marco {
	border: 1px solid #C3D3E8;
	margin: 1em
}

.w8 {
	width: 8em
}

.fleft {
	float: left
}

.fright {
	float: right
}

.dinline {
	display: inline
}

.vatextbottom {
	vertical-align: text-bottom
}

ul.nobackground2 li {
	background-image: url();
}

/* ESTILOS YUI */
#bd {
}

#yui-main {
	float:left;
	background: url(../images/static/yui_main_background.gif) repeat-y top left
}

#ft {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 180px;
	text-align: left;
	
	color: #3C3C3C;
	font-size: 10px;
	font-family: arial;
	font-weight: normal;
}
#ft a				{color: #3C3C3C; text-decoration: none; }
#ft a:hover {color: #3C3C3C; text-decoration: none; }


/* HEADER */
#menu_bar {
	color: #FFF;
	height: 25px;
	margin-top: 10px;
	width: 100%
}

#menu_bar p {
	height: 25px;
	padding-top: 3px;
	text-align: center
}

#menu_bar_container {
	text-align: center
}

#menu_bar_container span {
	color: #FFF;
	float: left;
	font-size: 92%;
	font-weight: bold;
	height: 25px;
	padding-top: 5px;
	width: 25%
}

#menu_bar_container span a {
	color: #FFF
}

.BSA {
	background: url(../images/static/bg_menu_bsa.gif) repeat-x
}

.SRV {
	background: url(../images/static/bg_menu_serveis.gif) repeat-x
}

.USERS {
	background: url(../images/static/bg_menu_usuaris.gif) repeat-x
}

.PROF {
	background: url(../images/static/bg_menu_professionals.gif) repeat-x
}

.menu1 {
	background: url(../images/static/bg_menu_bsa.gif) repeat-x
}

.menu2 {
	background: url(../images/static/bg_menu_serveis.gif) repeat-x
}

.menu3 {
	background: url(../images/static/bg_menu_usuaris.gif) repeat-x
}

.menu4 {
	background: url(../images/static/bg_menu_professionals.gif) repeat-x
}

/*------------ COMMON --------------*/

.limpia {clear: both;}
.izda		{float: left;}
.dcha		{float: right;}
.centro {text-align: center}
.espacio_30	{float:left; width: 30px;}

/*------------ HEADER --------------*/

#header_FO_Portada
{
	width: 760px;
	height: 275px;
}
#header_FO_In
{
	width: 760px;
	height: 220px;
}
#header_FO_In_cita
{
	float: left;
	width: 180px;
	height: 80px;
	padding-top: 140px;
}

/*------------ LATERAL IZQUIERDO --------------*/

#menuizdo
{
	float:left;
	width: 175px;
}
#sidebar_language
{
	padding-bottom: 10px;	
	color:#003B61;
	font-size: 10px;
	font-family: arial;
	font-weight: normal;
}
#sidebar_language a				{color: #003B61;}
#sidebar_language a:hover	{color: #003B61;}

input.search_text
{
	margin-top: 5px;
	padding: 3px;
	border: 1px solid #4F4E4E;
	font-size: 12px;
}
input.search_button
{
	margin-top: 5px;
	padding: 3px;
	border: 0px;
	background-color: #FE7D19;
	color: #FFFFFF;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
}

.menuizdo_destacado_top
{
	float: left;
	width: 172px;
	height: 9px;
	font-size: 1px;
	background: url(../images/menuizdo_destacado_top.gif) no-repeat;
}
.menuizdo_destacado_cen
{
	float: left;
	width: 152px;
	padding-left: 10px;
	padding-right: 10px;
	
	color: #003B61;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	
	background: url(../images/menuizdo_destacado_cen.gif) repeat-y;
}
.menuizdo_destacado_cen a				{color: #003B61;}
.menuizdo_destacado_cen a:hover	{color: #003B61;}
.menuizdo_destacado_bot
{
	float: left;
	width: 172px;
	height: 9px;
	font-size: 1px;
	margin-bottom: 8px;
	background: url(../images/menuizdo_destacado_bot.gif) no-repeat;
}

.menuizdo_gris_top
{
	float: left;
	width: 172px;
	height: 9px;
	font-size: 1px;
	background: url(../images/menuizdo_gris_top.gif) no-repeat;
}
.menuizdo_gris_cen
{
	float: left;
	width: 152px;
	padding-left: 10px;
	padding-right: 10px;
	
	color: #003B61;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	
	background: url(../images/menuizdo_gris_cen.gif) repeat-y;
}
.menuizdo_gris_cen a				{color: #003B61;}
.menuizdo_gris_cen a:hover	{color: #003B61;}
.menuizdo_gris_bot
{
	float: left;
	width: 172px;
	height: 9px;
	font-size: 1px;
	margin-bottom: 8px;
	background: url(../images/menuizdo_gris_bot.gif) no-repeat;
}

.menuizdo_naranja_top
{
	float: left;
	width: 172px;
	height: 9px;
	font-size: 1px;
	background: url(../images/menuizdo_naranja_top.gif) no-repeat;
}
.menuizdo_naranja_cen
{
	float: left;
	width: 152px;
	padding-left: 10px;
	padding-right: 10px;
	
	color: #003B61;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;

	background: url(../images/menuizdo_naranja_cen.gif) repeat-y;
}
.menuizdo_naranja_cen a				{color: #003B61;}
.menuizdo_naranja_cen a:hover	{color: #003B61;}
.menuizdo_naranja_cen ul 			{margin: 0px; padding: 0px; padding-top: 5px; list-style: none;}
.menuizdo_naranja_cen li
{
	margin: 0px;
	padding: 2px;
	border-top: 1px solid #FE7D19;
	list-style: none;
	color: #003B61;
}
.menuizdo_naranja_cen li a				{font-weight: normal;}
.menuizdo_naranja_cen li a:hover	{font-weight: normal;}
.menuizdo_naranja_cen p						{font-weight: normal; padding-top:8px; line-height:120%; }
.menuizdo_naranja_bot
{
	float: left;
	width: 172px;
	height: 9px;
	font-size: 1px;
	margin-bottom: 8px;
	background: url(../images/menuizdo_naranja_bot.gif) no-repeat;
}

/*------------ CUERPO DE LA PAGINA --------------*/

.staticPageWeb_container
{
	float: left;
	width: 575px;
	padding-left: 10px;
	
	color: #003B61;
	font-family: arial;
	font-weight: normal;
	font-size: 12px;
}
.staticPageWeb_container p			 	{color: #003B61; padding-bottom: 10px;}
.staticPageWeb_container h1,h2,h3	{color: #003B61; padding-bottom: 10px;}
.staticPageWeb_container ul			 	{color: #003B61; padding-bottom: 10px; list-style-position: inside;}
.staticPageWeb_container li			 	{color: #003B61; padding-bottom: 10px; list-style-type:circle; }
.staticPageWeb_container a			 	{color: #003B61; font-weight: normal;}
.staticPageWeb_container a:hover 	{color: #003B61; font-weight: normal;}

.ancho_hilo			{width:500px;}
.padding_left_5	{padding-left:5px;}
.ancho_noticia_izda	{width:385px;}
.ancho_noticia_dcha	{width:270px;}

#staticPageWeb_hilo_ariadna
{
	font-family: arial;
	width: 575px;
	font-size: 10px;
	font-weight: normal;
	padding-top:7px;
}


#staticPageWeb_fecha
{
	width: 575px;
	padding-bottom: 5px;
	font-size: 10px;
	text-align: right;
}
#staticPageWeb_titles
{
	clear: both;
	width: 575px;
	padding-bottom: 10px;
	
  font-size: 32px;
  font-family:Arial Black, arial;
  font-weight: bold;
	text-decoration: none;
	text-align: right;
}
#staticPageWeb_titles h1 {font-size: 72px; font-family:Arial Black,arial; font-weight: bold; text-decoration: none; padding: 0px;}
#staticPageWeb_titles h2 {font-size: 50px; font-family:Arial Black,arial; font-weight: bold; text-decoration: none; padding: 0px;}
#staticPageWeb_titles h3 {font-size: 32px; font-family:Arial Black,arial; font-weight: bold; text-decoration: none; padding: 0px;}

.h1 {font-size: 72px; font-family:Arial Black,arial; font-weight: bold; text-decoration: none; padding: 0px;}
.h2 {font-size: 50px; font-family:Arial Black,arial; font-weight: bold; text-decoration: none; padding: 0px;}
.h3 {font-size: 32px; font-family:Arial Black,arial; font-weight: bold; text-decoration: none; padding: 0px;}

#torna
{
	float: right;
	padding-top: 20px;
	padding-bottom: 20px;
	
	font-size:12px;
	font-family:arial;
	font-weight:normal;
}
#torna a
{
	color:#003B61;
	text-align:right;
	text-decoration:underline;
}
#torna a:hover
{
	color:#003B61;
	text-align:right;
	text-decoration:underline;
}


#fotos_izda_container
{
	float: left;
	padding-right: 15px;

	color: #3C3C3C;
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
}
#fotos_izda_container p {color: #3C3C3C; padding-top:2px; padding-bottom: 8px; }
#fotos_izda_container img {	width: 150px; }

#fotos_dcha_container
{
	float: right;
	padding-left: 15px;

	color: #3C3C3C;
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
}
#fotos_dcha_container p {color: #3C3C3C; padding-top:2px; padding-bottom: 8px; }
#fotos_dcha_container img {	width: 270px; }

#foto_dcha_default
{
	float: right;
	padding-left: 15px;
	width: 300px;
}

#staticPageWeb_content
{
	width: 575px;
}
#staticPageWeb_content a				{font-weight: normal;text-decoration: underline;}
#staticPageWeb_content a:hover	{font-weight: normal;text-decoration: underline;}

#comcontactar_table td
{
 vertical-align: top;
}
#staticPageWeb_links
{
	float: right;
	width: 575px;
	padding-bottom: 10px;
	text-align: right;
}
#staticPageWeb_links a				{font-weight: normal;text-decoration: underline;}
#staticPageWeb_links a:hover	{font-weight: normal;text-decoration: underline;}

#intro_title		{ font-size: 24px; font-family:arial; font-weight: bold; text-decoration: none; padding: 0px; padding-bottom: 10px;}
#intro_content ul
{
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}
#intro_content li
{
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
	list-style:none;
	list-style-position:outside;
}
#intro_content li a				{font-weight: bold;text-decoration: underline;}
#intro_content li a:hover	{font-weight: bold;text-decoration: underline;}

/*------------ NOTICIA --------------*/

#Noticia_titles
{
	padding-bottom: 10px;
	
	font-size: 24px;
	font-family:arial;
	font-weight: bold;
	text-decoration: none;
}

#sinTags a				{font-weight: bold;}
#sinTags a:hover	{font-weight: bold;}
#sinTags h1 			{padding:0px; text-decoration: none; font-weight: bold; display: inline;}
#sinTags h2 			{padding:0px; text-decoration: none; font-weight: bold; display: inline;}
#sinTags h3 			{padding:0px; text-decoration: none; font-weight: bold; display: inline;}

/*------------ MAPA WEB --------------*/

.mapaWeb_lista
{
	float: left;
	width: 150px;
	padding: 15px;
	
	color: #003B61;
	font-family: arial;
	font-weight: normal;
	font-size: 12px;
}
.mapaWeb_lista ul 			{margin: 0px; padding: 0px; padding-top: 5px; list-style: none;	list-style-position:outside;}
.mapaWeb_lista li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-position:outside;
	border-top: 1px solid #FE7D19;
}
.mapaWeb_lista a 					{font-weight: normal;}
.mapaWeb_lista a:hover		{font-weight: normal;}
.mapaWeb_lista li a				{font-weight: normal;}
.mapaWeb_lista li a:hover	{font-weight: normal;}

/*------------ FORMULARIO PETICION DE VISITA --------------*/

#frase_inicial_pos
{
	padding-top: 80px;
	padding-bottom:30px;
	font-size: 14px;
	font-weight: bold;
}
#botones_centro {padding-left: 200px;}
#botones_centro	a				{text-decoration: none; font-weight: bold;}
#botones_centro	a:hover	{text-decoration: none; font-weight: bold;}

.form_boton_izda
{
	float: left;
	height: 25px;
	width:  10px;
	background: url(../images/boton_form_izda.gif) no-repeat;
}
.form_boton_centro
{
	float: left;
	
	color: #003B61;
	font-size: 12px;
	font-family: arial;

	background: url(../images/boton_form_centro.gif) repeat-x;
}
.form_boton_centro a
{
	display: block;

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

	font-weight: bold;
}
.form_boton_centro a:hover
{
	display: block;

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

	font-weight: bold;
}
.form_boton_centro_submit
{
	float: left;
	height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 0px;
	cursor: pointer;
	color: #003B61;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	background: url(../images/boton_form_centro.gif) repeat-x;
}

.form_boton_dcha
{
	float: left;
	height: 25px;
	width:  10px;
	background: url(../images/boton_form_dcha.gif) no-repeat;
}

.advice {padding-left: 290px; padding-bottom: 5px; padding-top: 5px;}

.campo_invisible 	{ display: none;}

#request fieldset	{	width: 100%; }
#request label {
	float: left;
	width: 280px;
	padding-right: 10px;
	margin-top: 5px;
	text-align: right;
	font-weight: bold;
}

#request input {
	width: 280px;
	float: left;
	margin-top: 5px;
	border: 1px solid #000000;
}
#request input.short {width: 140px;}

#error_img
{
	float: left;
	padding-top: 12px;
	padding-right: 5px;
}
#error_msg
{
	float: left;
	height: 20px;
	padding-top: 15px;
	padding-bottom: 20px;
	color: #FC000A;
	font-weight: bold;
}
.campo
{
	float: left;
	width: 275px;
	padding-bottom: 5px;
	text-align: right;
}
.valor
{
	float: left;
	width: 290px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-weight: bold;
}

/*------------ PRINT LAYOUT DE LA PETICIÓN DE VISITA --------------*/

#PrintLayoutContainer
{
	background-color: #FFFFFF;
	width: 610px;
}
#PrintLayoutCab
{
	margin: 10px;
	padding: 10px;
	width: 580px;
	border: 1px solid #003B61;
	
	color: #003B61;
	font-size: 12px;
	font-family: arial;
	font-weight: normal;
	text-align: center;
}
#PrintLayout
{
	margin: 10px;
	padding: 0px;
	width: 600px;
	border: 1px solid #003B61;
	
	color: #003B61;
	font-size: 12px;
	font-family: arial;
	font-weight: normal;
}
#PrintLayout h1
{
	margin: 0px;
	padding: 10px;
	
	text-align: center;
	font-size: 50px;
	font-family: arial black, arial;
	font-weight: bold;
	
}
#PrintLayout fieldset
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/*------------ PAGINATION --------------*/
#result_table	td a				{font-size: 14px; font-weight: bold; text-decoration: none; }
#result_table	td a:hover	{font-size: 14px; font-weight: bold; text-decoration: none; }

.resultado					{width:100%;}
.resultado a				{font-size: 14px; font-weight: bold;}
.resultado a:hover	{font-size: 14px; font-weight: bold;}

#pag_first {
	border: 0px;
	width: 13px;
	background: url(../images/paginacion_flecha_inicio.gif) no-repeat 50%;
}
#pag_previous {
	border: 0px;
	width: 13px;
	background: url(../images/paginacion_flecha_izda.gif) no-repeat 50%;
}
#pag_next {
	border: 0px;
	width: 13px;
	background: url(../images/paginacion_flecha_dcha.gif) no-repeat 50%;
}
#pag_last {
	border: 0px;
	width: 13px;
	background: url(../images/paginacion_flecha_fin.gif) no-repeat 50%;
}

.espacio_inter_listados {height:10px; padding-top:5px;}

/*------------ GALERIA DE IMAGENES --------------*/
.galeria_content
{
	width: 575px;

	color: #003B61;
	font-size: 12px;
	font-family: arial;
	font-weight: normal;
}
.galeria_content h3 {font-size: 24px; font-family:arial; font-weight: bold; text-decoration: none; padding: 0px; padding-bottom: 5px;}
.galeria_content p  {padding: 0px; padding-bottom: 10px;}

.galeria_img
{
	float: left;
	width: 170px;
	padding-right: 18px;
	padding-bottom: 10px;

	color: #3C3C3C;
	font-size: 10px;
	font-family: arial;
	font-weight: normal;
}
.galeria_img p {color: #3C3C3C; padding-top: 3px; padding-bottom: 0px;}

/*-- fotos pequeñas --*/
.foto_marco_top
{
	border:0px;
	margin:0px;
	padding:0px;

	width:173px;
	height:7px;
	line-height:7px;
	font-size:1px;
	background: url(../images/foto_marco_peq_top.gif) no-repeat;
}
.foto_marco_medium
{
	border:0px;
	margin:0px;
	padding:0px;

	width:173px;
	background-color: #231F20;
	
	text-align: center;
}
.foto_marco_bottom
{
	border:0px;
	margin:0px;
	padding:0px;

	width:173px;
	height:7px;
	line-height:7px;
	font-size:1px;
	background: url(../images/foto_marco_peq_bottom.gif) no-repeat;
}

/*-- fotos medianas --*/
.foto_marco_med_top
{
	border:0px;
	margin:0px;
	padding:0px;

	width:290px;
	height:10px;
	line-height:10px;
	font-size:1px;
	background: url(../images/foto_marco_med_top.gif) no-repeat;
}
.foto_marco_med_medium
{
	border:0px;
	margin:0px;
	padding:0px;

	width:290px;
	background-color: #231F20;
	
	text-align: center;
}
.foto_marco_med_bottom
{
	border:0px;
	margin:0px;
	padding:0px;

	width:290px;
	height:10px;
	line-height:10px;
	font-size:1px;
	background: url(../images/foto_marco_med_bottom.gif) no-repeat;
}

/*-- fotos grandes --*/
.foto_marco_gra_top
{
	border:0px;
	margin:0px;
	padding:0px;

	width:478px;
	height:10px;
	line-height:10px;
	font-size:1px;
	background: url(../images/foto_marco_gra_top.gif) no-repeat;
}
.foto_marco_gra_medium
{
	border:0px;
	margin:0px;
	padding:0px;

	width:478px;
	background-color: #231F20;
	
	text-align: center;
}
.foto_marco_gra_bottom
{
	border:0px;
	margin:0px;
	padding:0px;

	width:478px;
	height:10px;
	line-height:10px;
	font-size:1px;
	background: url(../images/foto_marco_gra_bottom.gif) no-repeat;
}













#buttons {
	height: 50px;
	width: 350px;
	margin: 0 auto;
	text-align: center;
}

#buttoninsidebuttons{
	height:20px;
	width: 300px;
	margin: auto;
	text-align: center;
}

#request .button {
	width: 100px;
	border: 1px solid black;
	background-color: #D4D0C8;
	color: black;
}



#request span.warning {
	font-weight: bold;
	text-align: center;
}

#request br {
	clear: left;
}

p.center span {
	display: block;
}

p.center .name { font-weight: bold }

#header_right {
	border-top: 3px solid #0066A6
}

.logo {
	background: transparent url(../images/static/logo.gif) no-repeat scroll
		1em 1em;
	height: 80px
}

#top_bar {
	background-color: #E2F2FD;
	font-size: 77%;
	margin-top: 0.8em;
	min-height: 20px;
	padding: 8px 0 5px 0;
	width: 100%;
}

#top_bar_container {
	position: relative;
	text-align: right;
	width: 100%;
	height: 25px;
}

#top_bar_navcontainer {
	float: right;
	overflow: hidden;
	margin-right: 1em;
}

#top_bar_navlist {
	list-style-type: none;
	margin: 0;
	padding: 0
}

#top_bar_navlist li {
	/*border-left: 1px solid #0066A6;*/
	background: transparent url(../images/static/bg_top_bar_navlist.gif) no-repeat center left;
	float: left;
	line-height: 1.9em;
	margin: 0 .5em 0 -0.5em;
	padding: 0 .5em;
}

#cercador {
	margin-right: 10px
}

/* MAIN */
#main {
	background: transparent url(../images/static/main_background.gif)	no-repeat top right;
	padding-left: 190px;
	padding-top: 70px;
	font-size: 85%;
}

#main p {
	margin-bottom: 1em
}


#main li2 {
	font-size: 85%
}



#title_container {
	background-color: #E2F2FD;
	color: #FB8B00;
	font-weight: bold;
	margin-bottom: 15px;
	width: 100%
}

#title {
	height: 25px;
	line-height: 1.7em;
	margin: 0.5em 1em
}

#breadcrumb {
	color: #000;
	float: right;
	font-size: 85%;
	font-weight: normal;
	line-height: 2.1em
}

#errors {
	border: 1px solid #BC8F8F;
	background-color: #800080;
	color: #FF0000;
	width: 100%;
	
}

/* Errores */
.txt_errores{font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif; padding-left:50px;}

.error {border: 2px solid red; background: #FFEEEE}

/* SIDEBAR */
#sidebar {
	background-color: transparent;
	border-top: 3px solid #FB8B00;
	position: absolute;
	width: 180px
}

#sidebar h2 {
	background: transparent url(../images/static/h2_bullet.gif) no-repeat 0
		3px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 10px
}

#sidebar_navcontainer {
	font-size: 77%;
	margin: 2em 1em
}

#sidebar_navcontainer ul {
	padding-left: 10px
}

