﻿
.marco-fondo-bot     /* fondo del Marco Vertical */
{
	text-decoration: none;
	color: #DEDEE6;
	background-image: url(MarcoVertical/CV_Fondo.png);
	background-repeat:   repeat-y;
	border: none;
}
/****************************************************************************************************/
.marco-fondo-cab     /* fondo del Marco Horizontal */
{
	text-decoration: none;
	color: #DEDEE6;
	background-image: url(MarcoHorizontal/CH_Fondo.png);
	background-repeat:   repeat-x;
	border: none;
}
/****************************************************************************************************/
/*Barra de Acciones: El nombre de la fuente y el tamaño no se puede modificar*/
.Menu-Subir
{
	z-index:300;
	font-family:"Verdana";	
	font-size:10px;
	font-weight: normal;
	border-collapse: collapse;
}
.Menu-Principal
{
    border-collapse: collapse;
	color:#333333;
	font-family:"Verdana";	
	font-size:10px;
	font-weight: normal;
	background-color:#B9B9B9; 
	background-image:url(BarraAcciones/F_barraacciones_sin.png);
	background-position:center;
	background-repeat:   repeat-y;  
	border-style:solid;
	border-bottom-color:#ABAEAF;
	border-bottom-width:1px;
	border-right-color:#ABAEAF;
	border-right-width:1px;
	border-left-color: #ABAEAF;
	border-left-width:1px;
	border-top-color: #ABAEAF;
	border-top-width: 1px;
	/*padding-left: 3px;*/
}

/******************************************************************************************************/

/*Barra Nueva de Acciones: El nombre de la fuente y el tamaño no se puede modificar*/
.BarraMenu
{
	z-index:120;	
	color:#333333;
	font-family:"Verdana";/*Trebuchet MS*/
	font-size:10px;
	font-weight: normal;
	background-color:#B9B9B9;
	background-image:url(BarraAcciones/F_barraacciones_sin.png);
	background-position:center;
	background-repeat:   repeat-y;  
	border-style:solid;
	border-bottom-color:#ABAEAF;
	border-bottom-width:1px;
	border-right-color:#ABAEAF;
	border-right-width:1px;
	border-left-color: #ABAEAF;
	border-left-width:1px;
	border-top-color: #ABAEAF;
	border-top-width: 1px;
	padding-left: 2px;
	width: 99%;
	height: 20px;
	left: 8px;
	position: absolute;
	border-collapse:collapse;
	vertical-align: middle;
	text-align: center;
}

/******************************************************************************************************/
							/*Botones Rollovers*/
.boton{
	background-image: url(Imagenes/B_ovalado.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #FFFFFF;
	text-align:center;
	padding-right:13px;
	line-height: 220%;
	height:22px;
	width:76px;
	float:left;
	*float:none;
}
a.boton:hover{	
	/* display: block; */
	background-color:transparent;
	background-image:url(Imagenes/B_ovalado_over.gif);
}

.boton-ajustable{	
	background-color: #E7E7E7;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	font-weight: bold;
	color: #777777;
	text-align:center;	
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;		
	border-right-style: solid;
	border-right-color: #A0A0A0;
	border-right-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #A0A0A0;
	border-bottom-width: 2px;
	border-left-style: solid;
	border-left-color: #C0C0C0;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #C0C0C0;
	border-top-width: 1px;	
}
a.boton-ajustable:hover
{		
	color: #333333;
	border-right-style: solid;
	border-right-color: #FEFEFE;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FEFEFE;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-color: #D4D4D4;
	border-left-width: 2px;
	border-top-style: solid;
	border-top-color: #D4D4D4;
	border-top-width: 2px;
}

.boton-validacion
{
	background-image: url(Imagenes/B_validacion.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #FFFFFF;
	text-align:center;	
	line-height: 220%;
	height:22px;
	width:168px;
	float:left;
	*float:none;
}
a.boton-validacion:hover
{
	background-color:transparent;
	background-image:url(Imagenes/B_validacion_over.gif);
}

.boton-validacion-small
{
	background-image: url(Imagenes/B_validacion_small.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #FFFFFF;
	text-align:center;	
	padding-right:13px;
	line-height: 220%;
	height:22px;
	width:148px;
	float:left;
	*float:none;
}
a.boton-validacion-small:hover
{
	background-color:transparent;
	background-image:url(Imagenes/B_validacion_small_over.gif);
}

.boton-fondo-transp{
	background-image: url(Imagenes/B_ovalado_fondotransp.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #FFFFFF;
	text-align:center;
	padding-right:13px;
	line-height: 220%;
	height:22px;
	width:69px;
	float:left;
	*float:none;
}
a.boton-fondo-transp:hover{	
	background-color:transparent;
	background-image:url(Imagenes/B_ovalado_fondotransp_over.png);
}
.boton-validacion-aceptar
{
	background-image: url(Imagenes/B_FormFiltro.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #FFFFFF;
	text-align:center;	
	padding-right:13px;
	line-height: 220%;
	height:22px;
	width:148px;
	float:left;
	*float:none;
}
a.boton-validacion-aceptar:hover
{
	background-color:transparent;
	background-image:url(Imagenes/B_FormFiltroover.png);
}
.botondisabled{	
	background-image:url(Imagenes/B_ovaladodown.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #666666;
	text-align:center;
	line-height: 220%;
	height:22px;
	width:84px;
	float:left;
	*float:none;	
}
.boton-rectangular{
	background-image: url(Imagenes/B_rectangular.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Arial,Arial Narrow;
	font-size: 8pt;
	font-weight: normal; 
	text-decoration: none;
	color: #FFFFFF;
	text-align:center;
	padding-right:15px;
	line-height: 220%;
	height:25px;
	width:107px;
	float:left;
	*float:none;
}
a.boton-rectangular:hover{	
	/* display: block; */
	background-color:transparent;
	background-image:url(Imagenes/B_rectangular_over.gif);
}
.boton-rectangular-medio{
	background-image: url(Imagenes/B_rectangular_wide.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	font-weight: normal; 
	text-decoration: none;
	color: #FFFFFF;
	text-align:center;
	padding-right:15px;
	line-height: 220%;
	height:22px;
	width:170px;
	float:left;
	*float:none;
}
a.boton-rectangular-medio:hover{	
	/* display: block; */
	background-color:transparent;
	background-image:url(Imagenes/B_rectangular_wide_over.gif);
}
.boton-rectangular-ancho{
	background-image: url(Imagenes/B_rectangular_ancho.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Tahoma;
	font-size: 10px;
	font-weight: bold; 
	text-decoration: none;
	color: #1B3D65;
	text-align:center;
	line-height: 220%;
	height:24px;
	width:140px;
	float:left;
	*float:none;
}
.boton-cont-ejecucion{
	background-image: url(Imagenes/B_ContEjecucion.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Arial,Arial Narrow;
	font-size: 8pt;
	font-weight: normal; 
	text-decoration: none;
	color: #FFFFFF;
	text-align:center;
	padding-right:15px;
	line-height: 220%;
	height:25px;
	width:99px;
	float:left;
	*float:none;
}
a.boton-cont-ejecucion:hover{	
	/* display: block; */
	background-color:transparent;
	background-image:url(Imagenes/B_ContEjecucion_over.gif);
}
.boton-web{
	background-image: url(Imagenes/B_rectangularWeb.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Tahoma;
	font-size: 10px;
	font-weight: bold; 
	text-decoration: none;
	color: #1B3D65;
	text-align:center;
	line-height: 220%;
	height:25px;
	width:202px;
	float:left;
	*float:none;
}
a.boton-web:hover{	
	/* display: block; */
	background-color:transparent;
	background-image:url(Imagenes/B_rectangularWeb_over.gif);
}
.boton-emailpeq
{
	background-image:url(Imagenes/BG-Bot-81x38.jpg);
	background-repeat:no-repeat;	
	background-position:center;
	background-color:transparent;
	text-decoration: none;
	font-family: Arial Narrow;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	padding-left:17px;
	padding-top:13px;
	color: #808080;
	height:38px;	
	width:81px;
	float:left;	
	*float:none;
}
a.boton-emailpeq:hover
{
	background-image: url(Imagenes/BG-Bot-81x38-Over.jpg);
	color: Black;
}
.boton-emailmed
{
	background-image:url(Imagenes/BG-Bot-112x38.jpg);
	background-repeat:no-repeat;	
	background-position:center;
	background-color:transparent;
	text-decoration: none;
	font-family: Arial Narrow;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	padding-left:17px;
	padding-top:13px;
	color: #808080;
	height:38px;	
	width:112px;
	float:left;
	*float:none;
}
a.boton-emailmed:hover
{
	background-image: url(Imagenes/BG-Bot-112x38-Over.jpg);
	color: Black;
}

.boton-desenlazar{
	background-image: url(Imagenes/B_desenlazar.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #464646;
	text-align:center;
	line-height: 220%;
	height:14px;
	width:18px;
	float:left;
	*float:none;
}

.boton-desenlazar_gris{
	background-image: url(Imagenes/B_desenlazar_gris.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #464646;
	text-align:center;
	line-height: 220%;
	height:14px;
	width:18px;
	float:left;
	*float:none;
}

.boton-deshacer
{
	background-image: url(Imagenes/deshacer.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	line-height: 220%;
	height:10px;
	width:9px;
	float:left;
	*float:none;
}
.boton-duplicate
{
	background-image: url(Imagenes/duplicate.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	line-height: 220%;
	height:18px;
	width:16px;
	float:left;
	*float:none;
}


.boton-filtro{
	background-image: url(Imagenes/B_ovalado_filtro.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Arial, Arial Narrow;
	font-size: 8pt;
	text-decoration: none;
	color: #FFFFFF;
	text-align:center;
	padding-right:13px;
	line-height: 220%;
	height:22px;
	width:84px;
	float:left;	
}
a.boton-filtro:hover{	
	/*display: block;*/
	background-color:transparent;
	background-image:url(Imagenes/B_ovalado_filtroover.png);
}
.boton-filtrodisabled{	
	background-image:url(Imagenes/B_ovalado_filtrodown.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #666666;
	text-align:center;
	padding-right:13px;
	line-height: 220%;
	height:22px;
	width:84px;
	float:left;
	*float:none;	
}

.mob-boton-filtro{
	background:url(Imagenes/mob_arrow.png) no-repeat 200px 0px;
	background-color:transparent;
	font-family:Helvetica Neue, Tahoma;
	text-transform:uppercase;
	font-size: 1.2em;
	text-decoration: none;
	color: #102F6D;
	font-weight:bold;
	text-align:center;
	padding-right:50px;
	line-height: 100%;
	height:48px;
	width:200px;
	*width:240px;
	float:left;	
}

.mob-boton-filtro-over{
	background:url(Imagenes/mob_arrow_over.png) no-repeat 200px 0px;
	background-color:transparent;
	font-family:Helvetica Neue, Tahoma;
	text-transform:uppercase;
	font-size: 1.2em;
	text-decoration: none;
	color: #102F6D;
	font-weight:bold;
	text-align:center;
	padding-right:50px;
	line-height: 100%;
	height:48px;
	width:200px;
	*width:240px;
	float:left;	
}

/*.mob-boton-filtrodisabled{	
    background:url(Imagenes/mob_arrow_dis.png) no-repeat 200px -2px, url(Imagenes/mob_bg_tab.png) repeat-x 0px 0px;
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Helvetica Neue , Tahoma;
	text-transform:uppercase;
	font-size: 1.2em;
	text-decoration: none;
	color: #666666;
	font-weight:bold;
	text-align:center;
	padding-right:50px;
	line-height: 100%;
	height:47px;
	width:200px;
	*width:240px;
	float:left;
}*/

.mob-bot-filtro-proceder
{
    background:url(Imagenes/mob_sep.png) no-repeat 239px 2px;
	background-color:transparent;
	font-family:Helvetica Neue, Tahoma;
	text-transform:uppercase;
	font-size: 1.2em;
	text-decoration: none;
	color: #102F6D;
	font-weight:bold;
	text-align:center;
	line-height: 220%;
	height:49px;
	width:240px;
	float:left;
}

.mob-bg-tb
{
    background:url(Imagenes/mob_bg_tab.png) repeat-x 0px 16px;
    height:45px; 
    background-color:transparent; 
}

.boton-comunicado{
	background-image: url(Imagenes/B_ovalado_comunicado.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #FFFFFF;
	text-align:center;
	padding-right:13px;
	line-height: 220%;
	height:23px;
	width:84px;
	float:left;
	*float:none;
}

.botonojo{
	background-image: url(Imagenes/ojo.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:18px;
	width:21px;
	float:left;
	*float:none;
}
a.botonojo:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/ojoover.gif);
	float:left;
	*float:none;
}
.botonojodisabled{	
	background-image:url(Imagenes/ojo_gris.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	height:18px;
	width:21px;
	float:left;
	*float:none;	
}
a.botonojodisabled:hover{
    display: block;
	background-color:transparent;
	background-image:url(Imagenes/ojo_gris.gif);
	float:left;
	*float:none;
}
.formbotonojo{
	background-image: url(Imagenes/ojo.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:18px;
	width:21px;
	float:left;

}
a.formbotonojo:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/ojoover.gif);
	float:left;
}
.formbotonojodisabled{	
	background-image:url(Imagenes/ojo_gris.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	height:18px;
	width:21px;
	float:left;
	*float:none;	
}
.botonlupa{
	background-image: url(Imagenes/lupa.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:25px;
	width:24px;
	float:left;
}
a.botonlupa:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/lupaover.gif);
}
.botonlupadisabled{	
	background-image:url(Imagenes/lupa_gris.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	height:25px;
	width:24px;
	float:left;
	*float:none;	
}
.botonguardar{
	background-image: url(Imagenes/save.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:18px;
	width:21px;
	float:left;
	*float:none;
}
.botonampliar
{
	background-image: url(Imagenes/B_Ampliar_Tarea.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:21px;
	width:21px;
	float:left;
	*float:none;
}
a.botonampliar:hover{	
	/*display: block;*/
	background-color:transparent;
	background-image:url(Imagenes/B_Ampliar_Tareaover.png);
}
.expandbutton
{
	background-image: url(Imagenes/B_Ampliar.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	float:left;
	*float:none;
}
a.expandbutton:hover{	
	/*display: block;*/
	background-color:transparent;
	background-image:url(Imagenes/B_Ampliar_over.png);
}
.botonvermas
{
	background-image: url(Imagenes/B_Mas_Tarea.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:18px;
	width:21px;
	float:left;
	*float:none;
}
a.botonvermas:hover{	
	/*display: block;*/
	background-color:transparent;
	background-image:url(Imagenes/B_Mas_Tareaover.png);
}
.botoneditartarea
{
	background-image: url(Imagenes/B_Editar_Tarea.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:21px;
	width:21px;
	float:left;
	*float:none;
}
a.botoneditartarea:hover{	
	/*display: block;*/
	background-color:transparent;
	background-image:url(Imagenes/B_Editar_Tareaover.png);
}
.botonsumar
{
	background-image:url(BarraAcciones/sumar.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botonrestar
{
	background-image:url(BarraAcciones/restar.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botonmultiplicar
{
	background-image:url(BarraAcciones/multiplicar.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botondividir
{
	background-image:url(BarraAcciones/dividir.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botonabrirparentesis
{
	background-image:url(BarraAcciones/abrir.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botoncerrarparentesis
{
	background-image:url(BarraAcciones/cerrar.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botonpotencia
{
	background-image:url(BarraAcciones/potencia.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botonredondeo
{
	background-image:url(BarraAcciones/redondeo.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botonmasbotones
{
	background-image:url(BarraAcciones/mas.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botonIF
{
	background-image:url(BarraAcciones/if.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botonOR
{
	background-image:url(BarraAcciones/or.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botonAND
{
	background-image:url(BarraAcciones/and.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:30px;
	float:left;
	*float:none;
}
.botonigual
{
	background-image:url(BarraAcciones/igual.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botonmenor
{
	background-image:url(BarraAcciones/menor.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botonmenorigual
{
	background-image:url(BarraAcciones/menorIgual.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botonmayor
{
	background-image:url(BarraAcciones/mayor.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botonmayorigual
{
	background-image:url(BarraAcciones/mayorIgual.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botondistinto
{
	background-image:url(BarraAcciones/distinto.gif);
	background-color:Transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:27px;
	width:20px;
	float:left;
	*float:none;
}
.botonvisor{
	background-image: url(Imagenes/visor.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:14px;
	width:11px;
	float:left;
	*float:none;
}
a.botonvisor:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/visorover.gif);
}
.botonvisor_der{
	background-image: url(Imagenes/visor_der.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:14px;
	width:11px;
	float:left;
	*float:none;
}
a.botonvisor_der:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/visor_der.gif);
}

.botoncalendario{
	background-image: url(Imagenes/calendario.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:18px;
	width:21px;
	float:left;
	*float:none;
}
a.botoncalendario:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/calendario.gif);
}
.botoncalendariogris{
background-image: url(Imagenes/calendario_gris.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:18px;
	width:21px;
	float:left;
	*float:none;
}
a.botoncalendariogris:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/calendario_gris.gif);
}
.botonvolverbase{
	background-image: url(Imagenes/B_VolverBase.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:18px;
	width:21px;
	float:left;
	*float:none;
}
a.botonvolverbase:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/B_VolverBaseover.png);
}
.botoneliminar{
	background-image: url(Imagenes/REJECT2.GIF);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:18px;
	width:21px;
	float:left;
	*float:none;
}
a.botoneliminar:hover{		
	background-color:transparent;
	background-image:url(Imagenes/REJECT2.GIF);
}
.botoneliminargris{
	background-image: url(Imagenes/REJECT2_gris.GIF);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:18px;
	width:21px;
	float:left;
	*float:none;
}
.botoneditar{
	background-image: url(Imagenes/editar.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:22px;
	width:23px;
	float:left;
	*float:none;
}
a.botoneditar:hover{		
	background-color:transparent;
	background-image:url(Imagenes/editar.gif);
}
.botonPresCM
{
    cursor:pointer;
    background-color:transparent;
    filter:alpha(opacity=40);
	-moz-opacity:0.40;
	-khtml-opacity: 0.40; 
	opacity: 0.40;
}
.botonPresCM_over
{
    background-color:transparent;
    filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.00; 
	opacity: 1.00;
} 
.privatedata
{
	background-image: url(Imagenes/I_Permisos.gif);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	float:left;
	*float:none;
}
.gridinfodoc
{
	background-image: url(Imagenes/gridinfodoc.png);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	float:left;
	*float:none;
}
a.gridinfodoc:hover{	
	/*display: block;*/
	/*background-color:transparent;*/
	background-image:url(Imagenes/gridinfodoc_over.png);
}
.grideditbutton
{
	background-image: url(Imagenes/gridedit.gif);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	float:left;
	*float:none;
}
a.grideditbutton:hover{	
	/*display: block;*/
	/*background-color:transparent;*/
	background-image:url(Imagenes/gridedit_over.gif);
}
.grideditbuttondisabled
{
	background-image: url(Imagenes/gridedit_disabled.gif);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	float:left;
	*float:none;
}
.gridfingerprintbutton
{
	background-image: url(Imagenes/firma_cert.png);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:14px;
	width:21px;
	float:left;
	*float:none;
}
a.gridfingerprintbutton:hover{	
	/*display: block;*/
	/*background-color:transparent;*/
	background-image:url(Imagenes/firma_cert.png);
}
.gridfingerprintbuttondisabled
{
	background-image: url(Imagenes/firma_cert_disabled.png);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:14px;
	width:21px;
	float:left;
	*float:none;
}
.gridsignbutton
{
	background-image: url(Imagenes/gridsign.gif);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:12px;
	width:19px;
	float:left;
	*float:none;
}
a.gridsignbutton:hover{	
	/*display: block;*/
	/*background-color:transparent;*/
	background-image:url(Imagenes/gridsign_over.gif);
}
.gridsignbuttondisabled
{
	background-image: url(Imagenes/gridsign_disabled.gif);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:12px;
	width:19px;
	float:left;
	*float:none;
}
.gridsign_pdf
{
	background-image: url(Imagenes/gridsign_pdf.gif);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:15px;
	width:50px;
	float:left;
	*float:none;
}
.gridsign_pdf_cert
{
	background-image: url(Imagenes/gridsign_pdf_cert.gif);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:15px;
	width:50px;
	float:left;
	*float:none;
}
.gridsign_pdf_sign
{
	background-image: url(Imagenes/gridsign_pdf_firma.gif);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:15px;
	width:50px;
	float:left;
	*float:none;
}
.gridsign_trans
{
	background-image: url(Imagenes/gridsign_tranparencia.gif);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:15px;
	width:50px;
	float:left;
	*float:none;
}
.gridsign_word_cert
{
	background-image: url(Imagenes/gridsign_word_cert.gif);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:15px;
	width:50px;
	float:left;
	*float:none;
}
.gridsign_word_sign
{
	background-image: url(Imagenes/gridsign_word_firma.gif);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:15px;
	width:50px;
	float:left;
	*float:none;
}
.gridlogbutton
{
	background-image: url(Imagenes/gridlog.gif);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	float:left;/*none - con float none la imagen no sale en FF y Chrome*/
	*float:none;
}
.gridDownload
{
	background-image: url(Imagenes/I_download.gif);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	float:left;/*none - con float none la imagen no sale en FF y Chrome*/
	*float:none;
}
.gridDownload_dis
{
	background-image: url(Imagenes/I_download_dis.gif);
	/*background-color:transparent;*/
	background-position:center;
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	float:left;/*none - con float none la imagen no sale en FF y Chrome*/
	*float:none;
}
.botoneditardisabled{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/editar_gris.gif);
	float:left;
	*float:none;
}
.botonpaleta{
	background-image: url(Imagenes/paleta.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:22px;
	width:23px;
	float:left;
	*float:none;
}
a.botonpaleta:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/paletaover.gif);
}
.botonagregar{
	background-image: url(Imagenes/B_Agregar.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:23px;
	width:63px;
	float:left;
	*float:none;
}
a.botonagregar:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/B_Agregar_over.gif);
}
 .botonagregarpanel{
	background-image: url(Imagenes/B_AgregarPanel.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:22px;
	width:51px;
	float:left;
	*float:none;
}
a.botonagregarpanel:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/B_AgregarPanelover.png);
}
 .botondesagregarpanel{
	background-image: url(Imagenes/B_DesagregarPanel.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:22px;
	width:51px;
	float:left;
	*float:none;
 }
 a.botondesagregarpanel:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/B_DesagregarPanelover.png);
}
.botonagregarcoment{
	background-image: url(Imagenes/B_AgregarComent.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:23px;
	width:63px;
	float:left;
	*float:none;
}
a.botonagregarcoment:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/B_AgregarComent_over.png);
}
.botondesagregarcoment{
	background-image: url(Imagenes/B_DesagregarComent.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:23px;
	width:63px;
	float:left;
	*float:none;
}
a.botondesagregarcoment:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/B_DesagregarComent_over.png);
}
.botonimpresora{
	background-image: url(Imagenes/impresora.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:18px;
	width:21px;
	float:left;
	*float:none;
}
a.botonimpresora:hover{	
	/*display: block;*/
	background-color:transparent;
	background-image:url(Imagenes/impresora.gif);
}
.botonayuda{
	background-image: url(Imagenes/ayuda.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:18px;
	width:21px;
	float:left;
	*float:none;
}
a.botonayuda:hover{	
	/*display: block;*/
	background-color:transparent;
	background-image:url(Imagenes/ayuda.gif);
}

.botonagregardisabled{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/B_Agregardown.gif);
	float:left;
	*float:none;
}
.botondesagregar{
	background-image: url(Imagenes/B_desagregar.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:23px;
	width:63px;
	float:left;
	*float:none;
}
a.botondesagregar:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/B_Desagregar_over.gif);
}
.botondesagregardisabled{
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/B_Desagregardown.gif);
	float:left;
	*float:none;
}
.botondesagregartodo{
	background-image: url(Imagenes/B_DesagregarTodo.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:23px;
	width:63px;
	float:left;
	*float:none;
}
a.botondesagregartodo:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/B_DesagregarTodo_over.gif);
}
.botondesagregartododisabled{
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/B_DesagregarTododown.gif);
	float:left;
	*float:none;
}
.boton-validarfecha{
	background-image: url(Imagenes/B_DlDer.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	float:left;
	*float:none;
}
a.boton-validarfecha:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/B_DlDerover.png);
}

.boton-validarfechaIzq{
 background-image: url(Imagenes/B_DlIzq.png);
 background-color:transparent;
 background-position:center;
 background-repeat:no-repeat;
 height:14px;
 width:14px;
 float:right;
 *float:none;
}
a.boton-validarfechaIzq:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/B_DlIzqover.png);
}

.boton-pasarvalor{
	background-image: url(Imagenes/B_PasarValor.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	float:left;
	*float:none;
}
a.boton-pasarvalor:hover{	
	display: block;
	background-color:transparent;
	background-image:url(Imagenes/B_PasarValor_over.gif);
}

/*Botones ejemplo Portal Externo*/

.boton-entrada{
	background-image: url(PortalExterno/Marco/XHB_Entrada.jpg);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #464646;
	text-align:center;
	vertical-align:baseline;
	line-height: 350%;
	height:37px;
	width:75px;
	float:left;
	*float:none;
}
a.boton-entrada:hover{	
	display: block;
	background-color:transparent;
	background-image:url(PortalExterno/Marco/XHB_Entrada_over.jpg);
}

.boton-tareas{
	background-image: url(PortalExterno/Marco/XHB_Tareas.jpg);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #464646;
	text-align:center;
	line-height: 350%;
	height:37px;
	width:69px;
	float:left;
	*float:none;
}

a.boton-tareas:hover{	
	display: block;
	background-color:transparent;
	background-image:url(PortalExterno/Marco/XHB_Tareas_over.jpg);
}

.boton-documentos{
	background-image: url(PortalExterno/Marco/XHB_Documentos.jpg);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #464646;
	text-align:center;
	line-height: 350%;
	height:37px;
	width:101px;
	float:left;
	*float:none;
}

a.boton-documentos:hover{	
	display: block;
	background-color:transparent;
	background-image:url(PortalExterno/Marco/XHB_Documentos_over.jpg);
}

.boton-items{
	background-image: url(PortalExterno/Marco/XHB_Items.jpg);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #464646;
	text-align:center;
	line-height: 350%;
	height:37px;
	width:64px;
	float:left;
	*float:none;
}

a.boton-items:hover{	
	display: block;
	background-color:transparent;
	background-image:url(PortalExterno/Marco/XHB_Items_over.jpg);
}

.boton-cuenta{
	background-image: url(PortalExterno/Marco/XHB_Cuenta.jpg);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #464646;
	text-align:center;
	line-height: 350%;
	height:37px;
	width:70px;
	float:left;
	*float:none;
}

a.boton-cuenta:hover{	
	display: block;
	background-color:transparent;
	background-image:url(PortalExterno/Marco/XHB_Cuenta_over.jpg);
}

.botoncopiarporta{
	background-image: url(Imagenes/B_Copiar_Porta.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:21px;
	width:21px;
	float:left;
	*float:none;
}
a.botoncopiarporta:hover{
	background-image: url(Imagenes/B_Copiar_Portaover.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:21px;
	width:21px;
}
.botonprintform{
	background-image: url(Imagenes/B_Imprimir.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:21px;
	width:21px;
	float:left;
	*float:none;
}
a.botonprintform:hover{
	background-image: url(Imagenes/B_Imprimir_over.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:21px;
	width:21px;
}
.botonactualizarform{
	background-image: url(Imagenes/B_actualizar_form.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:21px;
	width:21px;
	float:left;
	*float:none;
}
a.botonactualizarform:hover{
	background-image: url(Imagenes/B_actualizar_form_over.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:21px;
	width:21px;
}
.boton-visorform{
	background-image: url(Imagenes/VisorForm.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	height:16px;
	width:17px;
	float:left;
	*float:none;
}
.boton-comprobar{
	background-image: url(Imagenes/vis.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	height:16px;
	width:17px;
	float:left;
	*float:none;
}
.boton-mylayout{
	background-image: url(Imagenes/B_MyLayout.gif);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Arial,Arial Narrow;
	font-size: 8pt;
	font-weight: normal; 
	text-decoration: none;
	color: #FFFFFF;
	text-align:center;
	padding-right:15px;
	line-height: 220%;
	height:25px;
	width:107px;
	float:left;
	*float:none;
}
a.boton-mylayout:hover{	
	/* display: block; */
	background-color:transparent;
	background-image:url(Imagenes/B_MyLayout_over.gif);
}
.buttonAddtoCart{
	background-image: url(Imagenes/AddToCart.jpg);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	height:19px;
	width:40px;
	float:left;	
}
.buttonPagination
{
    font-family:Verdana, Verdana.ttf;
    font-size:8pt;
    text-decoration:none;
    color:#414141;
    font-weight:normal;
    width:22px;
    height:14px;    
    text-align:center;
    float:left;
}
a.buttonPagination:hover
{
    color:#000000;
    font-weight:bold;
}
.buttonPagination-FirstLast
{
    font-family:Verdana, Verdana.ttf;
    font-size:8pt;
    text-decoration:none;
    color:#414141;
    background-color: #F3F3F3;
    font-weight:normal;
    width:22px;
    height:14px;    
    text-align:right;
    padding:0px 5px 0px 5px;    
    border: 1px solid #C1C1C1;
    float:left;
}
a.buttonPagination-FirstLast:hover
{
    color:#000000;
    font-weight:bold;
    border: 1px solid #414141;
}
.buttonPagination-disabled
{
    font-family:Verdana, Verdana.ttf;
    font-size:8pt;
    text-decoration:none;
    color:#000000;
    font-weight:bold;    
    width:22px;
    height:14px;    
    text-align:center;
    float:left;
}
.mn-layout{
	font-family:arial,arial.ttf;
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
	color:#5B5B5B;
	white-space:nowrap;
	padding:0px 10px 0px 10px
}
a.mn-layout:hover
{
	text-decoration:underline;
}

/*iconos de portal externo*/
.icono-ayuda{
	background-image: url(PortalExterno/Marco/XH_Ayuda.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #464646;
	text-align:center;
	line-height: 350%;
	height:37px;
	width:70px;
	float:left;
	*float:none;
}
a.icono-ayuda{
	display: block;
	background-color:transparent;
	background-image:url(PortalExterno/Marco/XH_Ayuda.png);
	float:left;
	*float:none;
}

.icono-favoritos{
	background-image: url(PortalExterno/Marco/XH_Favoritos.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #464646;
	text-align:center;
	line-height: 350%;
	height:37px;
	width:70px;
	float:left;
	*float:none;
	
}
a.icono-favoritos{
	display: block;
	background-color:transparent;
	background-image:url(PortalExterno/Marco/XH_Favoritos.png);
	float:left;
	*float:none;
}
.icono-informacion
{
	background-image: url(PortalExterno/Marco/XH_Informacion.png);
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;	
	font-family:Verdana,verdana.ttf;
	font-size: 7pt;
	text-decoration: none;
	color: #464646;
	text-align:center;
	line-height: 350%;
	height:37px;
	width:70px;
	float:left;
	*float:none;
}
a.icono-informacion
{
	display: block;
	background-color:transparent;
	background-image:url(PortalExterno/Marco/XH_Informacion.png);
	float:left;
	*float:none;
}
/* link en un label */
.label-link{
	font-family: Tahoma;
	font-size: 11px;
	font-weight:normal;
	color: #3300FF;
	text-decoration:underline;
	float:left;
	*float:none;
}

.linkPaginacion{
    z-index: 150;
    font-size: 10px;
    font-family: Verdana;
    text-decoration: none;
}
a.linkPaginacion:hover{
	color: #ff0000;
    text-decoration: underline;
}
/******************************************************************************************************/
							/*Tabla Campos Documento -Acciones al Terminar-*/

.grid-row-title			/* título de la tabla / grid */
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	background-color: #617782;
	color: white;
	text-align: left;
	height: 21px;
	float:left;
	*float:none;
}
.grid-row		/* diseño de la fila (generico)*/
{
	background-color: #D9D9D9;
	border-top: #617782 1px solid;
	border-bottom:  #617782 1px solid;
	border-left:  #617782 1px solid;
	border-right:  #617782 1px solid;
	height: 19px;
}

/******************************************************************************************************/
.imgsLevel 
{
	/*background-color:white; */
}

.imgsItem /*Estilo Boton posicion normal*/
{
	cursor: default;
	font-family: Arial, Arial Narrow;
	font-size: 11px;	
	color: #333333;
	text-align: left;
	vertical-align: bottom;
	/*padding-left:7px;*/
	padding-bottom:5px;
	background-repeat: no-repeat;
	background-position:center;
}

.imgsItem a
{
	font-family: Verdana,Tahoma,Trebuchet MS,helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #1A3C64;
}

/******************************************************************************************************/
/*Modal Popup
   Salva - No se utiliza. Pruebas con AjaxToolKit
.modalBackground {
	background-color:Gray;
	Filter:alpha(opacity=40);
	opacity:0.4;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	left: 300px;
	top: 300px;
	border-style:solid;
	border-color:Gray;
	padding:2px;
	width:250px;
}
/***********************************************************************************/


/************** afegit per Advanto 09/2011******************/
a.lnkPub{
	background-image: url(Imagenes/OC_next_over.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 9pt;
	color: #d81500;
	font-family: Arial;
	text-decoration: none;
}
a.lnkPub:hover{
	background-image: url(Imagenes/OC_next_over.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 9pt;
	color: #d81500;
	font-family: Arial;
	text-decoration: underline;
}
a.lnkAF{
	font-size: 9pt;
	font-weight: bold;
	color: #666;
	font-family: Arial;
	text-decoration: none;
}
a.lnkAF:hover{
	font-size: 9pt;
	font-weight: bold;
	color: #666;
	font-family: Arial;
	text-decoration: underline;
}
a.lnkArxiu{
	font-size: 9pt;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	font-family: Arial;
}
a.lnkArxiu:hover{
	font-size: 9pt;
	font-weight: bold;
	color: #d81500;
	text-decoration: none;
	font-family: Arial;
}
.fb21_logo {
    background-image:url(http://www.creuroja.org/AP/GaleriaImagenes_Recupera.aspx?id=215&idPortal=0);
    display:block;
    height:21px;
    width:21px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;    
}
.tw21_logo {
    background-image:url(http://www.creuroja.org/AP/GaleriaImagenes_Recupera.aspx?id=226&idPortal=0);
    display:block;
    height:21px;
    width:21px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;    
}
.yt21_logo {
    background-image:url(http://www.creuroja.org/AP/GaleriaImagenes_Recupera.aspx?id=228&idPortal=0);
    display:block;
    height:21px;
    width:21px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;    
}
.ig21_logo {
    background-image:url(http://www.creuroja.org/AP/GaleriaImagenes_Recupera.aspx?id=289&idPortal=0);
    display:block;
    height:21px;
    width:21px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;    
}